| 1 |
- {"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=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\index\\components\\userChart.vue","mtime":1761614939019},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"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:DQppbXBvcnQgeyB1c2VyQXBpLCByYW5rQXBpIH0gZnJvbSAnQC9hcGkvaW5kZXgnOw0KaW1wb3J0IGVjaGFydHNGcm9tIGZyb20gJ0AvY29tcG9uZW50cy9lY2hhcnRzL2luZGV4JzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ3VzZXItY2hhcnQnLA0KICBjb21wb25lbnRzOiB7IGVjaGFydHNGcm9tIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGxpbmU6ICdsaW5lJywNCiAgICAgIGNpcmNsZTogJ2NpcmNsZScsDQogICAgICBpbmZvTGlzdDoge30sDQogICAgICBzZXJpZXM6IFtdLA0KICAgICAgeERhdGE6IFtdLA0KICAgICAgeTFEYXRhOiBbXSwNCiAgICAgIHkyRGF0YTogW10sDQogICAgICBsaXN0czogW10sDQogICAgICBiaW5nX2RhdGE6IFtdLA0KICAgICAgYmluZ194ZGF0YTogW10sDQogICAgfTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC8vIOe7n+iuoQ0KICAgIGdldFN0YXRpc3RpY3MoKSB7DQogICAgICB1c2VyQXBpKCkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuaW5mb0xpc3QgPSByZXMuZGF0YTsNCiAgICAgICAgICB0aGlzLnNlcmllcyA9IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgZGF0YTogcmVzLmRhdGEuc2VyaWVzLA0KICAgICAgICAgICAgICBuYW1lOiAn5Lq65pWw77yI5Lq677yJJywNCiAgICAgICAgICAgICAgdHlwZTogJ2xpbmUnLA0KICAgICAgICAgICAgICB0b29sdGlwOiB0cnVlLA0KICAgICAgICAgICAgICBzbW9vdGg6IHRydWUsDQogICAgICAgICAgICAgIHN5bWJvbDogJ25vbmUnLA0KICAgICAgICAgICAgICBhcmVhU3R5bGU6IHsNCiAgICAgICAgICAgICAgICBub3JtYWw6IHsNCiAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDAuMiwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdOw0KICAgICAgICAgIHRoaXMuYmluZ19kYXRhID0gcmVzLmJpbmdfZGF0YTsNCiAgICAgICAgICB0aGlzLmJpbmdfeGRhdGEgPSByZXMuYmluZ194ZGF0YTsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIGdldFJhbmsoKSB7DQogICAgICByYW5rQXBpKCkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIGxldCBkYXRhID0gcmVzLmRhdGE7DQogICAgICAgICAgdGhpcy5saXN0cyA9IGRhdGEubGlzdDsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOebkeWQrOmhtemdouWuveW6puWPmOWMlu+8jOWIt+aWsOihqOagvA0KICAgIGhhbmRsZVJlc2l6ZSgpIHsNCiAgICAgIGlmICh0aGlzLmluZm9MaXN0ICYmIHRoaXMuc2VyaWVzLmxlbmd0aCAhPT0gMCkgdGhpcy4kcmVmcy51c2VyQ2hhcnQuaGFuZGxlUmVzaXplKCk7DQogICAgICBpZiAodGhpcy5pbmZvTGlzdCkgdGhpcy4kcmVmcy52aXNpdENoYXJ0LmhhbmRsZVJlc2l6ZSgpOw0KICAgIH0sDQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy5nZXRTdGF0aXN0aWNzKCk7DQogICAgdGhpcy5nZXRSYW5rKCk7DQogIH0sDQogIGJlZm9yZURlc3Ryb3koKSB7DQogICAgaWYgKHRoaXMudmlzaXRDaGFydCkgew0KICAgICAgdGhpcy52aXNpdENoYXJ0LmRpc3Bvc2UoKTsNCiAgICAgIHRoaXMudmlzaXRDaGFydCA9IG51bGw7DQogICAgfQ0KICB9LA0KfTsNCg=="},{"version":3,"sources":["userChart.vue"],"names":[],"mappings":";AAwCA;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;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;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"]}]}
|
