|
|
@ -15,6 +15,19 @@ |
|
|
|
<view class="from-line"> |
|
|
|
<input placeholder="请输入姓名(选填)" v-model="form.name"/> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 手续费和最低提现金额提示 --> |
|
|
|
<view class="fee-info"> |
|
|
|
<view class="fee-item"> |
|
|
|
<text class="fee-label">手续费:</text> |
|
|
|
<text class="fee-value">{{ withdrawalFeePercent }} ({{ withdrawalFeeAmount }}元)</text> |
|
|
|
</view> |
|
|
|
<view class="fee-item"> |
|
|
|
<text class="fee-label">最低提现金额:</text> |
|
|
|
<text class="fee-value">2元</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- <view class="from-line"> |
|
|
|
<input placeholder="请输入开户行" /> |
|
|
|
</view> |
|
|
@ -29,7 +42,7 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
<view style="padding: 30rpx;"> |
|
|
|
<uv-parse :content="configList.withdraw_money"></uv-parse> |
|
|
|
<uv-parse :content="configListMax.withdraw_money.keyDetails"></uv-parse> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
@ -47,11 +60,27 @@ |
|
|
|
<script> |
|
|
|
import userShopCommission from '@/components/userShop/userShopCommission.vue' |
|
|
|
import certificationPopup from '@/components/user/certificationPopup.vue' |
|
|
|
import { mapState } from 'vuex' |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
userShopCommission, |
|
|
|
certificationPopup, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapState(['configListMax']), |
|
|
|
// 计算手续费百分比(从获取,转换为百分比显示) |
|
|
|
withdrawalFeePercent() { |
|
|
|
const feeRate = this.configListMax.withdraw_money?.keyMoney || 0 |
|
|
|
return (feeRate * 100).toFixed(1) + '%' |
|
|
|
}, |
|
|
|
// 计算实际手续费金额 |
|
|
|
withdrawalFeeAmount() { |
|
|
|
if (!this.form.price) return '0.00' |
|
|
|
const feeRate = this.configListMax.withdraw_money?.keyMoney || 0 |
|
|
|
const amount = parseFloat(this.form.price) * feeRate |
|
|
|
return amount.toFixed(2) |
|
|
|
} |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
notice : '', |
|
|
@ -81,6 +110,16 @@ |
|
|
|
})) { |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
// 验证最低提现金额 |
|
|
|
if (!this.form.price || parseFloat(this.form.price) < 2) { |
|
|
|
uni.showToast({ |
|
|
|
title: '最低提现金额为2元', |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
this.$api('storeWithdrawalApplication', this.form, res => { |
|
|
|
if (res.code == 200) { |
|
|
|
uni.showToast({ |
|
|
@ -135,6 +174,35 @@ |
|
|
|
text-align: left; |
|
|
|
color: #333; |
|
|
|
} |
|
|
|
|
|
|
|
.fee-info { |
|
|
|
margin-top: 40rpx; |
|
|
|
padding: 30rpx; |
|
|
|
background: #F8F9FA; |
|
|
|
border-radius: 20rpx; |
|
|
|
|
|
|
|
.fee-item { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
|
|
|
|
&:last-child { |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.fee-label { |
|
|
|
font-size: 26rpx; |
|
|
|
color: #666666; |
|
|
|
} |
|
|
|
|
|
|
|
.fee-value { |
|
|
|
font-size: 26rpx; |
|
|
|
color: $uni-color; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.button-submit { |
|
|
|