diff --git a/src/views/Withdraw.vue b/src/views/Withdraw.vue index 83a7a8f..39a39c3 100644 --- a/src/views/Withdraw.vue +++ b/src/views/Withdraw.vue @@ -22,41 +22,96 @@
- 已向 - {{ - alipayAccount - }} - 转账 + + 已向 + {{ alipayAccount }} + 转账 + + + 已向 + 尾号{{ displayBankCardTail }} + 银行卡转账 +
¥{{ amount }} @@ -227,8 +288,9 @@
预计24小时内到账
-可在支付宝账单中查看详情
+预计1-3个工作日到账(需人工审核)
+可在支付宝账单中查看详情
+请留意银行卡到账通知
您的申请已进入处理队列
@@ -289,6 +351,12 @@ const estimatedActualAmount = computed(() => { return Number(amount.value) - estimatedTaxAmount.value; }); +// 银行卡号尾号(成功弹窗展示用) +const displayBankCardTail = computed(() => { + const no = (bankCardNo.value || "").replace(/\s/g, ""); + return no.length >= 4 ? no.slice(-4) : no || "****"; +}); + // 样式配置 const statusIcon = { 1: "clock", @@ -325,11 +393,29 @@ const statusMessages = { 3: "提现失败", }; -// 表单数据 +// 提现方式:1=支付宝,2=银行卡 +const withdrawalType = ref(1); +// 表单数据 - 支付宝 const alipayAccount = ref(""); const amount = ref(0); const availableAmount = ref(null); const realName = ref(""); +// 表单数据 - 银行卡 +const bankCardNo = ref(""); +const bankName = ref(""); +const bankPayeeName = ref(""); + +// 切换提现方式时清空另一侧部分字段(金额保留) +const onWithdrawalTypeChange = () => { + if (withdrawalType.value === 1) { + bankCardNo.value = ""; + bankName.value = ""; + bankPayeeName.value = ""; + } else { + alipayAccount.value = ""; + realName.value = ""; + } +}; const getData = async () => { const { data, error } = await getRevenueInfo(); @@ -350,35 +436,58 @@ const validateAmount = (val) => { }; const validateForm = () => { - if (!realName.value.trim()) { - showToast("请输入账户实名姓名"); - return false; - } - if (!/^[\u4e00-\u9fa5]{2,4}$/.test(realName.value)) { - showToast("请输入2-4位中文姓名"); - return false; - } - if (!alipayAccount.value.trim()) { - showToast("请输入支付宝账号"); - return false; - } - const amountNum = Number(amount.value); if (!amount.value || isNaN(amountNum)) { showToast("请输入有效金额"); return false; } - if (amountNum < 50) { showToast("提现金额不能低于50元"); return false; } - if (amountNum > availableAmount.value) { showToast("超过可提现金额"); return false; } + if (withdrawalType.value === 1) { + // 支付宝 + if (!realName.value.trim()) { + showToast("请输入账户实名姓名"); + return false; + } + if (!/^[\u4e00-\u9fa5]{2,4}$/.test(realName.value)) { + showToast("请输入2-4位中文姓名"); + return false; + } + if (!alipayAccount.value.trim()) { + showToast("请输入支付宝账号"); + return false; + } + } else { + // 银行卡 + if (!bankCardNo.value.trim()) { + showToast("请输入银行卡号"); + return false; + } + if (!/^\d{16,19}$/.test(bankCardNo.value.replace(/\s/g, ""))) { + showToast("请输入正确的银行卡号"); + return false; + } + if (!bankName.value.trim()) { + showToast("请输入开户行名称"); + return false; + } + if (!bankPayeeName.value.trim()) { + showToast("请输入收款人姓名"); + return false; + } + if (!/^[\u4e00-\u9fa5]{2,4}$/.test(bankPayeeName.value)) { + showToast("请输入2-4位中文姓名"); + return false; + } + } + return true; }; @@ -409,11 +518,19 @@ const confirmWithdraw = async () => { isSubmitting.value = true; try { const { applyWithdrawal } = await import('@/api/agent'); - const { data, error } = await applyWithdrawal({ - payee_account: alipayAccount.value, + const payload = { + withdrawal_type: withdrawalType.value, amount: Number(amount.value), - payee_name: realName.value, - }); + payee_name: withdrawalType.value === 1 ? realName.value : bankPayeeName.value, + }; + if (withdrawalType.value === 1) { + payload.payee_account = alipayAccount.value; + } else { + payload.payee_account = bankCardNo.value.replace(/\s/g, ""); + payload.bank_card_no = bankCardNo.value.replace(/\s/g, ""); + payload.bank_name = bankName.value.trim(); + } + const { data, error } = await applyWithdrawal(payload); if (data.value?.code === 200 && !error.value) { status.value = 1; // 新系统:申请后状态为1(待审核) showTaxConfirmPopup.value = false; @@ -450,6 +567,9 @@ const resetForm = () => { alipayAccount.value = ""; amount.value = ""; realName.value = ""; + bankCardNo.value = ""; + bankName.value = ""; + bankPayeeName.value = ""; };