From 732c30b33f782c2d2ebb62eacda2fb7a453a7ecd Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Sat, 31 Jan 2026 11:01:45 +0800
Subject: [PATCH] 1
---
src/page/user/recharge-sure.vue | 158 +++++++++++++++++++++++++++++-----------------------
1 files changed, 87 insertions(+), 71 deletions(-)
diff --git a/src/page/user/recharge-sure.vue b/src/page/user/recharge-sure.vue
index 83a0ffa..eabb125 100644
--- a/src/page/user/recharge-sure.vue
+++ b/src/page/user/recharge-sure.vue
@@ -1,51 +1,23 @@
<template>
<div>
- <van-nav-bar
- :placeholder="true"
- :safe-area-inset-top="true"
- :title="$t('提款')"
- left-arrow
- @click-left="onClickLeft"
- >
+ <van-nav-bar :placeholder="true" :safe-area-inset-top="true" :title="$t('提款')" left-arrow @click-left="onClickLeft">
<template #right>
- <van-icon
- @click="$router.push('/cashlist')"
- name="orders-o"
- size="20"
- />
+ <van-icon @click="$router.push('/cashlist')" name="orders-o" size="20" />
</template>
</van-nav-bar>
<main>
<div class="main-title">{{ $t("請選擇提款账户") }}</div>
- <van-cell
- is-link
- :title="rechargeAccountData.name || $t('請選擇')"
- @click="rechargeAccountShow = true"
- />
- <van-action-sheet
- v-model="rechargeAccountShow"
- :actions="rechargeAccountActions"
- :cancel-text="$t('hj106')"
- close-on-click-action
- @select="rechargeAccountSelect"
- />
+ <van-cell is-link :title="rechargeAccountData.name || $t('請選擇')" @click="rechargeAccountShow = true" />
+ <van-action-sheet v-model="rechargeAccountShow" :actions="rechargeAccountActions" :cancel-text="$t('hj106')"
+ close-on-click-action @select="rechargeAccountSelect" />
<div class="main-title">{{ $t("支持得提款渠道") }}</div>
- <van-cell
- is-link
- :title="rechargeSelect.name || $t('請選擇')"
- @click="show = true"
- />
- <van-action-sheet
- v-model="show"
- :actions="actions"
- :cancel-text="$t('hj106')"
- close-on-click-action
- @select="select"
- />
- <div v-if="rechargeSelect.key !== undefined">
+ <van-cell is-link :title="rechargeSelect.name || $t('請選擇')" @click="show = true" />
+ <van-action-sheet v-model="show" :actions="actions" :cancel-text="$t('hj106')" close-on-click-action
+ @select="select" />
+
+ <!-- <div v-if="rechargeSelect.key !== undefined">
<div class="main-title">{{ $t("請選擇銀行卡") }}</div>
- <!-- <van-cell is-link :title="bankCard.bankName || $t('請選擇')" /> -->
<van-cell
is-link
:title="yhkrechargeSelect.bankName || $t('請選擇')"
@@ -58,15 +30,42 @@
close-on-click-action
@select="yhkselect"
/>
+ </div> -->
+
+ <div v-if="rechargeSelect.key == 'YHK'">
+ <div class="main-title">{{ $t("hj213") }}</div>
+ <van-cell>
+ <input type="text" v-model="editForm.bankName" :placeholder="$t('hj218')" class="form-input" />
+ </van-cell>
+ <div class="main-title">{{ $t("分行名称") }}</div>
+ <van-cell>
+ <input type="text" v-model="editForm.bankAddress" :placeholder="$t('分行名称')" class="form-input" />
+ </van-cell>
+ <div class="main-title">{{ $t("分行代码") }}</div>
+ <van-cell>
+ <input type="text" v-model="editForm.branchCode" :placeholder="$t('分行代码')" class="form-input" />
+ </van-cell>
+ <div class="main-title">{{ $t("账户号码") }}</div>
+ <van-cell>
+ <input type="text" v-model="editForm.bankId" :placeholder="$t('账户号码')" class="form-input" />
+ </van-cell>
+ <div class="main-title">{{ $t("账户持有人姓名") }}</div>
+ <van-cell>
+ <input type="text" v-model="editForm.cardholderName" :placeholder="$t('hj316')" class="form-input" />
+ </van-cell>
</div>
+
+ <div v-else-if="rechargeSelect.key == 'USDT'">
+ <div class="main-title">{{ $t("地址") }}</div>
+ <van-cell>
+ <input type="text" v-model="editForm.bankId" :placeholder="$t('地址')" class="form-input" />
+ </van-cell>
+ </div>
+
<div class="main-title">{{ $t("请选择提现金额") }}</div>
<div class="white-input">
<input type="number" :value="value" @input="inputValue" />
- <span
- class="myr"
- @click="value = Math.floor(availableBalanceUSD * 100) / 100"
- >{{ $t("最大") }}</span
- >
+ <span class="myr" @click="value = Math.floor(availableBalanceUSD * 100) / 100">{{ $t("最大") }}</span>
</div>
<div>
<div class="dz-title" v-if="rechargeAccountData.key !== undefined">
@@ -77,14 +76,8 @@
</div>
</div>
</div>
- <van-button
- class="but"
- type="primary"
- style="margin-top: 1.04rem; margin-bottom: 1.04rem"
- @click="setOutMoney"
- :disabled="isclick"
- >{{ $t("提款") }}</van-button
- >
+ <van-button class="but" type="primary" style="margin-top: 1.04rem; margin-bottom: 1.04rem" @click="setOutMoney"
+ :disabled="isclick">{{ $t("提款") }}</van-button>
</main>
</div>
</template>
@@ -108,7 +101,7 @@
// 提款聚到
rechargeSelect: {},
yhkrechargeSelect: {},
- actions: [{ name: this.$t("hj215"), key: "YHK" }],
+ actions: [{ name: this.$t("hj215"), key: "YHK" },{ name: "USDT", key: "USDT" }],
yhkactions: [],
paymentShow: false,
@@ -116,22 +109,14 @@
// 请选择提款账户
rechargeAccountData: {},
rechargeAccountActions: [
- // {
- // name: this.$t("IN"),
- // key: "IN",
- // },
{
name: this.$t("US"),
key: "US"
- }
- // {
- // name: this.$t("MAS"),
- // key: "MAS",
- // },
- // {
- // name: this.$t("HK"),
- // key: "HK",
- // },
+ },
+ {
+ name: this.$t("日股账户"),
+ key: "JP"
+ },
],
bankCard: [],
@@ -139,21 +124,29 @@
getMoneyList: [],
assetsType: "",
symbolCode: "",
- yhkid: ""
+ yhkid: "",
+ // 提款银行信息
+ editForm: {
+ bankName: "",
+ bankAddress: "",
+ branchCode: "",
+ bankId: "",
+ cardholderName: "",
+ }
};
},
mounted() {
- this.getykh();
- this.getMoneys();
+ // this.getykh(); // 获取绑定银行卡
+ this.getMoneys(); // 获取账户余额
},
methods: {
async setOutMoney() {
if (this.isclick) return;
- console.log("11111");
const res = await outMoney({
amt: this.value,
assetsType: this.accectType,
- bankId: this.yhkid
+ // bankId: this.yhkid
+ ...this.editForm
});
this.isclick = false;
if (res.status === 0) {
@@ -209,7 +202,7 @@
clipboard.onClick(e);
},
onClickLeft() {
- this.$router.push("/account");
+ this.$router.go(-1);
},
yhkselect(e) {
this.yhkrechargeSelect = e;
@@ -217,6 +210,14 @@
console.log(e);
},
select(e) {
+ // 切换渠道时清空表单
+ this.editForm = {
+ bankName: "",
+ bankAddress: "",
+ branchCode: "",
+ bankId: "",
+ cardholderName: "",
+ };
this.rechargeSelect = e;
console.log(e);
},
@@ -240,6 +241,7 @@
<style lang="less" scoped>
@green: #c4d600;
+
.but {
width: 100%;
color: #ffffff;
@@ -249,12 +251,14 @@
height: 66px;
font-size: 22px;
}
+
.bottom-text {
width: 100%;
background-color: #fff;
padding: 0.26667rem 0.37333rem;
box-sizing: border-box;
margin-top: 0.26667rem;
+
// margin-bottom: 80px;
.balance {
display: flex;
@@ -265,6 +269,7 @@
font-style: normal;
font-weight: 500;
box-sizing: border-box;
+
.balance-text {
color: #181818;
font-family: PingFang SC;
@@ -275,6 +280,7 @@
margin-bottom: 0.37333rem;
}
}
+
.division {
width: 100%;
height: 0.02667rem;
@@ -282,6 +288,7 @@
background-color: #e5e8ed;
margin: 0.37333rem 0;
}
+
.upload-text {
color: #181818;
font-family: PingFang SC;
@@ -290,9 +297,11 @@
font-weight: 500;
}
}
+
/deep/ .van-nav-bar__content {
height: 65px;
}
+
/deep/ .van-nav-bar__title {
font-family: "DINPro";
width: 100%;
@@ -305,6 +314,7 @@
font-size: 0.48rem;
color: #14181f;
}
+
/deep/ .van-cell {
list-style: none;
width: 100%;
@@ -323,10 +333,12 @@
margin-top: 0.26667rem;
box-shadow: 0 0.16rem 0.32rem #eaeaea99;
}
+
main {
padding: 0 0.4rem 0.53333rem;
box-sizing: border-box;
}
+
.main-title {
font-style: normal;
font-weight: 400;
@@ -355,14 +367,17 @@
display: flex;
justify-content: space-between;
}
+
.fuzhi {
font-size: 28px;
cursor: pointer;
}
+
.myr {
color: @green;
cursor: pointer;
}
+
.dz-title {
display: flex;
justify-content: space-between;
@@ -373,6 +388,7 @@
margin-top: 0.31333rem;
padding: 0 0.13333rem;
box-sizing: border-box;
+
.balance-text {
font-style: normal;
font-weight: 500;
--
Gitblit v1.9.3