| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\statistic\\user\\components\\userInfo.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\statistic\\user\\components\\userInfo.vue","mtime":1761185180201},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBzdGF0aXN0aWNVc2VyQmFzaWNBcGksIHN0YXRpc3RpY1VzZXJUcmVuZEFwaSB9IGZyb20gJ0AvYXBpL3N0YXRpc3RpYyc7DQppbXBvcnQgZWNoYXJ0c05ldyBmcm9tICdAL2NvbXBvbmVudHMvZWNoYXJ0c05ldy9pbmRleCc7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICd1c2VySW5mbycsDQogIGNvbXBvbmVudHM6IHsNCiAgICBlY2hhcnRzTmV3LA0KICB9LA0KICBwcm9wczogew0KICAgIGZvcm1JbmxpbmU6IHsNCiAgICAgIHR5cGU6IE9iamVjdCwNCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uICgpIHsNCiAgICAgICAgcmV0dXJuIHsNCiAgICAgICAgICBjaGFubmVsX3R5cGU6ICcnLA0KICAgICAgICAgIGRhdGE6ICcnLA0KICAgICAgICB9Ow0KICAgICAgfSwNCiAgICB9LA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBzcGluU2hvdzogZmFsc2UsDQogICAgICBncmlkOiB7DQogICAgICAgIHhsOiA0LA0KICAgICAgICBsZzogNCwNCiAgICAgICAgbWQ6IDEyLA0KICAgICAgICBzbTogMjQsDQogICAgICAgIHhzOiAyNCwNCiAgICAgIH0sDQogICAgICBuYW1lOiAn6L+RMzDlpKknLA0KICAgICAgdGltZVZhbDogW10sDQogICAgICBkYXRhVGltZTogJycsDQogICAgICBsaXN0OiBbXSwNCiAgICAgIG9wdGlvbkRhdGE6IHt9LA0KICAgICAgc3R5bGU6IHsgaGVpZ2h0OiAnNDAwcHgnIH0sDQogICAgfTsNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLmdldFN0YXRpc3RpY3MoKTsNCiAgICB0aGlzLmdldFRyZW5kKCk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBvblNlYWNoKCkgew0KICAgICAgdGhpcy5nZXRTdGF0aXN0aWNzKCk7DQogICAgICB0aGlzLmdldFRyZW5kKCk7DQogICAgfSwNCiAgICAvLyDlhbfkvZPml6XmnJ8NCiAgICBvbmNoYW5nZVRpbWUoZSkgew0KICAgICAgdGhpcy50aW1lVmFsID0gZTsNCiAgICAgIHRoaXMuZGF0YVRpbWUgPSB0aGlzLnRpbWVWYWwgPyB0aGlzLnRpbWVWYWwuam9pbignLScpIDogJyc7DQogICAgICB0aGlzLm5hbWUgPSB0aGlzLmRhdGFUaW1lOw0KICAgIH0sDQogICAgLy8g57uf6K6hDQogICAgZ2V0U3RhdGlzdGljcygpIHsNCiAgICAgIHN0YXRpc3RpY1VzZXJCYXNpY0FwaSh0aGlzLmZvcm1JbmxpbmUpDQogICAgICAgIC50aGVuKGFzeW5jIChyZXMpID0+IHsNCiAgICAgICAgICBjb25zdCBjYXJkTGlzdHMgPSByZXMuZGF0YTsNCiAgICAgICAgICB0aGlzLmxpc3QgPSBbDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfntK/orqHnlKjmiLcnLA0KICAgICAgICAgICAgICBpY29uOiAnaWNvbmxlaWppeW9uZ2h1JywNCiAgICAgICAgICAgICAgbGlzdDogY2FyZExpc3RzLmN1bXVsYXRpdmVVc2VyLA0KICAgICAgICAgICAgICBjb2xvcnM6ICdmb3VyJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICforr/lrqLmlbAnLA0KICAgICAgICAgICAgICBpY29uOiAnaWNvbmZhbmdrZXNodScsDQogICAgICAgICAgICAgIGxpc3Q6IGNhcmRMaXN0cy5wZW9wbGUsDQogICAgICAgICAgICAgIGNvbG9yczogJ29uZScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn5rWP6KeI6YePJywNCiAgICAgICAgICAgICAgaWNvbjogJ2ljb25zaGFuZ3BpbmxpdWxhbmxpYW5nJywNCiAgICAgICAgICAgICAgbGlzdDogY2FyZExpc3RzLmJyb3dzZSwNCiAgICAgICAgICAgICAgY29sb3JzOiAndHdvJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB7DQogICAgICAgICAgICAgIG5hbWU6ICfmlrDlop7nlKjmiLfmlbAnLA0KICAgICAgICAgICAgICBpY29uOiAnaWNvbnhpbnplbmd5b25naHVzaHUnLA0KICAgICAgICAgICAgICBsaXN0OiBjYXJkTGlzdHMubmV3VXNlciwNCiAgICAgICAgICAgICAgY29sb3JzOiAndGhyZWUnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+aIkOS6pOeUqOaIt+aVsCcsDQogICAgICAgICAgICAgIGljb246ICdpY29uY2hlbmdqaWFveW9uZ2h1c2h1JywNCiAgICAgICAgICAgICAgbGlzdDogY2FyZExpc3RzLnBheVBlb3BsZSwNCiAgICAgICAgICAgICAgY29sb3JzOiAnZm91cicsDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICBuYW1lOiAn5LuY6LS55Lya5ZGY5pWwJywNCiAgICAgICAgICAgICAgaWNvbjogJ2ljb25mdWZlaWh1aXl1YW5zaHUnLA0KICAgICAgICAgICAgICBsaXN0OiBjYXJkTGlzdHMucGF5VXNlciwNCiAgICAgICAgICAgICAgY29sb3JzOiAnZm91cicsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF07DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDnu5/orqHlm74NCiAgICBnZXRUcmVuZCgpIHsNCiAgICAgIHRoaXMuc3BpblNob3cgPSB0cnVlOw0KICAgICAgc3RhdGlzdGljVXNlclRyZW5kQXBpKHRoaXMuZm9ybUlubGluZSkNCiAgICAgICAgLnRoZW4oYXN5bmMgKHJlcykgPT4gew0KICAgICAgICAgIGxldCBsZWdlbmQgPSByZXMuZGF0YS5zZXJpZXMubWFwKChpdGVtKSA9PiB7DQogICAgICAgICAgICByZXR1cm4gaXRlbS5uYW1lOw0KICAgICAgICAgIH0pOw0KICAgICAgICAgIGxldCB4QXhpcyA9IHJlcy5kYXRhLnhBeGlzOw0KICAgICAgICAgIGxldCBjb2wgPSBbJyM1QjhGRjknLCAnIzVBRDhBNicsICcjRkZBQjJCJywgJyM1RDcwOTInXTsNCiAgICAgICAgICBsZXQgc2VyaWVzID0gW107DQogICAgICAgICAgcmVzLmRhdGEuc2VyaWVzLm1hcCgoaXRlbSwgaW5kZXgpID0+IHsNCiAgICAgICAgICAgIHNlcmllcy5wdXNoKHsNCiAgICAgICAgICAgICAgbmFtZTogaXRlbS5uYW1lLA0KICAgICAgICAgICAgICB0eXBlOiAnbGluZScsDQogICAgICAgICAgICAgIGRhdGE6IGl0ZW0udmFsdWUsDQogICAgICAgICAgICAgIGl0ZW1TdHlsZTogew0KICAgICAgICAgICAgICAgIG5vcm1hbDogew0KICAgICAgICAgICAgICAgICAgY29sb3I6IGNvbFtpbmRleF0sDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgc21vb3RoOiB0cnVlLA0KICAgICAgICAgICAgfSk7DQogICAgICAgICAgfSk7DQogICAgICAgICAgdGhpcy5vcHRpb25EYXRhID0gew0KICAgICAgICAgICAgdG9vbHRpcDogew0KICAgICAgICAgICAgICB0cmlnZ2VyOiAnYXhpcycsDQogICAgICAgICAgICAgIGF4aXNQb2ludGVyOiB7DQogICAgICAgICAgICAgICAgdHlwZTogJ2Nyb3NzJywNCiAgICAgICAgICAgICAgICBsYWJlbDogew0KICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAnIzZhNzk4NScsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICBsZWdlbmQ6IHsNCiAgICAgICAgICAgICAgeDogJ2NlbnRlcicsDQogICAgICAgICAgICAgIGRhdGE6IGxlZ2VuZCwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICBncmlkOiB7DQogICAgICAgICAgICAgIGxlZnQ6ICczJScsDQogICAgICAgICAgICAgIHJpZ2h0OiAnNCUnLA0KICAgICAgICAgICAgICBib3R0b206ICczJScsDQogICAgICAgICAgICAgIGNvbnRhaW5MYWJlbDogdHJ1ZSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgICB0b29sYm94OiB7DQogICAgICAgICAgICAgIGZlYXR1cmU6IHsNCiAgICAgICAgICAgICAgICBzYXZlQXNJbWFnZToge30sDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgeEF4aXM6IHsNCiAgICAgICAgICAgICAgdHlwZTogJ2NhdGVnb3J5JywNCiAgICAgICAgICAgICAgYm91bmRhcnlHYXA6IHRydWUsDQogICAgICAgICAgICAgIC8vIGF4aXNUaWNrOnsNCiAgICAgICAgICAgICAgLy8gICAgIHNob3c6ZmFsc2UNCiAgICAgICAgICAgICAgLy8gfSwNCiAgICAgICAgICAgICAgLy8gYXhpc0xpbmU6ew0KICAgICAgICAgICAgICAvLyAgICAgc2hvdzpmYWxzZQ0KICAgICAgICAgICAgICAvLyB9LA0KICAgICAgICAgICAgICAvLyBzcGxpdExpbmU6IHsNCiAgICAgICAgICAgICAgLy8gICAgIHNob3c6IGZhbHNlDQogICAgICAgICAgICAgIC8vIH0sDQogICAgICAgICAgICAgIGF4aXNMYWJlbDogew0KICAgICAgICAgICAgICAgIGludGVydmFsOiAwLA0KICAgICAgICAgICAgICAgIHJvdGF0ZTogNDAsDQogICAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7DQogICAgICAgICAgICAgICAgICBjb2xvcjogJyMwMDAwMDAnLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIGRhdGE6IHhBeGlzLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHlBeGlzOiB7DQogICAgICAgICAgICAgIHR5cGU6ICd2YWx1ZScsDQogICAgICAgICAgICAgIGF4aXNMaW5lOiB7DQogICAgICAgICAgICAgICAgc2hvdzogZmFsc2UsDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIGF4aXNUaWNrOiB7DQogICAgICAgICAgICAgICAgc2hvdzogZmFsc2UsDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIGF4aXNMYWJlbDogew0KICAgICAgICAgICAgICAgIHRleHRTdHlsZTogew0KICAgICAgICAgICAgICAgICAgY29sb3I6ICcjN0Y4QjlDJywNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICBzcGxpdExpbmU6IHsNCiAgICAgICAgICAgICAgICBzaG93OiB0cnVlLA0KICAgICAgICAgICAgICAgIGxpbmVTdHlsZTogew0KICAgICAgICAgICAgICAgICAgY29sb3I6ICcjRjVGN0Y5JywNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHNlcmllczogc2VyaWVzLA0KICAgICAgICAgIH07DQogICAgICAgICAgdGhpcy5zcGluU2hvdyA9IGZhbHNlOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKHJlcykgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IocmVzLm1zZyk7DQogICAgICAgICAgdGhpcy5zcGluU2hvdyA9IGZhbHNlOw0KICAgICAgICB9KTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["userInfo.vue"],"names":[],"mappings":";AA2DA;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;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;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":"userInfo.vue","sourceRoot":"src/pages/statistic/user/components","sourcesContent":["<template>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt-16\" v-loading=\"spinShow\">\r\n <div class=\"acea-row row-between-wrapper\">\r\n <div class=\"statics-header-title mb20\">\r\n <h4>用户概况</h4>\r\n <el-tooltip placement=\"right-start\">\r\n <i class=\"el-icon-question ml10\"></i>\r\n <div slot=\"content\">\r\n <div>累积用户数</div>\r\n <div>商城的总用户</div>\r\n <br />\r\n <div>访客数</div>\r\n <div>在选定条件下，访问商城页面的去重人数</div>\r\n <br />\r\n <div>浏览量</div>\r\n <div>在选定条件下，用户浏览商城页面的次数。每打开一个页面或每刷新一次页面都记录1次</div>\r\n <br />\r\n <div>新增用户数</div>\r\n <div>在选定条件下，新注册的用户</div>\r\n <br />\r\n <div>成交用户数</div>\r\n <div>在选定条件下，下单并支付成功的用户</div>\r\n <br />\r\n <div>付费会员数</div>\r\n <div>筛选时间截止时，具有商城付费会员身份的用户数</div>\r\n </div>\r\n </el-tooltip>\r\n </div>\r\n </div>\r\n <div class=\"mb20\">\r\n <el-row>\r\n <el-col v-bind=\"grid\" v-for=\"(item, index) in list\" :key=\"index\">\r\n <div class=\"acea-row mb30 fwn\">\r\n <div class=\"iconCrl mr15\" :class=\"item.colors\">\r\n <i class=\"iconfont\" :class=\"item.icon\"></i>\r\n </div>\r\n <div class=\"info\">\r\n <span class=\"sp1\" v-text=\"item.name\"></span>\r\n <span class=\"sp2\" v-if=\"index === list.length - 1\" v-text=\"item.list.num\"></span>\r\n <span class=\"sp2\" v-else v-text=\"item.list.num\"></span>\r\n <span class=\"content-time spBlock\"\r\n >环比增长：<i class=\"content-is\" :class=\"Number(item.list.percent) >= 0 ? 'up' : 'down'\"\r\n >{{ item.list.percent }}%</i\r\n >\r\n <i\r\n :style=\"{ color: Number(item.list.percent) >= 0 ? '#F5222D' : '#39C15B' }\"\r\n :class=\"[Number(item.list.percent) >= 0 ? 'el-icon-caret-top' : 'el-icon-caret-bottom']\"\r\n />\r\n </span>\r\n </div>\r\n </div>\r\n </el-col>\r\n </el-row>\r\n </div>\r\n <echarts-new :option-data=\"optionData\" :styles=\"style\" height=\"100%\" width=\"100%\" v-if=\"optionData\"></echarts-new>\r\n </el-card>\r\n</template>\r\n\r\n<script>\r\nimport { statisticUserBasicApi, statisticUserTrendApi } from '@/api/statistic';\r\nimport echartsNew from '@/components/echartsNew/index';\r\nexport default {\r\n name: 'userInfo',\r\n components: {\r\n echartsNew,\r\n },\r\n props: {\r\n formInline: {\r\n type: Object,\r\n default: function () {\r\n return {\r\n channel_type: '',\r\n data: '',\r\n };\r\n },\r\n },\r\n },\r\n data() {\r\n return {\r\n spinShow: false,\r\n grid: {\r\n xl: 4,\r\n lg: 4,\r\n md: 12,\r\n sm: 24,\r\n xs: 24,\r\n },\r\n name: '近30天',\r\n timeVal: [],\r\n dataTime: '',\r\n list: [],\r\n optionData: {},\r\n style: { height: '400px' },\r\n };\r\n },\r\n mounted() {\r\n this.getStatistics();\r\n this.getTrend();\r\n },\r\n methods: {\r\n onSeach() {\r\n this.getStatistics();\r\n this.getTrend();\r\n },\r\n // 具体日期\r\n onchangeTime(e) {\r\n this.timeVal = e;\r\n this.dataTime = this.timeVal ? this.timeVal.join('-') : '';\r\n this.name = this.dataTime;\r\n },\r\n // 统计\r\n getStatistics() {\r\n statisticUserBasicApi(this.formInline)\r\n .then(async (res) => {\r\n const cardLists = res.data;\r\n this.list = [\r\n {\r\n name: '累计用户',\r\n icon: 'iconleijiyonghu',\r\n list: cardLists.cumulativeUser,\r\n colors: 'four',\r\n },\r\n {\r\n name: '访客数',\r\n icon: 'iconfangkeshu',\r\n list: cardLists.people,\r\n colors: 'one',\r\n },\r\n {\r\n name: '浏览量',\r\n icon: 'iconshangpinliulanliang',\r\n list: cardLists.browse,\r\n colors: 'two',\r\n },\r\n {\r\n name: '新增用户数',\r\n icon: 'iconxinzengyonghushu',\r\n list: cardLists.newUser,\r\n colors: 'three',\r\n },\r\n {\r\n name: '成交用户数',\r\n icon: 'iconchengjiaoyonghushu',\r\n list: cardLists.payPeople,\r\n colors: 'four',\r\n },\r\n {\r\n name: '付费会员数',\r\n icon: 'iconfufeihuiyuanshu',\r\n list: cardLists.payUser,\r\n colors: 'four',\r\n },\r\n ];\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 统计图\r\n getTrend() {\r\n this.spinShow = true;\r\n statisticUserTrendApi(this.formInline)\r\n .then(async (res) => {\r\n let legend = res.data.series.map((item) => {\r\n return item.name;\r\n });\r\n let xAxis = res.data.xAxis;\r\n let col = ['#5B8FF9', '#5AD8A6', '#FFAB2B', '#5D7092'];\r\n let series = [];\r\n res.data.series.map((item, index) => {\r\n series.push({\r\n name: item.name,\r\n type: 'line',\r\n data: item.value,\r\n itemStyle: {\r\n normal: {\r\n color: col[index],\r\n },\r\n },\r\n smooth: true,\r\n });\r\n });\r\n this.optionData = {\r\n tooltip: {\r\n trigger: 'axis',\r\n axisPointer: {\r\n type: 'cross',\r\n label: {\r\n backgroundColor: '#6a7985',\r\n },\r\n },\r\n },\r\n legend: {\r\n x: 'center',\r\n data: legend,\r\n },\r\n grid: {\r\n left: '3%',\r\n right: '4%',\r\n bottom: '3%',\r\n containLabel: true,\r\n },\r\n toolbox: {\r\n feature: {\r\n saveAsImage: {},\r\n },\r\n },\r\n xAxis: {\r\n type: 'category',\r\n boundaryGap: true,\r\n // axisTick:{\r\n // show:false\r\n // },\r\n // axisLine:{\r\n // show:false\r\n // },\r\n // splitLine: {\r\n // show: false\r\n // },\r\n axisLabel: {\r\n interval: 0,\r\n rotate: 40,\r\n textStyle: {\r\n color: '#000000',\r\n },\r\n },\r\n data: xAxis,\r\n },\r\n yAxis: {\r\n type: 'value',\r\n axisLine: {\r\n show: false,\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n textStyle: {\r\n color: '#7F8B9C',\r\n },\r\n },\r\n splitLine: {\r\n show: true,\r\n lineStyle: {\r\n color: '#F5F7F9',\r\n },\r\n },\r\n },\r\n series: series,\r\n };\r\n this.spinShow = false;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n this.spinShow = false;\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.one {\r\n background: var(--prev-color-primary);\r\n}\r\n.two {\r\n background: #00c050;\r\n}\r\n.three {\r\n background: #ffab2b;\r\n}\r\n.four {\r\n background: #b37feb;\r\n}\r\n.up,\r\n.el-icon-caret-top {\r\n color: #f5222d;\r\n font-size: 12px;\r\n opacity: 1 !important;\r\n}\r\n.iconfont {\r\n font-size: 16px;\r\n color: #fff;\r\n}\r\n.down,\r\n.el-icon-caret-bottom {\r\n color: #39c15b;\r\n font-size: 12px;\r\n}\r\n.curP {\r\n cursor: pointer;\r\n}\r\n.header {\r\n &-title {\r\n font-size: 16px;\r\n color: rgba(0, 0, 0, 0.85);\r\n }\r\n &-time {\r\n font-size: 12px;\r\n color: #000000;\r\n opacity: 0.45;\r\n }\r\n}\r\n.iconCrl {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n text-align: center;\r\n line-height: 32px;\r\n opacity: 0.7;\r\n /*margin-left: 74px;*/\r\n}\r\n\r\n.lan {\r\n background: var(--prev-color-primary);\r\n}\r\n\r\n.iconshangpinliulanliang {\r\n color: #fff;\r\n}\r\n\r\n.infoBox {\r\n width: 20%;\r\n}\r\n\r\n.info {\r\n .sp1 {\r\n color: #666;\r\n font-size: 14px;\r\n display: block;\r\n }\r\n .sp2 {\r\n font-weight: 400;\r\n font-size: 30px;\r\n color: rgba(0, 0, 0, 0.85);\r\n display: block;\r\n }\r\n .sp3 {\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: rgba(0, 0, 0, 0.45);\r\n display: block;\r\n }\r\n}\r\n.fwn {\r\n flex-wrap: nowrap;\r\n}\r\n</style>\r\n"]}]}
|
