zzzz
2024-03-26 c790779e2c578d892e184932c660023eb4d466aa
src/page/user/Warehouse.vue
@@ -20,10 +20,12 @@
        </div>
      </template>
      <template v-else>
        <itemCard :activeObj="activeObj" />
        <itemCard :activeObj="activeObj" :itemClick="itemClick" />
      </template>
      <div v-show="active !== '1'">
        <dataList ref="dataListref" :activeObj="activeObj" />
      </div>
    </div>
    <dataList />
  </div>
</template>
@@ -31,6 +33,7 @@
import card from "./Warehouse/card.vue";
import itemCard from "./Warehouse/item.card.vue";
import dataList from "./Warehouse/data.list.vue";
import { getMoney } from "../../axios/api";
export default {
  components: { card, itemCard, dataList },
@@ -41,31 +44,72 @@
      activeObj: {},
      tabsArr: [
        {
          title: "总资产",
          title: this.$t("hometips"),
          name: "1",
          bgc: "rgb(8, 82, 196)",
          laber: "USD",
          laber: "ALL",
          symbolCode: "USD",
          symbol: "$",
        },
        {
          title: this.$t("mggs"),
          name: "2",
          bgc: "rgb(12, 175, 226)",
          laber: "USD",
          laber: "US",
          symbolCode: "USD",
          symbol: "$",
        },
        {
          title: this.$t("ydgs"),
          name: "3",
          bgc: "rgb(255, 91, 150)",
          laber: "THB",
          laber: "IN",
          symbolCode: "USD",
          symbol: "$",
        },
        {
          title: this.$t("马来西亚"),
          name: "4",
          bgc: "rgb(163, 91, 255)",
          laber: "MAS",
          symbolCode: "MYR",
          symbol: "RM",
        },
      ],
      getMoneyList: [],
    };
  },
  created() {
    this.getMoneys();
  },
  methods: {
    itemClick() {
      this.$refs.dataListref.getList(this.activeObj.laber);
    },
    async getMoneys() {
      const res = await getMoney();
      if (res.status === 0) {
        let arr = [];
        this.tabsArr.map((item) => {
          res.data.map((items) => {
            if (items.accectType === item.laber) {
              item = { ...item, ...items, laber: items.accectType };
              arr.push(item);
            }
          });
        });
        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);
    },
  },