63 lines
2.5 KiB
Vue
63 lines
2.5 KiB
Vue
<template>
|
||
<el-dialog v-model="dialogVisible" title="提现申请" width="600" :before-close="handleClose">
|
||
<el-form :model="form" label-width="80px">
|
||
<el-form-item label="收款账户" prop="amount">
|
||
<el-input v-model="form.amount" placeholder="微信手机账号" />
|
||
<div class="text-12px color-#A8ABB2">*仅支持微信收款，用户需在微信[收付款>向手机号转账>手机号收款设置]开启收款开关*</div>
|
||
</el-form-item>
|
||
<el-form-item label="提现类型" prop="amount">
|
||
<el-radio-group v-model="form.amount">
|
||
<el-radio :label="1">收益提现</el-radio>
|
||
<el-radio :label="2">全部提现</el-radio>
|
||
</el-radio-group>
|
||
<div class="text-12px color-#A8ABB2">*收益提现将收益金币提现，全部提现可将充值金币提现*</div>
|
||
</el-form-item>
|
||
<el-form-item label="提现金额" prop="amount">
|
||
<div class="flex items-center">
|
||
<el-input-number v-model="form.amount" :controls="false" :min="0" placeholder="请输入提现金额" class="w-150px!" />
|
||
<div class="ml-10px">[可提现金币数<span class="text-red">1200</span>=<span class="text-red">120</span> 元]</div>
|
||
</div>
|
||
<div class="text-12px color-#A8ABB2">*提现金币比例10金币=1元最低提现额度100元*</div>
|
||
</el-form-item>
|
||
</el-form>
|
||
<div class="text-12px color-red">
|
||
提示:收益金币提现正常收取平台手续费{{ walletConfig?.withdrawRateOfEarn }}%，如需将充值金币提现，选择“全部提现”选项，因涉及充值赠送金额，将收取{{ walletConfig?.withdrawRateOfRecharge }}%高额手续费，如果恶意套利提现，将提现审核不通过!
|
||
</div>
|
||
<template #footer>
|
||
<div class="dialog-footer">
|
||
<el-button @click="dialogVisible = false">取消</el-button>
|
||
<el-button type="primary" @click="dialogVisible = false"> 立即申请 </el-button>
|
||
</div>
|
||
</template>
|
||
</el-dialog>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { getWalletConfig } from '~/api/personal-center/index'
|
||
const dialogVisible = defineModel('modelValue', {
|
||
default: false,
|
||
})
|
||
|
||
const form = reactive({
|
||
amount: 0,
|
||
})
|
||
|
||
const handleClose = (done: () => void) => {
|
||
done()
|
||
}
|
||
const walletConfig = ref<{
|
||
rechargeRate: number
|
||
commissionRate: number
|
||
withdrawRateOfRecharge: number
|
||
withdrawRateOfEarn: number
|
||
}>()
|
||
|
||
onMounted(() => {
|
||
getWalletConfig().then((res) => {
|
||
walletConfig.value = res.data
|
||
})
|
||
})
|
||
</script>
|
||
|
||
<style lang="scss" scoped></style>
|