<template>
|
<div class="user_page">
|
<div class="content">
|
<div class="top_icon">
|
<div class="left_back" @click="handleBack()">
|
<img src="@/assets/img/zuojiantou.png" alt />
|
</div>
|
<div class="right_icon">
|
<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">
|
<div v-for="(item, index) in tabsArr" :key="index" @click="handleTabsClick(item, index)"
|
:class="tabsCurrentIndex === index ? 'active' : ''">
|
<span>{{ item }}</span>
|
<div v-if="tabsCurrentIndex==index" class="tabs_hx"></div>
|
</div>
|
</div>
|
|
|
<div class="withdrawal" v-if="tabsCurrentIndex === 0 &&array">
|
<div class="ttx">
|
<span>{{ $t('hj48') }}</span>
|
</div>
|
<div class="ttx_price">
|
<span>{{dataprice.availableBalance}}</span>
|
</div>
|
<div class="ttx_inputa">
|
<div class="titles">
|
<span>{{ $t('hj170') }}</span>
|
</div>
|
|
</div>
|
<div class="ttx_input">
|
|
<div class="num">
|
<input type="number" :placeholder="$t('hj171')" v-model.number="withdrawalValue" />
|
</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">{{item.channelType}}</div>
|
</div>
|
<div class="czboxa" style="margin-top: 20px;">
|
<div class="czbox_lefta">{{$t('hjkh')}}
|
<div class="czbox_righta">{{array[payindex].channelAccount}}</div>
|
</div>
|
<div class="right_copya">
|
<span v-clipboard:copy="array[payindex].channelAccount" v-clipboard:success="onCopy"
|
v-clipboard:error="onError">{{ $t('hj164')
|
}}</span>
|
</div>
|
</div>
|
<div class="czboxa" style="margin-top: 20px;">
|
<div class="czbox_lefta">{{$t('hj163')}}
|
<div class="czbox_righta">{{array[payindex].channelName}}</div>
|
</div>
|
<div class="right_copya">
|
<span v-clipboard:copy="array[payindex].channelName" v-clipboard:success="onCopy"
|
v-clipboard:error="onError">{{ $t('hj164')
|
}}</span>
|
</div>
|
</div>
|
<div class="czboxa" style="margin-top: 20px;">
|
<div class="czbox_lefta">{{$t('银行地址')}}
|
<div class="czbox_righta">{{array[payindex].bankAddress}}</div>
|
</div>
|
<div class="right_copya">
|
<span v-clipboard:copy="array[payindex].bankAddress" v-clipboard:success="onCopy"
|
v-clipboard:error="onError">{{ $t('hj164')
|
}}</span>
|
</div>
|
</div>
|
<div class="czboxa" style="margin-top: 20px;">
|
<div class="czbox_lefta">
|
<div class="czbox_righta">≈</div>
|
</div>
|
<div class="right_copya">
|
<div class="czbox_righta">{{array[payindex].exchangeRate*withdrawalValue}}</div>
|
</div>
|
</div>
|
<div class="uploads">
|
<div class="rights">
|
<el-upload :with-credentials="true" class="avatar-uploader" :action="admin + '/user/upload.do'"
|
list-type="picture-card" name="upload_file" :show-file-list="false" :on-success="handleAvatarSuccess"
|
:on-error="handleError" :before-upload="beforeAvatarUpload" :disabled="!showBtn">
|
<img v-if="form.img1key" :src="form.img1key" class="id-img avatar" style="width: 100%;height: 100%;" />
|
<i v-else class="iconfont icon-zhaopian"></i>
|
<span v-if="!form.img1key && !imgStatus" class="btn-title">{{$t('请上传充值记录')}}</span>
|
<span v-if="imgStatus" class="btn-title">{{$t('hj198')}}</span>
|
</el-upload>
|
</div>
|
</div> -->
|
<div class="btns" @click="handleCz()">
|
<span>{{ $t('hj172') }}</span>
|
</div>
|
|
</div>
|
|
<div class="withdrawala" v-if="tabsCurrentIndex === 1 &&array">
|
<!-- <div class="ttx">
|
<span>{{ $t('hj48') }}</span>
|
</div>
|
<div class="ttx_price">
|
<span>{{dataprice.availableBalance}}</span>
|
</div> -->
|
|
|
<div class="ttx_inputa">
|
<div class="titles">
|
<span>{{ $t('充值类型') }}</span>
|
</div>
|
|
</div>
|
<div class="ttx_inputa" >
|
<div style="justify-content: none;align-items: none;">
|
<van-checkbox v-model="iswh">{{$t('外汇')}}</van-checkbox>
|
<van-checkbox style="margin-left: 15px;" v-model="issz">{{$t('数字货币')}}</van-checkbox>
|
</div>
|
</div>
|
|
|
|
<div class="ttx_inputa">
|
<div class="titles">
|
<span>{{ $t('充值币种') }}</span>
|
</div>
|
|
</div>
|
<div class="ttx_input">
|
<div class="num">
|
<el-select class="limited-height" v-model="selectedCountryCode" :placeholder="$t('请选择')">
|
<el-option class="option_box" v-for="(country, code) in (issz==false?countries:countrie) " :key="country" :value="country">
|
{{country}}
|
</el-option>
|
</el-select>
|
</div>
|
</div>
|
|
<div class="ttx_inputa">
|
<div class="titles">
|
<span>{{ $t('hj170') }}:</span>
|
</div>
|
|
|
</div>
|
<div class="ttx_input">
|
|
<div class="num">
|
<input type="number" :placeholder="$t('hj171')" v-model.number="withdrawalValue" />
|
</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">{{item.channelType}}</div>
|
</div -->
|
|
<!-- <div class="czbox" style="margin-top: 20px;">
|
<div class="qrCode" >
|
<div v-if="tabsCurrentIndex==1" style="width: 100%;height: 100%; " id="qrcode" ref="qrcode"></div>
|
</div>
|
</div> -->
|
<!-- <div class="czbox" style="margin-top: 20px;">
|
<div class="czbox_left">{{$t('地址')}}
|
<div class="czbox_right">{{array[payindex].bankAddress}}</div>
|
</div>
|
<div class="right_copy">
|
<span v-clipboard:copy="array[payindex].bankAddress" v-clipboard:success="onCopy"
|
v-clipboard:error="onError">{{ $t('hj164')
|
}}</span>
|
</div>
|
</div> -->
|
<div class="czboxa" style="margin-top: 20px;">
|
<div class="czbox_lefta">
|
<div class="czbox_righta">≈</div>
|
</div>
|
<div class="right_copya">
|
<div class="czbox_righta">{{array[payindex].exchangeRate*withdrawalValue}}</div>
|
<!-- <div class="czbox_righta">123</div> -->
|
</div>
|
</div>
|
<!-- <div class="uploads">
|
<div class="rights">
|
<el-upload :with-credentials="true" class="avatar-uploader" :action="admin + '/user/upload.do'"
|
list-type="picture-card" name="upload_file" :show-file-list="false" :on-success="handleAvatarSuccess"
|
:on-error="handleError" :before-upload="beforeAvatarUpload" :disabled="!showBtn">
|
<img v-if="form.img1key" :src="form.img1key" class="id-img avatar" style="width: 100%;height: 100%;" />
|
<i v-else class="iconfont icon-zhaopian"></i>
|
<span v-if="!form.img1key && !imgStatus" class="btn-title">{{$t('请上传充值记录')}}</span>
|
<span v-if="imgStatus" class="btn-title">{{$t('hj198')}}</span>
|
</el-upload>
|
</div>
|
</div> -->
|
<div class="btns" @click="handleCz()">
|
<span>{{ $t('hj172') }}</span>
|
</div>
|
</div>
|
<div class="withdrawal" v-if="tabsCurrentIndex==2">
|
<div class="ttx_input">
|
<div class="titles">
|
<span>{{ $t('hj170') }}</span>
|
</div>
|
<div class="select_box">
|
<el-select class="limited-height" v-model="selectedCountryCode" :placeholder="$t('请选择')">
|
<el-option class="option_box" v-for="(country, code) in countries" :key="country" :value="country">
|
{{country}}
|
</el-option>
|
</el-select>
|
</div>
|
</div>
|
|
<div class="ttx_input">
|
<div class="titles">
|
<span>{{ $t('hj159') }}</span>
|
</div>
|
<div class="num">
|
<input type="number" :placeholder="$t('hj305')" v-model.number="withdrawalValue" />
|
</div>
|
<div class="all" @click="withdrawalAll()">
|
<span>{{ $t('hj160') }}</span>
|
</div>
|
</div>
|
|
<div class="czboxa" style="margin-top: 20px;">
|
<div class="czbox_lefta">
|
<div class="czbox_righta">≈</div>
|
</div>
|
<div class="right_copya">
|
<div class="czbox_righta">123</div>
|
</div>
|
</div>
|
|
</div>
|
|
|
<div class="banks">
|
<div class="bank_1" @click="handleGoToTransferRecord()">
|
<div class="left_name">
|
<span>{{ $t('hj168') }}</span>
|
</div>
|
<div class="center_input"></div>
|
<div class="right_copy">
|
<span>{{ $t('hj169') }}</span>
|
</div>
|
</div>
|
</div>
|
|
<div class="tips">{{$t('温馨提示')}}</div>
|
<div class="tips">{{$t('提示温馨')}}</div>
|
</div>
|
<van-notify v-model="messShow" type="primary">
|
<span>{{ mess }}</span>
|
</van-notify>
|
<van-popup v-model="messDialog" position="bottom" :style="{ height: '70%' }">
|
<div class="mess_content">
|
<div class="top_title">
|
<div class="tt">
|
<div class="left_icon">
|
<img src="../../assets/img/liucheng.png" alt />
|
</div>
|
<div class="right_title">
|
<span>{{ $t('hj173') + ':' }}</span>
|
</div>
|
</div>
|
<div class="_on">
|
<span>{{ '①' }}</span>
|
<span>{{ $t('hj174') }}</span>
|
</div>
|
<div class="_on">
|
<span>{{ '②' }}</span>
|
<span>{{ $t('hj175') }}</span>
|
</div>
|
</div>
|
<div class="top_title" style="color: red;">
|
<div class="tt">
|
<div class="left_icon">
|
<img src="../../assets/img/jinggao.png" alt />
|
</div>
|
<div class="right_title">
|
<span>{{ $t('hj173') + ':' }}</span>
|
</div>
|
</div>
|
<div class="_on">
|
<span>{{ '①' }}</span>
|
<span class="hgg">{{ $t('hj176') }}</span>
|
</div>
|
</div>
|
</div>
|
</van-popup>
|
</div>
|
</template>
|
|
<script>
|
import * as api from '@/axios/api'
|
import QRCode from 'qrcodejs2'
|
import {
|
compress
|
} from "@/utils/imgupload";
|
import {
|
Toast
|
} from 'mint-ui'
|
import {
|
mapState
|
} from 'vuex'
|
import {
|
Checkbox,
|
CheckboxGroup,
|
} from 'vant';
|
export default {
|
name: 'newUser',
|
data() {
|
return {
|
name: '大狗子',
|
selectedOption:'',
|
options: [
|
{ id: 'option1', value: 'Option 1', text: '选项1' },
|
{ id: 'option2', value: 'Option 2', text: '选项2' },
|
],
|
selectUserFlag: true,
|
isChecked: true, // 自动登录
|
// tabsArr: [this.$t('hj172'), this.$t('hj177')],
|
tabsCurrentIndex: 0,
|
walletNum: '',
|
skName: '',
|
dataprice: '',
|
skBankName: '',
|
selectedCountryCode: '',
|
iswh: true,
|
issz: false,
|
checked: false,
|
skUser: '',
|
messShow: false,
|
mess: '',
|
array: [],
|
countries: {
|
'+1': 'EUR',
|
'+86': 'USD',
|
// Add more countries here
|
},
|
countrie: {
|
'+1': 'USDT',
|
'+86': 'USDC',
|
'+816': 'ETH',
|
'+826': 'BTC',
|
// Add more countries here
|
},
|
messDialog: false,
|
form: {
|
phone: "",
|
name: "",
|
idCard: "",
|
vaildNumber: "",
|
img1key: "",
|
img2key: "",
|
img3key: ""
|
},
|
showBtn: true,
|
img1Key: "",
|
radioValue: '1', // 设置默认选中项的name
|
withdrawalValue: '',
|
settingInfo: {},
|
payindex: 0,
|
isDisabled: false,
|
admin: '',
|
onlineService: '',
|
imgStatus: false,
|
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'
|
}
|
]
|
}
|
},
|
watch:{
|
iswh(n,o){
|
if(n==true){
|
this.issz = false
|
this.selectedCountryCode= ''
|
}
|
},
|
issz(n,o){
|
if(n==true){
|
this.iswh = false
|
this.selectedCountryCode= ''
|
}
|
}
|
},
|
onCheckboxChange(event) {
|
const values = event.detail;
|
const index = this.data.checkedValues.findIndex(value => value === values[0]);
|
if (index === -1) {
|
// 当前未选中，选中当前，取消其他
|
this.setData({
|
checkedValues: [values[0]]
|
});
|
} else {
|
// 当前已选中，取消选中
|
this.setData({
|
checkedValues: []
|
});
|
}
|
},
|
computed: {
|
...mapState(['userInfo', 'bankInfo']),
|
tabsArr() {
|
// return [this.$t('境内'), this.$t('境外'),this.$t('电子钱包')]
|
return [this.$t('境内'), this.$t('境外')]
|
}
|
},
|
created() {
|
this.getSettingInfo()
|
this.getCardDetail() // 获取银行卡信息
|
this.getUserInfo()
|
this.getInfoSite()
|
this.getPayInfos()
|
this.getmoney()
|
},
|
mounted() {
|
if (this.$state.theme == "red") {
|
document.body.classList.remove("black-bg");
|
document.body.classList.add("red-bg");
|
}
|
this.admin = process.env.API_HOST;
|
console.log(this.admin)
|
if (this.admin == undefined) {
|
this.admin = "https://apistock.innovcoins.com";
|
}
|
},
|
methods: {
|
handleDisabled: function () {
|
this.isChecked = !this.isChecked
|
if (this.isChecked === true) {
|
this.isDisabled = true
|
} else {
|
this.isDisabled = false
|
}
|
},
|
onRadioChange(event) {
|
this.setData({ radioValue: event.detail });
|
},
|
onSubmit(event) {
|
console.log('提交的表单数据:', event.detail);
|
},
|
async getmoney() {
|
var option = {
|
accectType: 'IN'
|
}
|
let data = await api.getmoney(option)
|
if (data.status === 0) {
|
this.dataprice = data.data
|
Toast(data.msg)
|
} else {
|
Toast(data.msg)
|
}
|
},
|
slesetpay(e, a) {
|
this.payindex = a
|
if (this.array.length != 0) {
|
// this.$nextTick(() => {
|
// this.qrcode(this.array[this.payindex].bankAddress)
|
// })
|
}
|
|
|
},
|
handleError() {
|
this.imgStatus = false;
|
},
|
handleAvatarSuccess(res, file) {
|
this.imgStatus = false;
|
this.form.img1key = res.data.url;
|
},
|
beforeAvatarUpload(file) {
|
this.imgStatus = true;
|
},
|
async getPayInfos() {
|
// 获取支付渠道 详细信息
|
let form = {
|
type: this.tabsCurrentIndex
|
}
|
let data = await api.getPayInfo(form)
|
if (data.status === 0) {
|
|
this.array = data.data
|
if (data.data.length == 0) {
|
// this.handleTabsClick('',0)
|
Toast(this.$t('暂无充值方式'))
|
return
|
}
|
if (this.array.length != 0) {
|
this.id = data.data[0].id
|
|
this.payInfo = data.data[0]
|
this.skName = this.payInfo.channelName
|
this.skBankName = this.payInfo.channelType
|
this.skUser = this.payInfo.channelAccount
|
} else {
|
this.array = []
|
}
|
|
if (this.array.length != 0) {
|
this.$nextTick(() => {
|
this.qrcode(this.array[this.payindex].bankAddress)
|
})
|
}
|
|
} else {
|
Toast(data.msg)
|
}
|
},
|
onSelect(e) {
|
this.$i18n.locale = e.lang
|
window.localStorage.setItem('language', e.lang)
|
},
|
goOnline() {
|
// if (navigator.vibrate) {
|
// // 支持
|
// navigator.vibrate([55])
|
// }
|
// this.$router.push('/service')
|
// this.$router.push('/service')
|
window.location.href = this.onlineService
|
},
|
async getInfoSite() {
|
let data = await api.getInfoSite()
|
if (data.status === 0) {
|
this.onlineService = data.data.onlineService
|
} else {
|
Toast(data.msg)
|
}
|
},
|
async getUserInfo() {
|
// 获取用户信息
|
let data = await api.getUserInfo()
|
if (data.status === 0) {
|
// 判断是否登录
|
this.$store.commit('dialogVisible', false)
|
this.$store.state.userInfo = data.data
|
} else {
|
this.$store.commit('dialogVisible', true)
|
}
|
},
|
handleZh() {
|
// cho
|
this.selectUserFlag = !this.selectUserFlag
|
},
|
handleBack() {
|
// 点击返回/
|
// this.$router.go(-1)
|
this.$router.push('/user')
|
},
|
goToTopUp() {
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55])
|
}
|
this.$router.push('/wallet')
|
},
|
handleTabsClick(item, index) {
|
console.log(index);
|
this.tabsCurrentIndex = index
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55])
|
}
|
this.getPayInfos()
|
|
if (index == 1 && this.array) {
|
this.$nextTick(() => {
|
if (this.array[this.payindex].bankAddress) {
|
this.qrcode(this.array[this.payindex].bankAddress)
|
}
|
})
|
} else if (index == 0) {
|
this.$refs.qrcode.style = 'display:none;'
|
} else {
|
this.tabsCurrentIndex = index
|
}
|
},
|
withdrawalAll() {
|
// 点击全部提现
|
this.withdrawalValue = this.userInfo.enableAmt
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55])
|
}
|
},
|
|
async handleCz() {
|
this.$router.push({
|
path: '/new_cz',
|
query: {
|
price: this.withdrawalValue,
|
payType: this.tabsCurrentIndex == 0 ? 1 : (this.issz?3:2),
|
issz:this.issz==true?this.issz:'',
|
selectedCountryCode:this.selectedCountryCode
|
}
|
})
|
// if(!this.form.img1key){
|
// Toast(this.$t('请上传充值截图'))
|
// return
|
// }
|
// let data = await api.selCzFn({
|
// currency: '',
|
// payId: this.array[this.payindex].id,
|
// payType: this.id,
|
// payAmt: this.array[this.payindex].exchangeRate*this.withdrawalValue,
|
// img: this.form.img1key
|
// })
|
|
// if (data.status === 0) {
|
// if (navigator.vibrate) {
|
// // 支持
|
// navigator.vibrate([55])
|
// }
|
// Toast(data.data)
|
// } else {
|
// Toast(data.data)
|
// }
|
},
|
|
async handleToSure() {
|
// 点击确定提现
|
// if (!this.userInfo.idCard) {
|
// Toast(this.$t('hj178'))
|
// return
|
// }
|
if (!this.bankInfo.bankNo) {
|
Toast(this.$t('hj179'))
|
return
|
} else {}
|
if (!this.withdrawalValue || this.withdrawalValue <= 0) {
|
Toast(this.$t('hj180'))
|
} else if (this.withdrawalValue - this.settingInfo.withMinAmt < 0) {
|
Toast(this.$t('hj181') + this.settingInfo.withMinAmt)
|
} else {
|
let opts = {
|
amt: this.withdrawalValue,
|
assetsType: 'IN'
|
}
|
let data = await api.outMoney(opts)
|
if (data.status === 0) {
|
// 成功
|
Toast(this.$t('hj182'))
|
this.$router.push('/cashWithdrawalRecord')
|
} else {
|
Toast(data.msg ? data.msg : this.$t('hj183'))
|
}
|
}
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55])
|
}
|
},
|
// 生成二维码
|
qrcode(url) {
|
if (url) {
|
document.getElementById('qrcode').innerHTML = ''
|
let qrcode = new QRCode('qrcode', {
|
width: 100, // 二维码宽度，单位像素
|
height: 100, // 二维码高度，单位像素
|
text: url // 生成二维码的链接
|
})
|
}
|
},
|
async getCardDetail() {
|
// 获取银行卡信息
|
let data = await api.getBankCard()
|
if (data.status === 0) {
|
this.$store.state.bankInfo = data.data
|
// this.skName = data.data.bankName
|
// this.skBankName = data.data.bankAddress
|
// this.skUser = data.data.bankNo
|
} else {
|
// Toast(data.msg)
|
}
|
},
|
async getSettingInfo() {
|
let data = await api.getSetting()
|
if (data.status === 0) {
|
// 成功
|
this.settingInfo = data.data
|
console.log(this.settingInfo, 'settingInfo')
|
} else {
|
Toast(data.msg)
|
}
|
},
|
handleGoToTransferRecord() { // 充值记录
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55])
|
}
|
this.$router.push('/transferRecord')
|
},
|
handleGoToCashWithdrawalRecord() { // 提现记录
|
this.$router.push('/cashWithdrawalRecord')
|
},
|
handleGoToTransfers() {
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55])
|
}
|
this.$router.push('/transfers')
|
},
|
handleGoCz() {
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55])
|
}
|
if (this.walletNum === '') {
|
this.messShow = true
|
this.mess = this.$t('hj171')
|
setTimeout(() => {
|
this.messShow = false
|
}, 1500)
|
} else if (this.walletNum < 200) {
|
this.messShow = true
|
this.mess = this.$t('hj184')
|
setTimeout(() => {
|
this.messShow = false
|
}, 1500)
|
} else if (this.walletNum !== '' && this.walletNum >= 200) {
|
this.getPayInfo()
|
}
|
},
|
onCopy() {
|
Toast(this.$t('hj185'))
|
if (navigator.vibrate) {
|
// 支持
|
navigator.vibrate([55])
|
}
|
},
|
onError() {
|
Toast(this.$t('hj186'))
|
},
|
async getPayInfo() {
|
this.getrecharge()
|
// 获取支付渠道 详细信息
|
// let data = await api.getPayInfoDetail({ payId: 3 });
|
// if (data.status === 0) {
|
// const { channelName, channelAccount, channelDesc } = data.data;
|
// this.skName = channelName;
|
// this.skUser = channelAccount;
|
// this.skBankName = channelDesc;
|
// } else {
|
// this.messShow = true;
|
// this.mess = data.msg;
|
// setTimeout(() => {
|
// this.messShow = false;
|
// }, 1500);
|
// }
|
},
|
async getrecharge() {
|
if (!this.walletNum) {
|
this.$message.error('请输入充值金额')
|
return
|
}
|
// this.dialogTableVisible = true;
|
|
let opts = {
|
amt: this.walletNum,
|
payType: 1
|
}
|
let data = await api.inMoney(opts)
|
if (data.status === 0) {
|
this.messDialog = true
|
} else {
|
this.messShow = true
|
this.mess = data.msg ? data.msg : '充值失败,请重新充值'
|
setTimeout(() => {
|
this.messShow = false
|
}, 1500)
|
}
|
},
|
regexNum(str) {
|
console.log(str);
|
str = str.toString()
|
if (str.indexOf(".") == -1) {
|
str = str + ".00"
|
}
|
|
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;
|
|
}
|
},
|
},
|
}
|
</script>
|
|
<style scoped lang="less">
|
.tips {
|
margin-top: 15px;
|
color: #97989d;
|
}
|
|
.select_box {
|
flex: 1;
|
}
|
|
.limited-height {
|
flex: 1;
|
}
|
|
.van-checkbox {
|
height: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
.tabs_hx {
|
width: 15px;
|
height: 4px;
|
background-color: #00B85F;
|
position: absolute;
|
bottom: 0;
|
}
|
|
.avatar-uploader {
|
width: 100%;
|
height: 200px;
|
}
|
|
.uploads {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-top: 0.3rem;
|
|
>div {
|
width: 100%;
|
// background: rgb(247, 247, 247);
|
}
|
}
|
|
.rights {
|
width: 75%;
|
height: 100%;
|
// display: flex;
|
// align-items: center;
|
// justify-content: center;
|
|
input {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
.czboxa {
|
display: flex;
|
justify-content: space-between;
|
margin-top: 15px;
|
}
|
|
.czbox_righta {
|
margin-top: 20px;
|
}
|
|
.czbox {
|
display: flex;
|
justify-content: space-between;
|
margin-top: 15px;
|
}
|
|
.czbox_right {
|
margin-top: 20px;
|
}
|
|
/deep/ .el-upload--picture-card {
|
background: none;
|
width: 100%;
|
height: 100%;
|
line-height: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
}
|
|
/deep/ .el-upload__input {
|
display: none;
|
}
|
|
.qrCode {
|
border: 1px solid #f3f3f3;
|
padding: 0.1rem;
|
height: 3rem;
|
width: 3rem;
|
margin: 0.3rem auto;
|
position: relative;
|
|
img {
|
width: 10px;
|
height: 10px;
|
}
|
|
.alert-box {
|
width: 100%;
|
height: 100%;
|
background: rgba(255, 255, 255, 0.9);
|
position: absolute;
|
left: 0;
|
top: 0;
|
color: #333;
|
text-align: center;
|
|
.iconfont {
|
color: #f98700;
|
font-size: 0.6rem;
|
display: block;
|
margin-top: 0.8rem;
|
margin-bottom: 0.4rem;
|
}
|
}
|
}
|
|
.ttx_boxa {
|
width: 32%;
|
height: 40px;
|
margin-bottom: 15px;
|
background-color: #fff;
|
border-radius: 3px;
|
background: #00B85f;
|
font-size: 0.4015rem;
|
color: #fff;
|
}
|
|
.czbox {
|
height: 100%;
|
font-size: 0.35rem;
|
margin-left: 5px;
|
}
|
|
.ttx_box {
|
width: 32%;
|
height: 40px;
|
margin-bottom: 15px;
|
background-color: #fff;
|
border-radius: 3px;
|
}
|
|
.user_page {
|
width: 100%;
|
height: calc(100% - 1.3rem);
|
|
.content {
|
width: 100%;
|
height: 100%;
|
padding: 0 0.3rem;
|
|
.top_icon {
|
width: 100%;
|
height: 1.5rem;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
|
.left_back {
|
width: 10%;
|
height: 50%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
}
|
}
|
|
.right_icon {
|
width: 18%;
|
height: 35%;
|
padding-right: 0.1rem;
|
display: flex;
|
justify-content: space-between;
|
|
>div {
|
width: auto;
|
height: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
img {
|
// width: 100%;
|
// height: 100%;
|
}
|
}
|
}
|
}
|
|
.users {
|
width: 100%;
|
height: 1.7949rem;
|
background: #fff;
|
border-radius: 0.15rem;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
|
.left_tou {
|
width: 80%;
|
height: 70%;
|
display: flex;
|
|
.left_tx {
|
width: 20%;
|
height: 100%;
|
margin-left: 0.3rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
>div {
|
width: 1rem;
|
height: 1rem;
|
border-radius: 50%;
|
overflow: hidden;
|
background: rgb(211, 211, 211);
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
}
|
|
.right_name {
|
width: 80%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
font-size: 0.4415rem;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
}
|
|
.right_go {
|
width: 20%;
|
height: 70%;
|
display: flex;
|
justify-content: flex-end;
|
align-items: center;
|
padding-right: 0.2rem;
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
}
|
}
|
}
|
|
.center_card {
|
width: 100%;
|
height: 5.3846rem;
|
background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
|
// background-image: linear-gradient(to right, #ffffff , #dfedfc);
|
border-radius: 0.15rem;
|
padding: 0.5rem 0.4rem;
|
|
.keyon {
|
width: 100%;
|
height: 0.5128rem;
|
font-size: 0.359rem;
|
display: flex;
|
align-items: center;
|
color: #3d4144;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
|
.num_price {
|
width: 100%;
|
height: 0.6667rem;
|
margin-top: 0.1rem;
|
display: flex;
|
align-items: center;
|
font-size: 0.5528rem;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
|
.yk {
|
width: 100%;
|
height: 0.5rem;
|
display: flex;
|
align-items: center;
|
|
>div {
|
width: 50%;
|
height: 100%;
|
color: #97989d;
|
display: flex;
|
align-items: center;
|
}
|
}
|
|
.yk.es {
|
margin-top: 0.3rem;
|
}
|
|
.yk.as {
|
font-size: 0.4033rem;
|
margin-top: 0.1rem;
|
|
span {
|
color: #000;
|
font-weight: 600;
|
}
|
|
.bzz {
|
color: #4ea364;
|
}
|
}
|
|
.btns {
|
width: 100%;
|
height: 1.2821rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
border-radius: 0.25rem;
|
background: #00B85f;
|
font-size: 0.4015rem;
|
color: #fff;
|
margin-top: 0.35rem;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
|
.active {
|
background: #4ea364;
|
}
|
}
|
|
.jy {
|
width: 100%;
|
height: 1.5rem;
|
border-radius: 0.2rem;
|
background: #fff;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
padding: 0 0.3rem;
|
margin-top: 0.3rem;
|
|
.left_gn {
|
width: 40%;
|
height: 60%;
|
display: flex;
|
|
.l_icon {
|
width: 30%;
|
height: 100%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
|
img {
|
width: 0.5041rem;
|
height: 0.5041rem;
|
}
|
}
|
|
.r_title {
|
width: 70%;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
font-size: 0.4046rem;
|
color: #404040;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
}
|
|
.right_gos {
|
width: 20%;
|
height: 60%;
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
}
|
}
|
}
|
}
|
}
|
|
.tabs {
|
width: 100%;
|
height: 1rem;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
|
>div {
|
width: 48%;
|
height: 70%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
position: relative;
|
}
|
|
.active {
|
background: rgb(255, 255, 255);
|
border-radius: 0.15rem;
|
}
|
}
|
.ttx_inputa {
|
width: 100%;
|
height: 1rem;
|
display: flex;
|
>div {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
.titles {
|
width: 20%;
|
height: 100%;
|
font-size: 0.35rem;
|
}
|
|
.num {
|
width: 100%;
|
height: 100%;
|
font-size: 0.35rem;
|
|
input {
|
width: 100%;
|
height: 100%;
|
padding-left: 15px;
|
font-weight: 600;
|
font-size: 0.35rem;
|
}
|
}
|
|
.all {
|
width: 10%;
|
height: 100%;
|
font-size: 0.35rem;
|
padding-right: 15px;
|
}
|
}
|
.banks {
|
width: 100%;
|
background: #fff;
|
padding: 0 0.4rem;
|
border-radius: 0.3rem;
|
margin-top: 0.3rem;
|
|
>div {
|
width: 100%;
|
// height: 1.5385rem;
|
// margin-top: 0.3rem;
|
padding: 0.5rem 0;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
border-bottom: 0.05rem solid rgb(224, 224, 224);
|
font-size: 0.359rem;
|
|
span {
|
font-weight: 600;
|
}
|
|
.left_name {
|
width: 25%;
|
height: 50%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.center_input {
|
width: 60%;
|
height: 50%;
|
|
input {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
.right_copy {
|
// width: 15%;
|
height: 50%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
}
|
}
|
|
.img_right {
|
>img {
|
width: 0.55rem;
|
height: 0.55rem;
|
}
|
}
|
|
.mess_content {
|
width: 100%;
|
height: 100%;
|
padding: 0.5rem 0.3rem;
|
|
.top_title {
|
width: 100%;
|
height: 2.5rem;
|
|
.tt {
|
width: 100%;
|
height: 30%;
|
display: flex;
|
align-items: center;
|
|
.left_icon {
|
width: 0.5rem;
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
img {
|
width: 0.4rem;
|
height: 0.4rem;
|
}
|
}
|
|
.right_title {
|
margin-left: 0.2rem;
|
}
|
}
|
}
|
|
._on {
|
width: 100%;
|
height: 0.5rem;
|
padding: 0 0.3rem;
|
margin-top: 0.1rem;
|
}
|
|
.hgg {
|
line-height: 0.5rem;
|
}
|
}
|
|
.withdrawala {
|
width: 100%;
|
// height: 5rem;
|
background: #fff;
|
border-radius: 0.15rem;
|
padding: 0.5rem 0.4rem;
|
// background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
|
|
.ttx {
|
width: 100%;
|
height: 0.5rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: 0.35rem;
|
}
|
|
.ttx_price {
|
width: 100%;
|
height: 1rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
color: #00B85f;
|
font-size: 0.6615rem;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
|
.ttx_input {
|
width: 100%;
|
height: 1rem;
|
display: flex;
|
border-radius: 4px;
|
background-color: #F5F5F5;
|
>div {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
}
|
|
.titles {
|
width: 20%;
|
height: 100%;
|
font-size: 0.35rem;
|
}
|
|
.num {
|
width: 100%;
|
height: 100%;
|
font-size: 0.35rem;
|
|
input {
|
width: 100%;
|
height: 100%;
|
padding-left: 15px;
|
font-weight: 600;
|
font-size: 0.35rem;
|
}
|
}
|
|
.all {
|
width: 20%;
|
height: 100%;
|
font-size: 0.35rem;
|
padding-right: 15px;
|
}
|
}
|
}
|
|
|
.withdrawal {
|
width: 100%;
|
// height: 5rem;
|
background: #fff;
|
border-radius: 0.15rem;
|
padding: 0.5rem 0.4rem;
|
// background-image: linear-gradient(to right bottom, #ffffff, #dfedfc);
|
|
.ttx {
|
width: 100%;
|
height: 0.5rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: 0.35rem;
|
}
|
|
.ttx_price {
|
width: 100%;
|
height: 1rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
color: #00B85f;
|
font-size: 0.6615rem;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
|
.ttx_input {
|
width: 100%;
|
height: 1rem;
|
display: flex;
|
|
>div {
|
display: flex;
|
// justify-content: center;
|
// align-items: center;
|
}
|
|
.titles {
|
width: 20%;
|
height: 100%;
|
font-size: 0.35rem;
|
}
|
|
.num {
|
width: 70%;
|
height: 100%;
|
font-size: 0.35rem;
|
|
input {
|
width: 100%;
|
height: 100%;
|
// padding-left: 1rem;
|
font-weight: 600;
|
font-size: 0.35rem;
|
}
|
}
|
|
.all {
|
width: 10%;
|
height: 100%;
|
font-size: 0.35rem;
|
}
|
}
|
}
|
|
.btns {
|
width: 100%;
|
height: 1.2821rem;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
border-radius: 0.25rem;
|
background: #00B85f;
|
font-size: 0.4015rem;
|
color: #fff;
|
margin-top: 0.35rem;
|
|
span {
|
font-weight: 600;
|
}
|
}
|
|
.bank_1:last-child {
|
border: none;
|
}
|
</style>
|
