From c523ce0e8f371ed6c5a503eaa0a938b202daf8c2 Mon Sep 17 00:00:00 2001
From: DESKTOP-CVS3R96\我恁爹 <11>
Date: Tue, 15 Nov 2022 10:09:46 +0800
Subject: [PATCH] 吃屁护
---
src/page/wallet/index.vue | 88 +++++++++++++++++++++++++-------------------
1 files changed, 50 insertions(+), 38 deletions(-)
diff --git a/src/page/wallet/index.vue b/src/page/wallet/index.vue
index ff42834..5044c9e 100644
--- a/src/page/wallet/index.vue
+++ b/src/page/wallet/index.vue
@@ -6,12 +6,16 @@
<img src="@/assets/img/zuojiantou.png" alt />
</div>
<div class="right_icon">
- <div @click="goToTopUp()">
- <img src="@/assets/img/qiandai.png" alt />
- </div>
<div @click="goOnline()">
<img src="@/assets/img/kefu.png" alt />
</div>
+ <van-popover v-model="showPopover" trigger="click" placement="bottom-end" :actions="actions"
+ @select="onSelect">
+ <template #reference>
+ <div class="iconfont icon-icon_A">
+ </div>
+ </template>
+ </van-popover>
</div>
</div>
<div class="tabs">
@@ -27,18 +31,18 @@
<div class="num_price">
<p v-if="this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
class="account">
- ¥{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+ ¥ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
$store.state.userInfo.userIndexAmt).toFixed(2)
}}
</p>
<p v-else-if="!this.$store.state.settingForm.indexDisplay && this.$store.state.settingForm.futuresDisplay"
class="account">
- ¥{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
+ ¥ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt +
$store.state.userInfo.userFuturesAmt).toFixed(2)
}}
</p>
<p v-else-if="!this.$store.state.settingForm.indexDisplay && !this.$store.state.settingForm.futuresDisplay"
- class="account">¥{{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt).toFixed(2) }}</p>
+ class="account">¥ {{ $store.state.hide ? '****' : Number($store.state.userInfo.userAmt).toFixed(2) }}</p>
</div>
<div class="yk es">
<div>
@@ -108,45 +112,45 @@
</div>
<div class="bank_1">
<div class="left_name">
- <span>{{ '收款银行' }}</span>
+ <span>{{ $t('hj166') }}</span>
</div>
<div class="center_input">
<input type="text" v-model="skBankName" readonly />
</div>
<div class="right_copy">
- <span v-clipboard:copy="skBankName" v-clipboard:success="onCopy" v-clipboard:error="onError">{{ '复制'
+ <span v-clipboard:copy="skBankName" v-clipboard:success="onCopy" v-clipboard:error="onError">{{ $t('hj164')
}}</span>
</div>
</div>
<div class="bank_1">
<div class="left_name">
- <span>{{ '收款账号' }}</span>
+ <span>{{ $t('hj167') }}</span>
</div>
<div class="center_input">
<input type="text" v-model="skUser" readonly />
</div>
<div class="right_copy">
- <span v-clipboard:copy="skUser" v-clipboard:success="onCopy" v-clipboard:error="onError">{{ '复制' }}</span>
+ <span v-clipboard:copy="skUser" v-clipboard:success="onCopy" v-clipboard:error="onError">{{ $t('hj164') }}</span>
</div>
</div>
<div class="bank_1" @click="handleGoToTransferRecord()">
<div class="left_name">
- <span>{{ '充值记录' }}</span>
+ <span>{{ $t('hj168') }}</span>
</div>
<div class="center_input"></div>
<div class="right_copy">
- <span>{{ '查看' }}</span>
+ <span>{{ $t('hj169') }}</span>
</div>
</div>
<div class="bank_1">
<div class="left_name">
- <span>{{ '充值金额' }}</span>
+ <span>{{ $t('hj170') }}</span>
</div>
<div class="center_input">
- <input type="text" v-model="walletNum" placeholder="请输入充值金额" />
+ <input type="text" v-model="walletNum" :placeholder="$t('hj171')" />
</div>
<div class="right_copy" @click="handleGoCz()">
- <span style="background: #2d6ae9;color: #fff;padding: 0.2rem 0.4rem;border-radius: 0.2rem;">{{ '充值'
+ <span style="background: #2d6ae9;color: #fff;padding: 0.2rem 0.4rem;border-radius: 0.2rem;">{{ $t('hj172')
}}</span>
</div>
</div>
@@ -163,16 +167,16 @@
<img src="../../assets/img/liucheng.png" alt />
</div>
<div class="right_title">
- <span>{{ '操作流程:' }}</span>
+ <span>{{ $t('hj173') + ':' }}</span>
</div>
</div>
<div class="_on">
<span>{{ '①' }}</span>
- <span>{{ '点击"复制", 复制信息' }}</span>
+ <span>{{ $t('hj174') }}</span>
</div>
<div class="_on">
<span>{{ '②' }}</span>
- <span>{{ '完成复制, 打开手机银行进行转账' }}</span>
+ <span>{{ $t('hj175') }}</span>
</div>
</div>
<div class="top_title" style="color: red;">
@@ -181,12 +185,12 @@
<img src="../../assets/img/jinggao.png" alt />
</div>
<div class="right_title">
- <span>{{ '操作流程:' }}</span>
+ <span>{{ $t('hj173') + ':' }}</span>
</div>
</div>
<div class="_on">
<span>{{ '①' }}</span>
- <span class="hgg">{{ '为确保入金及时到账, 请确认您输入的金额和提交的充值金额一致' }}</span>
+ <span class="hgg">{{ $t('hj176') }}</span>
</div>
</div>
</div>
@@ -205,7 +209,7 @@
return {
name: "大狗子",
selectUserFlag: true,
- tabsArr: ["充值", "提现"],
+ tabsArr: [this.$t('hj172'), this.$t('hj177')],
tabsCurrentIndex: 0,
walletNum: "",
skName: "",
@@ -217,6 +221,9 @@
withdrawalValue: 0,
settingInfo: {},
onlineService: "",
+ showPopover: false,
+ actions: [{ text: 'English', icon: require('@/assets/ico/english.png'), lang: 'en' },
+ { text: '简体中文', icon: require('@/assets/ico/Chinese.png') , lang: 'zh-CN'}],
};
},
computed: {
@@ -229,12 +236,16 @@
this.getInfoSite();
},
methods: {
+ onSelect(e){
+ this.$i18n.locale = e.lang;
+ window.localStorage.setItem('language', e.lang);
+ },
goOnline() {
if (navigator.vibrate) {
// 支持
navigator.vibrate([55]);
}
- window.location.href = this.onlineService;
+ this.$router.push('/service');
},
async getInfoSite() {
let data = await api.getInfoSite()
@@ -288,18 +299,18 @@
async handleToSure() {
// 点击确定提现
if (!this.userInfo.idCard) {
- Toast("请先实名认证");
+ Toast(this.$t('hj178'));
return;
}
if (!this.bankInfo.bankNo) {
- Toast("请先绑定银行卡");
+ Toast(this.$t('hj179'));
return;
} else {
}
if (!this.withdrawalValue || this.withdrawalValue <= 0) {
- Toast("请输入正确的提现金额");
+ Toast(this.$t('hj180'));
} else if (this.withdrawalValue - this.settingInfo.withMinAmt < 0) {
- Toast("提现金额不得小于" + this.settingInfo.withMinAmt);
+ Toast(this.$t('hj181') + this.settingInfo.withMinAmt);
} else {
let opts = {
amt: this.withdrawalValue
@@ -307,10 +318,10 @@
let data = await api.outMoney(opts);
if (data.status === 0) {
// 成功
- Toast("申请成功，请等待审核!");
+ Toast(this.$t('hj182'));
this.$router.push("/cashlist");
} else {
- Toast(data.msg ? data.msg : "提现失败,请重新提现或者联系管理员");
+ Toast(data.msg ? data.msg : this.$t('hj183'));
}
}
if (navigator.vibrate) {
@@ -364,13 +375,13 @@
}
if (this.walletNum === "") {
this.messShow = true;
- this.mess = "请输入充值金额";
+ this.mess = this.$t('hj171');
setTimeout(() => {
this.messShow = false;
}, 1500);
} else if (this.walletNum < 200) {
this.messShow = true;
- this.mess = "小于最少充值金额";
+ this.mess = this.$t('hj184');
setTimeout(() => {
this.messShow = false;
}, 1500);
@@ -380,14 +391,14 @@
}
},
onCopy() {
- Toast("复制成功");
+ Toast(this.$t('hj185'));
if (navigator.vibrate) {
// 支持
navigator.vibrate([55]);
}
},
onError() {
- Toast("复制失败请重试");
+ Toast(this.$t('hj186'));
},
async getPayInfo() {
// 获取支付渠道 详细信息
@@ -440,20 +451,21 @@
}
.right_icon {
- width: 25%;
- height: 50%;
+ width: 18%;
+ height: 35%;
+ padding-right: 0.1rem;
display: flex;
-
+ justify-content: space-between;
>div {
- width: 50%;
+ width: auto;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
img {
- width: 0.6rem;
- height: 0.6rem;
+ width: 0.55rem;
+ height: 0.55rem;
}
}
}
--
Gitblit v1.9.3