From 1bd03f5c2e7b9fa9cc80c4e673e18132da411333 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Wed, 12 Nov 2025 16:21:06 +0800
Subject: [PATCH] 1
---
src/page/user/recharge-sure.vue | 156 ++++++++++++++++++++--------------------------------
1 files changed, 60 insertions(+), 96 deletions(-)
diff --git a/src/page/user/recharge-sure.vue b/src/page/user/recharge-sure.vue
index aa8f783..611bdd2 100644
--- a/src/page/user/recharge-sure.vue
+++ b/src/page/user/recharge-sure.vue
@@ -1,72 +1,31 @@
<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"
- />
+ <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('請選擇')"
- @click="yhkshow = true"
- />
- <van-action-sheet
- v-model="yhkshow"
- :actions="yhkactions"
- :cancel-text="$t('hj106')"
- close-on-click-action
- @select="yhkselect"
- />
+ <van-cell is-link :title="yhkrechargeSelect.bankName || $t('請選擇')" @click="yhkshow = true" />
+ <van-action-sheet v-model="yhkshow" :actions="yhkactions" :cancel-text="$t('hj106')" close-on-click-action
+ @select="yhkselect" />
</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 +36,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>
@@ -92,7 +45,7 @@
<script>
import { ActionSheet, Notify } from "vant";
import ClipboardJS from "clipboard";
-import _ from 'lodash';
+import _ from "lodash";
import { getBankCard, getMoney, outMoney } from "../../axios/api";
export default {
@@ -102,9 +55,9 @@
value: 0,
paymentSelectData: "IN",
- isclick:false,
+ isclick: false,
show: false,
- yhkshow:false,
+ yhkshow: false,
// 提款聚到
rechargeSelect: {},
yhkrechargeSelect: {},
@@ -116,10 +69,14 @@
// 请选择提款账户
rechargeAccountData: {},
rechargeAccountActions: [
+ // {
+ // name: this.$t("IN"),
+ // key: "IN",
+ // },
{
- name: this.$t("IN"),
- key: "IN",
- },
+ name: this.$t("US"),
+ key: "US"
+ }
// {
// name: this.$t("MAS"),
// key: "MAS",
@@ -135,7 +92,7 @@
getMoneyList: [],
assetsType: "",
symbolCode: "",
- yhkid:'',
+ yhkid: ""
};
},
mounted() {
@@ -145,17 +102,17 @@
methods: {
async setOutMoney() {
if (this.isclick) return;
- console.log('11111');
+ console.log("11111");
const res = await outMoney({
amt: this.value,
assetsType: this.accectType,
- bankId:this.yhkid
+ bankId: this.yhkid
});
this.isclick = false;
if (res.status === 0) {
Notify({ type: "success", message: this.$t("hj182") });
// setTimeout(() => {
- this.$router.push("/cashlist");
+ this.$router.push("/cashlist");
// }, 500);
} else {
Notify(res.msg);
@@ -169,9 +126,9 @@
const res = await getBankCard();
if (res.status === 0) {
this.bankCard = res.data;
- this.yhkactions = res.data
- for(var i = 0;i<this.yhkactions.length;i++){
- this.yhkactions[i].name = this.yhkactions[i].bankName
+ this.yhkactions = res.data;
+ for (var i = 0; i < this.yhkactions.length; i++) {
+ this.yhkactions[i].name = this.yhkactions[i].bankName;
}
}
},
@@ -179,7 +136,9 @@
const res = await getMoney();
if (res.status === 0) {
this.getMoneyList = res.data;
- res.data.map((item) => {
+ res.data.map(item => {
+ console.log(1111111, item.accectType, this.rechargeAccountData.key, item.availableBalance);
+
if (item.accectType === this.rechargeAccountData.key) {
this.availableBalanceUSD = item.availableBalance;
this.symbolCode = item.symbolCode;
@@ -194,7 +153,7 @@
},
copyText(e, data) {
var clipboard = new ClipboardJS(".copy-button", {
- text: () => data,
+ text: () => data
});
clipboard.on("success", () => {
@@ -205,11 +164,11 @@
clipboard.onClick(e);
},
onClickLeft() {
- this.$router.push("/user");
+ this.$router.go(-1);
},
yhkselect(e) {
this.yhkrechargeSelect = e;
- this.yhkid = e.id
+ this.yhkid = e.id;
console.log(e);
},
select(e) {
@@ -218,7 +177,7 @@
},
rechargeAccountSelect(e) {
this.rechargeAccountData = e;
- (this.getMoneyList || []).map((item) => {
+ (this.getMoneyList || []).map(item => {
if (item.accectType === this.rechargeAccountData.key) {
this.availableBalanceUSD = item.availableBalance;
this.symbolCode = item.symbolCode;
@@ -229,26 +188,31 @@
paymentSelect(e) {
this.paymentSelectData = e.name;
console.log(e);
- },
- },
+ }
+ }
};
</script>
<style lang="less" scoped>
+@green: #287dff;
+
.but {
width: 100%;
color: #ffffff;
- background-color: #1989fa;
+ background-color: @green;
+ border: none;
border-radius: 8px;
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;
@@ -259,6 +223,7 @@
font-style: normal;
font-weight: 500;
box-sizing: border-box;
+
.balance-text {
color: #181818;
font-family: PingFang SC;
@@ -269,6 +234,7 @@
margin-bottom: 0.37333rem;
}
}
+
.division {
width: 100%;
height: 0.02667rem;
@@ -276,6 +242,7 @@
background-color: #e5e8ed;
margin: 0.37333rem 0;
}
+
.upload-text {
color: #181818;
font-family: PingFang SC;
@@ -284,21 +251,11 @@
font-weight: 500;
}
}
+
/deep/ .van-nav-bar__content {
height: 65px;
}
-/deep/ .van-nav-bar__title {
- font-family: "DINPro";
- width: 100%;
- height: 1.17333rem;
- display: flex;
- justify-content: center;
- align-items: center;
- font-style: normal;
- font-weight: 500;
- font-size: 0.48rem;
- color: #14181f;
-}
+
/deep/ .van-cell {
list-style: none;
width: 100%;
@@ -317,10 +274,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;
@@ -330,6 +289,7 @@
}
.white-input {
+ color: #333;
width: 100%;
background: #fff;
border-radius: 0.10667rem;
@@ -349,14 +309,17 @@
display: flex;
justify-content: space-between;
}
+
.fuzhi {
font-size: 28px;
cursor: pointer;
}
+
.myr {
- color: rgb(5, 106, 239);
+ color: @green;
cursor: pointer;
}
+
.dz-title {
display: flex;
justify-content: space-between;
@@ -367,11 +330,12 @@
margin-top: 0.31333rem;
padding: 0 0.13333rem;
box-sizing: border-box;
+
.balance-text {
font-style: normal;
font-weight: 500;
font-size: 0.37333rem;
- color: #4f5257;
+ color: #5d5f65;
}
}
</style>
--
Gitblit v1.9.3