{"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\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    };\n  },\n  methods: {\n    getAssets() {\n      Axios.GetAllAssets().then(res => {\n        const {\n          code,\n          data\n        } = res;\n        if (code) {\n          //console.log('总资产数据',data)\n          this.funds = data;\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":["data","active","tabList","id","text","$t","methods","getAssets","Axios","GetAllAssets","then","res","code","funds","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=\"active = item.id\"\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  </div>\n</template>\n\n<script>\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    };\n  },\n  methods: {\n    getAssets() {\n      Axios.GetAllAssets().then((res) => {\n        const { code, data } = res;\n        if (code) {\n          //console.log('总资产数据',data)\n          this.funds = data;\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA;EACAA,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;IAEA;EACA;EACAC,OAAA;IACAC,UAAA;MACAC,KAAA,CAAAC,YAAA,GAAAC,IAAA,CAAAC,GAAA;QACA;UAAAC,IAAA;UAAAZ;QAAA,IAAAW,GAAA;QACA,IAAAC,IAAA;UACA;UACA,KAAAC,KAAA,GAAAb,IAAA;QACA;MACA;IACA;IACAc,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":[]}