first

zzzz

2024-04-30 2d824e3fd91927fd02ef0d8b4a7dae35c69fc52e

 src/page/assetsCenter/index.vue

@@ -20,7 +20,6 @@
          }}
        </div>
      </van-row>

      <van-row gutter="20" class="but-box">
        <van-col
          span="8"
@@ -43,7 +42,6 @@
          {{ item.text }}
        </div>
      </div>

      <div class="tabs-content">
        <div>{{ allName }} {{ $t("总资产") }}</div>
        <div class="tabs-name">
@@ -51,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>
@@ -117,18 +130,15 @@
<script>
import { _getAllWallet } from "@/API/fund.api";
import Axios from "@/API/assets";

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,
@@ -137,6 +147,7 @@
  },
  data() {
    return {
      keywords: "",
      loading: true,
      active: 1,
      tabList1: [
@@ -180,6 +191,7 @@
        { id: 5, text: this.$t("理财") },
      ],
      funds: [],
      fundsDatra: [],
      tabListData: {},
      assetsFunds: {},
    };
@@ -250,6 +262,15 @@
  },
  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>