32 changed files with 1633 additions and 294 deletions
@ -0,0 +1,287 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<view class="head"> |
|||
<view> |
|||
<uni-group mode="card"> |
|||
<uni-icons type="paperplane-filled" size="20"></uni-icons><text class="textstyle">小贴士：</text><br/> |
|||
<text class="textstyle">1.为了您的资金安全及合规，体现将通过第三方支付提供安全通道实现。</text><br/> |
|||
<text class="textstyle">2.应银行监管要求，每人每月限额10万元，最多绑定4个收款账户。</text><br/> |
|||
<text class="textstyle">3.一旦提现成功,设置的收款账户不可更改。</text> |
|||
</uni-group> |
|||
</view> |
|||
<view> |
|||
<uni-group mode="card"> |
|||
<uni-forms validate-trigger='blur' :modelValue="accountInfo" label-position="top" labelWidth="80" ref="form"> |
|||
<uni-forms-item label="真实姓名" required name="name"> |
|||
<uni-easyinput v-model="accountInfo.name" placeholder="请输入真实姓名" /> |
|||
</uni-forms-item> |
|||
<uni-forms-item label="身份证号" required name="idNo"> |
|||
<uni-easyinput v-model="accountInfo.idNo" placeholder="请输入身份证号" /> |
|||
</uni-forms-item> |
|||
<uni-forms-item label="支付宝账号" required name="accountNo"> |
|||
<uni-easyinput v-model="accountInfo.accountNo" placeholder="请输入支付宝账号" /> |
|||
</uni-forms-item> |
|||
<uni-forms-item label="预留电话" required name="phone"> |
|||
<uni-easyinput v-model="accountInfo.phone" placeholder="请输入预留电话" /> |
|||
</uni-forms-item> |
|||
<!-- <uni-forms-item label="请选择" required> |
|||
|
|||
</uni-forms-item> --> |
|||
</uni-forms> |
|||
</uni-group> |
|||
</view> |
|||
</view> |
|||
<view class="foot"> |
|||
<view> |
|||
<button class="confirmBtn" size="default" @click="$noMultipleClicks(submitAccount)">确定添加</button> |
|||
</view> |
|||
<view> |
|||
<text class="textstyle">本人确认已同意并遵守<text class="specialText" @click="goto('/pages-userInfo/setting/compoSign')">《艺术家合作协议》</text> 及 |
|||
<text class="specialText" @click="goto('/pages-userInfo/setting/secretSign')">《艺术家隐私协议》</text>的基础上，承诺已阅读并同意遵守<text class="specialText" |
|||
@click="goto('/pages-userInfo/setting/secretSign')">《共享经济合作合办协议》</text>，按照协议内容提供合法合规服务。</text> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getAccount,addCreatorAccount, |
|||
checkAccountExist,checkAccountUpToFour |
|||
} from '@/api/userInfo.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
userInfo: {}, |
|||
existFlag: false, |
|||
upToFourFlag: false, |
|||
noClick:true, //防止重复提交 |
|||
accountInfo:{ |
|||
name:'', |
|||
idNo:'', |
|||
accountNo:'', |
|||
phone:'' |
|||
}, |
|||
rules: { |
|||
name: { |
|||
rules: [{ |
|||
required: true, |
|||
errorMessage: '请输入姓名' |
|||
}, { |
|||
minLength: 2, |
|||
maxLength: 4, |
|||
errorMessage: '姓名长度在 {minLength} 到 {maxLength} 个字符' |
|||
}] |
|||
}, |
|||
idNo: { |
|||
rules: [{ |
|||
required: true, |
|||
errorMessage: '请输入身份证号' |
|||
},{ |
|||
pattern: '[1-9]\\d{5}(18|19|20)\\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\\d|3[01])\\d{3}[\\dXx]', |
|||
errorMessage: '请输入正确的身份证号' |
|||
}] |
|||
}, |
|||
accountNo: { |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
errorMessage: '请输入支付宝账号' |
|||
}, |
|||
{ |
|||
validateFunction: this.checkAccount, |
|||
} |
|||
] |
|||
}, |
|||
phone: { |
|||
rules: [{ |
|||
required: true, |
|||
errorMessage: '请输入手机号' |
|||
}, |
|||
{ |
|||
pattern: '^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\\d{8}$', |
|||
errorMessage: '请输入正确的手机号' |
|||
}, |
|||
{ |
|||
validateFunction: (data) => { |
|||
// 异步需要返回 Promise 对象 |
|||
return new Promise((resolve, reject) => { |
|||
if (data.length = 11) { |
|||
resolve() |
|||
} else { |
|||
reject(new Error('手机号长度应为11个字符')) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
] |
|||
} |
|||
} |
|||
|
|||
} |
|||
}, |
|||
mounted() { |
|||
//设置校验规则 |
|||
this.$refs.form.setRules(this.rules); |
|||
}, |
|||
created() { |
|||
const userInfo = uni.getStorageSync('userInfo') |
|||
if (!userInfo) { |
|||
console.log('havent userInfo') |
|||
uni.showModal({ |
|||
content: '艺术家账户过期,请重新登录！', |
|||
showCancel: false, |
|||
success() { |
|||
//没有缓存则跳转登录页面 |
|||
uni.reLaunch({ |
|||
url: '/pages/login/login' |
|||
}); |
|||
} |
|||
}); |
|||
} else { |
|||
this.userInfo = userInfo; |
|||
console.log('have userInfo') |
|||
} |
|||
|
|||
this.checkAccountUpToFour(); |
|||
}, |
|||
|
|||
methods: { |
|||
//检查收款账户是否超过4个 |
|||
async checkAccountUpToFour() { |
|||
const res = await checkAccountUpToFour(this.userInfo.id); |
|||
if (res.data.code === 200) { |
|||
if(res.data.data != true){ |
|||
//不存在则放行，存在则提示 |
|||
this.upToFourFlag = false; |
|||
console.log('status',this.upToFourFlag) |
|||
return; |
|||
}else{ |
|||
this.upToFourFlag = true; |
|||
console.log('status',this.upToFourFlag) |
|||
} |
|||
} else { |
|||
uni.showModal({ |
|||
content: '检查收款账户失败！', |
|||
showCancel: false |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
//检查艺术家收款账户是否存在 |
|||
checkAccount(){ |
|||
return new Promise((resolve, reject) => { |
|||
let that = this; |
|||
const param = { |
|||
creatorId: that.userInfo.id, |
|||
accountNo:that.accountInfo.accountNo |
|||
} |
|||
checkAccountExist(param).then(res => { |
|||
if (res.data.code === 200) { |
|||
if(res.data.data != true){ |
|||
//不存在则放行，存在则提示 |
|||
that.existFlag = false; |
|||
return; |
|||
}else{ |
|||
that.existFlag = true; |
|||
return reject(new Error('该收款账户已存在')) |
|||
} |
|||
}else{ |
|||
uni.showModal({ |
|||
content: '检查收款账户失败！', |
|||
showCancel: false |
|||
}); |
|||
} |
|||
}); |
|||
}); |
|||
}, |
|||
|
|||
//保存数据并跳转 |
|||
submitAccount(){ |
|||
let that = this; |
|||
if(that.existFlag == true){ |
|||
uni.showModal({ |
|||
content: '收款账户已存在！', |
|||
showCancel: false |
|||
}); |
|||
}else{ |
|||
if(that.upToFourFlag == true){ |
|||
uni.showModal({ |
|||
content: '绑定收款账户已达最大上限！', |
|||
showCancel: false, |
|||
success() { |
|||
uni.redirectTo({ |
|||
url: '/pages-userInfo/creatorAccount/creatorAccount' |
|||
}) |
|||
} |
|||
}); |
|||
}else{ |
|||
const param = { |
|||
creatorId: that.userInfo.id, |
|||
name: that.accountInfo.name, |
|||
idNo: that.accountInfo.idNo, |
|||
phone:that.accountInfo.phone, |
|||
accountNo:that.accountInfo.accountNo, |
|||
type: '2' //此处默认先添加为支付宝账户，后续微信支付了即可添加微信 |
|||
} |
|||
//新增艺术家账户 |
|||
addCreatorAccount(param).then(res => { |
|||
if (res.data.code === 200) { |
|||
uni.hideLoading(); |
|||
uni.showToast({ |
|||
title:'添加成功!', |
|||
duration: 1500, |
|||
success() { |
|||
setTimeout(function () { |
|||
uni.redirectTo({ |
|||
url: '/pages-userInfo/creatorAccount/creatorAccount' |
|||
}) |
|||
}, 1500); |
|||
} |
|||
}) |
|||
}else{ |
|||
uni.showModal({ |
|||
content: '添加收款账户失败！', |
|||
showCancel: false |
|||
}); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
//跳转到置顶路径 |
|||
goto:function(url){ |
|||
console.log('111111111111111111111') |
|||
// uni.navigateTo({ |
|||
// url: url |
|||
// }) |
|||
}, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.confirmBtn{ |
|||
width: 710rpx; |
|||
height: 60rpx; |
|||
background-color: royalblue; |
|||
color: #ffffff; |
|||
font-size: 30rpx; |
|||
line-height: 62rpx; |
|||
border-radius: 17rpx; |
|||
margin-top:100rpx; |
|||
} |
|||
.foot{ |
|||
margin-top:100rpx; |
|||
} |
|||
.textstyle{ |
|||
font-size: 25rpx; |
|||
} |
|||
.specialText{ |
|||
color: blue; |
|||
// display: inline-block; |
|||
font-size: 25rpx; |
|||
} |
|||
|
|||
</style> |
|||
@ -0,0 +1,190 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<view class="head"> |
|||
<uni-group mode="card" v-for="(item,index) in creatorAccountList" :key="index"> |
|||
<view class="slot-box">真实姓名：{{item.name}}</view> |
|||
<view class="slot-box">身份证号：{{item.idNo}}</view> |
|||
<view class="slot-box" v-if="item.type == '0'">微信账号：{{item.accountNo}}</view> |
|||
<view class="slot-box" v-if="item.type == '1'">银行卡账号：{{item.accountNo}}</view> |
|||
<view class="slot-box" v-if="item.type == '2'">支付宝账号：{{item.accountNo}}</view> |
|||
<view class="line-box"></view> |
|||
<view class="btn-box"> |
|||
<uni-tag :circle="true" text="设为默认" type="primary" v-if="item.isUse == '0'" class="btn" |
|||
@click="$noMultipleClicks(setDefault,item.id)" inverted="true"/> |
|||
<uni-tag :circle="true" text="删除" type="default" v-if="item.isUse == '0'" class="btn" |
|||
@click="$noMultipleClicks(delAccount,item.id)" inverted="true"/> |
|||
</view> |
|||
</uni-group> |
|||
</view> |
|||
<view class="foot"> |
|||
<button class="creatorAccountAddBtn" size="default" :loading="loadingFlag" @click="creatorAccountAdd('/pages-userInfo/creatorAccount/createAccount')">添加收款账户</button> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getCreatorAccount,deleteAccount,setDefaultAccountStatus |
|||
} from '@/api/userInfo.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
creatorAccountList: [], |
|||
userInfo: {}, |
|||
type: 0, |
|||
noClick:true, //防止重复提交 |
|||
} |
|||
}, |
|||
|
|||
created() { |
|||
const userInfo = uni.getStorageSync('userInfo') |
|||
if (!userInfo) { |
|||
console.log('havent userInfo') |
|||
uni.showModal({ |
|||
content: '艺术家账户过期,请重新登录！', |
|||
showCancel: false, |
|||
success() { |
|||
//没有缓存则跳转登录页面 |
|||
uni.reLaunch({ |
|||
url: '/pages/login/login' |
|||
}); |
|||
} |
|||
}); |
|||
} else { |
|||
this.userInfo = userInfo; |
|||
console.log('have userInfo') |
|||
this.getCreatorAccount(); |
|||
} |
|||
}, |
|||
|
|||
methods: { |
|||
// 查询艺术家账户列表 |
|||
async getCreatorAccount() { |
|||
let that = this; |
|||
const res = await getCreatorAccount(that.userInfo.id) |
|||
console.log('res', res) |
|||
if (res.data.code === 200) { |
|||
that.creatorAccountList.push(...res.data.data) |
|||
console.log('creatorAccountList', that.creatorAccountList) |
|||
} else { |
|||
uni.showModal({ |
|||
content: '获取艺术家账户列表数据加载失败！', |
|||
showCancel: false |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
//设置艺术家收款账户默认状态 |
|||
setDefault(id){ |
|||
let that = this; |
|||
const param = { |
|||
id: id, |
|||
status: '1', |
|||
creatorId: that.userInfo.id |
|||
} |
|||
setDefaultAccountStatus(param).then(res =>{ |
|||
if (res.data.code === 200) { |
|||
uni.showToast({ |
|||
title: '操作成功!', |
|||
duration: 2000, |
|||
mask: true, |
|||
success() { |
|||
//刷新 |
|||
setTimeout(() => { |
|||
uni.redirectTo({ |
|||
url: '/pages-userInfo/creatorAccount/creatorAccount' |
|||
}); |
|||
}, 1000) |
|||
} |
|||
}); |
|||
}else{ |
|||
uni.showModal({ |
|||
content: "设置艺术家收款账户默认状态失败！", |
|||
showCancel: false, |
|||
}); |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
//设为默认收款账户 |
|||
delAccount(id){ |
|||
uni.showModal({ |
|||
title: '提示', |
|||
content: '确认删除该收款账户？', |
|||
success(resp) { |
|||
if(resp.confirm){ |
|||
let that = this; |
|||
const ids = [] |
|||
ids.push(parseInt(id)) |
|||
deleteAccount(ids).then(res =>{ |
|||
if (res.data.code === 200) { |
|||
uni.showToast({ |
|||
title: '删除成功!', |
|||
duration: 2000, |
|||
mask: true, |
|||
success() { |
|||
//刷新 |
|||
setTimeout(() => { |
|||
uni.redirectTo({ |
|||
url: '/pages-userInfo/creatorAccount/creatorAccount' |
|||
}); |
|||
}, 2000) |
|||
} |
|||
}); |
|||
}else{ |
|||
uni.showModal({ |
|||
content: "删除收款账户失败！", |
|||
showCancel: false, |
|||
}); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
creatorAccountAdd(url){ |
|||
uni.navigateTo({ |
|||
url: url |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<style lang="less"> |
|||
.creatorAccountAddBtn{ |
|||
width: 710rpx; |
|||
height: 60rpx; |
|||
background-color: royalblue; |
|||
color: #ffffff; |
|||
font-size: 30rpx; |
|||
line-height: 62rpx; |
|||
border-radius: 17rpx; |
|||
margin-top:100rpx; |
|||
} |
|||
.foot{ |
|||
margin-top:630rpx; |
|||
} |
|||
.slot-box{ |
|||
font-size: 30rpx; |
|||
text-align: justify; |
|||
} |
|||
.line-box{ |
|||
border: 1rpx #B3B3B3 solid; |
|||
margin-top: 30rpx; |
|||
} |
|||
.btn-box{ |
|||
position: relative; |
|||
flex-direction: row; |
|||
justify-content: flex-end; |
|||
display: flex; |
|||
margin-left: 200rpx; |
|||
margin-top: 20rpx; |
|||
.btn{ |
|||
padding-left: 20rpx; |
|||
} |
|||
} |
|||
|
|||
</style> |
|||
@ -1,96 +1,451 @@ |
|||
<template> |
|||
<view class="container"> |
|||
钱包余额：{{userInfo.amt}} |
|||
<button class="withdrawBtn" size="default" :loading="loadingFlag" @click="" :disabled="checkUpload">提现</button> |
|||
<uni-list> |
|||
<uni-list-item title="管理收款账户" :show-extra-icon="true" :extra-icon="wallet" link to="/pages-userInfo/setting/compoSign"></uni-list-item> |
|||
<uni-list-item title="提现记录" :show-extra-icon="true" :extra-icon="withlog" link to="/pages-userInfo/withdraw/withdrawLog"></uni-list-item> |
|||
</uni-list> |
|||
<view class="page-bg"> |
|||
<view class="main-container"> |
|||
<view class="tl-panel"> |
|||
<view class="tl-font-28-29">提现金额</view> |
|||
<view class="input-box"> |
|||
¥ <input type="text" placeholder="输入金额" placeholder-class="pch" |
|||
class="input-value" @blur="checkAmt()" value="" v-model="amt"/> |
|||
</view> |
|||
<view class="tl-font-28-9b">当前余额为￥{{userInfo.amt}} </view> |
|||
<view class="tl-font-28-9b">小贴士：提现金额不少于1元 </view> |
|||
</view> |
|||
|
|||
<view class="tl-red tl-title-62" v-if="checkFlag == true">输入金额超过当前余额</view> |
|||
|
|||
<view class="tl-font-28-29 tl-title-60">选择提现至</view> |
|||
|
|||
<view class="tl-panel-2 tl-flex-row"> |
|||
<radio-group @change="radioChange"> |
|||
<label v-for="(item, index) in creatorAccountList" :key="index"> |
|||
<view class="withdrawBox"> |
|||
<view v-if="item.type == '0'"> |
|||
<image :src="payType[0].icon" class="tl-img-76"></image> |
|||
</view> |
|||
<view v-if="item.type == '1'"> |
|||
<image :src="payType[1].icon" class="tl-img-76"></image> |
|||
</view> |
|||
<view v-if="item.type == '2'"> |
|||
<image :src="payType[2].icon" class="tl-img-76"></image> |
|||
</view><!-- 0->微信 1->银行卡 2->支付宝 --> |
|||
<view class="tl-font-28-34 tl-name" v-if="item.type == '0'">{{payType[0].title}} {{item.accountNo}}</view> |
|||
<view class="tl-font-28-34 tl-name" v-if="item.type == '1'">{{payType[1].title}} {{item.accountNo}}</view> |
|||
<view class="tl-font-28-34 tl-name" v-if="item.type == '2'">{{payType[2].title}} {{item.accountNo}}</view> |
|||
<view> |
|||
<radio :value="item" color="#F2C827" :checked="item.isUse === '1'" class="radioStyle"/> |
|||
</view> |
|||
</view> |
|||
</label> |
|||
</radio-group> |
|||
</view> |
|||
<view class="tl-footer"> |
|||
<button class="tl-btn-686 tl-font-28-29" @click="$noMultipleClicks(withdraw)">提现</button> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import { |
|||
getWithdrawList,getCreatorAccount, |
|||
checkWithdraw,withdraw, |
|||
getCreatorInfo |
|||
} from '@/api/userInfo.js' |
|||
export default { |
|||
data() { |
|||
return { |
|||
amt: '', |
|||
userInfo: {}, |
|||
wallet: { |
|||
color:'#0000ff', |
|||
size: '22', |
|||
type: 'wallet' |
|||
checkFlag: false, |
|||
noClick:true, //防止重复提交 |
|||
creatorAccountList:[], |
|||
accountNo: '', |
|||
type: '', |
|||
current: 0, |
|||
payType: [{ |
|||
icon: '/static/wxPay.png', |
|||
title: '微信', |
|||
}, |
|||
withlog: { |
|||
color:'#0000ff', |
|||
size: '22', |
|||
type: 'compose' |
|||
{ |
|||
icon: '/static/wxPay.png', |
|||
title: '银行卡', |
|||
}, |
|||
{ |
|||
icon: '/static/aliPay.png', |
|||
title: '支付宝', |
|||
}], |
|||
} |
|||
|
|||
}, |
|||
created() { |
|||
const userInfoSync = uni.getStorageSync('userInfo') |
|||
this.userInfo = userInfoSync |
|||
const userInfo = uni.getStorageSync('userInfo') |
|||
if (!userInfo) { |
|||
console.log('havent userInfo') |
|||
uni.showModal({ |
|||
content: '艺术家账户过期,请重新登录！', |
|||
showCancel: false, |
|||
success() { |
|||
//没有缓存则跳转登录页面 |
|||
uni.reLaunch({ |
|||
url: '/pages/login/login' |
|||
}); |
|||
} |
|||
}); |
|||
} else { |
|||
this.userInfo = userInfo; |
|||
console.log('have userInfo') |
|||
this.getCreatorAccount(); |
|||
} |
|||
|
|||
}, |
|||
methods: { |
|||
targetToDetail(orderId) { |
|||
console.log('orderId', orderId) |
|||
if (orderId) { |
|||
uni.navigateTo({ |
|||
url: 'withdrawDetail?orderId=' + orderId, |
|||
// 查询艺术家账户列表 |
|||
async getCreatorAccount() { |
|||
let that = this; |
|||
const res = await getCreatorAccount(that.userInfo.id) |
|||
console.log('res', res) |
|||
if (res.data.code === 200) { |
|||
that.creatorAccountList.push(...res.data.data) |
|||
for (let param of res.data.data) { |
|||
if(param.isUse === '1'){ |
|||
that.accountNo = param.accountNo; |
|||
that.type = param.type; |
|||
} |
|||
} |
|||
console.log('creatorAccountList', that.creatorAccountList) |
|||
} else { |
|||
uni.showModal({ |
|||
content: '获取艺术家账户列表数据加载失败！', |
|||
showCancel: false |
|||
}); |
|||
} |
|||
}, |
|||
|
|||
radioChange: function(evt) { |
|||
console.log(JSON.stringify(evt.detail.value)); |
|||
let that = this; |
|||
that.type = evt.detail.value.type; |
|||
that.accountNo = evt.detail.value.accountNo; |
|||
console.log(that.type); |
|||
console.log(that.accountNo); |
|||
}, |
|||
|
|||
//检查是否超出余额 |
|||
checkAmt:function(){ |
|||
let that = this; |
|||
if(parseFloat(that.amt) > parseFloat(that.userInfo.amt)){ |
|||
that.checkFlag = true; |
|||
}else{ |
|||
that.checkFlag = false; |
|||
} |
|||
}, |
|||
|
|||
//提现 |
|||
async withdraw(){ |
|||
let that = this; |
|||
console.log('点击了提现，金额为',that.type) |
|||
if(that.amt == null || that.amt == ''){ |
|||
uni.showModal({ |
|||
content: '请输入提现金额！', |
|||
showCancel: false |
|||
}); |
|||
} |
|||
if(that.checkFlag == true){ |
|||
console.log('that.checkFlag',that.checkFlag) |
|||
uni.showModal({ |
|||
content: '输入金额超过可提现余额！', |
|||
showCancel: false |
|||
}); |
|||
}else{ |
|||
//校验服务器是否可以提现 |
|||
const param = { |
|||
creatorId: that.userInfo.id, |
|||
amt: that.amt |
|||
} |
|||
const checkRes = await checkWithdraw(param); |
|||
if(checkRes.data.code === 200){ |
|||
if(checkRes.data.data === true){ |
|||
//可提现 |
|||
const withdrawParam = { |
|||
creatorId: that.userInfo.id, |
|||
amt: that.amt, |
|||
accountNo: that.accountNo, |
|||
channel: that.type |
|||
} |
|||
const withdrawRes = await withdraw(withdrawParam); |
|||
if(withdrawRes.data.code === 200){ |
|||
//更新艺术家缓存 |
|||
const creatorInfo = await getCreatorInfo(that.userInfo.id); |
|||
console.log('creatorInfo',creatorInfo) |
|||
if(creatorInfo.data.code === 200){ |
|||
uni.setStorage({ |
|||
key: 'userInfo', |
|||
data: creatorInfo.data.data, |
|||
success() { |
|||
uni.showModal({ |
|||
title: '提示', |
|||
content: '发起提现成功,请等待审核!', |
|||
showCancel: false, |
|||
success() { |
|||
uni.reLaunch({ |
|||
url: '/pages-userInfo/withdraw/withdrawIndex' |
|||
}); |
|||
} |
|||
}); |
|||
} |
|||
}) |
|||
}else{ |
|||
uni.showModal({ |
|||
content: '获取艺术家信息失败！', |
|||
showCancel: false |
|||
}); |
|||
} |
|||
|
|||
|
|||
}else{ |
|||
uni.showModal({ |
|||
content: '发起提现申请失败！', |
|||
showCancel: false |
|||
}); |
|||
} |
|||
}else{ |
|||
//不可提现 |
|||
uni.showModal({ |
|||
content: '输入金额超过可提现余额！', |
|||
showCancel: false |
|||
}); |
|||
} |
|||
}else{ |
|||
uni.showModal({ |
|||
content: '检查艺术家是否可提现失败！', |
|||
showCancel: false |
|||
}); |
|||
} |
|||
|
|||
// await checkWithdraw(param).then(res =>{ |
|||
// if(res.data.code === 200){ |
|||
// if(res.data.data === true){ |
|||
// //可提现 |
|||
// const withdrawParam = { |
|||
// creatorId: that.userInfo.id, |
|||
// amt: that.amt, |
|||
// accountNo: that.accountNo, |
|||
// channel: that.type |
|||
// } |
|||
// await withdraw(withdrawParam).then(resp =>{ |
|||
// if(res.data.code === 200){ |
|||
// uni.showToast({ |
|||
// title: '发起提现成功,请等待审核!', |
|||
// duration: 2000, |
|||
// success() { |
|||
// uni.reLaunch({ |
|||
// url: '/pages-userInfo/withdraw/withdrawIndex' |
|||
// }); |
|||
// } |
|||
// }); |
|||
// }else{ |
|||
// uni.showModal({ |
|||
// content: '发起提现申请失败！', |
|||
// showCancel: false |
|||
// }); |
|||
// } |
|||
// }) |
|||
// }else{ |
|||
// //不可提现 |
|||
// uni.showModal({ |
|||
// content: '输入金额超过可提现余额！', |
|||
// showCancel: false |
|||
// }); |
|||
// } |
|||
// }else{ |
|||
// uni.showModal({ |
|||
// content: '检查艺术家是否可提现失败！', |
|||
// showCancel: false |
|||
// }); |
|||
// } |
|||
// }) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.withdrawBtn{ |
|||
width: 750rpx; |
|||
height: 60rpx; |
|||
background-color: royalblue; |
|||
color: #ffffff; |
|||
font-size: 30rpx; |
|||
line-height: 62rpx; |
|||
border-radius: 17rpx; |
|||
margin-top:100rpx; |
|||
} |
|||
.uni-list-item__icon-img { |
|||
border-radius: 16rpx; |
|||
} |
|||
.ivOver{ |
|||
width: 100%; |
|||
height:100rpx; |
|||
line-height: 100rpx; |
|||
text-align: center; |
|||
background: #fff; |
|||
font-size: 20rpx; |
|||
.page-bg { |
|||
width: 100vw; |
|||
height: 100vh; |
|||
overflow: hidden; |
|||
background-size: 750rpx auto; |
|||
background-color: #F7F7F7; |
|||
} |
|||
.box { |
|||
|
|||
.main-container { |
|||
width: 686rpx; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
padding-right: 16rpx; |
|||
flex: 1; |
|||
color: #3b4144; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
overflow: hidden; |
|||
margin-top: 36rpx; |
|||
} |
|||
.tl-panel{ |
|||
width: 686rpx; |
|||
height: 296rpx; |
|||
padding: 32rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 8rpx; |
|||
} |
|||
.tl-font-28-29{ |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #292929; |
|||
} |
|||
.tl-font-28-9b{ |
|||
font-size: 28rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #9B9B9B; |
|||
margin-top: 18rpx; |
|||
} |
|||
.box-bot { |
|||
.tl-font-32-29{ |
|||
font-size: 32rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #292929; |
|||
} |
|||
.input-box { |
|||
height: 100rpx; |
|||
width: 650rpx; |
|||
display: flex; |
|||
margin-top: 10rpx; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-size: 60rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #43413C; |
|||
opacity: 1; |
|||
border-bottom: 2rpx solid #E7E9EE;; |
|||
} |
|||
.box-bot view { |
|||
border-radius: 6rpx; |
|||
border: 2rpx solid #4d6aff; |
|||
padding: 4rpx 10rpx; |
|||
margin-right: 10rpx; |
|||
font-size: 24rpx; |
|||
.input-box .input-value { |
|||
flex: 1 auto; |
|||
margin-left: 10rpx; |
|||
height: 80rpx; |
|||
} |
|||
|
|||
.tl-flex-row{ |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
flex-wrap: wrap; |
|||
text-align: center; |
|||
} |
|||
.tl-panel-2{ |
|||
width: 686rpx; |
|||
padding: 32rpx; |
|||
background: #FFFFFF; |
|||
border-radius: 8rpx; |
|||
} |
|||
.tl-title-60{ |
|||
margin: 30rpx 0 20rpx 0; |
|||
} |
|||
|
|||
.tl-title-62{ |
|||
margin: 25rpx 0 30rpx 0; |
|||
} |
|||
|
|||
.tl-panel-card{ |
|||
width: 194rpx; |
|||
height: 136rpx; |
|||
line-height: 136rpx; |
|||
background: #F7F7F7; |
|||
border-radius: 8rpx; |
|||
} |
|||
.active{ |
|||
background: #FEF5DD; |
|||
border-radius: 8rpx; |
|||
font-size: 32rpx; |
|||
font-family: PingFangSC-Medium, PingFang SC; |
|||
font-weight: 500; |
|||
color: #F2C827; |
|||
} |
|||
|
|||
.tl-footer{ |
|||
margin-top: 120rpx; |
|||
} |
|||
.tl-btn-686{ |
|||
width: 686rpx; |
|||
height: 88rpx; |
|||
line-height: 88rpx; |
|||
background: #185dff; |
|||
border-radius: 8rpx; |
|||
color:white; |
|||
} |
|||
.uni-list-item__content-title { |
|||
.tl-blue{ |
|||
font-size: 28rpx; |
|||
color: #3b4144; |
|||
overflow: hidden; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #2793F2; |
|||
} |
|||
|
|||
.tl-img-76{ |
|||
width: 76rpx; |
|||
height: 76rpx; |
|||
border-radius: 38rpx; |
|||
} |
|||
.tl-red{ |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #E04646; |
|||
} |
|||
|
|||
|
|||
/*** 模态框 ***/ |
|||
.tl-flex-row{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
.tl-line-down{ |
|||
border-bottom: 2rpx solid #EAEAEA; |
|||
margin: 60rpx 0 20rpx 0; |
|||
padding-bottom: 30rpx; |
|||
} |
|||
|
|||
.tl-line-16{ |
|||
width: 748rpx; |
|||
height: 16rpx; |
|||
background: #F7F7F7; |
|||
} |
|||
.tl-font-60-02{ |
|||
font-size: 60rpx; |
|||
font-family: DINAlternate-Bold, DINAlternate; |
|||
font-weight: bold; |
|||
color: #020202; |
|||
} |
|||
.tl-font-24-9b{ |
|||
font-size: 24rpx; |
|||
font-family: PingFangSC-Regular, PingFang SC; |
|||
font-weight: 400; |
|||
color: #9B9B9B; |
|||
} |
|||
.ml-12{ |
|||
margin-left: 12rpx; |
|||
} |
|||
|
|||
.tl-text{ |
|||
width: 450rpx; |
|||
display: -webkit-box; /*弹性伸缩盒子模型显示*/ |
|||
-webkit-box-orient: vertical; /*排列方式*/ |
|||
-webkit-line-clamp: 1; /*显示文本行数(这里控制多少行隐藏)*/ |
|||
overflow: hidden; /*溢出隐藏*/ |
|||
} |
|||
.withdrawBox{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
margin: 40rpx 40rpx 20rpx 10rpx; |
|||
} |
|||
.radioStyle{ |
|||
margin-left: 200rpx; |
|||
} |
|||
</style> |
|||
|
|||
@ -0,0 +1,111 @@ |
|||
<template> |
|||
<view class="container"> |
|||
<view class="head"> |
|||
<uni-icons type="medal" size="50"/> |
|||
<view class="box"> |
|||
<text>钱包余额</text> |
|||
</view> |
|||
<view class="box"> |
|||
<text>￥{{userInfo.amt}}</text> |
|||
</view> |
|||
<button class="withdrawBtn" size="default" :loading="loadingFlag" @click="withdraw('/pages-userInfo/withdraw/withdraw')" :disabled="checkUpload">发起提现</button> |
|||
</view> |
|||
<view class="bottom"> |
|||
<uni-group mode="card"> |
|||
<uni-list> |
|||
<uni-list-item title="管理收款账户" :show-extra-icon="true" :extra-icon="wallet" link to="/pages-userInfo/creatorAccount/creatorAccount"></uni-list-item> |
|||
<uni-list-item title="提现记录" :show-extra-icon="true" :extra-icon="withlog" link to="/pages-userInfo/withdraw/withdrawLog"></uni-list-item> |
|||
</uni-list> |
|||
</uni-group> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
userInfo: {}, |
|||
wallet: { |
|||
color:'#0000ff', |
|||
size: '22', |
|||
type: 'wallet' |
|||
}, |
|||
withlog: { |
|||
color:'#0000ff', |
|||
size: '22', |
|||
type: 'compose' |
|||
}, |
|||
} |
|||
|
|||
}, |
|||
created() { |
|||
const userInfo = uni.getStorageSync('userInfo') |
|||
if (!userInfo) { |
|||
console.log('havent userInfo') |
|||
uni.showModal({ |
|||
content: '艺术家账户过期,请重新登录！', |
|||
showCancel: false, |
|||
success() { |
|||
//没有缓存则跳转登录页面 |
|||
uni.reLaunch({ |
|||
url: '/pages/login/login' |
|||
}); |
|||
} |
|||
}); |
|||
} else { |
|||
this.userInfo = userInfo; |
|||
console.log('have userInfo') |
|||
} |
|||
}, |
|||
methods: { |
|||
// targetToDetail(orderId) { |
|||
// console.log('orderId', orderId) |
|||
// if (orderId) { |
|||
// uni.navigateTo({ |
|||
// url: 'withdrawDetail?orderId=' + orderId, |
|||
// }); |
|||
// } |
|||
// }, |
|||
withdraw(url){ |
|||
uni.navigateTo({ |
|||
url: url |
|||
}) |
|||
} |
|||
|
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
.container{ |
|||
.head{ |
|||
margin-bottom: 50rpx; |
|||
text-align: center; |
|||
.box{ |
|||
//border:1px red solid; |
|||
padding-bottom: 30rpx; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.withdrawBtn{ |
|||
width: 710rpx; |
|||
height: 60rpx; |
|||
background-color: royalblue; |
|||
color: #ffffff; |
|||
font-size: 30rpx; |
|||
line-height: 62rpx; |
|||
border-radius: 17rpx; |
|||
margin-top:100rpx; |
|||
} |
|||
.uni-list-item__icon-img { |
|||
border-radius: 16rpx; |
|||
} |
|||
|
|||
.uni-list-item__content-title { |
|||
font-size: 28rpx; |
|||
color: #3b4144; |
|||
overflow: hidden; |
|||
} |
|||
</style> |
|||
|
After Width: | Height: | Size: 223 KiB |
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,24 @@ |
|||
// 防止处理多次点击
|
|||
function noMultipleClicks(methods, info) { |
|||
// methods是需要点击后需要执行的函数， info是点击需要传的参数
|
|||
let that = this; |
|||
if (that.noClick) { |
|||
// 第一次点击
|
|||
that.noClick= false; |
|||
if(info && info !== '') { |
|||
// info是执行函数需要传的参数
|
|||
methods(info); |
|||
} else { |
|||
methods(); |
|||
} |
|||
setTimeout(()=> { |
|||
that.noClick= true; |
|||
}, 2000) |
|||
} else { |
|||
// 这里是重复点击的判断
|
|||
} |
|||
} |
|||
//导出
|
|||
export default { |
|||
noMultipleClicks,//禁止多次点击
|
|||
} |
|||
Loading…
Reference in new issue