<template>
|
<div class="asset">
|
<div class="asset_content">
|
<div data-v-0036adc0="" class="asset_card">
|
<div data-v-0036adc0="" class="left">
|
<div data-v-0036adc0="" class="left_item">
|
<div data-v-0036adc0="" class="">
|
{{ $t("message.user.zongzicanguzhi") }}：
|
</div>
|
<div data-v-0036adc0="" class="">
|
<span data-v-0036adc0="" class="left_item_totalNum">{{
|
assetsData.total
|
}}</span
|
><span data-v-0036adc0="" class="">USDT</span>
|
</div>
|
</div>
|
<!-- <div data-v-0036adc0="" class="left_item">
|
<div data-v-0036adc0="" class="">
|
{{ $t("message.user.shuzihuobiZhanghu") }}:
|
</div>
|
<div data-v-0036adc0="" class="">
|
<span data-v-0036adc0="" class="left_item_num">{{
|
assetsData.money_coin
|
}}</span
|
><span data-v-0036adc0="" class="">USDT</span>
|
</div>
|
</div> -->
|
<div data-v-0036adc0="" class="left_item">
|
<div data-v-0036adc0="" class="">
|
{{ $t("message.user.xian14") }}:
|
</div>
|
<div data-v-0036adc0="" class="">
|
<span data-v-0036adc0="" class="left_item_num">{{
|
assetsData.money_wallet
|
}}</span
|
><span data-v-0036adc0="" class="">USDT</span>
|
</div>
|
</div>
|
</div>
|
<div data-v-0036adc0="" class="right">
|
<div
|
data-v-0036adc0=""
|
class="btn btn1"
|
@click="$router.push('/recharge')"
|
>
|
{{ $t("message.user.chongbi") }}
|
</div>
|
<div
|
data-v-0036adc0=""
|
class="btn"
|
@click="$router.push('/exchange')"
|
>
|
{{ $t("message.user.shandui") }}
|
</div>
|
<div
|
data-v-0036adc0=""
|
class="btn"
|
@click="$router.push('/withdraw')"
|
>
|
{{ $t("message.user.tixian") }}
|
</div>
|
<!-- <div data-v-0036adc0="" class="btn" @click="$router.push('/recharge')">資金劃轉</div> -->
|
</div>
|
</div>
|
<div data-v-0036adc0="" class="search">
|
<div data-v-0036adc0="" class="search_left">
|
<el-switch
|
v-model="switch_value"
|
active-color="#f7b328"
|
inactive-color="#686868"
|
@change="onHide"
|
>
|
</el-switch>
|
|
<!-- <span
|
data-v-0036adc0=""
|
style="
|
margin-left: 10px;
|
font-size: 12px;
|
color: rgb(152, 152, 152);
|
"
|
>隱藏小余額</span
|
> -->
|
</div>
|
<div data-v-0036adc0="" class="search_right">
|
<i data-v-0036adc0="" class="el-icon icon"
|
><svg
|
data-v-0036adc0=""
|
xmlns="http://www.w3.org/2000/svg"
|
viewBox="0 0 1024 1024"
|
>
|
<path
|
fill="currentColor"
|
d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"
|
></path></svg></i
|
><input
|
data-v-0036adc0=""
|
type="text"
|
:placeholder="$t('message.hangqing.sousuo')"
|
class="search_right_input"
|
/>
|
</div>
|
</div>
|
<div class="assetList">
|
<div
|
data-v-0036adc0=""
|
class="assetItem"
|
v-for="(item, index) in assetsList"
|
:key="index"
|
>
|
<div data-v-0036adc0="" class="assetItem_h">
|
<img
|
data-v-0036adc0=""
|
:src="handleSymbolImg(item.symbol)"
|
class="assetItem_h_img"
|
/>
|
<div data-v-0036adc0="" class="assetItem_h_label">
|
{{ item.name }}
|
</div>
|
</div>
|
<div data-v-0036adc0="" class="assetItem_b">
|
<div data-v-0036adc0="" class="assetItem_b_flex">
|
<div data-v-0036adc0="" class="">
|
{{ $t("message.user.keyong") }}
|
</div>
|
<div data-v-0036adc0="" class="assetNum">
|
{{ item.volume || 0 }}
|
</div>
|
</div>
|
<div data-v-0036adc0="" class="assetItem_b_flex">
|
<div data-v-0036adc0="" class="">
|
{{ $t("message.jiaoyi.suocang") }}
|
</div>
|
<div data-v-0036adc0="" class="assetNum lock">
|
{{ item.lock_money || 0 }}
|
</div>
|
</div>
|
<div data-v-0036adc0="" class="assetItem_b_flex">
|
<div data-v-0036adc0="" class="">
|
{{ $t("message.user.jiedai") }}
|
</div>
|
<div data-v-0036adc0="" class="assetNum">
|
{{ item.frozenAmount || 0 }}
|
</div>
|
</div>
|
<div data-v-0036adc0="" class="assetItem_b_flex">
|
<div data-v-0036adc0="" class="">
|
{{ $t("message.user.dongjie") }}
|
</div>
|
<div data-v-0036adc0="" class="assetNum">
|
{{ item.freeze_money || 0 }}
|
</div>
|
</div>
|
<!-- <div data-v-0036adc0="" class="assetItem_b_flex">
|
<div data-v-0036adc0="" class="">折合USDT</div>
|
<div data-v-0036adc0="" class="assetNum">56710041.06893</div>
|
</div> -->
|
<div data-v-0036adc0="" class="assetBtn">
|
<button
|
:disabled="item.volume"
|
data-v-0036adc0=""
|
class="assetBtn1"
|
:class="{ rechargeBtn: item.volume }"
|
@click="$router.push('/recharge')"
|
>
|
{{ $t("message.user.chongbi") }}</button
|
><button
|
:disabled="item.volume"
|
data-v-0036adc0=""
|
class="assetBtn1"
|
:class="{ withdrawBtn: item.volume }"
|
@click="$router.push('/withdraw')"
|
>
|
{{ $t("message.user.tixian") }}
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<footer-view></footer-view>
|
</template>
|
<script>
|
import Axios2 from "@/api/wallet.js";
|
import Axios from "@/utils/http";
|
import { handleSymbolImg } from "@/utils";
|
|
export default {
|
name: "asset",
|
data() {
|
return {
|
assetsList: [],
|
assetsData: {},
|
switch_value: false,
|
};
|
},
|
created() {
|
this.getAssetsAll();
|
this.getList();
|
},
|
methods: {
|
handleSymbolImg,
|
onHide() {
|
if (this.switch_value) {
|
this.assetsList = this.assetsList.filter(
|
(item) => item.symbol === "usdt"
|
);
|
} else {
|
this.assetsList = this.assetsList2;
|
}
|
},
|
//总账户资产
|
getAssetsAll() {
|
Axios2.getAllAssets().then((res) => {
|
if (res.code == 0) {
|
this.assetsData = res.data;
|
}
|
});
|
},
|
//理财账户列表数据
|
getList() {
|
Axios.fetch("wap/api/wallet!getAll.action").then((res) => {
|
if (res.code == 0) {
|
this.assetsList = res.data.extends;
|
this.assetsList2 = res.data.extends;
|
}
|
});
|
},
|
},
|
};
|
</script>
|
|
<style scoped>
|
@import url("../../assets/wallet/asset-4aac2d85.css");
|
|
.asset {
|
min-height: 700px;
|
background: #000;
|
padding-bottom: 16px;
|
}
|
.asset .asset_content {
|
max-width: 1232px;
|
min-width: 976px;
|
margin: 0 auto;
|
color: #fff;
|
padding-top: 48px;
|
}
|
/deep/ .el-switch {
|
--el-switch-on-color: #f7b328;
|
}
|
|
.asset .asset_content .assetList {
|
display: flex;
|
justify-content: flex-start;
|
flex-wrap: wrap;
|
}
|
.asset .asset_content .assetList .assetItem {
|
width: 32%;
|
border: 1px solid rgba(255, 255, 255, 0.3);
|
border-radius: 8px;
|
margin-bottom: 32px;
|
margin-right: 16px;
|
}
|
</style>
|
