From b8f6f514b675fa6a006dfafbc99303b3c5c8ba85 Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Fri, 17 May 2024 10:52:12 +0800
Subject: [PATCH] 一鍵平倉增加英文多语言，IFSC改成Select recharge account
---
src/page/user/recharge-sure.vue | 171 +++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 141 insertions(+), 30 deletions(-)
diff --git a/src/page/user/recharge-sure.vue b/src/page/user/recharge-sure.vue
index 95d6848..55c5887 100644
--- a/src/page/user/recharge-sure.vue
+++ b/src/page/user/recharge-sure.vue
@@ -16,7 +16,24 @@
</template>
</van-nav-bar>
<main>
- <div class="main-title">{{ $t("請選擇提款账户") }}</div>
+ <div class="main-title">IFSC</div>
+ <div class="white-input">
+ <input type="number" :disabled="true" :placeholder="$t('请设置ifsc')" :value="bankCard.bankAddress" @input="ifscInputValue" />
+<!-- <van-icon class="myr" name="arrow" />-->
+ </div>
+<!-- <van-cell-->
+<!-- is-link-->
+<!-- :title="paymentSelectData.channelAccount || $t('请设置ifsc')"-->
+<!-- @click="paymentShow = true"-->
+<!-- />-->
+<!-- <van-action-sheet-->
+<!-- v-model="paymentShow"-->
+<!-- :actions="paymentActions"-->
+<!-- :cancel-text="$t('qx')"-->
+<!-- close-on-click-action-->
+<!-- @select="paymentSelect"-->
+<!-- />-->
+ <div class="main-title">{{ $t("提款帐户") }}</div>
<van-cell
is-link
:title="rechargeAccountData.name || $t('請選擇')"
@@ -29,24 +46,52 @@
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">
- <div class="main-title">{{ $t("請選擇銀行卡") }}</div>
- <van-cell is-link :title="bankCard.bankNo || $t('請選擇')" />
+ <div class="main-title">{{ $t("银行帐号") }}</div>
+ <div class="white-input">
+ <input type="number" :disabled="true" :placeholder="$t('请将银行账户设置为')" :value="bankCard.bankNo" @input="bankNoInputValue" />
+<!-- <van-icon class="myr" name="arrow" />-->
</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"-->
+<!-- />-->
+ <div class="main-title">{{ $t("hj213") }}</div>
+ <div class="white-input">
+ <input type="text" :disabled="true" :placeholder="$t('请设置银行名称')" :value="bankCard.bankName" @input="bankNameInputValue" />
+<!-- <van-icon class="myr" name="arrow" />-->
+ </div>
+<!-- <van-cell is-link :title="bankCard.bankName || $t('请设置银行名称')" />-->
+ <div class="main-title">{{ $t("姓名") }}</div>
+ <div class="white-input">
+ <input type="text" :disabled="true" :placeholder="$t('请将姓名设置为')" :value="actualName" @input="actualNameInputValue" />
+<!-- <van-icon class="myr" name="arrow" />-->
+ </div>
+<!-- <van-cell is-link :title="paymentSelectData.channelName || $t('请将姓名设置为')" />-->
+<!-- <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">-->
+<!-- <div class="main-title">{{ $t("請選擇銀行卡") }}</div>-->
+<!-- <van-cell is-link :title="bankCard.bankNo || $t('請選擇')" />-->
+<!-- </div>-->
<div class="main-title">{{ $t("請選擇充值金額") }}</div>
<div class="white-input">
<input type="number" :value="value" @input="inputValue" />
@@ -58,11 +103,22 @@
<div class="dz-title" v-if="rechargeAccountData.key !== undefined">
<div>{{ $t("可用餘額") }}</div>
<div class="balance-text">
- {{ availableBalanceUSD }} USD
+ {{ availableBalanceUSD }} {{ symbolCode }}
<!-- {{ symbolCode }} -->
</div>
</div>
</div>
+ <div>
+ <div class="dz-title" v-if="rechargeAccountData.key !== undefined">
+ <div>{{ $t("最低取款金额") }}</div>
+ <div class="balance-text">
+ {{ withMinAmt }} {{ symbolCode }}
+ </div>
+ </div>
+ </div>
+<!-- <van-cell-group v-if="rechargeAccountData.key !== undefined">-->
+<!-- <van-cell :title="$t('最低取款金额')" :value="withMinAmt + symbolCode" />-->
+<!-- </van-cell-group>-->
<van-button
class="but"
type="primary"
@@ -75,18 +131,23 @@
</template>
<script>
-import { ActionSheet, Notify } from "vant";
+import { ActionSheet, Notify,Cell, CellGroup } from "vant";
import ClipboardJS from "clipboard";
-import { getBankCard, getMoney, outMoney } from "../../axios/api";
+import {getBankCard, getMoney, getSetting, outMoney, siteGetPayInfo} from "../../axios/api";
export default {
- components: { ActionSheet, [Notify.Component.name]: Notify.Component },
+ components: {
+ ActionSheet,
+ [Notify.Component.name]: Notify.Component,
+ Cell,
+ CellGroup
+ },
data() {
return {
value: 0,
-
+ paymentActions: [],
paymentSelectData: "US",
-
+ actualName: this.$store.state.userInfo.realName,
show: false,
// 提款聚到
@@ -103,22 +164,51 @@
key: "US",
},
{
- name: this.$t("MAS"),
- key: "MAS",
+ name: this.$t("IN"),
+ key: "IN",
},
+ // {
+ // name: this.$t("MAS"),
+ // key: "MAS",
+ // },
+ // {
+ // name: this.$t("HK"),
+ // key: "HK",
+ // },
],
+
bankCard: {},
availableBalanceUSD: "0.0000",
getMoneyList: [],
assetsType: "",
symbolCode: "",
+ withMinAmt:''
};
},
mounted() {
this.getykh();
this.getMoneys();
+ this.getPayInfos();
+ this.setSetting()
},
methods: {
+ async setSetting(){
+ const res = await getSetting();
+ if (res.status === 0) {
+ this.withMinAmt = res.data.withMinAmt
+ }
+ },
+ async getPayInfos() {
+ const res = await siteGetPayInfo();
+ if (res.status === 0) {
+ res.data.map((item) => {
+ item.name = item.channelType;
+ });
+ this.paymentActions = res.data;
+ console.log(this.paymentActions)
+ }
+ console.log(res);
+ },
async setOutMoney() {
const res = await outMoney({
amt: this.value,
@@ -137,6 +227,18 @@
inputValue(e) {
this.value = e.target.value;
},
+ ifscInputValue(e){
+ this.bankCard.bankAddress = e.target.value;
+ },
+ bankNoInputValue(e){
+ this.bankCard.bankNo = e.target.value;
+ },
+ bankNameInputValue(e){
+ this.bankCard.bankName = e.target.value;
+ },
+ actualNameInputValue(e){
+ this.actualName = e.target.value;
+ },
async getykh() {
const res = await getBankCard();
if (res.status === 0) {
@@ -149,7 +251,7 @@
this.getMoneyList = res.data;
res.data.map((item) => {
if (item.accectType === this.rechargeAccountData.key) {
- this.availableBalanceUSD = item.availableBalanceUSD;
+ this.availableBalanceUSD = item.availableBalance;
this.symbolCode = item.symbolCode;
this.accectType = item.accectType;
}
@@ -180,18 +282,27 @@
console.log(e);
},
rechargeAccountSelect(e) {
+ console.log(e)
this.rechargeAccountData = e;
(this.getMoneyList || []).map((item) => {
if (item.accectType === this.rechargeAccountData.key) {
- this.availableBalanceUSD = item.availableBalanceUSD;
+ this.availableBalanceUSD = item.availableBalance;
this.symbolCode = item.symbolCode;
this.accectType = item.accectType;
}
});
},
paymentSelect(e) {
- this.paymentSelectData = e.name;
+ this.paymentSelectData = e;
+ this.accectType = e.assetsType;
console.log(e);
+ this.rechargeAccountActions.map((item) => {
+ if (item.key === e.assetsType) {
+ console.log(item)
+ this.rechargeAccountData = item;
+ this.rechargeAccountSelect(item)
+ }
+ });
},
},
};
@@ -337,4 +448,4 @@
color: #4f5257;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3