From b4c4556a5eddf6708ec55b07e3edc15b2217842e Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Wed, 30 Apr 2025 18:35:59 +0800
Subject: [PATCH] 0430号修改
---
src/page/tixian/tixian.vue | 701 ++++++++++++++++++++++++++++++++-------------------------
1 files changed, 391 insertions(+), 310 deletions(-)
diff --git a/src/page/tixian/tixian.vue b/src/page/tixian/tixian.vue
index 8d254de..2e5f2d6 100644
--- a/src/page/tixian/tixian.vue
+++ b/src/page/tixian/tixian.vue
@@ -9,10 +9,15 @@
<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">
+ <van-popover
+ v-model="showPopover"
+ trigger="click"
+ placement="bottom-end"
+ :actions="actions"
+ @select="onSelect"
+ >
<template #reference>
- <div class="iconfont icon-icon_A">
- </div>
+ <div class="iconfont icon-icon_A"></div>
</template>
</van-popover>
</div>
@@ -26,119 +31,172 @@
<div class="center_card" v-if="tabsCurrentIndex === 3">
<div class="keyon">
- <span>{{ $t('hj49') }}</span>
+ <span>{{ $t("hj49") }}</span>
</div>
<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.userInfo.userIndexAmt).toFixed(2)
+ <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.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.userInfo.userFuturesAmt).toFixed(2)
+ <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.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>
+ <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>
</div>
<div class="yk es">
<div>
- <span>{{ $t('hj156') }}</span>
+ <span>{{ $t("hj156") }}</span>
</div>
<div>
- <span>{{ $t('hj115') }}</span>
+ <span>{{ $t("hj115") }}</span>
</div>
</div>
<div class="yk as">
<div>
- <span>{{ ' ﷼ ' + $store.state.userInfo.userAmt }}</span>
+ <span>{{ " " + $store.state.userInfo.userAmt }}</span>
</div>
<div>
- <span>{{ ' ﷼ ' + $store.state.userInfo.userIndexAmt }}</span>
+ <span>{{ " " + $store.state.userInfo.userIndexAmt }}</span>
</div>
</div>
<div class="btns" @click="handleGoToTransfers()">
- <span>{{ $t('hj157') }}</span>
+ <span>{{ $t("hj157") }}</span>
</div>
</div>
<div class="withdrawal" v-if="tabsCurrentIndex === 0">
<div class="ttx">
- <span>{{ $t('hj48') }}</span>
+ <span>{{ $t("hj48") }}</span>
</div>
<div class="ttx_price">
- <span>{{regexNum($store.state.userInfo.enableAmt)}} </span>
+ <span>{{ regexNum($store.state.userInfo.enableAmt) }} </span>
</div>
<div class="ttx_input">
<div class="titles">
- <span>{{ $t('hj170') }}</span>
+ <span>{{ $t("hj170") }}</span>
</div>
<div class="num">
- <input type="number" :placeholder="$t('hj171')" v-model.number="withdrawalValue" />
+ <input
+ type="number"
+ :placeholder="$t('hj171')"
+ v-model.number="withdrawalValue"
+ />
</div>
<!-- <div class="all" @click="withdrawalAll()">
<span>{{ $t('hj160') }}</span>
</div> -->
</div>
- <div class="ttx_input" >
- <div class="titles">
- <span>{{ $t('hj170a') }}</span>
- </div>
- <!-- <div class="num" @click.stop="czclick()"> -->
-
- <!-- <input style="pointer-events: none;" type="number" v-model="inputpayType" disabled :placeholder="$t('hj171a')" /> -->
- <!-- </div> -->
- </div>
- <div class="ttx_input" style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;">
- <div :class="index==payindex?'ttx_boxa':'ttx_box'" @click="slesetpay(item,index)" v-for="(item,index) in array" :key="index">{{payindex}}{{item.channelName}}</div>
- </div>
- <div v-show="payindex==3" class="qrcode" ref="qrCodeUrl"></div>
- <div class="qrcode_txt" v-if="payindex==3">{{array[3].channelDesc}}</div>
- <!-- <div v-if="payindex==3" class="ttx_box" style="display: flex;justify-content: center;align-items: center;">复制</div> -->
+ <div class="ttx_input">
+ <div class="titles">
+ <span>{{ $t("hj170a") }}</span>
+ </div>
+ <!-- <div class="num" @click.stop="czclick()"> -->
+
+ <!-- <input style="pointer-events: none;" type="number" v-model="inputpayType" disabled :placeholder="$t('hj171a')" /> -->
+ <!-- </div> -->
+ </div>
+ <div
+ class="ttx_input"
+ style="align-items: center;flex-wrap: wrap;justify-content: space-between;height: 67px;"
+ >
+ <div
+ :class="index == payindex ? 'ttx_boxa' : 'ttx_box'"
+ @click="slesetpay(item, index)"
+ v-for="(item, index) in array"
+ :key="index"
+ >
+ {{ payindex }}{{ item.channelName }}
+ </div>
+ </div>
+ <div v-show="payindex == 3" class="qrcode" ref="qrCodeUrl"></div>
+ <div class="qrcode_txt" v-if="payindex == 3">
+ {{ array[3].channelDesc }}
+ </div>
+ <!-- <div v-if="payindex==3" class="ttx_box" style="display: flex;justify-content: center;align-items: center;">复制</div> -->
<div class="btns" @click="handleCz()">
- <span>{{ $t('hj172') }}</span>
+ <span>{{ $t("hj172") }}</span>
</div>
</div>
<div class="withdrawal" v-if="tabsCurrentIndex === 1">
<div class="ttx">
- <span>{{ $t('hj158') }}</span>
+ <span>{{ $t("hj158") }}</span>
</div>
<div class="ttx_price">
- <span>{{regexNum($store.state.userInfo.enableAmt)}} </span>
+ <span>{{ regexNum($store.state.userInfo.enableAmt) }} </span>
</div>
<div class="ttx_input">
<div class="titles">
- <span>{{ $t('hj159') }}</span>
+ <span>{{ $t("hj159") }}</span>
</div>
<div class="num">
- <input type="number" :placeholder="$t('hj305')" v-model.number="withdrawalValue" />
+ <input
+ type="number"
+ :placeholder="$t('hj305')"
+ v-model.number="withdrawalValue"
+ />
</div>
<div class="all" @click="withdrawalAll()">
- <span>{{ $t('hj160') }}</span>
+ <span>{{ $t("hj160") }}</span>
</div>
</div>
<div class="btns" @click="handleToSure()">
- <span>{{ $t('hj161') }}</span>
+ <span>{{ $t("hj161") }}</span>
</div>
</div>
<div class="banks" v-if="tabsCurrentIndex === 1">
<div class="bank_1">
<div class="left_name">
- <span>{{ $t('hj162') }}</span>
+ <span>{{ $t("hj162") }}</span>
</div>
<div class="center_input"></div>
- <div class="right_copy img_right" @click="handleGoToCashWithdrawalRecord()">
+ <div
+ class="right_copy img_right"
+ @click="handleGoToCashWithdrawalRecord()"
+ >
<img src="../../assets/img/youjiantou.png" alt />
</div>
</div>
</div>
<div class="banks" v-if="tabsCurrentIndex === 0">
-
<!-- <div class="bank_1">
<div class="left_name">
<span>{{ $t('hj163') }}</span>
@@ -178,11 +236,11 @@
<div class="bank_1" @click="handleGoToTransferRecord()">
<div class="left_name">
- <span>{{ $t('hj168') }}</span>
+ <span>{{ $t("hj168") }}</span>
</div>
<div class="center_input"></div>
<div class="right_copy">
- <span>{{ $t('hj169') }}</span>
+ <span>{{ $t("hj169") }}</span>
</div>
</div>
@@ -205,10 +263,22 @@
<van-notify v-model="messShow" type="primary">
<span>{{ mess }}</span>
</van-notify>
- <van-popup v-model="showPicker" round position="bottom">
- <van-picker :confirm-button-text="$t('hj161')" :cancel-button-text="$t('hj106')" value-key="channelName" :columns="array" @cancel="quxiao" @confirm="onConfirm" show-toolbar />
- </van-popup>
- <van-popup v-model="messDialog" position="bottom" :style="{ height: '70%' }">
+ <van-popup v-model="showPicker" round position="bottom">
+ <van-picker
+ :confirm-button-text="$t('hj161')"
+ :cancel-button-text="$t('hj106')"
+ value-key="channelName"
+ :columns="array"
+ @cancel="quxiao"
+ @confirm="onConfirm"
+ show-toolbar
+ />
+ </van-popup>
+ <van-popup
+ v-model="messDialog"
+ position="bottom"
+ :style="{ height: '70%' }"
+ >
<div class="mess_content">
<div class="top_title">
<div class="tt">
@@ -216,16 +286,16 @@
<img src="../../assets/img/liucheng.png" alt />
</div>
<div class="right_title">
- <span>{{ $t('hj173') + ':' }}</span>
+ <span>{{ $t("hj173") + ":" }}</span>
</div>
</div>
<div class="_on">
- <span>{{ '①' }}</span>
- <span>{{ $t('hj174') }}</span>
+ <span>{{ "①" }}</span>
+ <span>{{ $t("hj174") }}</span>
</div>
<div class="_on">
- <span>{{ '②' }}</span>
- <span>{{ $t('hj175') }}</span>
+ <span>{{ "②" }}</span>
+ <span>{{ $t("hj175") }}</span>
</div>
</div>
<div class="top_title" style="color: red;">
@@ -234,12 +304,12 @@
<img src="../../assets/img/jinggao.png" alt />
</div>
<div class="right_title">
- <span>{{ $t('hj173') + ':' }}</span>
+ <span>{{ $t("hj173") + ":" }}</span>
</div>
</div>
<div class="_on">
- <span>{{ '①' }}</span>
- <span class="hgg">{{ $t('hj176') }}</span>
+ <span>{{ "①" }}</span>
+ <span class="hgg">{{ $t("hj176") }}</span>
</div>
</div>
</div>
@@ -248,236 +318,241 @@
</template>
<script>
-import * as api from '@/axios/api'
-import { Toast } from 'mint-ui'
-import { mapState } from 'vuex'
-import QRCode from 'qrcodejs2'
+import * as api from "@/axios/api";
+import { Toast } from "mint-ui";
+import { mapState } from "vuex";
+import QRCode from "qrcodejs2";
export default {
- name: 'newUser',
- data () {
+ name: "newUser",
+ data() {
return {
- name: '',
- showPicker: false,
+ name: "",
+ showPicker: false,
selectUserFlag: true,
// tabsArr: [this.$t('hj172'), this.$t('hj177')],
tabsCurrentIndex: 1,
- walletNum: '',
- skName: '',
- array: [],
- inputpayType:'',
- skBankName: '',
- skUser: '',
+ walletNum: "",
+ skName: "",
+ array: [],
+ inputpayType: "",
+ skBankName: "",
+ skUser: "",
messShow: false,
- mess: '',
+ mess: "",
messDialog: false,
- withdrawalValue: '',
+ withdrawalValue: "",
settingInfo: {},
- payindex:0,
- qrcodeimg:'',
- id:'',
- onlineService: '',
+ payindex: 0,
+ qrcodeimg: "",
+ id: "",
+ onlineService: "",
showPopover: false,
actions: [
- { text: 'English', icon: require('@/assets/ico/english.png'), lang: 'zh-CN' },
- { text: 'हिंदी', icon: require('@/assets/ico/india.png'), lang: 'en' },
- { text: '繁体中文', icon: require('@/assets/ico/tw.png'), lang: 'tw' }
+ {
+ text: "English",
+ icon: require("@/assets/ico/english.png"),
+ lang: "zh-CN"
+ },
+ { text: "हिंदी", icon: require("@/assets/ico/india.png"), lang: "en" },
+ { text: "繁体中文", icon: require("@/assets/ico/tw.png"), lang: "tw" }
]
- }
+ };
},
computed: {
- ...mapState(['userInfo', 'bankInfo']),
- tabsArr () {
- return [this.$t('hj172'), this.$t('hj177')]
+ ...mapState(["userInfo", "bankInfo"]),
+ tabsArr() {
+ return [this.$t("hj172"), this.$t("hj177")];
}
},
- created () {
- this.getSettingInfo()
- this.getCardDetail() // 获取银行卡信息
- this.getUserInfo()
- this.getInfoSite()
- this.getPayInfos()
- this.getPayInfoa()
+ created() {
+ this.getSettingInfo();
+ this.getCardDetail(); // 获取银行卡信息
+ this.getUserInfo();
+ this.getInfoSite();
+ this.getPayInfos();
+ this.getPayInfoa();
},
- mounted(){
- this.creatQrCode()
+ mounted() {
+ this.creatQrCode();
},
methods: {
- creatQrCode() {
- var qrcode = new QRCode(this.$refs.qrCodeUrl, {
- text: 'https://blog.csdn.net/weixin_42601136', // 需要转换为二维码的内容
- width: 100,
- height: 100,
- colorDark: '#000000',
- colorLight: '#ffffff',
- correctLevel: QRCode.CorrectLevel.H
- })
- },
- czclick(){
- console.log(11);
- // this.showPicker = true
- },
- onConfirm(item) {
- console.log(item.channelName)
- this.inputpayType = item.channelName
- // this.inputpayType = '123'
- this.id = item.id
- this.showPicker = !this.showPicker
- // this.lever = item.value
- },
- quxiao(){
- this.showPicker = false
- },
- async getPayInfoa () {
- // 获取支付渠道 详细信息
- let data = await api.getPayInfoa()
- if (data.status === 0) {
- this.array = data.data
- this.id = data.data[0].id
- // this.skName = this.payInfo.channelName
- // this.skBankName = this.payInfo.channelType
- // this.skUser = this.payInfo.channelAccount
- } else {
- Toast(data.msg)
- }
- },
- async getPayInfos () {
+ creatQrCode() {
+ var qrcode = new QRCode(this.$refs.qrCodeUrl, {
+ text: "https://blog.csdn.net/weixin_42601136", // 需要转换为二维码的内容
+ width: 100,
+ height: 100,
+ colorDark: "#000000",
+ colorLight: "#ffffff",
+ correctLevel: QRCode.CorrectLevel.H
+ });
+ },
+ czclick() {
+ console.log(11);
+ // this.showPicker = true
+ },
+ onConfirm(item) {
+ console.log(item.channelName);
+ this.inputpayType = item.channelName;
+ // this.inputpayType = '123'
+ this.id = item.id;
+ this.showPicker = !this.showPicker;
+ // this.lever = item.value
+ },
+ quxiao() {
+ this.showPicker = false;
+ },
+ async getPayInfoa() {
// 获取支付渠道 详细信息
- let data = await api.getPayInfo()
+ let data = await api.getPayInfoa();
if (data.status === 0) {
- this.payInfo = data.data[0]
- this.skName = this.payInfo.channelName
- this.skBankName = this.payInfo.channelType
- this.skUser = this.payInfo.channelAccount
+ this.array = data.data;
+ this.id = data.data[0].id;
+ // this.skName = this.payInfo.channelName
+ // this.skBankName = this.payInfo.channelType
+ // this.skUser = this.payInfo.channelAccount
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- onSelect (e) {
- this.$i18n.locale = e.lang
- window.localStorage.setItem('language', e.lang)
+ async getPayInfos() {
+ // 获取支付渠道 详细信息
+ let data = await api.getPayInfo();
+ if (data.status === 0) {
+ this.payInfo = data.data[0];
+ this.skName = this.payInfo.channelName;
+ this.skBankName = this.payInfo.channelType;
+ this.skUser = this.payInfo.channelAccount;
+ } else {
+ Toast(data.msg);
+ }
},
- slesetpay(item,index){
- this.payindex = index
- this.id = item.id
- },
- goOnline () {
+ onSelect(e) {
+ this.$i18n.locale = e.lang;
+ window.localStorage.setItem("language", e.lang);
+ },
+ slesetpay(item, index) {
+ this.payindex = index;
+ this.id = item.id;
+ },
+ goOnline() {
// if (navigator.vibrate) {
// // 支持
// navigator.vibrate([55])
// }
// this.$router.push('/service')
- // this.$router.push('/service')
- window.location.href = this.onlineService
+ // this.$router.push('/service')
+ window.location.href = this.onlineService;
},
- async getInfoSite () {
- let data = await api.getInfoSite()
+ async getInfoSite() {
+ let data = await api.getInfoSite();
if (data.status === 0) {
- this.onlineService = data.data.onlineService
+ this.onlineService = data.data.onlineService;
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- async getUserInfo () {
+ async getUserInfo() {
// 获取用户信息
- let data = await api.getUserInfo()
+ let data = await api.getUserInfo();
if (data.status === 0) {
// 判断是否登录
- this.$store.commit('dialogVisible', false)
- this.$store.state.userInfo = data.data
+ this.$store.commit("dialogVisible", false);
+ this.$store.state.userInfo = data.data;
} else {
- this.$store.commit('dialogVisible', true)
+ this.$store.commit("dialogVisible", true);
}
},
- handleZh () {
+ handleZh() {
// cho
- this.selectUserFlag = !this.selectUserFlag
+ this.selectUserFlag = !this.selectUserFlag;
},
- handleBack () {
+ handleBack() {
// 点击返回/
- this.$router.go(-1)
+ this.$router.go(-1);
},
- goToTopUp () {
+ goToTopUp() {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- this.$router.push('/wallet')
+ this.$router.push("/wallet");
},
- handleTabsClick (item, index) {
- this.tabsCurrentIndex = index
+ handleTabsClick(item, index) {
+ this.tabsCurrentIndex = index;
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- withdrawalAll () {
+ withdrawalAll() {
// 点击全部提现
- this.withdrawalValue = this.userInfo.enableAmt
+ this.withdrawalValue = this.userInfo.enableAmt;
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- async handleCz () {
- let data = await api.selCzFn(
- {
- currency: '',
- // payType: 'af-pay.com',
- payType: this.id,
- payAmt: this.withdrawalValue
- }
- )
+ async handleCz() {
+ let data = await api.selCzFn({
+ currency: "",
+ // payType: 'af-pay.com',
+ payType: this.id,
+ payAmt: this.withdrawalValue
+ });
if (data.status === 0) {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- this.$router.push({path: '/chongz', query: {'payAmt': this.withdrawalValue, url: data.data}})
- }else{
- Toast(data.msg)
+ this.$router.push({
+ path: "/chongz",
+ query: { payAmt: this.withdrawalValue, url: data.data }
+ });
+ } else {
+ Toast(data.msg);
}
},
- async handleToSure () {
+ async handleToSure() {
// 点击确定提现
if (!this.userInfo.idCard) {
- Toast(this.$t('hj178'))
- return
+ Toast(this.$t("hj178"));
+ return;
}
if (!this.bankInfo.bankNo) {
- Toast(this.$t('hj179'))
- return
+ Toast(this.$t("hj179"));
+ return;
} else {
}
if (!this.withdrawalValue || this.withdrawalValue <= 0) {
- Toast(this.$t('hj180'))
+ Toast(this.$t("hj180"));
} else if (this.withdrawalValue - this.settingInfo.withMinAmt < 0) {
- Toast(this.$t('hj181') + this.settingInfo.withMinAmt)
+ Toast(this.$t("hj181") + this.settingInfo.withMinAmt);
} else {
let opts = {
amt: this.withdrawalValue
- }
- let data = await api.outMoney(opts)
+ };
+ let data = await api.outMoney(opts);
if (data.status === 0) {
// 成功
- Toast(this.$t('hj182'))
- this.$router.push('/cashWithdrawalRecord')
+ Toast(this.$t("hj182"));
+ this.$router.push("/cashWithdrawalRecord");
} else {
- Toast(data.msg ? data.msg : this.$t('hj183'))
+ Toast(data.msg ? data.msg : this.$t("hj183"));
}
}
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- async getCardDetail () {
+ async getCardDetail() {
// 获取银行卡信息
- let data = await api.getBankCard()
+ let data = await api.getBankCard();
if (data.status === 0) {
- this.$store.state.bankInfo = data.data
+ this.$store.state.bankInfo = data.data;
// this.skName = data.data.bankName
// this.skBankName = data.data.bankAddress
// this.skUser = data.data.bankNo
@@ -485,66 +560,68 @@
// Toast(data.msg)
}
},
- async getSettingInfo () {
- let data = await api.getSetting()
+ async getSettingInfo() {
+ let data = await api.getSetting();
if (data.status === 0) {
// 成功
- this.settingInfo = data.data
- console.log(this.settingInfo, 'settingInfo')
+ this.settingInfo = data.data;
+ console.log(this.settingInfo, "settingInfo");
} else {
- Toast(data.msg)
+ Toast(data.msg);
}
},
- handleGoToTransferRecord () { // 充值记录
+ handleGoToTransferRecord() {
+ // 充值记录
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- this.$router.push('/transferRecord')
+ this.$router.push("/transferRecord");
},
- handleGoToCashWithdrawalRecord () { // 提现记录
- this.$router.push('/cashWithdrawalRecord')
+ handleGoToCashWithdrawalRecord() {
+ // 提现记录
+ this.$router.push("/cashWithdrawalRecord");
},
- handleGoToTransfers () {
+ handleGoToTransfers() {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- this.$router.push('/transfers')
+ this.$router.push("/transfers");
},
- handleGoCz () {
+ handleGoCz() {
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- if (this.walletNum === '') {
- this.messShow = true
- this.mess = this.$t('hj171')
+ if (this.walletNum === "") {
+ this.messShow = true;
+ this.mess = this.$t("hj171");
setTimeout(() => {
- this.messShow = false
- }, 1500)
+ this.messShow = false;
+ }, 1500);
} else if (this.walletNum < 200) {
- this.messShow = true
- this.mess = this.$t('hj184')
+ this.messShow = true;
+ this.mess = this.$t("hj184");
setTimeout(() => {
- this.messShow = false
- }, 1500)
- } else if (this.walletNum !== '' && this.walletNum >= 200) {
- this.getPayInfo()
+ this.messShow = false;
+ }, 1500);
+ } else if (this.walletNum !== "" && this.walletNum >= 200) {
+ this.getPayInfo();
}
},
- onCopy () {
- Toast(this.$t('hj185'))
+ onCopy() {
+ Toast(this.$t("hj185"));
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
},
- onError () {
- Toast(this.$t('hj186'))
+ onError() {
+ Toast(this.$t("hj186"));
},
- async getPayInfo () {
- this.getrecharge()
+ async getPayInfo() {
+ this.getrecharge();
// 获取支付渠道 详细信息
// let data = await api.getPayInfoDetail({ payId: 3 });
// if (data.status === 0) {
@@ -560,84 +637,88 @@
// }, 1500);
// }
},
- async getrecharge () {
+ async getrecharge() {
if (!this.walletNum) {
- this.$message.error('请输入充值金额')
- return
+ this.$message.error("请输入充值金额");
+ return;
}
// this.dialogTableVisible = true;
let opts = {
amt: this.walletNum,
payType: 1
- }
- let data = await api.inMoney(opts)
+ };
+ let data = await api.inMoney(opts);
if (data.status === 0) {
- this.messDialog = true
+ this.messDialog = true;
} else {
- this.messShow = true
- this.mess = data.msg ? data.msg : '充值失败,请重新充值'
+ this.messShow = true;
+ this.mess = data.msg ? data.msg : "充值失败,请重新充值";
setTimeout(() => {
- this.messShow = false
- }, 1500)
+ this.messShow = false;
+ }, 1500);
}
},
- regexNum(str){
- console.log(str);
- str = str.toString()
- if(str.indexOf(".")==-1){
- str = str+".00"
- }
+ regexNum(str) {
+ console.log(str);
+ str = str.toString();
+ if (str.indexOf(".") == -1) {
+ str = str + ".00";
+ }
- var newStr = str.split('.')
- var point = newStr[1]
+ var newStr = str.split(".");
+ var point = newStr[1];
- if(point.length<2){
- point = point+"0"
- }
- var moneyPoint = newStr[0]
- if(moneyPoint.length<=3){
- return moneyPoint+"."+point
- }else{
- var mPoint = moneyPoint.substr(moneyPoint.length-3,moneyPoint.length)
- var twoPoint = moneyPoint.substr(0,moneyPoint.length-3)
- var endString = twoPoint.toString().replace(/(\d)(?=(\d{2})+(?!\d))/g, '$1,')
- return endString+","+mPoint+'.'+point;
-
- }
- },
- },
-}
+ if (point.length < 2) {
+ point = point + "0";
+ }
+ var moneyPoint = newStr[0];
+ if (moneyPoint.length <= 3) {
+ return moneyPoint + "." + point;
+ } else {
+ var mPoint = moneyPoint.substr(
+ moneyPoint.length - 3,
+ moneyPoint.length
+ );
+ var twoPoint = moneyPoint.substr(0, moneyPoint.length - 3);
+ var endString = twoPoint
+ .toString()
+ .replace(/(\d)(?=(\d{2})+(?!\d))/g, "$1,");
+ return endString + "," + mPoint + "." + point;
+ }
+ }
+ }
+};
</script>
<style scoped lang="less">
- .qrcode{
- margin-top: 20px;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .ttx_boxa{
- width: 32%;
- height: 40px;
- margin-bottom: 15px;
- background-color: #fff;
- border-radius: 3px;
- background: #2D6AE9;
- font-size: 0.4015rem;
- color: #fff;
- }
- .ttx_box{
- width: 32%;
- height: 40px;
- margin-bottom: 15px;
- background-color: #fff;
- border-radius: 3px;
- }
- .qrcode_txt{
- text-align: center;
- margin-top: 20px;
- }
+.qrcode {
+ margin-top: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.ttx_boxa {
+ width: 32%;
+ height: 40px;
+ margin-bottom: 15px;
+ background-color: #fff;
+ border-radius: 3px;
+ background: #2d6ae9;
+ font-size: 0.4015rem;
+ color: #fff;
+}
+.ttx_box {
+ width: 32%;
+ height: 40px;
+ margin-bottom: 15px;
+ background-color: #fff;
+ border-radius: 3px;
+}
+.qrcode_txt {
+ text-align: center;
+ margin-top: 20px;
+}
.user_page {
width: 100%;
height: calc(100% - 1.3rem);
@@ -674,7 +755,7 @@
display: flex;
justify-content: space-between;
- >div {
+ > div {
width: auto;
height: 100%;
display: flex;
@@ -711,7 +792,7 @@
align-items: center;
justify-content: center;
- >div {
+ > div {
width: 1rem;
height: 1rem;
border-radius: 50%;
@@ -793,7 +874,7 @@
display: flex;
align-items: center;
- >div {
+ > div {
width: 50%;
height: 100%;
color: #97989d;
@@ -827,7 +908,7 @@
align-items: center;
justify-content: center;
border-radius: 0.25rem;
- background: #2D6AE9;
+ background: #2d6ae9;
font-size: 0.4015rem;
color: #fff;
margin-top: 0.35rem;
@@ -908,7 +989,7 @@
align-items: center;
justify-content: space-between;
- >div {
+ > div {
width: 48%;
height: 70%;
display: flex;
@@ -929,7 +1010,7 @@
border-radius: 0.3rem;
margin-top: 0.3rem;
- >div {
+ > div {
width: 100%;
// height: 1.5385rem;
// margin-top: 0.3rem;
@@ -973,7 +1054,7 @@
}
.img_right {
- >img {
+ > img {
width: 0.55rem;
height: 0.55rem;
}
@@ -1048,7 +1129,7 @@
display: flex;
align-items: center;
justify-content: center;
- color: #2D6AE9;
+ color: #2d6ae9;
font-size: 0.6615rem;
span {
@@ -1061,7 +1142,7 @@
height: 1rem;
display: flex;
- >div {
+ > div {
display: flex;
justify-content: center;
align-items: center;
@@ -1077,8 +1158,8 @@
width: 70%;
height: 100%;
font-size: 0.35rem;
- display: flex;
-
+ display: flex;
+
input {
width: 100%;
height: 100%;
@@ -1103,7 +1184,7 @@
align-items: center;
justify-content: center;
border-radius: 0.25rem;
- background: #2D6AE9;
+ background: #2d6ae9;
font-size: 0.4015rem;
color: #fff;
margin-top: 0.35rem;
--
Gitblit v1.9.3