forked from angelo/web-retail-h5
364 lines
9.0 KiB
Vue
364 lines
9.0 KiB
Vue
<template>
|
||
<view class="content">
|
||
<u-toast ref="uToast"></u-toast>
|
||
<view v-if="!ifshowBtn" class="topbar">
|
||
<view
|
||
class="levelList_i"
|
||
v-for="(item, index) in topList"
|
||
:key="index"
|
||
@click.prevent="handleLink(item)"
|
||
>
|
||
{{ item.name }}
|
||
</view>
|
||
</view>
|
||
<view class="balance">
|
||
<view
|
||
class="ba_list"
|
||
:style="{ backgroundImage: 'url(' + item.backgroundImg + ')' }"
|
||
v-for="(item, index) in balanceList"
|
||
:key="index"
|
||
>
|
||
<view class="balance_title">
|
||
<view class="title_left">
|
||
<view class="">{{ item.pkAccountVal }}</view>
|
||
<image
|
||
v-if="!item.canSee"
|
||
@click="item.canSee = !item.canSee"
|
||
class="eyeimg"
|
||
src="../../../static/images/my_eye.png"
|
||
mode=""
|
||
></image>
|
||
<image
|
||
v-if="item.canSee"
|
||
@click="item.canSee = !item.canSee"
|
||
class="eyeimg"
|
||
src="../../../static/images/my_eye2.png"
|
||
mode=""
|
||
></image>
|
||
</view>
|
||
<view class="title_right" @click="goTrans">{{ '交易明细' }}</view>
|
||
</view>
|
||
<view class="balance_total">
|
||
{{ `${'总余额'}(${userInfo.currencyIcon})` }}
|
||
</view>
|
||
<view class="balance_total2">
|
||
<text v-if="item.canSee">{{ item.balance | numberToCurrency }}</text>
|
||
<text v-else>****</text>
|
||
</view>
|
||
|
||
<view class="balance_line">
|
||
<view>{{ `${'可用余额'}(${userInfo.currencyIcon})` }}</view>
|
||
<view>
|
||
<text v-if="item.canSee">{{
|
||
item.availableBalance | numberToCurrency
|
||
}}</text>
|
||
<text v-else>****</text>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="balance_line">
|
||
<view style="display: flex; align-items: center">
|
||
<view style="margin-right: 20rpx">{{
|
||
`${'不可用余额'}(${userInfo.currencyIcon})`
|
||
}}</view>
|
||
<image
|
||
@click="showToast(item)"
|
||
style="width: 25rpx; height: 25rpx"
|
||
src="../../../static/images/my_tip.png"
|
||
mode=""
|
||
>
|
||
</image>
|
||
</view>
|
||
<view>
|
||
<text v-if="item.canSee">{{
|
||
item.unavailableBalance | numberToCurrency
|
||
}}</text>
|
||
<text v-else>****</text>
|
||
</view>
|
||
</view>
|
||
<view v-if="item.accountType == 4" class="balance_line">
|
||
<view>{{ `${'可提现金额'}(${userInfo.currencyIcon})` }}</view>
|
||
<view>
|
||
<text v-if="item.canSee">{{
|
||
item.withdrawBalance | numberToCurrency
|
||
}}</text>
|
||
<text v-else>****</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import * as bal from '@/config/balance.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
topList: [
|
||
{
|
||
name: '充值',
|
||
path: '/pages/pay/index',
|
||
id: '1',
|
||
},
|
||
{
|
||
name: '提现',
|
||
path: '/pages/mine/balance/withdrawal',
|
||
id: '2',
|
||
},
|
||
{
|
||
name: '转账',
|
||
path: '/pages/mine/balance/transfer',
|
||
id: '3',
|
||
},
|
||
],
|
||
tabActive: '',
|
||
balanceList: [],
|
||
userInfo: {},
|
||
ifshowBtn: false,
|
||
}
|
||
},
|
||
onLoad() {
|
||
let params = {
|
||
isRecharge: true,
|
||
}
|
||
this.topList[0].path =
|
||
'/pages/pay/index?paramsPost=' + JSON.stringify(params)
|
||
this.getList()
|
||
this.userInfo = uni.getStorageSync('User')
|
||
},
|
||
onShow() {
|
||
this.gettopList()
|
||
this.ifCodeName()
|
||
},
|
||
methods: {
|
||
ifCodeName() {
|
||
if (this.userInfo.memberCode == 'BL66886688') {
|
||
this.ifshowBtn = true
|
||
} else {
|
||
this.ifshowBtn = false
|
||
}
|
||
},
|
||
gettopList() {
|
||
if (this.userInfo.pkCountry == 1 && this.userInfo.pkGradeId == 1) {
|
||
this.topList = [
|
||
{
|
||
name: '充值',
|
||
path: '/pages/pay/index',
|
||
id: '1',
|
||
},
|
||
{
|
||
name: '提现',
|
||
path: '/pages/mine/balance/withdrawal',
|
||
id: '2',
|
||
},
|
||
]
|
||
} else {
|
||
this.topList = [
|
||
{
|
||
name: '充值',
|
||
path: '/pages/pay/index',
|
||
id: '1',
|
||
},
|
||
{
|
||
name: '提现',
|
||
path: '/pages/mine/balance/withdrawal',
|
||
id: '2',
|
||
},
|
||
{
|
||
name: '转账',
|
||
path: '/pages/mine/balance/transfer',
|
||
id: '3',
|
||
},
|
||
]
|
||
}
|
||
},
|
||
//交易明细跳转
|
||
goTrans() {
|
||
uni.navigateTo({
|
||
url: '/pages/mine/balance/transDetail',
|
||
})
|
||
},
|
||
showToast(item) {
|
||
this.$refs.uToast.show({
|
||
message: `${'禁止消费金额'}：${item.lockAccount}\n${'禁止转账金额'}：${item.transferAccount}\n${'禁止提现金额'}：${item.withdrawAccount}`,
|
||
})
|
||
},
|
||
getList() {
|
||
bal.getWalletBalance().then(res => {
|
||
res.data.memberWalletBalanceVOList.forEach(ele => {
|
||
ele.canSee = false
|
||
})
|
||
this.balanceList = res.data.memberWalletBalanceVOList
|
||
})
|
||
},
|
||
checkExit(item) {
|
||
bal
|
||
.getIsExist({
|
||
businessModule: item.id - 1,
|
||
})
|
||
.then(res => {
|
||
if (res.code == 200 && res.flag == 'Y') {
|
||
uni.navigateTo({
|
||
url: item.path,
|
||
})
|
||
} else if (res.code == 200 && res.flag == 'N') {
|
||
this.isNoBind = true
|
||
// uni.navigateTo({
|
||
// url: "/pages/mine/addLicense/addLicense"
|
||
// })
|
||
}
|
||
})
|
||
},
|
||
toUnBind() {
|
||
uni.navigateTo({
|
||
url: '/pages/delear/index',
|
||
})
|
||
},
|
||
|
||
handleLink(item) {
|
||
this.tabActive = item.path
|
||
if (item.id == 2 || item.id == 3) {
|
||
if (this.userInfo.pkCountry == 1) {
|
||
if (this.userInfo.pkGradeId == 1 && item.id == 2) {
|
||
} else {
|
||
bal
|
||
.getIfAuth({
|
||
businessModule: item.id - 1,
|
||
})
|
||
.then(res => {
|
||
if (res.code == 200 && res.flag == 'Y') {
|
||
uni.navigateTo({
|
||
url: item.path,
|
||
})
|
||
} else if (res.code == 200 && res.flag == 'N') {
|
||
uni.showToast({
|
||
title: '请先进行实名认证',
|
||
})
|
||
setTimeout(() => {
|
||
uni.navigateTo({
|
||
url: '/pages/selfService/realName/realName',
|
||
})
|
||
}, 300)
|
||
}
|
||
})
|
||
}
|
||
} else {
|
||
uni.navigateTo({
|
||
url: item.path,
|
||
})
|
||
}
|
||
} else {
|
||
let paramsPost = {
|
||
isRecharge: true,
|
||
}
|
||
uni.navigateTo({
|
||
url: `${item.path}?paramsPost=${encodeURIComponent(JSON.stringify(paramsPost))}`,
|
||
})
|
||
}
|
||
},
|
||
},
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.content {
|
||
background: #f2f2f2;
|
||
padding-bottom: 40rpx;
|
||
|
||
.topbar {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 27rpx 0;
|
||
background-color: #ffffff;
|
||
|
||
.levelList_i {
|
||
min-width: 200rpx;
|
||
height: 60rpx;
|
||
border: 2rpx solid #dddddd;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
cursor: pointer;
|
||
border-radius: 30rpx;
|
||
font-size: 30rpx;
|
||
margin: 0 22rpx;
|
||
}
|
||
|
||
.levelList_i:active {
|
||
background-color: #005bac;
|
||
color: #ffffff;
|
||
}
|
||
}
|
||
|
||
.balance {
|
||
padding: 0 23rpx;
|
||
background: #f2f2f2;
|
||
|
||
.ba_list {
|
||
margin-top: 30rpx;
|
||
padding: 40rpx 20rpx;
|
||
border-radius: 25rpx;
|
||
background-size: 100% 100%;
|
||
|
||
.balance_title {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
.title_left {
|
||
font-size: 32rpx;
|
||
font-family: Source Han Sans CN;
|
||
font-weight: bold;
|
||
color: #333333;
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
.eyeimg {
|
||
margin-left: 18rpx;
|
||
width: 38rpx;
|
||
height: 25rpx;
|
||
}
|
||
}
|
||
|
||
.title_right {
|
||
font-size: 24rpx;
|
||
font-family: Source Han Sans CN;
|
||
font-weight: 400;
|
||
color: #2e1aca;
|
||
}
|
||
}
|
||
|
||
.balance_total {
|
||
font-size: 24rpx;
|
||
font-family: Source Han Sans CN;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
margin-top: 10rpx;
|
||
}
|
||
|
||
.balance_total2 {
|
||
font-size: 48rpx;
|
||
font-family: Source Han Sans CN;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
margin-top: 5rpx;
|
||
margin-bottom: 50rpx;
|
||
}
|
||
|
||
.balance_line {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
font-size: 24rpx;
|
||
font-family: Source Han Sans CN;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
margin-top: 5rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style>
|