parent
430e5ba282
commit
180b316598
@ -0,0 +1,503 @@ |
||||
<template> |
||||
<view :style="viewColor"> |
||||
<view class='cash-withdrawal' :hidden='!loading'> |
||||
|
||||
<view class='wrapper'> |
||||
<view class='list'> |
||||
<form @submit="addMes" report-submit='true'> |
||||
<view class='item acea-row row-between-wrapper'> |
||||
<view class='name'>真实姓名</view> |
||||
<view class='input'><input placeholder='请输入真实姓名' placeholder-class='placeholder' name="real_name" :value="realInfo.real_name"></input></view> |
||||
</view> |
||||
<view class='item acea-row row-between-wrapper'> |
||||
<view class='name'>身份证号</view> |
||||
<view class='input'><input type='number' placeholder='请填写身份证号' placeholder-class='placeholder' name="card" :value="realInfo.card"></input></view> |
||||
</view> |
||||
<view class='item acea-row row-between-wrapper'> |
||||
<view class='name'>年龄</view> |
||||
<view class='input'><input placeholder='请输入年龄信息' placeholder-class='placeholder' name="age" type='digit' :value="realInfo.age"></input></view> |
||||
</view> |
||||
<view class='item acea-row row-between-wrapper'> |
||||
<view class='name'>推荐人</view> |
||||
<view class='input'><input placeholder="请输入推荐人电话" placeholder-class='placeholder' name="spread_phone" :value="realInfo.spread_phone"></input></view> |
||||
</view> |
||||
<view class="btn-submit"> |
||||
<button formType="submit" :disabled="load" class='bnt b-color' :class="load ? 'disabled' : ''" >确认</button> |
||||
</view> |
||||
</form> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize> |
||||
<cash :payMode='pay_type' :pay_close="pay_close" @payClose="payClose" @onChangeFun="onChangeFun" :order_id="currentTab"></cash> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
// +---------------------------------------------------------------------- |
||||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ] |
||||
// +---------------------------------------------------------------------- |
||||
// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved. |
||||
// +---------------------------------------------------------------------- |
||||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权 |
||||
// +---------------------------------------------------------------------- |
||||
// | Author: CRMEB Team <admin@crmeb.com> |
||||
// +---------------------------------------------------------------------- |
||||
import { |
||||
getUserInfo, |
||||
spreadInfo, |
||||
getCheck, |
||||
modifyMes |
||||
} from '@/api/user.js'; |
||||
import { mapGetters } from "vuex"; |
||||
import authorize from '@/components/Authorize'; |
||||
import cash from '@/components/cash'; |
||||
import { configMap } from '@/utils'; |
||||
export default { |
||||
components: { |
||||
cash, |
||||
authorize |
||||
}, |
||||
data() { |
||||
return { |
||||
navList: [{ |
||||
'id': '0', |
||||
'ids': 1, |
||||
'name': '银行卡', |
||||
'icon': 'icon-yinhangqia', |
||||
'bg_color': '#FE960F' |
||||
}, |
||||
// { |
||||
// 'id': '1', |
||||
// 'ids': 2, |
||||
// 'name': '微信', |
||||
// 'icon': 'icon-weixin2', |
||||
// 'bg_color': '#41B035' |
||||
// }, |
||||
// { |
||||
// 'id': '2', |
||||
// 'ids': 3, |
||||
// 'name': '支付宝', |
||||
// 'icon': 'icon-icon34', |
||||
// 'bg_color': '#00A9F2' |
||||
// } |
||||
], |
||||
currentTab: '0', |
||||
extract_price: '', |
||||
index: 0, |
||||
array: [], //提现银行 |
||||
minPrice: 0.00, //最低提现金额 |
||||
userInfo: [], |
||||
isClone: false, |
||||
isAuto: false, //没有授权的不会自动授权 |
||||
isShowAuth: false, //是否隐藏授权 |
||||
loading: true, |
||||
load: false, |
||||
pics: [], //收款码 |
||||
extract_pic: '', |
||||
placeholderValue: '0.00', |
||||
payColor: '', |
||||
pay_close: false, |
||||
real_name: '', |
||||
bank_address: '', |
||||
bank_code: '', |
||||
pay_type: [], |
||||
proportion:'', |
||||
hpValue:'', |
||||
brokerage_price:'', |
||||
may_value:'', |
||||
shouxufei:'', |
||||
real_price:'', |
||||
pre_price:'', |
||||
real_name:'', |
||||
card:'', |
||||
age:'', |
||||
spread_phone:'', |
||||
realInfo:{}, |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapGetters(['isLogin','viewColor']), |
||||
... configMap(['sys_extension_type', 'withdraw_type']) |
||||
}, |
||||
watch: { |
||||
withdraw_type: { |
||||
handler(){ |
||||
this.loadType() |
||||
}, |
||||
immediate: true |
||||
} |
||||
}, |
||||
onLoad() { |
||||
if (this.isLogin) { |
||||
this.getCheck(); |
||||
this.proportion = uni.getStorageSync('proportion'); |
||||
this.hpValue = uni.getStorageSync('hpValue'); |
||||
this.brokerage_price = uni.getStorageSync('brokerage_price'); |
||||
this.may_value = uni.getStorageSync('may_value'); |
||||
this.shouxufei = uni.getStorageSync('shouxufei'); |
||||
// this.pre_price = this.extract_price*this.proportion; |
||||
// this.real_price =this.extract_price*this.proportion*0.7*0.94; |
||||
|
||||
} else { |
||||
this.isAuto = true; |
||||
this.isShowAuth = true |
||||
} |
||||
}, |
||||
methods: { |
||||
loadType(){ |
||||
this.pay_type = [] |
||||
let withdrawType = this.withdraw_type |
||||
if (withdrawType.length > 0) { |
||||
this.navList.map((value, index) => { |
||||
withdrawType.map(val => { |
||||
if (value.ids == val) { |
||||
this.pay_type.push(value) |
||||
} |
||||
}) |
||||
}) |
||||
} |
||||
this.currentTab = this.pay_type[0].id |
||||
}, |
||||
onLoadFun: function() { |
||||
this.isShowAuth = false; |
||||
this.getUserInfo(); |
||||
// this.getUserExtractBank(); |
||||
}, |
||||
// 授权关闭 |
||||
authColse: function(e) { |
||||
this.isShowAuth = e |
||||
}, |
||||
swichNav: function(current) { |
||||
this.currentTab = current; |
||||
this.load = false; |
||||
}, |
||||
bindPickerChange: function(e) { |
||||
this.index = e.detail.value; |
||||
}, |
||||
handlePayColor: function() { |
||||
let str = '' |
||||
if (this.currentTab == 1) { |
||||
str = '#41B035' |
||||
} else if (this.currentTab == 2) { |
||||
str = '#00A9F2' |
||||
} else { |
||||
str = '#FE960F ' |
||||
} |
||||
return str |
||||
}, |
||||
uploadpic: function() { |
||||
let that = this; |
||||
console.log('地方'); |
||||
that.$util.uploadImageOne('upload/image', function(res) { |
||||
console.log(res); |
||||
that.pics.push(res.data.path); |
||||
that.$set(that, 'pics', that.pics); |
||||
that.$set(that, 'extract_pic', that.pics[0]) |
||||
}); |
||||
}, |
||||
/** |
||||
* 删除图片 |
||||
* |
||||
*/ |
||||
DelPic: function(index) { |
||||
let that = this, |
||||
pic = this.pics[index]; |
||||
that.pics.splice(index, 1); |
||||
that.$set(that, 'pics', that.pics); |
||||
}, |
||||
getCheck:function(){ |
||||
let that = this; |
||||
getCheck().then(res =>{ |
||||
that.$set(that, 'realInfo', res.data); |
||||
}) |
||||
}, |
||||
addMes: function(e) { |
||||
let that = this, |
||||
value = e.detail.value; |
||||
if(that.load) return; |
||||
if (value.real_name.length == 0) return this.$util.Tips({ |
||||
title: '请填写真实姓名' |
||||
}); |
||||
if (value.card.length == 0) return this.$util.Tips({ |
||||
title: '请填写身份证号' |
||||
}); |
||||
if (Number(value.age) < 18 || Number(value.age) > 68) return this.$util.Tips({ |
||||
title: '年龄应该在18-68岁之间' |
||||
}); |
||||
if (value.spread_phone.length == 0) return this.$util.Tips({ |
||||
title: '请填写推荐人电话' |
||||
}); |
||||
console.log(value, 'value') |
||||
that.load = true; |
||||
modifyMes(value).then(res => { |
||||
that.load = false; |
||||
that.$util.Tips({ |
||||
title: res.message, |
||||
icon: 'success' |
||||
}); |
||||
setTimeout(function(){ |
||||
// uni.navigateBack({ |
||||
// delta: 1, |
||||
// }) |
||||
uni.navigateTo({ |
||||
url: '/pages/users/user_info/index' |
||||
}); |
||||
},1000) |
||||
}).catch(err => { |
||||
that.load = false; |
||||
return that.$util.Tips({ |
||||
title: err |
||||
}); |
||||
}); |
||||
}, |
||||
/** |
||||
* 打开支付组件 |
||||
* |
||||
*/ |
||||
goPay: function(pay_price) { |
||||
this.$set(this, 'pay_close', true); |
||||
// this.$set(this, 'pay_order_id', ); |
||||
|
||||
}, |
||||
/** |
||||
* 关闭支付组件 |
||||
* |
||||
*/ |
||||
payClose: function() { |
||||
this.pay_close = false; |
||||
}, |
||||
onChangeFun: function(e) { |
||||
let opt = e; |
||||
let action = opt.action || null; |
||||
let value = opt.value != undefined ? opt.value : null; |
||||
(action && this[action]) && this[action](value); |
||||
this.currentTab = opt.type |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
page { |
||||
background-color: #F5F5F5 !important; |
||||
} |
||||
.mt25{ |
||||
margin-top: 25rpx; |
||||
} |
||||
.cash-withdrawal .nav { |
||||
height: 130rpx; |
||||
padding: 0 30rpx; |
||||
font-size: 30rpx; |
||||
margin-bottom: 20rpx; |
||||
background-color: #fff; |
||||
} |
||||
.b-color{background-color: var(--view-theme);} |
||||
.cash-withdrawal .nav .input { |
||||
width: 505rpx; |
||||
.more-content{ |
||||
display: flex; |
||||
align-items: center; |
||||
.more-content-left{ |
||||
width: 90%; |
||||
.type-icon{ |
||||
display: inline-block; |
||||
width: 56rpx; |
||||
height: 56rpx; |
||||
text-align: center; |
||||
line-height: 56rpx; |
||||
background-color: #FE960F; |
||||
margin-right: 20rpx; |
||||
border-radius: 50%; |
||||
.bankicon{ |
||||
font-size: 36rpx; |
||||
color: #FFFFFF; |
||||
} |
||||
} |
||||
} |
||||
.moreicon{ |
||||
width: 10%; |
||||
text-align: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.cash-withdrawal .nav .item { |
||||
font-size: 26rpx; |
||||
flex: 1; |
||||
text-align: center; |
||||
} |
||||
|
||||
.cash-withdrawal .nav .item~.item { |
||||
border-left: 1px solid #f0f0f0; |
||||
} |
||||
|
||||
.cash-withdrawal .nav .item .iconfont { |
||||
width: 40rpx; |
||||
height: 40rpx; |
||||
border-radius: 50%; |
||||
border: 2rpx solid #e93323; |
||||
text-align: center; |
||||
line-height: 37rpx; |
||||
margin: 0 auto 6rpx auto; |
||||
font-size: 22rpx; |
||||
box-sizing: border-box; |
||||
} |
||||
|
||||
.cash-withdrawal .nav .item .iconfont.on { |
||||
background-color: #e93323; |
||||
color: #fff; |
||||
border-color: #e93323; |
||||
} |
||||
|
||||
.cash-withdrawal .nav .item .line { |
||||
width: 2rpx; |
||||
height: 20rpx; |
||||
margin: 0 auto; |
||||
transition: height 0.3s; |
||||
} |
||||
|
||||
.cash-withdrawal .nav .item .line.on { |
||||
height: 39rpx; |
||||
} |
||||
|
||||
.cash-withdrawal .wrapper .list { |
||||
padding: 0 30rpx; |
||||
background-color: #fff; |
||||
} |
||||
.cash-withdrawal .wrapper .list .item { |
||||
border-bottom: 1px solid #eee; |
||||
height: 107rpx; |
||||
font-size: 30rpx; |
||||
color: #333; |
||||
|
||||
&.uploadItem { |
||||
border-bottom: none; |
||||
height: auto; |
||||
|
||||
.name { |
||||
height: 107rpx; |
||||
; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.picture { |
||||
width: 70px; |
||||
height: 70px; |
||||
margin: 0 0 17px 0; |
||||
position: relative; |
||||
font-size: 11px; |
||||
color: #bbb; |
||||
border: 0.5px solid #ddd; |
||||
box-sizing: border-box; |
||||
margin-top: 40rpx; |
||||
|
||||
uni-image,image { |
||||
width: 100%; |
||||
height: 100%; |
||||
border-radius: 1px; |
||||
} |
||||
|
||||
.icon-guanbi1 { |
||||
font-size: 22px; |
||||
position: absolute; |
||||
top: -10px; |
||||
right: -10px; |
||||
color: #fc4141; |
||||
} |
||||
} |
||||
|
||||
.cash-withdrawal .wrapper .list .item .name { |
||||
width: 130rpx; |
||||
} |
||||
|
||||
.cash-withdrawal .wrapper .list .item .input { |
||||
width: 505rpx; |
||||
} |
||||
|
||||
.cash-withdrawal .wrapper .list .item .input .placeholder { |
||||
color: #bbb; |
||||
} |
||||
.cash-withdrawal .placeholder1 { |
||||
font-size: 46rpx; |
||||
} |
||||
.cash-withdrawal .wrapper .list .tip { |
||||
font-size: 26rpx; |
||||
color: #999; |
||||
margin-bottom: 25rpx; |
||||
} |
||||
.cash-withdrawal .wrapper .list .btn-submit{ |
||||
background-color: #F5F5F5; |
||||
margin: 0 -30rpx; |
||||
padding: 64rpx 30rpx; |
||||
} |
||||
.cash-withdrawal .wrapper .list .bnt { |
||||
font-size: 32rpx; |
||||
color: #fff; |
||||
width: 690rpx; |
||||
height: 90rpx; |
||||
text-align: center; |
||||
border-radius: 50rpx; |
||||
line-height: 90rpx; |
||||
/deep/ &.disabled { |
||||
background: #E3E3E3!important; |
||||
pointer-events: none; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
.cash-withdrawal .wrapper .list .tip2 { |
||||
font-size: 26rpx; |
||||
color: #999; |
||||
text-align: center; |
||||
margin: 44rpx 0 20rpx 0; |
||||
} |
||||
|
||||
.cash-withdrawal .wrapper .list .value { |
||||
height: 135rpx; |
||||
line-height: 135rpx; |
||||
border-bottom: 1px solid #eee; |
||||
width: 690rpx; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
.cash-withdrawal .wrapper .list .value input { |
||||
font-size: 80rpx; |
||||
color: #282828; |
||||
height: 135rpx; |
||||
text-align: center; |
||||
} |
||||
.cash-withdrawal .wrapper .list .value .placeholder2 { |
||||
color: #bbb; |
||||
} |
||||
.price { |
||||
color: var(--view-priceColor); |
||||
} |
||||
.Bank { |
||||
display: block; |
||||
width: 100%; |
||||
text-overflow: ellipsis; |
||||
overflow: hidden; |
||||
white-space: nowrap; |
||||
} |
||||
.auto_arrival{ |
||||
text-align: center; |
||||
padding: 20rpx 0 0 0; |
||||
.input{ |
||||
width: 100%; |
||||
border-bottom: 1px solid #eee; |
||||
margin-top: 10rpx; |
||||
color: #999; |
||||
height: 120rpx; |
||||
/deep/uni-input,input{ |
||||
height: 120rpx; |
||||
font-size: 40rpx; |
||||
} |
||||
} |
||||
} |
||||
uni-toast.uni-mask{ |
||||
background-color: rgba(0,0,0,0.5) !important; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue