{"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":[]}