jhzh
2024-08-28 4c8a466f75bf9eca29e9b5c9ad15db5757e5035d
src/page/user/Warehouse.vue
@@ -1,7 +1,7 @@
<template>
  <div class="ware">
    <div style="padding: 0 0.4rem 0.4rem">
      <div class="tabs-box" onscroll="handleScroll">
      <!-- <div class="tabs-box" onscroll="handleScroll">
        <div
          v-for="(item, index) in tabsArr"
          :key="index"
@@ -12,19 +12,26 @@
        >
          {{ item.title }}
        </div>
      </div>
      </div> -->
      <template v-if="active === '1'">
        <div v-for="(item, index) in tabsArr" :key="index">
        <div v-for="(item, index) in tabsArr" @click="onClick(item)" :key="index">
          <card :item="item" />
        </div>
      </template>
      <template v-else>
        <itemCard
        <div v-for="(item, index) in tabsArr" @click="onClick(item)" :key="index">
          <itemCard
            @closingPosition="closingPosition"
            :activeObj="item"
            :itemClick="itemClick"
          />
        </div>
        <!-- <itemCard
          @closingPosition="closingPosition"
          :activeObj="activeObj"
          :itemClick="itemClick"
        />
        /> -->
      </template>
      <div v-show="active !== '1'">
        <dataList
@@ -86,6 +93,15 @@
        //   symbolCode: "HKD",
        //   symbol: "HK$",
        // },
        {
          title: this.$t("美股"),
          assname: this.$t("美股总资产"),
          name: "3",
            bgc: "rgb(255 91 230)",
          laber: "US",
          symbolCode: "USD",
          symbol: "$",
        },
      ],
      getMoneyList: [],
    };
@@ -123,21 +139,17 @@
        });
        let obj = arr.filter((item) => item.name == this.active)[0];
        this.activeObj = obj;
        console.log(obj, "0000000", this.tabsArr);
        this.tabsArr = arr;
        this.$forceUpdate(); // 强制Vue重新渲染
      }
    },
    onClick(e) {
      console.log(e, "====");
      this.active = e.name;
      this.activeObj = e;
      this.getMoneys();
      if (e.name !== "1") {
        this.$refs.dataListref.getList(e.laber);
      }
      // console.log(e);
    },
  },
};