5.10航天ui交易所pc端,代码jiem-pc
lxf
2025-06-13 066ec67b7080f07a0e47dda9864ee6be2e4b9053
src/views/wealth/asset.vue
New file
@@ -0,0 +1,265 @@
<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>