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

修改身份证添加，首页和规则弹窗，提现看广告

Browse Source
This commit is contained in:
duan
2025-01-03 16:37:13 +08:00
parent 01185edd14
commit 8e283e276b
7 changed files with 592 additions and 437 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
me/yaoqing/ymg-yaoqing-tixian.vue
View File

@@ -1,30 +1,24 @@
<template>
<view class="tixian">
<view
class="top-bg">
<view class="top-bg">
<view class="class1">可提现总额</view>
<view class="class2">¥ {{ mayMoney }}</view>
<view
class="class3">
<view class="class4" style="">
<view class="class3">
<view class="class4" style="">
<view class="color-333 u-font-32">提现金额
<!-- <text style="font-size: 28upx;color: #ff7581;"
v-if="shouxufei">（注：提现手续费为{{shouxufei * 100}}%）</text> -->
</view>
</view>
<view
class="u-flex flex-row justify-between align-center"
style="padding: 20upx">
<view class="flex align-center" >
<view class="u-flex flex-row justify-between align-center" style="padding: 20upx">
<view class="flex align-center">
<view class="color-333" style="font-size: 40upx;">¥</view>
<input type="number" v-model="money" placeholder="请输入金额" @input="ymfmoneyInput" @blur="ymfymfmoneyBlur"
class="color-333 u-text-left u-m-l-10 u-font-40"
style="width: 80%;"/>
class="color-333 u-text-left u-m-l-10 u-font-40" style="width: 80%;" />
</view>
<view @click="ymfsetAllMoney"
class="u-font-28 color-333 u-p-l-15 u-p-r-15 u-p-t-16 u-p-b-16 flex-0 "
style="background: #ff7581;color: white;border-radius: 10rpx;">
<view @click="ymfsetAllMoney" class="u-font-28 color-333 u-p-l-15 u-p-r-15 u-p-t-16 u-p-b-16 flex-0 "
style="background: #ff7581;color: white;border-radius: 10rpx;">
全部
</view>
@@ -44,14 +38,13 @@
</view>
</view> -->
</view>
<view @click="ymfgetOut"
class="u-m-40 u-font-36 color-fff u-border-10"
style="background: #ff7581;border-radius: 10px;height: 80rpx;line-height: 80rpx;">
提现
<view @click="withdraw" class="u-m-40 u-font-36 color-fff u-border-10"
style="background: #ff7581;border-radius: 10px;height: 80rpx;line-height: 80rpx;">
<!-- 提现 -->
{{ !isWithdraw ? '观看广告提现' : '立即提现' }}
</view>
<view
class="flex w-full justify-center ">
<view class="flex w-full justify-center ">
<view class="u-flex-1" style="color: grey;padding-bottom: 30px;padding-top: 20upx;" @click="ymfgoaliZhiFuBao">
提现账号
</view>
@@ -66,9 +59,9 @@
<view v-if="list.length" v-for="(item, index) in list" :key="index" class="item">
<view>
<view style="margin-bottom: 8rpx;text-align: right;">
<text style="margin-bottom: 8rpx;color: green" v-if="item.state===1"> 提现成功</text>
<text style="margin-bottom: 8rpx;color: green" v-if="item.state===0"> 提现中</text>
<text style="margin-bottom: 8rpx;color: #FD6416" v-if="item.state===-1||item.state===2">
<text style="margin-bottom: 8rpx;color: green" v-if="item.state === 1"> 提现成功</text>
<text style="margin-bottom: 8rpx;color: green" v-if="item.state === 0"> 提现中</text>
<text style="margin-bottom: 8rpx;color: #FD6416" v-if="item.state === -1 || item.state === 2">
提现失败
</text>
</view>
@@ -77,8 +70,8 @@
<view class="u-m-t-8"> 收款人账号：{{ item.zhifubao }}</view>
<view class="u-m-t-8"> 收款人姓名：{{ item.zhifubaoName }}</view>
<view class="u-m-t-8"> 发起时间：{{ item.createAt }}</view>
<view class="u-m-t-8" v-if="item.state===1">成功时间 {{ item.outAt }}</view>
<view style="margin-bottom: 8rpx;color: #FD6416" v-if="item.state===-1||item.state===2">
<view class="u-m-t-8" v-if="item.state === 1">成功时间 {{ item.outAt }}</view>
<view style="margin-bottom: 8rpx;color: #FD6416" v-if="item.state === -1 || item.state === 2">
失败原因：{{ item.refund }}
</view>
@@ -102,6 +95,21 @@
</view>
</view>
<u-modal v-model="ruleShow" confirm-text="知道了" title="规则说明" :title-style="{ fontWeight: '700' }"
confirm-color="rgb(255, 117, 129)">
<view class="u-p-30 u-text-left">
<scroll-view scroll-y="true" style="max-height: 50vh;">
<rich-text class="color-666" :nodes="ruleInfo"></rich-text>
</scroll-view>
</view>
</u-modal>
<!-- 激励视频广告 -->
<ad-rewarded-video v-if="adRewardedVideo" ref="adRewardedVideo" adpid="1531580352" :loadnext="true"
v-slot:default="{ loading, error }" :url-callback="urlCallback" @load="onadload" @close="onadclose"
@error="onaderror">
<view class="ad-error" v-if="error">{{ error }}</view>
</ad-rewarded-video>
</view>
</template>
@@ -115,21 +123,21 @@ export default {
tixianList: [{
money: '10'
},
{
money: '20'
},
{
money: '50'
},
{
money: '100'
},
{
money: '200'
},
{
money: '500'
}
{
money: '20'
},
{
money: '50'
},
{
money: '100'
},
{
money: '200'
},
{
money: '500'
}
],
value: 0,
min: '',
@@ -141,6 +149,27 @@ export default {
page: 1,
limit: 10,
totalCount: 0,
isWithdraw: false,
urlCallback: null,
adRewardedVideo: true,
ruleShow: true,
ruleInfo: `
用户在平台中对奖励提现的，适用以下规则：
<br/>
<br/>
1，用户的收益达到最低提现金额要求后，可以申请提现。每日发起前10笔提现为自动到账，超出则需第二个工作日后到账。
<br/>
2，用户需要通过支付宝提现，需按照要求绑定支付宝账号并填写提现金额或其他提现所需信息，请确保提供的信息准确无误，以免提现失败。
<br/>
3，如果用户发现显示「提现失败」，需确认当前填写或绑定的支付宝账号或银行卡账号是否正确，以及支付宝账号是否可用。如果用户发现显示「提现成功」但没到账
<br/>
(1)如果用户有多个支付宝账号，请检查用户是否提现到了其他支付宝账号。
<br/>
(2)高峰期提现人数多会导致网络拥堵，显示提现成功之后72小时内属于正常现象，请耐心等候。
<br/>
4，每日23:00至次日11:00为系统维护时间，活动的对应奖励可能延迟到账。提现通常会在72小时内到账，如遇双休日、节假日，提现到账时间可能会延长。活动高峰期间，由于网络拥堵，用户可能存在短时间内无法提现的情况。平台将尽最大努力及时恢复提现功能，但无需因此承担任何责任。
<br/>
`,
};
},
onLoad() {
@@ -153,6 +182,7 @@ export default {
this.aliZhiFuBao = uni.getStorageSync('zhiFuBao')
this.aliZhiFuBaoName = uni.getStorageSync('zhiFuBaoName')
this.ymfgetcashMoney()
this.getCanCash()
},
onReachBottom: function () {
@@ -170,6 +200,61 @@ export default {
// this.list();
},
methods: {
onNavigationBarButtonTap() {
this.showRule()
},
showRule() {
this.ruleShow = true
},
/**
* 广告播放成功回调
* @param {Object} e
*/
async onadclose(e) {
const detail = e.detail
if (detail && detail.isEnded) {
// 正常播放结束
let res = await this.$Request.getT('app/ad/state', {
extraKey: this.urlCallback.extra
})
this.getCanCash()
} else {
// 播放中途退出
}
},
/**
* 广告加载失败回调
* @param {Object} e
*/
onaderror(e) {
if (this.adRewardedVideoloadNum >= 3) {
this.adRewardedVideo = false;
return
}
this.adRewardedVideoloadNum++
setTimeout(() => {
this.$refs.adRewardedVideo.load();
}, 1000); // 10
console.log("广告加载失败")
},
/**
* 广告数据加载成功回调
* @param {Object} e
*/
onadload(e) {
this.adRewardedVideo = true;
console.log('广告数据加载成功');
},
getCanCash() {
this.$Request.getT('/app/cash/canCash').then(res => {
if (res.code == 0) {
this.isWithdraw = res.data;
} else {
this.isWithdraw = false;
}
})
},
ymfmoneyInput(e) {
let num = e.detail.value.match(/^\d*(\.?\d{0,2})/g)[0] || null;
this.$nextTick(() => {
@@ -287,6 +372,16 @@ export default {
setTimeout(function () {
that.ymfgetcashMoney()
}, 1500)
} else if (res.code == 9991) {
uni.showToast({
title: res.msg,
icon: 'none'
})
setTimeout(function () {
uni.navigateTo({
url: '/me/yaoqing/zhifubao-tixain'
});
}, 1500)
} else {
uni.showToast({
@@ -301,7 +396,22 @@ export default {
ymfcheckMobile(money) {
return RegExp(/^1[34578]\d{9}$/).test(money);
},
withdraw() {
if (!this.isWithdraw) {
this.urlCallback = {
userId: this.userId,
extra: 'cash:' + this.userId + "" + new Date().getTime(),
}
this.$refs.adRewardedVideo.show();
} else {
this.ymfgetOut()
}
},
ymfgetOut() {
let that = this;
let token = that.token
let userId = that.userId
@@ -326,7 +436,7 @@ export default {
uni.showModal({
title: "提现申请提示",
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + that
.money + '元\n\n收款人账号：' + that.aliZhiFuBao + '',
.money + '元\n\n收款人账号：' + that.aliZhiFuBao + '',
// content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + that
// .money + '元\n\n提现手续费：' + shouxufei +
// '\n\n收款人账号：' + that.aliZhiFuBao + '',
@@ -342,8 +452,8 @@ export default {
uni.showModal({
title: "提现申请提示",
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + that
.money + '元\n\n收款人账号：' + that.aliZhiFuBao +
'',
.money + '元\n\n收款人账号：' + that.aliZhiFuBao +
'',
success: (e) => {
if (e.confirm) {
// that.money = money
@@ -367,8 +477,8 @@ export default {
});
}
} else {
console.log(that.aliZhiFuBao,that.aliZhiFuBaoName,'tixian');
this.ymfgoaliZhiFuBao()
console.log(that.aliZhiFuBao, that.aliZhiFuBaoName, 'tixian');
this.ymfgoaliZhiFuBao()
}
} else {
uni.navigateTo({
@@ -389,7 +499,7 @@ export default {
uni.showModal({
title: '提现申请提示',
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + money +
'元\n\n收款人账号：' + that.aliZhiFuBao + '',
'元\n\n收款人账号：' + that.aliZhiFuBao + '',
// content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + money +
// '元\n\n提现手续费：' + shouxufei +
// '\n\n收款人账号：' + that.aliZhiFuBao + '',
@@ -409,8 +519,8 @@ export default {
uni.showModal({
title: '提现申请提示',
content: '请仔细确认收款人信息\n\n收款人姓名:' + that.aliZhiFuBaoName + '\n\n提现金额:' + money +
'元\n\n收款人账号：' + that.aliZhiFuBao +
'',
'元\n\n收款人账号：' + that.aliZhiFuBao +
'',
success: e => {
if (e.confirm) {
this.money = money
@@ -452,21 +562,41 @@ export default {
<style lang="less">
// @import '../../static/css/index.css';
.top-bg{
background-color: #ff7581;height: 400upx;border-bottom-right-radius: 40upx;border-bottom-left-radius: 40upx;
.top-bg {
background-color: #ff7581;
height: 400upx;
border-bottom-right-radius: 40upx;
border-bottom-left-radius: 40upx;
}
.class1{
font-size: 32upx;color: #FFFFFF;padding-top: 100upx;
.class1 {
font-size: 32upx;
color: #FFFFFF;
padding-top: 100upx;
}
.class2{
font-size: 40upx;color: #FFFFFF;padding-top: 20upx;
.class2 {
font-size: 40upx;
color: #FFFFFF;
padding-top: 20upx;
}
.class3{
width: 90%;height: max-content;margin-left: 40upx;background-color: #FFFFFF;box-shadow: rgba(183, 183, 183, 0.3) 0px 1px 10px;margin-top: 50upx;border-radius: 20upx;
.class3 {
width: 90%;
height: max-content;
margin-left: 40upx;
background-color: #FFFFFF;
box-shadow: rgba(183, 183, 183, 0.3) 0px 1px 10px;
margin-top: 50upx;
border-radius: 20upx;
}
.class4{
display: flex;flex-direction: row;padding: 20upx;
.class4 {
display: flex;
flex-direction: row;
padding: 20upx;
}
.view2-view-text {
font-size: 14px;
color: #000000;