{"ast":null,"code":"//\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 class=\"flex-1 items-center text-center textColor1\" v-for=\"(item, index) in typeList \" :key=\"'type' + index\"\n @click=\"onTabs(index)\">\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 class=\"flex-1 border-b-color \" :class=\"{ active_color: tab === 0 }\"></span>\n <span class=\"flex-1 border-b-color\" :class=\"{ active_color: tab === 1 }\"></span>\n <span class=\"flex-1 border-b-color\" :class=\"{ active_color: tab === 2 }\"></span>\n <span class=\"flex-1 border-b-color\" :class=\"{ active_color: tab === 3 }\"></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 v-if=\"tab === 2\" :funds=\"funds\" :index=\"index\" :key=\"tab\"></contract>\n <financial v-if=\"tab === 3\" :funds=\"funds\" :index=\"index\" :key=\"tab\"></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\n.active_color {\n @include themify() {\n border-bottom: 5px solid themed(\"color_main\") !important;\n }\n\n border-radius: 2.208px;\n}\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":";;;;;;;;;;;;;;;;;;;;;;AAsBA,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":[]}
|
