dcc
2024-06-07 d5381ec06ab5f549fade867c3a874de613bdd5d4
src/page/assetsCenter/index.vue
@@ -2,18 +2,12 @@
  <div class="assets-box">
    <header>
      <van-row class="title-box">
        <van-col span="12"
          ><span class="title">{{ $t("总资产") }}</span></van-col
        >
        <van-col
          span="12"
          class="right"
          @click="goRouter('/exchange/exchangeHistory')"
        >
          <img
            :src="require('@/assets/image/assets-center/Subtract.png')"
            class="w-44 h-38"
          />
        <van-col span="12">
          <span class="title">{{ $t("总资产") }}</span>
        </van-col>
        <van-col span="12" class="right">
          <div class="w-33" style="height: 20px">{{ " " }}</div>
          <!-- <img :src="require('@/assets/3x/names8.png')" class="w-33" /> -->
        </van-col>
        <div class="pt">{{ $t("总资产估值") }}</div>
        <div class="pt">{{ assetsFunds.total }}</div>
@@ -26,7 +20,6 @@
          }}
        </div>
      </van-row>
      <van-row gutter="20" class="but-box">
        <van-col
          span="8"
@@ -49,7 +42,6 @@
          {{ item.text }}
        </div>
      </div>
      <div class="tabs-content">
        <div>{{ allName }} {{ $t("总资产") }}</div>
        <div class="tabs-name">
@@ -57,13 +49,28 @@
        </div>
      </div>
    </div>
    <main>
      <template v-if="loading">
        <van-loading />
      </template>
      <template v-if="active === 1">
        <div class="px-32 py-13 flex">
          <div class="inputBoxbg h-60 w-full rounded-full flex items-center">
            <input
              style="padding-left: 10px"
              type="text"
              v-model="keywords"
              :placeholder="$t('搜索币种')"
              class="h-full flex-1 search-input border-none bg-none"
              @input="onInput"
            />
            <img
              src="@/assets/3x/资源 22@3x.png"
              alt="logo"
              class="w-32 h-32 mx-16"
            />
          </div>
        </div>
        <div class="item-box" v-for="(item, index) in funds" :key="index">
          <div class="title-main">{{ item.symbol.toUpperCase() }}/USDT</div>
          <van-row>
@@ -123,18 +130,15 @@
<script>
import { _getAllWallet } from "@/API/fund.api";
import Axios from "@/API/assets";
import { mapGetters } from "vuex";
import { mapActions, mapGetters } from "vuex";
import { _futrueOrderList, _orderListHold } from "@/API/trade.api";
import PerpetualPositionList from "@/components/perpetual-position-list/index.vue";
import futrueHoldList from "@/page/deliveryContract/hold.vue";
import financialList from "@/components/assetsCenter/financialList";
import {
  getfinacialProductsBought,
  getMachineBought,
} from "@/API/financialManagement";
export default {
  components: {
    PerpetualPositionList,
@@ -143,24 +147,26 @@
  },
  data() {
    return {
      keywords: "",
      loading: true,
      active: 1,
      tabList1: [
        {
          id: 1,
          text: this.$t("充币"),
          route: "/recharge/rechargePage?symbol=usdt",
          // route: "/recharge/rechargePage?symbol=usdt",
          route: "/recharge/rechargeList",
        },
        {
          id: 2,
          text: this.$t("提币"),
          route: "/withdraw/withdrawPage",
        },
        {
          id: 4,
          text: this.$t("闪兑"),
          route: "/exchange/exchangePage",
        },
        // {
        //   id: 4,
        //   text: this.$t("闪兑"),
        //   route: "/exchange/exchangePage",
        // },
        {
          id: 5,
          text: this.$t("货币理财"),
@@ -185,6 +191,7 @@
        { id: 5, text: this.$t("理财") },
      ],
      funds: [],
      fundsDatra: [],
      tabListData: {},
      assetsFunds: {},
    };
@@ -192,6 +199,9 @@
  created() {
    this.getAssetsFunds();
    this.getAssets();
  },
  mounted() {
    this.GET_UERS_KYC();
  },
  computed: {
    ...mapGetters("home", ["currency", "theme"]),
@@ -251,6 +261,17 @@
    },
  },
  methods: {
    ...mapActions("user", ["GET_UERS_KYC"]),
    onInput(e) {
      console.log(333, this.fundsDatra);
      this.funds = this.fundsDatra.filter((item) =>
        item.symbol.includes(e.target.value.toLocaleLowerCase())
      );
      // this.fundsDatra[index]["data"] = this.tabList[index]["data"].filter(
      //   (item) => item.symbol.includes(e.target.value.toLocaleLowerCase())
      // );
    },
    routerList(item) {
      this.$router.push({ path: item.route, query: item.query });
    },
@@ -330,6 +351,7 @@
        let list = res.extends;
        if (this.active === 1) {
          this.funds = list;
          this.fundsDatra = list;
        }
      });
    },
@@ -423,4 +445,8 @@
  text-align: center;
  margin: 30px 0;
}
.items-center {
  background: #f5f5f5;
}
</style>