| New file |
| | |
| | | <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> |