{"ast":null,"code":"//\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 AsSets from \"@/components/assetsCenter/assets\";\nimport OverView from \"@/components/assetsCenter/overview\";\nimport Contract from \"@/components/assetsCenter/contract\";\nimport Financial from \"@/components/assetsCenter/financial\";\nimport Axios from \"@/API/assets\";\nexport default {\n name: \"assets-index\",\n components: {\n AsSets,\n OverView,\n Contract,\n Financial\n },\n data() {\n return {\n type: \"left\",\n //left 从左往右 right 从有王座\n list: [],\n timer: null,\n tab: 0,\n index: 0,\n // 每个组件的二级tab\n funds: {},\n typeList: [{\n type: this.$t(\"总览\")\n }, {\n type: this.$t(\"现货账户\")\n }, {\n type: this.$t(\"合约\")\n }, {\n type: this.$t(\"理财\")\n }]\n };\n },\n methods: {\n onTabs(val) {\n if (this.tab < val) {\n this.type = \"right\";\n } else {\n this.type = \"left\";\n }\n console.log(val);\n this.tab = val;\n },\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 },\n created() {\n this.getAssets();\n this.timer = setInterval(() => {\n this.getAssets();\n }, 5000);\n if (Object.hasOwnProperty.call(this.$route.query, \"tab\")) {\n this.tab = this.$route.query.tab / 1;\n this.index = this.$route.query.index ? this.$route.query.index * 1 : 0;\n }\n },\n activated() {\n clearInterval(this.timer);\n this.timer = setInterval(() => {\n this.getAssets();\n }, 5000);\n this.index = 0;\n },\n deactivated() {\n clearInterval(this.timer);\n this.timer = null;\n },\n beforeDestroy() {\n clearInterval(this.timer);\n this.timer = null;\n }\n};","map":{"version":3,"names":["AsSets","OverView","Contract","Financial","Axios","name","components","data","type","list","timer","tab","index","funds","typeList","$t","methods","onTabs","val","console","log","getAssets","GetAllAssets","then","res","code","created","setInterval","Object","hasOwnProperty","call","$route","query","activated","clearInterval","deactivated","beforeDestroy"],"sources":["src/page/assetsCenter/index.vue"],"sourcesContent":["<template>\n <div class=\"pb-120 assetsCenter\">\n <div class=\"flex justify-between px-52 pt-31 box-border\">\n <div\n class=\"flex-1 items-center text-center textColor1\"\n v-for=\"(item, index) in typeList\"\n :key=\"'type' + index\"\n @click=\"onTabs(index)\"\n >\n <div class=\"font-32 text-center lh-53\">{{ item.type }}</div>\n </div>\n </div>\n <div class=\"flex mx-52 mt-17\">\n <span\n class=\"flex-1 border-b-color\"\n :class=\"{ active_color: tab === 0 }\"\n ></span>\n <span\n class=\"flex-1 border-b-color\"\n :class=\"{ active_color: tab === 1 }\"\n ></span>\n <span\n class=\"flex-1 border-b-color\"\n :class=\"{ active_color: tab === 2 }\"\n ></span>\n <span\n class=\"flex-1 border-b-color\"\n :class=\"{ active_color: tab === 3 }\"\n ></span>\n </div>\n <over-view v-if=\"tab === 0\" :funds=\"funds\" :key=\"tab\"></over-view>\n <as-sets v-if=\"tab === 1\" :funds=\"funds\" :key=\"tab\"></as-sets>\n <contract\n v-if=\"tab === 2\"\n :funds=\"funds\"\n :index=\"index\"\n :key=\"tab\"\n ></contract>\n <financial\n v-if=\"tab === 3\"\n :funds=\"funds\"\n :index=\"index\"\n :key=\"tab\"\n ></financial>\n </div>\n</template>\n\n<script>\nimport AsSets from \"@/components/assetsCenter/assets\";\nimport OverView from \"@/components/assetsCenter/overview\";\nimport Contract from \"@/components/assetsCenter/contract\";\nimport Financial from \"@/components/assetsCenter/financial\";\nimport Axios from \"@/API/assets\";\nexport default {\n name: \"assets-index\",\n components: {\n AsSets,\n OverView,\n Contract,\n Financial,\n },\n data() {\n return {\n type: \"left\", //left 从左往右 right 从有王座\n list: [],\n timer: null,\n tab: 0,\n index: 0, // 每个组件的二级tab\n funds: {},\n typeList: [\n {\n type: this.$t(\"总览\"),\n },\n {\n type: this.$t(\"现货账户\"),\n },\n {\n type: this.$t(\"合约\"),\n },\n {\n type: this.$t(\"理财\"),\n },\n ],\n };\n },\n methods: {\n onTabs(val) {\n if (this.tab < val) {\n this.type = \"right\";\n } else {\n this.type = \"left\";\n }\n console.log(val);\n this.tab = val;\n },\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 },\n created() {\n this.getAssets();\n this.timer = setInterval(() => {\n this.getAssets();\n }, 5000);\n if (Object.hasOwnProperty.call(this.$route.query, \"tab\")) {\n this.tab = this.$route.query.tab / 1;\n this.index = this.$route.query.index ? this.$route.query.index * 1 : 0;\n }\n },\n activated() {\n clearInterval(this.timer);\n this.timer = setInterval(() => {\n this.getAssets();\n }, 5000);\n this.index = 0;\n },\n deactivated() {\n clearInterval(this.timer);\n this.timer = null;\n },\n beforeDestroy() {\n clearInterval(this.timer);\n this.timer = null;\n },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.assetsCenter {\n width: 100%;\n box-sizing: border-box;\n}\n.active_color {\n @include themify() {\n border-bottom: 5px solid themed(\"color_main\") !important;\n }\n border-radius: 2.208px;\n}\n.left-enter-active,\n.left-leave-active,\n.right-enter-active,\n.right-leave-active {\n will-change: transform;\n transition: all 500ms;\n}\n.left-leave-active,\n.right-leave-active {\n display: none;\n}\n.left-enter {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n}\n.left-leave {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n}\n.right-enter {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n}\n.right-leave {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,OAAAA,MAAA;AACA,OAAAC,QAAA;AACA,OAAAC,QAAA;AACA,OAAAC,SAAA;AACA,OAAAC,KAAA;AACA;EACAC,IAAA;EACAC,UAAA;IACAN,MAAA;IACAC,QAAA;IACAC,QAAA;IACAC;EACA;EACAI,KAAA;IACA;MACAC,IAAA;MAAA;MACAC,IAAA;MACAC,KAAA;MACAC,GAAA;MACAC,KAAA;MAAA;MACAC,KAAA;MACAC,QAAA,GACA;QACAN,IAAA,OAAAO,EAAA;MACA,GACA;QACAP,IAAA,OAAAO,EAAA;MACA,GACA;QACAP,IAAA,OAAAO,EAAA;MACA,GACA;QACAP,IAAA,OAAAO,EAAA;MACA;IAEA;EACA;EACAC,OAAA;IACAC,OAAAC,GAAA;MACA,SAAAP,GAAA,GAAAO,GAAA;QACA,KAAAV,IAAA;MACA;QACA,KAAAA,IAAA;MACA;MACAW,OAAA,CAAAC,GAAA,CAAAF,GAAA;MACA,KAAAP,GAAA,GAAAO,GAAA;IACA;IACAG,UAAA;MACAjB,KAAA,CAAAkB,YAAA,GAAAC,IAAA,CAAAC,GAAA;QACA;UAAAC,IAAA;UAAAlB;QAAA,IAAAiB,GAAA;QACA,IAAAC,IAAA;UACA;UACA,KAAAZ,KAAA,GAAAN,IAAA;QACA;MACA;IACA;EACA;EACAmB,QAAA;IACA,KAAAL,SAAA;IACA,KAAAX,KAAA,GAAAiB,WAAA;MACA,KAAAN,SAAA;IACA;IACA,IAAAO,MAAA,CAAAC,cAAA,CAAAC,IAAA,MAAAC,MAAA,CAAAC,KAAA;MACA,KAAArB,GAAA,QAAAoB,MAAA,CAAAC,KAAA,CAAArB,GAAA;MACA,KAAAC,KAAA,QAAAmB,MAAA,CAAAC,KAAA,CAAApB,KAAA,QAAAmB,MAAA,CAAAC,KAAA,CAAApB,KAAA;IACA;EACA;EACAqB,UAAA;IACAC,aAAA,MAAAxB,KAAA;IACA,KAAAA,KAAA,GAAAiB,WAAA;MACA,KAAAN,SAAA;IACA;IACA,KAAAT,KAAA;EACA;EACAuB,YAAA;IACAD,aAAA,MAAAxB,KAAA;IACA,KAAAA,KAAA;EACA;EACA0B,cAAA;IACAF,aAAA,MAAAxB,KAAA;IACA,KAAAA,KAAA;EACA;AACA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
