初始化商家端
This commit is contained in:
wangxiaowei
587
pages/md/Withdrawals/Withdrawals.vue
Normal file
587
pages/md/Withdrawals/Withdrawals.vue
Normal file
@ -0,0 +1,587 @@
|
||||
<template>
|
||||
<view class="page" :style="themeColor">
|
||||
<view class="flex align-stretch benben-position-layout flex Withdrawals_flex_0"
|
||||
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
|
||||
<view class='flex align-center justify-between flex-sub Withdrawals_fd0_0'>
|
||||
<view class='flex align-center Withdrawals_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
|
||||
data-url="1">
|
||||
<text class='fu-iconfont2 Withdrawals_fd0_0_c0_c0'></text>
|
||||
</view>
|
||||
<view class='flex align-center'>
|
||||
<text class='Withdrawals_fd0_0_c1_c0'>提现</text>
|
||||
</view>
|
||||
<view class='flex align-center justify-end Withdrawals_fd0_0_c2' @tap.stop="handleJumpDiy"
|
||||
data-type="navigateTo" :data-url="`/pages/md/withdrawalDetail/withdrawalDetail`">
|
||||
<text class='Withdrawals_fd0_0_c2_c0'>明细</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
|
||||
|
||||
<view class="flex flex-direction align-stretch benben-flex-layout Withdrawals_flex_1">
|
||||
<text class='Withdrawals_fd1_0'>输入提现金额</text>
|
||||
<view class='flex flex-wrap align-center justify-between Withdrawals_fd1_1'>
|
||||
<view class='flex flex-wrap align-end flex-sub Withdrawals_fd1_1_c0'>
|
||||
<text class='Withdrawals_fd1_1_c0_c0'>￥</text>
|
||||
<input class='flex-sub Withdrawals_fd1_1_c0_c1' type="text" :placeholder="'账户余额'+moeny"
|
||||
confirm-type="done" @input="moneychange" :maxlength="maxLength" placeholder-style="color:#999;font-size:32rpx"
|
||||
v-model="fd1_1_c0_c1" />
|
||||
</view>
|
||||
<text class='Withdrawals_fd1_1_c1' @click="total_tx">全部</text>
|
||||
</view>
|
||||
<view class='flex flex-wrap align-center Withdrawals_fd1_2' @tap="closePop">
|
||||
<text class='Withdrawals_fd1_2_c0'>提现收取</text>
|
||||
<text class='Withdrawals_fd1_2_c1'>{{withdraw_handling_fee}}%</text>
|
||||
<text class='Withdrawals_fd1_2_c2'>的手续费</text>
|
||||
<text class='fu-iconfont2 Withdrawals_fd1_2_c3'></text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="flex align-start justify-center benben-position-layout flex Withdrawals_flex_2">
|
||||
<button class='Withdrawals_fd2_0' @tap.stop="handleSubmit()">提现</button>
|
||||
|
||||
</view>
|
||||
<view :style="{height: '120rpx'}"></view>
|
||||
|
||||
<fu-popup v-model="showPopup" mode="center" width="540rpx" height="600rpx">
|
||||
<view class="pop-content padding">
|
||||
<view class="text-333 text-bold text-lg text-center">提现规则</view>
|
||||
<scroll-view scroll-y="true" style="height: 350rpx;">
|
||||
<view class="margin-top-sm text-999">
|
||||
<view class="" v-html="fast_detaile"></view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
</view>
|
||||
<view class="padding-top flex align-center justify-center " @tap="closePop">
|
||||
<view class="round close-btn flex align-center justify-center">
|
||||
<image style="width: 56rpx;height: 56rpx;" :src='STATIC_URL+"17.png"'></image>
|
||||
</view>
|
||||
</view>
|
||||
</fu-popup>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
validate
|
||||
} from '@/common/utils/validate.js'
|
||||
export default {
|
||||
components: {},
|
||||
|
||||
|
||||
data() {
|
||||
return {
|
||||
"fd1_1_c0_c1": "",
|
||||
"type_id": "1",
|
||||
"type": [{
|
||||
"name": "支付宝",
|
||||
"value": "1",
|
||||
"image": "https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20220110/348e8b49a890ed0b954d360573973023.png"
|
||||
}, {
|
||||
"name": "微信",
|
||||
"value": "2",
|
||||
"image": "https://zhongben-crm.oss-cn-zhangjiakou.aliyuncs.com/uploads/images/20211009/a665822a57096420848dc12457b53b39.png"
|
||||
}],
|
||||
"amount": "",
|
||||
withdraw_handling_fee:'', //提现手续费
|
||||
CustomBar: this.CustomBar,
|
||||
tabCurrentIndex: 2, // {Number} 支付宝还是微信
|
||||
moeny: '', // {String} 账户余额
|
||||
account_name: '', // {Number} 没啥用，不敢删
|
||||
account: '', // {String} 没啥用，不敢删
|
||||
change_money: '', // {String} 用户输入的提现金额
|
||||
is_click: false, // {Boolean} 按钮的点击状态
|
||||
show_key: false, // {Boolean} 支付密码组件是否显示
|
||||
min: 1, // {Number} 最小提现金额
|
||||
showPopup: false, // {Boolean} 弹窗显示
|
||||
fast_detaile: [] ,// {Object}
|
||||
lists:[],
|
||||
account_id:'',
|
||||
is_ye:false ,//是否绑定银行卡
|
||||
is_wx:false ,//是否绑定微信
|
||||
is_ali:false ,//是否绑定支付宝
|
||||
maxLength:""
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
themeColor() {
|
||||
return this.$store.getters.themeColor
|
||||
},
|
||||
|
||||
},
|
||||
watch: {},
|
||||
onLoad(options) {
|
||||
this.getMoney();
|
||||
this.getLimitWithdraw();
|
||||
this.showRole();
|
||||
},
|
||||
onShow() {
|
||||
this.getWithdrawAccount();
|
||||
},
|
||||
methods: {
|
||||
getWithdrawAccount() {
|
||||
this.$api.get(global.apiUrls.getWithdrawAccount,{
|
||||
account_type:3
|
||||
})
|
||||
.then(res => {
|
||||
res = res.data;
|
||||
if (res.code == 1) {
|
||||
this.is_ye=true
|
||||
this.tabCurrentIndex=3
|
||||
}else{
|
||||
this.is_ye=false
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err, 'get_withdraw_account');
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
* @function
|
||||
* @description 支付密码弹窗隐藏
|
||||
*/
|
||||
hideFun() {
|
||||
this.show_key = false;
|
||||
},
|
||||
/**
|
||||
* @function
|
||||
* @description 判断用户是否设置支付密码
|
||||
* @property {Number} pay_money - 订单金额
|
||||
*/
|
||||
isSetPayPassword() {
|
||||
return new Promise(resolve => {
|
||||
this.$api.post(global.apiUrls.isSetPay).then(res => {
|
||||
res = res.data;
|
||||
console.log('是否设置支付密码', res);
|
||||
if (res.code == 1) {
|
||||
if (res.data.falg == 0) {
|
||||
setTimeout(() => {
|
||||
this.$urouter.navigateTo('/pages/index/setting/change-pay-password/index');
|
||||
}, 800);
|
||||
resolve(false);
|
||||
} else {
|
||||
resolve(true);
|
||||
}
|
||||
} else {
|
||||
this.$message.info(res.msg);
|
||||
resolve(false);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
filter(type) {
|
||||
switch (Number(type)) {
|
||||
case 1:
|
||||
return this.i18n['请先绑定微信'];
|
||||
case 2:
|
||||
return this.i18n['请先绑定支付宝'];
|
||||
case 3:
|
||||
return this.i18n['请先绑定银行卡'];
|
||||
}
|
||||
},
|
||||
// 判断用户是否绑定了提现账户
|
||||
isBindAccount() {
|
||||
return new Promise(resolve => {
|
||||
this.$api
|
||||
.get(global.apiUrls.getWithdrawAccount, {
|
||||
account_type: this.tabCurrentIndex
|
||||
})
|
||||
.then(res => {
|
||||
res = res.data;
|
||||
console.log('是否绑定了提现账号', res);
|
||||
if (res.code == 0) {
|
||||
let index = this.tabCurrentIndex
|
||||
console.log('未绑定',this.filter(1));
|
||||
// this.$message.info(this.filter(this.tabCurrentIndex));
|
||||
let urls = '/pages/md/bindBankCard/bindBankCard';
|
||||
// if (this.tabCurrentIndex == 1) {
|
||||
// urls = '/pages/user/wallet/wechat-bind/index';
|
||||
// }
|
||||
// if (this.tabCurrentIndex == 2) {
|
||||
// urls = '/pages/user/wallet/alipay-bind/index';
|
||||
// }
|
||||
// if (this.tabCurrentIndex == 3) {
|
||||
// urls = '/pages/user/wallet/card-bind/index';
|
||||
// }
|
||||
setTimeout(() => {
|
||||
this.$urouter.navigateTo({
|
||||
url: urls,
|
||||
params: {
|
||||
id: 1
|
||||
}
|
||||
});
|
||||
}, 800);
|
||||
resolve(false);
|
||||
} else {
|
||||
resolve(true);
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @event
|
||||
* @description 判断用户是否绑定体现账户,如果绑定就去体现
|
||||
* @param {Object} n - 用户输入的支付密码
|
||||
* @property {Number} account_type - 【账户类型 1 微信 2 支付宝 3 银行卡】
|
||||
* @property {Number} type - 【提现类型 1：微信 2：支付宝】
|
||||
* @property {Number} money - 【提现金额】
|
||||
* @property {Number} pay_password - 支付密码
|
||||
*/
|
||||
getPassword(n) {
|
||||
this.$api
|
||||
.post(global.apiUrls.withdraw, {
|
||||
type: this.tabCurrentIndex,
|
||||
money: this.change_money,
|
||||
pay_password: n.password
|
||||
})
|
||||
.then(res => {
|
||||
res = res.data;
|
||||
if (res.code == 1) {
|
||||
uni.$emit('changeMoney', {
|
||||
msg: this.i18n['页面更新']
|
||||
});
|
||||
this.$urouter.redirectTo({
|
||||
url: '/pages/user/wallet/withdraw-success/index',
|
||||
params: {
|
||||
type: this.tabCurrentIndex,
|
||||
money: this.change_money
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.$message.info(res.msg);
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log('ERROR', err);
|
||||
});
|
||||
},
|
||||
filterName(type) {
|
||||
switch (type) {
|
||||
case 1:
|
||||
return this.i18n['微信'];
|
||||
case 2:
|
||||
return this.i18n['支付宝'];
|
||||
case 3:
|
||||
return this.i18n['银行卡'];
|
||||
}
|
||||
},
|
||||
/**
|
||||
* @function
|
||||
* @description 开启支付密码组件
|
||||
*/
|
||||
showModal() {
|
||||
this.show_key = true;
|
||||
},
|
||||
/**
|
||||
* @event
|
||||
* @description 全部提现
|
||||
*/
|
||||
total_tx() {
|
||||
if (parseFloat(this.moeny) <= 0) {
|
||||
this.$message.info('没有可提现的金额');
|
||||
} else if (parseFloat(this.moeny) < parseFloat(this.min)) {
|
||||
this.$message.info('当前余额低于最低提现金额限制');
|
||||
} else {
|
||||
this.fd1_1_c0_c1 = this.moeny;
|
||||
}
|
||||
},
|
||||
moneychange(e){
|
||||
let that = this;
|
||||
let price = e.detail.value
|
||||
let maxLength = price.indexOf('.');
|
||||
if (price.indexOf(".") < 0 && price != "") {
|
||||
//'超过4位则大于1万元'
|
||||
if (price.length > 8) {
|
||||
price = price.substring(0, price.length - 1)
|
||||
} else {
|
||||
price = parseFloat(price);
|
||||
}
|
||||
} else if (price.indexOf(".") == 0) {
|
||||
//'首位小数点情况'
|
||||
price = price.replace(/[^$#$]/g, "0.");
|
||||
price = price.replace(/\.{2,}/g, ".");
|
||||
} else if (!(/^(\d?)+(\.\d{0,2})?$/.test(price))) {
|
||||
//去掉最后一位
|
||||
price = price.substring(0, price.length - 1)
|
||||
}
|
||||
that.$nextTick(function() {
|
||||
//'有小数点时，最大长度为7位，没有则是5位'
|
||||
that.maxLength = maxLength == -1 ? 7 : 5
|
||||
that.fd1_1_c0_c1 = price
|
||||
})
|
||||
},
|
||||
/**
|
||||
* @event
|
||||
* @description 用户选择提现到支付宝还是微信
|
||||
*/
|
||||
get_type(e) {
|
||||
// this.account_id = e
|
||||
console.log(e)
|
||||
this.tabCurrentIndex = e
|
||||
},
|
||||
/**
|
||||
* @function
|
||||
* @description 获取用户余额
|
||||
*/
|
||||
getMoney() {
|
||||
let _this = this;
|
||||
_this.$api
|
||||
.get(global.apiUrls.getMyCashMoney, {})
|
||||
.then(res => {
|
||||
console.log(res, 'get_my_money');
|
||||
if (res.data.code == 1) {
|
||||
_this.moeny = res.data.data.user_money;
|
||||
// _this.withdraw_handling_fee = res.data.data.withdraw_handling_fee
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err, 'get_my_money');
|
||||
});
|
||||
},
|
||||
/**
|
||||
* @function
|
||||
* @description 获取最小提现金额限制
|
||||
*/
|
||||
getLimitWithdraw() {
|
||||
this.$api
|
||||
.post(global.apiUrls.postLimitWithdraw)
|
||||
.then(res => {
|
||||
if (res.data.code == 1) {
|
||||
this.withdraw_handling_fee = res.data.data.withdraw_fee
|
||||
this.min = res.data.data.min_money;
|
||||
}
|
||||
})
|
||||
.catch(err => {});
|
||||
},
|
||||
/**
|
||||
* @event
|
||||
* @description 点击立即体现按钮
|
||||
* 先判断是否绑定了对应账号
|
||||
* 再判断是否设置了支付密码
|
||||
* 再提现
|
||||
*/
|
||||
async handleSubmit() {
|
||||
let isBindAccount = await this.isBindAccount();
|
||||
if (!isBindAccount) return;
|
||||
console.log('绑定了账号,下一步');
|
||||
// let isSetPayPassword = await this.isSetPayPassword();
|
||||
// if (!isSetPayPassword) return;
|
||||
console.log('设置了支付密码,下一步');
|
||||
if (!this.fd1_1_c0_c1) {
|
||||
this.$message.info('请输入提现金额');
|
||||
return false;
|
||||
}
|
||||
if (Number(this.fd1_1_c0_c1) < Number(this.min)) {
|
||||
this.$message.info('最小提现金额为' + this.min + '元');
|
||||
return false;
|
||||
}
|
||||
if (Number(this.fd1_1_c0_c1) > Number(this.moeny)) {
|
||||
this.$message.info('可提现余额不足');
|
||||
return false;
|
||||
}
|
||||
// uni.redirectTo({
|
||||
// url:"/pages/md/application/application"
|
||||
// })
|
||||
this.$api.post(global.apiUrls.withdraw,{
|
||||
cash_fee:this.fd1_1_c0_c1,
|
||||
account_type:3
|
||||
}).then(res=>{
|
||||
if(res.data.code==1){
|
||||
this.$urouter.redirectTo({
|
||||
url: '/pages/md/application/application',
|
||||
params: {
|
||||
type: 3,
|
||||
money: this.fd1_1_c0_c1
|
||||
}
|
||||
});
|
||||
}else{
|
||||
this.$message.info(res.data.msg);
|
||||
}
|
||||
})
|
||||
|
||||
// this.showModal();
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
showRole() {
|
||||
let _this = this;
|
||||
_this.$api.post(global.apiUrls.Get636c78ae2216b,{aid:14})
|
||||
.then(res => {
|
||||
if (res.data.code == 1) {
|
||||
_this.fast_detaile = res.data.data.body;
|
||||
// this.showPopup = true;
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err, 'get_my_money');
|
||||
});
|
||||
},
|
||||
closePop() {
|
||||
this.showPopup = !this.showPopup;
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
width: 100vw;
|
||||
overflow-x: hidden;
|
||||
min-height: calc(100vh - var(--window-bottom));
|
||||
background: #F8F8F8;
|
||||
background-size: 100% auto !important;
|
||||
}
|
||||
// 规则弹窗 start
|
||||
.pop-content {
|
||||
width: 540rpx;
|
||||
height: 472rpx;
|
||||
border-radius: 24rpx;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
width: 54rpx;
|
||||
height: 54rpx;
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
// 规则弹窗 end
|
||||
|
||||
.Withdrawals_flex_0 {
|
||||
border-bottom: 1px solid #eee;
|
||||
background: #fff;
|
||||
width: 750rpx;
|
||||
height: 88rpx;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
top: 0rpx;
|
||||
background-size: 100% auto !important;
|
||||
}
|
||||
|
||||
.Withdrawals_fd0_0_c2_c0 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.Withdrawals_fd0_0_c2 {
|
||||
width: 180rpx;
|
||||
}
|
||||
|
||||
.Withdrawals_fd0_0_c1_c0 {
|
||||
font-size: 36rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.Withdrawals_fd0_0_c0_c0 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.Withdrawals_fd0_0_c0 {
|
||||
width: 180rpx;
|
||||
}
|
||||
|
||||
.Withdrawals_fd0_0 {
|
||||
padding: 0rpx 32rpx 0rpx 32rpx;
|
||||
line-height: 88rpx;
|
||||
}
|
||||
|
||||
.Withdrawals_flex_1 {
|
||||
border-top: 10px solid #F8F8F8;
|
||||
border-bottom: 10px solid #F8F8F8;
|
||||
background: #fff;
|
||||
background-size: 100% auto !important;
|
||||
padding: 32rpx 32rpx 32rpx 32rpx;
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_2_c3 {
|
||||
margin: 0rpx 0rpx 0rpx 16rpx;
|
||||
color: rgba(191, 191, 191, 1);
|
||||
font-size: 26rpx;
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_2_c2 {
|
||||
line-height: 53rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_2_c1 {
|
||||
line-height: 53rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_2_c0 {
|
||||
line-height: 53rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_2 {
|
||||
margin: 24rpx 0rpx 24rpx 0rpx;
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_1_c1 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: rgba(237, 64, 64, 1);
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_1_c0_c1 {
|
||||
padding: 0rpx 0rpx 0rpx 16rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_1_c0_c0 {
|
||||
font-size: 56rpx;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_1_c0 {
|
||||
padding: 32rpx 0rpx 32rpx 0rpx;
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_1 {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.Withdrawals_fd1_0 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.Withdrawals_flex_2 {
|
||||
background: #fff;
|
||||
width: 750rpx;
|
||||
height: 120rpx;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
bottom: calc(0rpx + var(--window-bottom));
|
||||
background-size: 100% auto !important;
|
||||
}
|
||||
|
||||
.Withdrawals_fd2_0 {
|
||||
background: rgba(255, 147, 0, 1);
|
||||
border-radius: 40rpx 40rpx 40rpx 40rpx;
|
||||
font-size: 32rpx;
|
||||
color: #fff;
|
||||
width: 702rpx;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user