{"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 Axios from \"@/API/assets\";\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 Axios._getAllWallet().then(res => {\n const {\n code,\n data\n } = res;\n if (code) {\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":["Axios","data","active","tabList","id","text","$t","funds","created","getAssets","methods","activeCheng","item","_getAllWallet","then","res","code","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=\"item.id\"></div>\n </main>\n </div>\n</template>\n\n<script>\nimport Axios from \"@/API/assets\";\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 Axios._getAllWallet().then((res) => {\n const { code, data } = res;\n if (code) {\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,OAAAA,KAAA;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,KAAA,CAAAa,aAAA,GAAAC,IAAA,CAAAC,GAAA;QACA;UAAAC,IAAA;UAAAf;QAAA,IAAAc,GAAA;QACA,IAAAC,IAAA;UACA,KAAAT,KAAA,GAAAN,IAAA;QACA;MACA;IACA;IACAgB,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":[]}
|
