1

jhzh

2024-10-21 153962b949e70fb7a694f7d14ec630d6bdafa1aa

 src/page/assetsCenter/index.vue

@@ -1,5 +1,9 @@
<template>
  <div class="assets-box">
     <div class="typebox" style="display: flex;">
        <div :class="typeindex==index?'typebox_box':'typebox_boxa'" @click="typeclick(index)"
           v-for="(item,index) in typelist" :key="index">{{item}}</div>
     </div>
    <header>
      <van-row class="title-box">
        <van-col span="12">
@@ -13,7 +17,7 @@
         <div class="pt">{{ $t("总资产估值") }}</div>
         <div class="flex ex-bg justify-center my-42 items-center w-100" @click="onSwitch">
         <!-- <div class="flex ex-bg justify-center my-42 items-center w-100" > -->
           <img src="@/assets/image/exchange/icon_3.png" alt="" class="w-25 h-25"  />
           <!-- <img src="@/assets/image/exchange/icon_3.png" alt="" class="w-25 h-25"  /> -->
         </div>
      </div>
        <!-- <div class="pt">{{ assetsFunds.total }}</div> -->
@@ -30,16 +34,26 @@
          }}{{fomtdata.totalMoney}}
      </div>
      </van-row>
      <van-row gutter="20" class="but-box">
      <van-row gutter="20" class="but-box" v-if="typeindex == 0">
        <van-col
          span="8"
          v-for="item in tabList1"
          v-for="item in tabList2"
          :key="item.id"
          @click="routerList(item)"
        >
          <div class="but">{{ item.text }}</div>
          <div class="but" >{{ item.text }}</div>
        </van-col>
      </van-row>
     <van-row gutter="20" class="but-box" v-if="typeindex == 1">
       <van-col
         span="8"
         v-for="item in tabList1"
         :key="item.id"
         @click="routerList(item)"
       >
         <div class="but" >{{ item.text }}</div>
       </van-col>
     </van-row>
    </header>
    <div class="tabs" v-if="typeindex==0">
      <div class="tabs-box">
@@ -210,8 +224,40 @@
    return {
      keywords: "",
      loading: true,
     typelist: [ this.$t("交易")+this.$t("账户"),this.$t("资金")+this.$t("账户")],
      active: 1,
     typeindex:0,
     tabList2: [
       {
         id: 4,
         text: this.$t("闪兑"),
         route: "/exchange/exchangePage",
       },
       {
         id: 5,
         text: this.$t("货币理财"),
         route: "/financialHistory",
         query: {
           type: 0,
         },
       },
       {
         id: 6,
         text: this.$t("矿池理财"),
         route: "/financialHistory",
         query: {
           type: 1,
         },
       },
           {
             id: 7,
             text: this.$t("划转"),
             route: "/transfer",
             // query: {
             //   type: 1,
             // },
           },
     ],
      tabList1: [
        {
          id: 1,
@@ -223,36 +269,7 @@
          id: 2,
          text: this.$t("提币"),
          route: "/withdraw/withdrawPage",
        },
        {
          id: 4,
          text: this.$t("闪兑"),
          route: "/exchange/exchangePage",
        },
        {
          id: 5,
          text: this.$t("货币理财"),
          route: "/financialHistory",
          query: {
            type: 0,
          },
        },
        {
          id: 6,
          text: this.$t("矿池理财"),
          route: "/financialHistory",
          query: {
            type: 1,
          },
        },
      {
        id: 6,
        text: this.$t("划转"),
        route: "/transfer",
        query: {
          type: 1,
        },
      },
        }
      ],
      tabList: [
        { id: 1, text: this.$t("现货") },
@@ -334,6 +351,16 @@
  },
  methods: {
    ...mapActions("user", ["GET_UERS_KYC"]),
   typeclick(e) {
      this.typeindex = e
      // if (e == 0) {
      //    this.initParama(this.symbol)
      // } else {
      //    // this.symbol = 'wld'
      //    this.initParam(this.symbol)
      // }
      // this.$forceUpdate()
   },
    onInput(e) {
      console.log(333, this.fundsDatra);
      this.funds = this.fundsDatra.filter((item) =>
@@ -449,6 +476,42 @@
</script>

<style lang="scss" scoped>
   .typebox_box {
      width: 50%;
      background-color: #9691fa;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
   }
	
   .typebox_boxa {
      width: 50%;
      background-color: #fff;
      color: #9691fa;
      display: flex;
      justify-content: center;
      align-items: center;
   }
	
   .no_touch {
      -webkit-user-select: none;
      user-select: none;
      -ms-user-select: none;
      -moz-user-select: none;
	
      @include themify() {
         background: themed("main_background");
      }
	
      min-height: 100vh;
   }
	
   .typebox {
      width: 100%;
      height: 100px;
	
   }
.assets-box {
  header {
    // padding: 100px 0 0px;