{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport { _getAllWallet } from \"@/API/fund.api\";\nexport default {\n  data() {\n    return {\n      active: 1,\n      tabList: [{\n        id: 1,\n        text: this.$t(\"Spot\")\n      }, {\n        id: 2,\n        text: this.$t(\"Contract Delivery\")\n      }, {\n        id: 4,\n        text: this.$t(\"Contract Account\")\n      }, {\n        id: 5,\n        text: this.$t(\"Financial\")\n      }],\n      funds: []\n    };\n  },\n  created() {\n    this.getAssets();\n  },\n  methods: {\n    // 切换\n    activeCheng(item) {\n      this.active = item.id;\n    },\n    getAssets() {\n      _getAllWallet().then(res => {\n        console.log(res);\n        if (res.code === \"0\") {\n          let list = res.data.data.extends;\n          this.funds = list;\n          console.log(list);\n        }\n      });\n    },\n    goRouter(parmas) {\n      if (parmas === \"/exchange/exchangeHistory\") {\n        this.$router.push({\n          path: parmas,\n          query: {\n            type: 1\n          }\n        });\n      } else {\n        this.$router.push(parmas);\n      }\n    }\n  }\n};","map":{"version":3,"names":["_getAllWallet","data","active","tabList","id","text","$t","funds","created","getAssets","methods","activeCheng","item","then","res","console","log","code","list","extends","goRouter","parmas","$router","push","path","query","type"],"sources":["src/page/assetsCenter/index.vue"],"sourcesContent":["<template>\n  <div class=\"assets-box\">\n    <header>\n      <van-row class=\"title-box\">\n        <van-col span=\"12\"><span class=\"title\">Total Assets</span></van-col>\n        <van-col\n          span=\"12\"\n          class=\"right\"\n          @click=\"goRouter('/exchange/exchangeHistory')\"\n        >\n          <img\n            :src=\"require('@/assets/image/assets-center/Subtract.png')\"\n            class=\"w-44 h-38\"\n          />\n        </van-col>\n        <div class=\"pt\">Total Assets Valuation</div>\n        <div class=\"pt\">0</div>\n        <div class=\"pt\">≈ 0.00USD</div>\n      </van-row>\n\n      <van-row gutter=\"20\" class=\"but-box\">\n        <van-col span=\"8\"><div class=\"but\">Deposit</div></van-col>\n        <van-col span=\"8\"><div class=\"but\">withdraw</div></van-col>\n        <van-col span=\"8\"><div class=\"but\">Exchange</div></van-col>\n        <van-col span=\"8\"><div class=\"but\">Management</div></van-col>\n        <van-col span=\"8\"><div class=\"but\">Mining Pool</div></van-col>\n      </van-row>\n    </header>\n    <div class=\"tabs\">\n      <div class=\"tabs-box\">\n        <div\n          v-for=\"item in tabList\"\n          :key=\"item.id\"\n          :class=\"`${active === item.id ? 'active-tabls' : ''}`\"\n          @click=\"activeCheng(item)\"\n        >\n          {{ item.text }}\n        </div>\n      </div>\n\n      <div class=\"tabs-content\">\n        <div>Spot Total Assets</div>\n        <div class=\"tabs-name\">0 USDT ≈ 0.00 $</div>\n      </div>\n    </div>\n\n    <main>\n      <div v-for=\"(item, index) in funds\" :key=\"index\">{{ item.name }}</div>\n    </main>\n  </div>\n</template>\n\n<script>\nimport { _getAllWallet } from \"@/API/fund.api\";\n\nexport default {\n  data() {\n    return {\n      active: 1,\n      tabList: [\n        { id: 1, text: this.$t(\"Spot\") },\n        { id: 2, text: this.$t(\"Contract Delivery\") },\n        { id: 4, text: this.$t(\"Contract Account\") },\n        { id: 5, text: this.$t(\"Financial\") },\n      ],\n      funds: [],\n    };\n  },\n  created() {\n    this.getAssets();\n  },\n  methods: {\n    // 切换\n    activeCheng(item) {\n      this.active = item.id;\n    },\n    getAssets() {\n      _getAllWallet().then((res) => {\n        console.log(res);\n        if (res.code === \"0\") {\n          let list = res.data.data.extends;\n          this.funds = list;\n          console.log(list);\n        }\n      });\n    },\n    goRouter(parmas) {\n      if (parmas === \"/exchange/exchangeHistory\") {\n        this.$router.push({ path: parmas, query: { type: 1 } });\n      } else {\n        this.$router.push(parmas);\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.assets-box {\n  header {\n    padding: 100px 0 0px;\n    color: #817cf6;\n    .title-box {\n      padding: 0 70px;\n    }\n    .but-box {\n      padding: 30px;\n    }\n    .title {\n      font-weight: bold;\n    }\n    .pt {\n      margin-top: 15px;\n    }\n    .but {\n      box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);\n      line-height: 80px;\n      text-align: center;\n      margin-bottom: 30px;\n    }\n  }\n\n  .tabs {\n    margin: 0 15px;\n    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);\n    padding: 30px 30px;\n    .tabs-content {\n      margin-top: 40px;\n      color: #363636;\n      .tabs-name {\n        margin-left: 10px;\n        color: #dedbe2;\n      }\n    }\n  }\n  .tabs-box {\n    display: flex;\n    color: #dedbe2;\n    font-weight: 400;\n    flex: 1;\n    justify-content: space-between;\n\n    .active-tabls {\n      color: #807cf7;\n      font-weight: 900;\n    }\n  }\n}\n.right {\n  text-align: right;\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,SAAAA,aAAA;AAEA;EACAC,KAAA;IACA;MACAC,MAAA;MACAC,OAAA,GACA;QAAAC,EAAA;QAAAC,IAAA,OAAAC,EAAA;MAAA,GACA;QAAAF,EAAA;QAAAC,IAAA,OAAAC,EAAA;MAAA,GACA;QAAAF,EAAA;QAAAC,IAAA,OAAAC,EAAA;MAAA,GACA;QAAAF,EAAA;QAAAC,IAAA,OAAAC,EAAA;MAAA,EACA;MACAC,KAAA;IACA;EACA;EACAC,QAAA;IACA,KAAAC,SAAA;EACA;EACAC,OAAA;IACA;IACAC,YAAAC,IAAA;MACA,KAAAV,MAAA,GAAAU,IAAA,CAAAR,EAAA;IACA;IACAK,UAAA;MACAT,aAAA,GAAAa,IAAA,CAAAC,GAAA;QACAC,OAAA,CAAAC,GAAA,CAAAF,GAAA;QACA,IAAAA,GAAA,CAAAG,IAAA;UACA,IAAAC,IAAA,GAAAJ,GAAA,CAAAb,IAAA,CAAAA,IAAA,CAAAkB,OAAA;UACA,KAAAZ,KAAA,GAAAW,IAAA;UACAH,OAAA,CAAAC,GAAA,CAAAE,IAAA;QACA;MACA;IACA;IACAE,SAAAC,MAAA;MACA,IAAAA,MAAA;QACA,KAAAC,OAAA,CAAAC,IAAA;UAAAC,IAAA,EAAAH,MAAA;UAAAI,KAAA;YAAAC,IAAA;UAAA;QAAA;MACA;QACA,KAAAJ,OAAA,CAAAC,IAAA,CAAAF,MAAA;MACA;IACA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}