{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\index\\components\\userChart.vue?vue&type=style&index=0&id=529e938a&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\index\\components\\userChart.vue","mtime":1761614939019},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouZGFzaGJvYXJkLWNvbnNvbGUtdmlzaXQgew0KICB1bCB7DQogICAgbGkgew0KICAgICAgbGlzdC1zdHlsZS10eXBlOiBub25lOw0KICAgICAgbWFyZ2luLXRvcDogMTJweDsNCiAgICB9DQogIH0NCn0NCi50cmVlcy1jb2FkZCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQogIC5zY29sbGhpZGUgew0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGhlaWdodDogMTAwJTsNCiAgICBvdmVyZmxvdy14OiBoaWRkZW47DQogICAgb3ZlcmZsb3cteTogc2Nyb2xsOw0KICB9DQp9DQouc2NvbGxoaWRlOjotd2Via2l0LXNjcm9sbGJhciB7DQogIGRpc3BsYXk6IG5vbmU7DQp9DQoubmFtZXMgew0KICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOw0KICBvdmVyZmxvdzogaGlkZGVuOw0KICB3aGl0ZS1zcGFjZTogbm93cmFwOw0KICB3aWR0aDogODQlOw0KICBtYXJnaW4tYm90dG9tOiAtN3B4Ow0KfQ0KLmNhcmQtdGl0bGUgew0KICBkaXNwbGF5OiBmbGV4Ow0KICBhbGlnbi1pdGVtczogY2VudGVyOw0KICA6OnYtZGVlcCAuZWwtYXZhdGFyLS1zbWFsbCB7DQogICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcHJldi1jb2xvci1wcmltYXJ5LWxpZ2h0LTkpICFpbXBvcnRhbnQ7DQogIH0NCn0NCg=="},{"version":3,"sources":["userChart.vue"],"names":[],"mappings":";AAqHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"userChart.vue","sourceRoot":"src/pages/index/components","sourcesContent":["<template>\r\n  <div @resize=\"handleResize\">\r\n    <el-row :gutter=\"16\">\r\n      <el-col :xl=\"16\" :lg=\"12\" :md=\"24\" :sm=\"24\" :xs=\"24\" class=\"ivu-mb dashboard-console-visit\">\r\n        <el-card :bordered=\"false\" shadow=\"never\">\r\n          <div class=\"card-title\">\r\n            <el-avatar\r\n              icon=\"el-icon-user-solid\"\r\n              size=\"small\"\r\n              style=\"color: var(--prev-color-primary); background-color: #e6f7ff\"\r\n            ></el-avatar>\r\n            <h4 class=\"ivu-pl-8\">用户</h4>\r\n          </div>\r\n          <echarts-from\r\n            ref=\"userChart\"\r\n            :echartsTitle=\"line\"\r\n            :infoList=\"infoList\"\r\n            :series=\"series\"\r\n            v-if=\"infoList && series.length !== 0\"\r\n          ></echarts-from>\r\n        </el-card>\r\n      </el-col>\r\n      <el-col :xl=\"8\" :lg=\"12\" :md=\"24\" :sm=\"24\" :xs=\"24\">\r\n        <el-card :bordered=\"false\" shadow=\"never\" class=\"dashboard-console-visit\">\r\n          <div class=\"card-title\">\r\n            <el-avatar\r\n              icon=\"el-icon-s-marketing\"\r\n              size=\"small\"\r\n              style=\"color: var(--prev-color-primary); background-color: #e6f7ff\"\r\n            ></el-avatar>\r\n            <h4 class=\"ivu-pl-8\">购买用户统计</h4>\r\n          </div>\r\n          <echarts-from ref=\"visitChart\" :infoList=\"infoList\" :echartsTitle=\"circle\"></echarts-from>\r\n        </el-card>\r\n      </el-col>\r\n    </el-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { userApi, rankApi } from '@/api/index';\r\nimport echartsFrom from '@/components/echarts/index';\r\nexport default {\r\n  name: 'user-chart',\r\n  components: { echartsFrom },\r\n  data() {\r\n    return {\r\n      line: 'line',\r\n      circle: 'circle',\r\n      infoList: {},\r\n      series: [],\r\n      xData: [],\r\n      y1Data: [],\r\n      y2Data: [],\r\n      lists: [],\r\n      bing_data: [],\r\n      bing_xdata: [],\r\n    };\r\n  },\r\n  methods: {\r\n    // 统计\r\n    getStatistics() {\r\n      userApi()\r\n        .then(async (res) => {\r\n          this.infoList = res.data;\r\n          this.series = [\r\n            {\r\n              data: res.data.series,\r\n              name: '人数（人）',\r\n              type: 'line',\r\n              tooltip: true,\r\n              smooth: true,\r\n              symbol: 'none',\r\n              areaStyle: {\r\n                normal: {\r\n                  opacity: 0.2,\r\n                },\r\n              },\r\n            },\r\n          ];\r\n          this.bing_data = res.bing_data;\r\n          this.bing_xdata = res.bing_xdata;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    getRank() {\r\n      rankApi()\r\n        .then(async (res) => {\r\n          let data = res.data;\r\n          this.lists = data.list;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 监听页面宽度变化，刷新表格\r\n    handleResize() {\r\n      if (this.infoList && this.series.length !== 0) this.$refs.userChart.handleResize();\r\n      if (this.infoList) this.$refs.visitChart.handleResize();\r\n    },\r\n  },\r\n  mounted() {\r\n    this.getStatistics();\r\n    this.getRank();\r\n  },\r\n  beforeDestroy() {\r\n    if (this.visitChart) {\r\n      this.visitChart.dispose();\r\n      this.visitChart = null;\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.dashboard-console-visit {\r\n  ul {\r\n    li {\r\n      list-style-type: none;\r\n      margin-top: 12px;\r\n    }\r\n  }\r\n}\r\n.trees-coadd {\r\n  width: 100%;\r\n  height: 100%;\r\n  .scollhide {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-x: hidden;\r\n    overflow-y: scroll;\r\n  }\r\n}\r\n.scollhide::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n.names {\r\n  display: inline-block;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  width: 84%;\r\n  margin-bottom: -7px;\r\n}\r\n.card-title {\r\n  display: flex;\r\n  align-items: center;\r\n  ::v-deep .el-avatar--small {\r\n    background-color: var(--prev-color-primary-light-9) !important;\r\n  }\r\n}\r\n</style>\r\n"]}]}