czg_team/new_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

新增禁用弹窗

Browse Source
This commit is contained in:
gyq
2025-05-24 18:16:56 +08:00
parent 64f8618802
commit 85d0f092c0
10 changed files with 1615 additions and 1484 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.hbuilderx/launch.json
View File

@@ -2,7 +2,7 @@
"version" : "1.0",
"configurations" : [
{
"playground" : "custom",
"playground" : "standard",
"type" : "uni-app:app-android"
},
{

4
commons/config.js
View File

@@ -1,5 +1,5 @@
//打包时修改env的值即可
const env = 'production' //test , production,local
const env = 'test' //test,production,local
export const encryptKey = '1234567890123456' // http数据加解密的key
@@ -7,7 +7,7 @@ export const apiUrl = '/czg/'
export const h5Config = {
production: 'https://web.hnsiyao.cn',
test: 'https://web-api.hnsiyao.cn',
local: 'http://192.168.1.41:8100'
local: 'http://192.168.1.21:8100'
}
export const AppConfig = {

69
components/disable-mask/disable-mask.vue Normal file
View File

@@ -0,0 +1,69 @@
<template>
<view class="container">
<view class="dialog">
<view class="title">
<text class="t">风险提示</text>
</view>
<view class="content">
<text class="t">您的账号暂不可用，详情请联系客服</text>
</view>
<view class="footer">
<navigator class="btn" url="/pages/me/contact" style="height: 40px">
<text class="t">去联系客服</text>
</navigator>
</view>
</view>
</view>
</template>
<script></script>
<style scoped lang="scss">
.container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
background-color: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(3px);
display: flex;
align-items: center;
justify-content: center;
.dialog {
width: 90%;
background-color: #fff;
border-radius: 20upx;
.title {
height: 100upx;
display: flex;
align-items: center;
justify-content: center;
.t {
font-size: 32upx;
font-weight: bold;
}
}
.content {
padding: 0 50upx;
}
.footer {
padding: 80upx 28upx 28upx;
display: flex;
.btn {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #dd8591;
color: #fff;
border-radius: 12upx;
.t {
font-size: 28upx;
}
}
}
}
}
</style>

4
http/http.js
View File

@@ -61,6 +61,7 @@ function commonsProcess(showLoading, httpReqCallback, isreturm) {
if (isreturm) {
return Promise.resolve(bodyData);
}
if (statusCode == 500) {
isShowErrorToast = true;
return Promise.reject(bodyData); // 跳转到catch函数
@@ -82,6 +83,9 @@ function commonsProcess(showLoading, httpReqCallback, isreturm) {
isShowErrorToast = true;
return Promise.reject(bodyData); // 跳转到catch函数
}
if (bodyData.code == 702) {
return Promise.reject(bodyData); // 跳转到catch函数
}
if (bodyData.code == 500) {
// 提示信息
isShowErrorToast = true;

10
pages/chasingDrama/index.vue
View File

@@ -52,14 +52,17 @@
<emprty-card v-if="!data.list2.length" />
</view>
</view>
<disable-mask v-if="disableShow"></disable-mask>
</template>
<script setup>
import { reactive } from 'vue';
import { reactive, ref } from 'vue';
import { selectByUserId } from '@/api/me/me.js';
import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app';
import { linkTo } from '@/utils/app.js';
const disableShow = ref(false);
// 获取数据
async function selectByUserIdAjax() {
try {
@@ -69,6 +72,11 @@ async function selectByUserIdAjax() {
data.list2 = res2.records;
} catch (error) {
console.log(error);
if (error.code == 702) {
disableShow.value = true;
} else {
disableShow.value = false;
}
}
setTimeout(() => {
uni.stopPullDownRefresh();

301
pages/index/index.vue
View File

@@ -1,7 +1,6 @@
<template>
<view class="indexStyle">
<image src="@/static/index/indexbh.png" mode="">
</image>
<image src="@/static/index/indexbh.png" mode=""></image>
<view class="indexStyleTwo">
<image src="@/static/logo.png" mode=""></image>
<!-- <view @tap="moreVideo">
@@ -12,54 +11,62 @@
<template v-if="datas.isExamine">
<view class="gongao">
<view class="gongaoicon">
公告
</view>
<swiper :autoplay="true" :vertical="true" :interval="4000" :circular="true" :indicator-dots="false"
class="swiperstyle">
<view class="gongaoicon">公告</view>
<swiper :autoplay="true" :vertical="true" :interval="4000" :circular="true" :indicator-dots="false" class="swiperstyle">
<swiper-item v-for="(item, index) in datas.noticeList" :key="index">
<view style="height: 80rpx;line-height: 80rpx;font-size: 14px;">{{ item.title }}</view>
<view style="height: 80rpx; line-height: 80rpx; font-size: 14px">{{ item.title }}</view>
</swiper-item>
</swiper>
</view>
</template>
</view>
<view class="navTop">
<view :class="datas.active == 1 ? 'navTop-active' : ''" @tap="getrecomVideo('', 1)">
最新
<view :class="datas.active == 1 ? 'navTop-active' : ''" @tap="getrecomVideo('', 1)">最新</view>
<view :class="datas.active == 2 ? 'navTop-active' : ''" @tap="getrecomVideo('1', 2)">排行</view>
<view :class="datas.active == 3 ? 'navTop-active' : ''" @tap="getrecomVideo('2', 3)">最热</view>
<view :class="datas.active == 4 ? 'navTop-active' : ''" @tap="getrecomVideo('1', 4)">剧情</view>
<view :class="datas.active == 5 ? 'navTop-active' : ''" @tap="getrecomVideo('2', 5)">飙升</view>
</view>
<view :class="datas.active == 2 ? 'navTop-active' : ''" @tap="getrecomVideo('1', 2)">
排行
</view>
<view :class="datas.active == 3 ? 'navTop-active' : ''" @tap="getrecomVideo('2', 3)">
最热
</view>
<view :class="datas.active == 4 ? 'navTop-active' : ''" @tap="getrecomVideo('1', 4)">
剧情
</view>
<view :class="datas.active == 5 ? 'navTop-active' : ''" @tap="getrecomVideo('2', 5)">
飙升
</view>
</view>
<contentlist :list='datas.list'></contentlist>
<image v-if="datas.isExamine" @click="goMsg()" src="@/static/index/red-pack-new.gif"
style="width: 200rpx;height: 200rpx;position: fixed;right: 10rpx;bottom: 180rpx;" mode=""></image>
<up-modal :show="datas.version.show" :confirm-text="datas.version.confirmText"
:showCancelButton="datas.version.cancelText!=''" @cancel="cancelUpdateVersion" @confirm='confirmUpdateVersion'
:title="datas.version.title" :title-style="{ fontWeight: '700' }" confirm-color="rgb(255, 117, 129)">
<view class="" style="padding-top: 30rpx;text-align: left;">
<scroll-view scroll-y="true" style="max-height: 50vh;">
<contentlist :list="datas.list"></contentlist>
<image
v-if="datas.isExamine"
@click="goMsg()"
src="@/static/index/red-pack-new.gif"
style="width: 200rpx; height: 200rpx; position: fixed; right: 10rpx; bottom: 180rpx"
mode=""
></image>
<up-modal
:show="datas.version.show"
:confirm-text="datas.version.confirmText"
:showCancelButton="datas.version.cancelText != ''"
@cancel="cancelUpdateVersion"
@confirm="confirmUpdateVersion"
:title="datas.version.title"
:title-style="{ fontWeight: '700' }"
confirm-color="rgb(255, 117, 129)"
>
<view class="" style="padding-top: 30rpx; text-align: left">
<scroll-view scroll-y="true" style="max-height: 50vh">
<!-- <rich-text style="color:#666" :nodes="datas.version.content"></rich-text> -->
<view style="text-align: justify;font-size: 18px;color: #666;" v-html="datas.version.content"></view>
<view style="text-align: justify; font-size: 18px; color: #666" v-html="datas.version.content"></view>
</scroll-view>
</view>
</up-modal>
<!-- h5关闭通知 -->
<!-- #ifdef H5 -->
<up-modal :show="datas.stopShow" cancel-text="知道了" show-cancel-button confirm-text="去下载" title="重要通知"
@cancel="stopCancel" :title="datas.rule_title" :title-style="{fontWeight:'700'}" @confirm="stopConfirm"
confirm-color="rgb(255, 117, 129)">
<up-modal
:show="datas.stopShow"
cancel-text="知道了"
show-cancel-button
confirm-text="去下载"
title="重要通知"
@cancel="stopCancel"
:title="datas.rule_title"
:title-style="{ fontWeight: '700' }"
@confirm="stopConfirm"
confirm-color="rgb(255, 117, 129)"
>
<view class="color-red u-text-left">
<text>2025年2月8日将关闭网页访问，请及时下载最新APP</text>
</view>
@@ -69,50 +76,30 @@
<!-- 公告弹窗 -->
<up-modal :show="datas.stopShows && datas.isExamine" :showConfirmButton="true" title="公告" @confirm="confirmEvent">
<view class="color-red u-text-left">
<view style="text-align: justify;font-size: 18px;color: #666;"
v-html="datas.noticeList[datas.cloneNum].title"></view>
<view style="text-align: justify; font-size: 18px; color: #666" v-html="datas.noticeList[datas.cloneNum].title"></view>
</view>
</up-modal>
<!-- #ifdef APP -->
<!-- #endif -->
<disable-mask v-if="disableMaskVisable"></disable-mask>
</template>
<script setup>
import {
reactive,
nextTick
} from 'vue';
import {
announcement,
messageselectMessage,
courseselectCourse
} from '@/api/index/index.js'
import {
onLoad,
onReady,
onReachBottom,
onShow
} from '@dcloudio/uni-app'
import contentlist from './components/contentlist.vue'
import {
selectNewApp
} from '@/api/user/user.js';
import { reactive, nextTick, ref } from 'vue';
import { announcement, messageselectMessage, courseselectCourse } from '@/api/index/index.js';
import { onLoad, onReady, onReachBottom, onShow } from '@dcloudio/uni-app';
import contentlist from './components/contentlist.vue';
import { selectNewApp } from '@/api/user/user.js';
import config from '@/commons/config.js';
import {
linkTo
} from '@/utils/app.js';
import {
useCommonStore
} from '@/store/common.js'
const $common = useCommonStore()
import { linkTo } from '@/utils/app.js';
import { useCommonStore } from '@/store/common.js';
const $common = useCommonStore();
onShow(() => {
// console.log('cash:' + uni.getStorageSync('userInfo').userId + "" + new Date().getTime(), 'debug')
// 判断ios是否审核
$common.init()
$common.init();
// #ifdef H5
datas.isExamine = $common.isIosExamine
datas.isExamine = $common.isIosExamine;
// #endif
// let sysInfo = uni.getSystemInfoSync()
// let isIos = sysInfo.platform == 'ios'
@@ -120,7 +107,10 @@
// datas.setindexdata = $common.setversion
// console.log(datas.setindexdata,'seaeasdas')
// }
})
});
const disableMaskVisable = ref(false);
let datas = reactive({
noticeList: [], //公告列表
@@ -137,114 +127,115 @@
stopShows: false,
version: {
show: false,
title: "",
content: "",
confirmText: "",
cancelText: "",
downloadLink: ""
title: '',
content: '',
confirmText: '',
cancelText: '',
downloadLink: ''
},
setindexdata: false,
cloneNum: 0
})
});
onLoad(() => {
versionUpdate()
getMsg()
getrecomVideo()
})
versionUpdate();
getMsg();
getrecomVideo();
});
onReady(() => {
if (!uni.getStorageSync('ruleShow')) {
announcement({
type: 0
}).then(res => {
})
.then((res) => {
if (res) {
datas.ruleShow = true
datas.ruleList = res
ruleInit()
datas.ruleShow = true;
datas.ruleList = res;
ruleInit();
}
})
.catch((err) => {
console.log(err);
});
}
})
});
onReachBottom(() => {
++datas.page
getrecomVideo()
})
++datas.page;
getrecomVideo();
});
// 公告
async function getMsg() {
let res = await messageselectMessage()
let arr = []
let ids = uni.getStorageSync('ids')
res.list.forEach(ele => {
let res = await messageselectMessage();
let arr = [];
let ids = uni.getStorageSync('ids');
res.list.forEach((ele) => {
if (ids.length) {
if (ids.indexOf(ele.id) == -1) {
arr.push(ele)
arr.push(ele);
}
} else {
uni.setStorageSync('ids', [res.list[0].id]);
arr.push(ele)
arr.push(ele);
}
})
datas.noticeList = arr
});
datas.noticeList = arr;
if (arr.length) {
if (ids.length) {
uni.setStorageSync('ids', [...uni.getStorageSync('ids'), datas.noticeList[datas.cloneNum].id]);
}
datas.stopShows = true
datas.stopShows = true;
}
}
function confirmEvent() {
datas.stopShows = false
datas.stopShows = false;
if (datas.cloneNum < datas.noticeList.length - 1) {
++datas.cloneNum
++datas.cloneNum;
uni.setStorageSync('ids', [...uni.getStorageSync('ids'), datas.noticeList[datas.cloneNum].id]);
datas.stopShows = true
datas.stopShows = true;
}
}
function stopConfirm() {
datas.stopShow = false
datas.stopShow = false;
uni.navigateTo({
url: '/pages/login/download'
})
});
}
function stopCancel() {
datas.stopShow = false
datas.stopShow = false;
}
function versionUpdate() {
//#ifdef APP-PLUS
plus.screen.lockOrientation('portrait-primary'); //竖屏正方向锁定
//获取当前系统版本信息
plus.runtime.getProperty(plus.runtime.appid, widgetInfo => {
plus.runtime.getProperty(plus.runtime.appid, (widgetInfo) => {
//请求后台接口 解析数据 对比版本
selectNewApp().then(async res => {
selectNewApp().then(async (res) => {
res = res[0];
console.log(uni.getSystemInfoSync().platform == 'ios', 1101)
console.log(uni.getSystemInfoSync().platform == 'ios', 1101);
let version;
if (uni.getSystemInfoSync().platform == 'android') {
version = res.version
version = res.version;
}
if (uni.getSystemInfoSync().platform == 'ios') {
version = res.iosVersion
version = res.iosVersion;
}
let isVersion = await $common.setversion(widgetInfo.version, version)
datas.isExamine = $common.isIosExamine
console.log(isVersion, '')
let isVersion = await $common.setversion(widgetInfo.version, version);
datas.isExamine = $common.isIosExamine;
console.log(isVersion, '');
if (isVersion == 1) {
datas.version.downloadLink = res.androidWgtUrl;
datas.version.show = true;
datas.version.title = "发现新版本";
datas.version.title = '发现新版本';
datas.version.content = res.des;
uni.hideTabBar()
if (res.method == "true") {
datas.version.confirmText = "立即更新"
uni.hideTabBar();
if (res.method == 'true') {
datas.version.confirmText = '立即更新';
} else {
datas.version.confirmText = "立即更新"
datas.version.cancelText = "下次更新"
datas.version.confirmText = '立即更新';
datas.version.cancelText = '下次更新';
}
}
});
@@ -253,14 +244,14 @@
}
function cancelUpdateVersion() {
uni.showTabBar()
datas.version.show = false
uni.showTabBar();
datas.version.show = false;
}
function confirmUpdateVersion() {
// plus.runtime.openURL(config.baseUrl + '/pages/login/appEq')
linkTo('/pages/login/download')
return
linkTo('/pages/login/download');
return;
uni.showLoading({
title: '下载中...',
mask: true
@@ -268,20 +259,20 @@
if (uni.getSystemInfoSync().platform == 'android') {
uni.downloadFile({
url: datas.version.downloadLink,
success: downloadResult => {
console.log(downloadResult)
success: (downloadResult) => {
console.log(downloadResult);
if (downloadResult.statusCode === 200) {
plus.runtime.install(
downloadResult.tempFilePath, {
downloadResult.tempFilePath,
{
force: false
},
d => {
(d) => {
console.log('install success...');
plus.runtime
.restart();
plus.runtime.restart();
},
e => {
console.log(e)
(e) => {
console.log(e);
console.error('install fail...');
}
);
@@ -295,24 +286,24 @@
}
function ruleInit() {
datas.rule_title = datas.ruleList[datas.ruleIndex].title
datas.rule_content = datas.ruleList[datas.ruleIndex].content
datas.rule_title = datas.ruleList[datas.ruleIndex].title;
datas.rule_content = datas.ruleList[datas.ruleIndex].content;
}
/**
* 规则确认
*/
function ruleConfirm() {
datas.ruleShow = false
datas.ruleIndex++
datas.ruleShow = false;
datas.ruleIndex++;
if (datas.ruleIndex >= datas.ruleList.length) {
datas.ruleIndex = 0
uni.setStorageSync('ruleShow', true)
return
datas.ruleIndex = 0;
uni.setStorageSync('ruleShow', true);
return;
}
setTimeout(res => {
ruleInit()
datas.ruleShow = true
}, 300)
setTimeout((res) => {
ruleInit();
datas.ruleShow = true;
}, 300);
}
// 跳转公告链接
@@ -329,24 +320,34 @@
});
}
//获取推荐视频
async function getrecomVideo(sort, active = 1) {
datas.active = active
try {
datas.active = active;
if (sort) {
datas.page = 1
datas.page = 1;
}
let res = await courseselectCourse({
page: datas.page,
limit: 12,
sort: sort,
classifyId: ''
})
});
console.log('getrecomVideo===', res);
if (datas.page == 1) {
datas.list = res.list
datas.list = res.list;
} else {
datas.list = [...datas.list, ...res.list]
datas.list = [...datas.list, ...res.list];
}
} catch (error) {
console.log('getrecomVideo.error===', error);
if (error.code == 702) {
disableMaskVisable.value = true;
} else {
disableMaskVisable.value = false;
}
}
}
</script>
@@ -360,7 +361,6 @@
width: 100%;
height: 100%;
position: absolute;
}
.indexStyleTwo {
@@ -395,7 +395,7 @@
border-radius: 12rpx 12rpx 12rpx 12rpx;
width: 611rpx;
height: 60rpx;
background-color: rgba(255, 255, 255, .65);
background-color: rgba(255, 255, 255, 0.65);
display: flex;
align-items: center;
padding: 12rpx;
@@ -417,7 +417,6 @@
width: 80%;
}
}
}
.navTop-active {
@@ -433,7 +432,7 @@
> view {
background-color: #f0f0f0;
margin-left: 20rpx;
padding: 6rpx 20rpx
padding: 6rpx 20rpx;
}
}
</style>

79
pages/me/index.vue
View File

@@ -9,17 +9,13 @@
<image class="img" src="/static/logo.png" mode="widthFix"></image>
</view>
<view class="quick-menu">
<image class="icon" src="/static/me/logo_btn1.png" mode="aspectFit"
@click="linkTo('/pages/share/index', true)"></image>
<image class="icon" src="/static/me/logo_btn2.png" mode="aspectFit"
@click="linkTo('/pages/me/message', true)"></image>
<image class="icon" src="/static/me/logo_btn3.png" mode="aspectFit"
@click="linkTo('/pages/me/contact', true)"></image>
<image class="icon" src="/static/me/logo_btn1.png" mode="aspectFit" @click="linkTo('/pages/share/index', true)"></image>
<image class="icon" src="/static/me/logo_btn2.png" mode="aspectFit" @click="linkTo('/pages/me/message', true)"></image>
<image class="icon" src="/static/me/logo_btn3.png" mode="aspectFit" @click="linkTo('/pages/me/contact', true)"></image>
</view>
</view>
<view class="top" @click="linkTo(userInfo.phone ? '/pages/me/userInfo' : '/pages/login/login')">
<image class="avatar" :src="userInfo.avatar || '/static/default_avatar.png'" mode="aspectFill">
</image>
<image class="avatar" :src="userInfo.avatar || '/static/default_avatar.png'" mode="aspectFill"></image>
<view class="info-wrap">
<view class="name">{{ userInfo.phone || '请登录' }}</view>
</view>
@@ -48,7 +44,6 @@
<div @click="linkTo('/pages/me/gold_record', true)">
<view class="btn">金币明细</view>
</div>
</view>
<div class="title-wrap" @click="linkTo('/pages/watching_history/watching_history?type=3', true)">
<view class="a">
@@ -58,8 +53,12 @@
</div>
<view class="history-list">
<view class="item" v-for="item in recordThree" :key="item.id"
@click="linkTo(`/pages/video/detail?courseId=${item.courseId}&courseDetailsId=${item.courseDetailsId}`)">
<view
class="item"
v-for="item in recordThree"
:key="item.id"
@click="linkTo(`/pages/video/detail?courseId=${item.courseId}&courseDetailsId=${item.courseDetailsId}`)"
>
<image class="cover" :src="item.titleImg" mode="aspectFill"></image>
<view class="name">{{ item.title }}</view>
<view class="t">看到{{ item.courseDetailsName }}</view>
@@ -114,52 +113,41 @@
</view>
</view>
</view>
<disable-mask v-if="disableShow"></disable-mask>
</template>
<script setup>
import {
ref,
reactive
} from 'vue';
import {
onLoad,
onShow,
onPullDownRefresh
} from '@dcloudio/uni-app';
import {
selectByUserId,
collectVideoSummary,
selectUserMoney
} from '@/api/me/me.js';
import {
linkTo
} from '@/utils/app.js';
import {
useCommonStore
} from '@/store/common.js'
import {toBindWx,bindStatus} from '@/utils/wx.js'
const $common = useCommonStore()
import { ref, reactive } from 'vue';
import { onLoad, onShow, onPullDownRefresh } from '@dcloudio/uni-app';
import { selectByUserId, collectVideoSummary, selectUserMoney } from '@/api/me/me.js';
import { linkTo } from '@/utils/app.js';
import { useCommonStore } from '@/store/common.js';
import { toBindWx, bindStatus } from '@/utils/wx.js';
const disableShow = ref(false);
const $common = useCommonStore();
const userInfo = ref({});
let isBindWx=ref(false)
let isBindWx = ref(false);
async function bindwx() {
if (isBindWx.value) {
uni.showToast({
title: '已绑定微信，请勿重复绑定',
icon: 'none'
})
return
});
return;
}
isBindWx.value=await bindStatus()
isBindWx.value = await bindStatus();
console.log(isBindWx.value);
if (isBindWx.value) {
uni.showToast({
title: '已绑定微信，请勿重复绑定',
icon: 'none'
})
return
});
return;
} else {
toBindWx()
toBindWx();
}
}
@@ -167,8 +155,8 @@
const recordThree = ref([]);
onShow(() => {
// 判断ios是否审核
$common.init()
})
$common.init();
});
async function selectByUserIdAjax() {
try {
const res = await selectByUserId({
@@ -178,6 +166,11 @@
});
recordThree.value = res.records;
} catch (error) {
if (error.code == 702) {
disableShow.value = true;
} else {
disableShow.value = false;
}
console.log(error);
}
}
@@ -214,7 +207,6 @@
linkTo('/pages/share/index');
}
onPullDownRefresh(async () => {
await selectByUserIdAjax();
await collectVideoSummaryAjax();
@@ -232,7 +224,6 @@
selectUserMoneyAjax();
userInfo.value = uni.getStorageSync('userInfo');
}
});
</script>

441
pages/task/index.vue
View File

@@ -12,12 +12,15 @@
<view class="contentTop">
<view>
<image src="@/static/task/renwubg.png" mode=""></image>
<view>已连续签到 <text class="num">{{ datas.signDays }}</text> 天</view>
<view>
已连续签到
<text class="num">{{ datas.signDays }}</text>
天
</view>
</view>
<view class="contentTopTwo">
<view v-for="item in datas.signInList" :key="item.id"
:style="item.status == 1 ? 'color:#EFA765' : 'color:#999'">
<text class="" style="font-size: 28rpx;">
<view v-for="item in datas.signInList" :key="item.id" :style="item.status == 1 ? 'color:#EFA765' : 'color:#999'">
<text class="" style="font-size: 28rpx">
{{ item.status == 1 ? '已签到' : '待签到' }}
</text>
<view :style="item.status == 1 ? 'color:#999' : 'color:#EFA765'">
@@ -32,70 +35,74 @@
<view class="cell" v-for="(item, index) in datas.list" :key="index">
<view class="cell_left">
<view class="cell_title">
<view class=" title" :style="{ alignSelf: item.rewardImg ? 'center' : 'flex-start' }">{{
item.title
}}</view>
<view class="title" :style="{ alignSelf: item.rewardImg ? 'center' : 'flex-start' }">{{ item.title }}</view>
<image v-if="item.rewardImg" class="cell_icon" :src="item.rewardImg" mode=""></image>
<view class="tip">{{ item.rewardDetail }}</view>
</view>
<view class="subhead">{{ item.detail }}</view>
</view>
<view class="cell_right">
<view v-if=" item.disabled " class="btn u-font-24 text-bold"
:style="{backgroundColor: item.buttonBgColor,color: item.buttonFontColor }"
@click="goNav(item)">
{{ item.type == 1 ? item.buttonTitle : item.number ? `${item.discNumber}/${item.number}` : ( item.discNumber <= 0 ? item.buttonTitle : `剩余${item.discNumber}次`) }}
<view v-if="item.disabled" class="btn u-font-24 text-bold" :style="{ backgroundColor: item.buttonBgColor, color: item.buttonFontColor }" @click="goNav(item)">
{{
item.type == 1
? item.buttonTitle
: item.number
? `${item.discNumber}/${item.number}`
: item.discNumber <= 0
? item.buttonTitle
: `剩余${item.discNumber}次`
}}
</view>
<view v-else class="btn u-font-24 text-bold disabled">
{{ item.type == 1 ? item.buttonTitle : item.number ? `${item.discNumber}/${item.number}` : ( item.discNumber <= 0 ? item.buttonTitle : `剩余${item.discNumber}次`) }}
{{
item.type == 1
? item.buttonTitle
: item.number
? `${item.discNumber}/${item.number}`
: item.discNumber <= 0
? item.buttonTitle
: `剩余${item.discNumber}次`
}}
</view>
<view v-if=" item.buttonUnderContent && item.buttonUnderUrl " class="u-font-22 tip"
style="text-align: center;"
@click="goNav({id: item.id,buttonUrl: item.buttonUnderUrl, jumpType: 1,title: item.title, disabled: item.disabled, discNumber: item.discNumber})">
<view
v-if="item.buttonUnderContent && item.buttonUnderUrl"
class="u-font-22 tip"
style="text-align: center"
@click="goNav({ id: item.id, buttonUrl: item.buttonUnderUrl, jumpType: 1, title: item.title, disabled: item.disabled, discNumber: item.discNumber })"
>
{{ item.buttonUnderContent }}
</view>
</view>
</view>
</view>
<!-- 激励视频广告 -->
<view style="width: 0;height: 0;overflow: hidden;">
<view style="width: 0; height: 0; overflow: hidden">
<!-- 激励视频广告 -->
<ad-rewarded-video ref="adRewarded" :adpid="datas.adpid" :loadnext="true" :url-callback="datas.urlCallback"
@load="onadload" @close="onadclose" @error="onaderror">
</ad-rewarded-video>
<ad-rewarded-video
ref="adRewarded"
:adpid="datas.adpid"
:loadnext="true"
:url-callback="datas.urlCallback"
@load="onadload"
@close="onadclose"
@error="onaderror"
></ad-rewarded-video>
</view>
</view>
<disable-mask v-if="disableShow"></disable-mask>
</template>
<script setup>
import {
useCommonStore
} from '@/store/common.js'
const $common = useCommonStore()
import {
selectUserMoney,
selectPayDetails,
canCash,
state,
withdraw
} from '@/api/me/withdraw.js';
import {
reactive,
ref,
getCurrentInstance,
nextTick
} from "vue";
import {
onShow,
onReady,
onReachBottom
} from '@dcloudio/uni-app'
import {
getUserSignData,
selectTaskCenter,
taskReceive
} from '@/api/task/index.js'
const currentInstance = getCurrentInstance()
import { useCommonStore } from '@/store/common.js';
const $common = useCommonStore();
import { selectUserMoney, selectPayDetails, canCash, state, withdraw } from '@/api/me/withdraw.js';
import { reactive, ref, getCurrentInstance, nextTick } from 'vue';
import { onShow, onReady, onReachBottom } from '@dcloudio/uni-app';
import { getUserSignData, selectTaskCenter, taskReceive } from '@/api/task/index.js';
const disableShow = ref(false);
const currentInstance = getCurrentInstance();
let datas = reactive({
signDays: 0,
signInList: [],
@@ -103,9 +110,8 @@
urlCallback: {},
adpid: null,
adRewardedShow: false,
adRewardedVideoloadNum: 0,
})
adRewardedVideoloadNum: 0
});
const adRewarded = ref(null);
onShow(() => {
// $common.init()
@@ -113,136 +119,135 @@
// datas.adpid = 1531580352
// }
// if ( uni.getSystemInfoSync().platform == 'ios' ) {
datas.adpid = 1373604770
datas.adpid = 1373604770;
// }
if (uni.getStorageSync("token")) {
getTaskdata()
getsignIn()
getCanCash()
if (uni.getStorageSync('token')) {
getTaskdata();
getsignIn();
getCanCash();
} else {
datas.signDays = 0
datas.signDays = 0;
const dateArray = [];
datas.signInList = []
datas.signInList = [];
for (let i = 0; i < 7; i++) {
const date = new Date(Date.now() + i * 24 * 60 * 60 * 1000);
const year = date.getFullYear();
const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() +
1;
const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1;
const day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate();
dateArray.push(`${year}-${month}-${day}`);
}
dateArray.forEach(ele => {
dateArray.forEach((ele) => {
datas.signInList.push({
"signDay": ele,
"status": "0",
})
})
datas.list = [{
"id": 1,
"title": "每日打卡奖励",
"type": 2,
"detail": "解锁3集视频即可领取",
"rewardDetail": "奖励666金币",
"number": 3,
"buttonTitle": "",
"jumpType": 1,
"buttonUrl": "",
"buttonUnderContent": "",
"buttonUnderUrl": "",
"updateTime": "2025-01-06 18:08:49",
"sort": 0,
"shows": 1,
"discNumber": 0,
"disabled": false
signDay: ele,
status: '0'
});
});
datas.list = [
{
id: 1,
title: '每日打卡奖励',
type: 2,
detail: '解锁3集视频即可领取',
rewardDetail: '奖励666金币',
number: 3,
buttonTitle: '',
jumpType: 1,
buttonUrl: '',
buttonUnderContent: '',
buttonUnderUrl: '',
updateTime: '2025-01-06 18:08:49',
sort: 0,
shows: 1,
discNumber: 0,
disabled: false
},
{
"id": 17,
"title": "每周打卡奖励",
"type": 2,
"detail": "当月签到满7天即可免费领取",
"rewardImg": "https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png",
"rewardDetail": "",
"number": 7,
"buttonTitle": "立即领取",
"buttonBgColor": "#EC6F48",
"buttonFontColor": "#fff",
"jumpType": 1,
"buttonUrl": "/pages/task/receiveMember",
"buttonUnderContent": "",
"buttonUnderUrl": "/pages/task/receiveMember",
"createTime": "2024-12-10 17:43:42",
"updateTime": "2024-12-25 09:52:09",
"sort": 5,
"shows": 1,
"discNumber": 0,
"disabled": false
id: 17,
title: '每周打卡奖励',
type: 2,
detail: '当月签到满7天即可免费领取',
rewardImg: 'https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png',
rewardDetail: '',
number: 7,
buttonTitle: '立即领取',
buttonBgColor: '#EC6F48',
buttonFontColor: '#fff',
jumpType: 1,
buttonUrl: '/pages/task/receiveMember',
buttonUnderContent: '',
buttonUnderUrl: '/pages/task/receiveMember',
createTime: '2024-12-10 17:43:42',
updateTime: '2024-12-25 09:52:09',
sort: 5,
shows: 1,
discNumber: 0,
disabled: false
},
{
"id": 17,
"title": "每月打卡奖励1",
"type": 2,
"detail": "当月签到满25天即可免费领取",
"rewardImg": "https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png",
"rewardDetail": "会员免费领",
"number": 25,
"buttonTitle": "立即领取",
"buttonBgColor": "#EC6F48",
"buttonFontColor": "#fff",
"jumpType": 1,
"buttonUrl": "/pages/task/receiveMember",
"buttonUnderContent": "",
"buttonUnderUrl": "/pages/task/receiveMember",
"createTime": "2024-12-10 17:43:42",
"updateTime": "2024-12-25 09:52:09",
"sort": 5,
"shows": 1,
"discNumber": 0,
"disabled": false
id: 17,
title: '每月打卡奖励1',
type: 2,
detail: '当月签到满25天即可免费领取',
rewardImg: 'https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png',
rewardDetail: '会员免费领',
number: 25,
buttonTitle: '立即领取',
buttonBgColor: '#EC6F48',
buttonFontColor: '#fff',
jumpType: 1,
buttonUrl: '/pages/task/receiveMember',
buttonUnderContent: '',
buttonUnderUrl: '/pages/task/receiveMember',
createTime: '2024-12-10 17:43:42',
updateTime: '2024-12-25 09:52:09',
sort: 5,
shows: 1,
discNumber: 0,
disabled: false
},
{
"id": 17,
"title": "每月打卡奖励2",
"type": 2,
"detail": "当月签到满25天即可免费领取",
"rewardImg": "https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png",
"rewardDetail": "",
"number": 25,
"buttonTitle": "立即领取",
"buttonBgColor": "#EC6F48",
"buttonFontColor": "#fff",
"jumpType": 1,
"buttonUrl": "/pages/task/receiveMember",
"buttonUnderContent": "",
"buttonUnderUrl": "/pages/task/receiveMember",
"createTime": "2024-12-10 17:43:42",
"updateTime": "2024-12-25 09:52:09",
"sort": 5,
"shows": 1,
"discNumber": 0,
"disabled": false
id: 17,
title: '每月打卡奖励2',
type: 2,
detail: '当月签到满25天即可免费领取',
rewardImg: 'https://short-video.hnsiyao.cn/20241210/8aca569a9d544e819f542ce8aa7e7ce5.png',
rewardDetail: '',
number: 25,
buttonTitle: '立即领取',
buttonBgColor: '#EC6F48',
buttonFontColor: '#fff',
jumpType: 1,
buttonUrl: '/pages/task/receiveMember',
buttonUnderContent: '',
buttonUnderUrl: '/pages/task/receiveMember',
createTime: '2024-12-10 17:43:42',
updateTime: '2024-12-25 09:52:09',
sort: 5,
shows: 1,
discNumber: 0,
disabled: false
}
]
];
}
})
});
onReady(() => {
nextTick(() => {
datas.urlCallback = {
userId: uni.getStorageSync('userInfo').userId,
extra: uni.getStorageSync('userInfo').userId + "" + new Date().getTime(),
}
datas.adRewardedVideoloadNum = 0
extra: uni.getStorageSync('userInfo').userId + '' + new Date().getTime()
};
datas.adRewardedVideoloadNum = 0;
adRewarded.value.load();
})
})
});
});
/**
* 获取看广告状态
*/
async function getCanCash() {
canCash().then(res => {
canCash().then((res) => {
datas.isWithdraw = !res;
})
});
}
/**
@@ -251,17 +256,17 @@
*/
function onaderror(e) {
if (datas.adRewardedVideoloadNum >= 3) {
return
return;
}
datas.adRewardedVideoloadNum++
datas.adRewardedVideoloadNum++;
setTimeout(() => {
datas.urlCallback = {
userId: uni.getStorageSync('userInfo').userId,
extra: uni.getStorageSync('userInfo').userId + "" + new Date().getTime(),
}
extra: uni.getStorageSync('userInfo').userId + '' + new Date().getTime()
};
adRewarded.value.load();
}, 1000); // 10
console.log("广告加载失败")
console.log('广告加载失败');
}
/**
@@ -277,26 +282,26 @@
* @param {Object} e
*/
async function onadclose(e) {
const detail = e.detail
const detail = e.detail;
if (detail && detail.isEnded) {
// 正常播放结束
let res = await state({
extraKey: datas.urlCallback.extra
})
});
datas.urlCallback = {
userId: uni.getStorageSync('userInfo').userId,
extra: uni.getStorageSync('userInfo').userId + "" + new Date().getTime(),
}
extra: uni.getStorageSync('userInfo').userId + '' + new Date().getTime()
};
uni.showToast({
title: '获得' + $common.freeDuration + '分钟免费时长',
icon: 'none'
})
});
} else {
// 播放中途退出
}
}
async function goNav(item) {
console.log(item, '请求参数')
console.log(item, '请求参数');
// jumpType (integer, optional): 跳转类型 1 内部路径 2 外部路径 ,
// type (integer, optional): 任务类型 1 普通任务 2 打卡任务 9 其它 ,
// if (url) {
@@ -314,72 +319,69 @@
// }
if (item.jumpType == 0) {
if (item.buttonTitle.indexOf("领取") != -1) {
if (item.buttonTitle.indexOf('领取') != -1) {
let res = await taskReceive({
id: item.id
})
});
if (res.code == 0) {
uni.showToast({
title: res.id == 15 ? '签到成功' : '领取成功',
icon: 'none'
})
});
setTimeout(() => {
getTaskdata()
getsignIn()
}, 1000)
getTaskdata();
getsignIn();
}, 1000);
} else {
uni.showToast({
title: res.msg,
icon: 'none'
})
});
}
} else if (item.title.indexOf("新人福利") != -1) {
} else if (item.title.indexOf('新人福利') != -1) {
let res = await taskReceive({
id: item.id
})
});
if (res.code == 0) {
uni.showToast({
title: res.id == 15 ? '签到成功' : '领取成功',
icon: 'none'
})
});
setTimeout(() => {
getTaskdata()
getsignIn()
}, 1000)
getTaskdata();
getsignIn();
}, 1000);
} else {
uni.switchTab({
url: '/pages/index/index'
})
});
}
} else if (item.buttonTitle.indexOf("观看视频") != -1) {
} else if (item.buttonTitle.indexOf('观看视频') != -1) {
// 首次加载广告
if (!datas.adRewardedShow) {
uni.showToast({
icon: 'none',
title: '广告加载失败，请稍后重试'
});
return
return;
}
console.log(datas.urlCallback)
console.log(datas.urlCallback);
adRewarded.value.show();
} else {
uni.switchTab({
url: "/pages/index/index"
})
url: '/pages/index/index'
});
}
} else if (item.jumpType == 1) {
let buttonUrl = item.buttonUrl
let buttonUrl = item.buttonUrl;
if (item.title && item.title.indexOf('每周打卡奖励') != -1) {
buttonUrl = item.buttonUrl + '?source=2'
buttonUrl = item.buttonUrl + '?source=2';
}
if (item.title && item.title.indexOf('每月打卡奖励1') != -1) {
buttonUrl = item.buttonUrl + '?source=3'
buttonUrl = item.buttonUrl + '?source=3';
}
if (item.title && item.title.indexOf('每月打卡奖励2') != -1) {
// let res = await taskReceive({
// id: item.id
// })
@@ -399,45 +401,50 @@
// })
// }
buttonUrl =
`${item.buttonUrl}?standard=${item.discNumber == null ? true : false}&taskId=${item.id}`
buttonUrl = `${item.buttonUrl}?standard=${item.discNumber == null ? true : false}&taskId=${item.id}`;
}
uni.navigateTo({
url: buttonUrl
})
});
} else if (item.jumpType == 3) {
uni.switchTab({
url: item.buttonUrl
})
});
}
}
// 获得签到
async function getsignIn() {
let res = await getUserSignData()
datas.signInList = res.recordList
datas.signDays = res.signDays
try {
let res = await getUserSignData();
datas.signInList = res.recordList;
datas.signDays = res.signDays;
} catch (error) {
if (error.code == 702) {
disableShow.value = true;
} else {
disableShow.value = false;
}
}
}
// 获取任务列表
async function getTaskdata() {
let res = await selectTaskCenter()
let arrData = []
let res = await selectTaskCenter();
let arrData = [];
if (!$common.isIosExamine) {
res.forEach(ele => {
if (ele.title.indexOf('分享奖励') == -1 && ele.title.indexOf('新人福利') == -1 &&
ele.title.indexOf('观看视频奖励') == -1) {
arrData.push(ele)
res.forEach((ele) => {
if (ele.title.indexOf('分享奖励') == -1 && ele.title.indexOf('新人福利') == -1 && ele.title.indexOf('观看视频奖励') == -1) {
arrData.push(ele);
}
})
datas.list = arrData
});
datas.list = arrData;
} else {
// res.forEach(ele => {
// if (ele.title.indexOf('观看视频奖励') == -1) {
// arrData.push(ele)
// }
// })
datas.list = res
datas.list = res;
}
}
</script>
@@ -454,7 +461,7 @@
/* #ifndef H5 */
min-height: 100vh;
/* #endif */
background-color: #F3F4F8;
background-color: #f3f4f8;
padding-top: 2rpx;
}
@@ -512,7 +519,7 @@
position: absolute;
left: 0;
top: 0;
z-index: 1
z-index: 1;
}
> view {
@@ -522,7 +529,7 @@
width: 98%;
.num {
color: #EC6F48;
color: #ec6f48;
margin: 0 10rpx;
}
}
@@ -542,7 +549,7 @@
margin-top: 20rpx;
width: 100%;
height: 94rpx;
background: linear-gradient(180deg, #FFF7E3 0%, #FFFFFF 100%);
background: linear-gradient(180deg, #fff7e3 0%, #ffffff 100%);
border-radius: 14rpx 14rpx 0rpx 0rpx;
}
@@ -555,7 +562,6 @@
}
}
}
}
.content {
@@ -573,7 +579,7 @@
.cell {
padding: 32rpx 0;
border-bottom: 2rpx solid #EBEBEB;
border-bottom: 2rpx solid #ebebeb;
display: flex;
justify-content: space-between;
@@ -601,7 +607,7 @@
.tip {
margin-left: 22rpx;
color: #FC5B67;
color: #fc5b67;
font-size: 24rpx;
}
}
@@ -623,15 +629,15 @@
height: 56rpx;
line-height: 56rpx;
text-align: center;
background-color: #EC6F48;
color: #FFFFFF;
background-color: #ec6f48;
color: #ffffff;
border-radius: 12rpx 12rpx 12rpx 12rpx;
font-size: 24rpx;
font-weight: bold;
}
.tip {
color: #EC6F48;
color: #ec6f48;
height: 44rpx;
line-height: 44rpx;
margin-top: 5rpx;
@@ -639,16 +645,15 @@
}
.opt {
color: #D39B7E;
background-color: #FBF3EB;
color: #d39b7e;
background-color: #fbf3eb;
}
.disabled {
color: #999999;
background-color: #E2E2E2;
background-color: #e2e2e2;
}
}
}
.cell:last-child {

139
pages/video/index.nvue
View File

@@ -1,71 +1,77 @@
<template>
<view class="min-page">
<!-- <up-button @click="toDetail">toDetail</up-button> -->
<my-video-list isCommand isTabbar v-if="state.list.length" @swiperChange="swiperChange" :list="state.list" @update="update"
:info="state"
></my-video-list>
<my-video-list isCommand isTabbar v-if="state.list.length" @swiperChange="swiperChange" :list="state.list" @update="update" :info="state"></my-video-list>
</view>
<view class="mask" v-if="maskShow">
<view class="content">
<view class="title">
<text class="t">风险提示</text>
</view>
<view class="text">
<text>您的账号暂不可用，详情请联系客服</text>
</view>
<div class="btn-wrap">
<text class="btn" @click="toContact">去联系客服</text>
</div>
</view>
</view>
</template>
<script setup>
import {
onLoad,
onShow
} from '@dcloudio/uni-app'
import * as Api from '@/api/video/index.js'
import {
computed,
reactive,
ref
} from 'vue'
import {
slice
} from 'lodash'
import { onLoad, onShow } from '@dcloudio/uni-app';
import * as Api from '@/api/video/index.js';
import { computed, reactive, ref } from 'vue';
import { slice } from 'lodash';
const maskShow = ref(false);
function toContact() {
uni.navigateTo({
url: '/pages/me/contact'
});
}
function toDetail() {
uni.navigateTo({
url: '/pages/video/detail?courseId=1208'
})
});
}
let options = {}
let options = {};
const state = reactive({
collect: 0,
current: {},
list: [],
price: 0,
title: ''
})
});
async function init() {
const res = await Api.tuijianVideo(options)
state.current = res.list[0]
Object.assign(state, res)
state.list = res.list
try {
const res = await Api.tuijianVideo(options);
state.current = res.list[0];
Object.assign(state, res);
state.list = res.list;
} catch (error) {
console.log(error);
if (error.code == 702) {
maskShow.value = true;
} else {
maskShow.value = false;
}
}
}
function update({
index,
item
}) {
state.list[index] = item
function update({ index, item }) {
state.list[index] = item;
}
onLoad((opt) => {
Object.assign(options, opt)
init()
})
Object.assign(options, opt);
init();
});
function swiperChange({
current,
direction,
data
}) {}
function swiperChange({ current, direction, data }) {}
onShow(() => {
})
onShow(() => {});
</script>
<style>
@@ -90,4 +96,53 @@
.u-popup {
position: fixed;
}
.mask {
width: 750upx;
height: 1700upx;
background-color: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 99999;
.content {
width: 680upx;
height: 420upx;
background-color: #fff;
border-radius: 20upx;
.title {
display: flex;
align-items: center;
justify-content: center;
height: 100upx;
.t {
font-size: 32upx;
font-weight: bold;
}
}
.text {
padding: 50upx 28upx;
display: flex;
align-items: center;
}
.btn-wrap {
display: flex;
padding: 50upx 28upx 28upx;
.btn {
flex: 1;
height: 80upx;
display: flex;
align-items: center;
justify-content: center;
background-color: #dd8591;
color: #fff;
border-radius: 12upx;
text-align: center;
line-height: 80upx;
}
}
}
}
</style>