<template>
|
<div class="wallet">
|
<page-head :title="$t('我的钱包')"> </page-head>
|
<div class="fgx"></div>
|
<div class="wallet_item" v-for="i in moneyData" :key="i.id">
|
<div class="wallet_item_title flex-start">
|
<img src="@/assets/img/qz_z.png" v-if="i.accectType == 'TW'" />
|
<img src="@/assets/img/qz_x.png" v-else-if="i.accectType == 'HK'" />
|
<img src="@/assets/img/qz_y.png" v-else-if="i.accectType == 'IN'" />
|
<img src="@/assets/img/qz_m.png" v-else-if="i.accectType == 'US'" />
|
<span>{{ i.accectType }} {{ $t("Account") }}</span>
|
</div>
|
|
<div class="wallet_item_content flex-between">
|
<div>
|
<div class="wic_title">{{ $t("hometips") }}</div>
|
<div class="wic_money">{{ i.symbol }} {{ i.totalMoney }}</div>
|
</div>
|
<div>
|
<div class="wic_title" style="text-align: end;">{{ $t("hj48") }}</div>
|
<div class="wic_money" style="text-align: end;">
|
{{ i.symbol }} {{ i.availableBalance }}
|
</div>
|
</div>
|
</div>
|
|
<div class="wallet_item_content flex-between" style="padding-top: 0;">
|
<div>
|
<div class="wic_title">{{ $t("冻结资金") }}</div>
|
<div class="wic_money">{{ i.symbol }} {{ i.freezeMoney }}</div>
|
</div>
|
<div>
|
<div class="wic_title" style="text-align: end;">{{ $t("待补资金") }}</div>
|
<div class="wic_money" style="text-align: end;">
|
{{ i.symbol }} {{ i.amountToBeCovered }}
|
</div>
|
</div>
|
</div>
|
|
<div class="wallet_item_but flex-between">
|
<div class="flex-center" @click="czts()">
|
<span>{{ $t("hj172") }}</span>
|
</div>
|
<div class="flex-center" @click="toPage('/RechargeSure')">
|
<span>{{ $t("subdka") }}</span>
|
</div>
|
<div class="flex-center" @click="toPage('/transferNew')">
|
<span>{{ $t("划转") }}</span>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { Toast } from "vant";
|
import PageHead from "@/components/pageHead.vue";
|
import * as api from "@/axios/api";
|
export default {
|
components: {
|
PageHead
|
},
|
data() {
|
return {
|
moneyData: []
|
};
|
},
|
created() {
|
this.getMoney();
|
},
|
methods: {
|
// 获取账户金额
|
async getMoney() {
|
let data = await api.getMoney();
|
if (data.status === 0) {
|
this.moneyData = data.data;
|
}
|
},
|
// 充值提示
|
czts() {
|
Toast(this.$t("充值提示"));
|
},
|
// 跳转
|
toPage(url) {
|
if (!url) return;
|
this.$router.push(url);
|
}
|
}
|
};
|
</script>
|
|
<style lang="less" scoped>
|
.wallet {
|
width: 100%;
|
min-height: 100vh;
|
background: #fff;
|
font-size: 10vw;
|
padding: 0 0 1.4rem;
|
color: #1c202b;
|
font-weight: 400;
|
.fgx {
|
width: 100%;
|
height: 0.16em;
|
background: #f8f9fd;
|
}
|
|
.wallet_item {
|
width: 9.5em;
|
padding: 0.35em 0.4em;
|
border-bottom: #f2f7f7 solid 1px;
|
margin: 0 0.25em;
|
.wallet_item_but {
|
font-weight: 600;
|
margin-top: 0.275;
|
gap: 0.5em;
|
& > div {
|
border: 0.01em solid #edf0f7;
|
border-radius: 0.5em;
|
height: 1em;
|
flex: 1;
|
width: 0;
|
span {
|
font-size: 0.35em;
|
font-weight: 600;
|
}
|
}
|
}
|
.wallet_item_title {
|
opacity: 0.7;
|
img {
|
width: 0.65em;
|
height: 0.65em;
|
border-radius: 50%;
|
margin-right: 0.15em
|
}
|
span {
|
font-size: 0.45em;
|
}
|
}
|
.wallet_item_content {
|
padding: 0.425em 0;
|
.wic_title {
|
font-size: 0.35em;
|
margin-bottom: 0.5em;
|
font-weight: 600;
|
}
|
.wic_money {
|
font-size: 0.4em;
|
font-weight: 600;
|
color: rgb(164, 170, 199);
|
}
|
}
|
}
|
}
|
</style>
|
