| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\marketing\\channelCode\\codeStatistic.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\marketing\\channelCode\\codeStatistic.vue","mtime":1761614939029},{"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:DQppbXBvcnQgY2FyZHNEYXRhIGZyb20gJ0AvY29tcG9uZW50cy9jYXJkcy9jYXJkcyc7DQppbXBvcnQgZWNoYXJ0c05ldyBmcm9tICdAL2NvbXBvbmVudHMvZWNoYXJ0c05ldy9pbmRleCc7DQppbXBvcnQgeyBnZXRCYXNpYywgZ2V0VHJlbmQsIGdldENoYW5uZWwsIGdldFR5cGUsIHdlY2hhdFFyY29kZVN0YXRpc3RpYyB9IGZyb20gJ0AvYXBpL3N0YXRpc3RpYyc7DQppbXBvcnQgeyBmb3JtYXREYXRlIH0gZnJvbSAnQC91dGlscy92YWxpZGF0ZSc7DQppbXBvcnQgZWNoYXJ0c0Zyb20gZnJvbSAnQC9jb21wb25lbnRzL2VjaGFydHMvaW5kZXgnOw0KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdpbmRleCcsDQogIGNvbXBvbmVudHM6IHsgY2FyZHNEYXRhLCBlY2hhcnRzTmV3LCBlY2hhcnRzRnJvbSB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB0aW1lVmFsOiBbXSwNCiAgICAgIHBpY2tlck9wdGlvbnM6IHRoaXMuJHRpbWVPcHRpb25zLA0KICAgICAgc3R5bGU6IHsgaGVpZ2h0OiAnNDAwcHgnIH0sDQogICAgICBpbmZvTGlzdDoge30sDQogICAgICBpbmZvTGlzdDI6IHt9LA0KICAgICAgZWNoYXJ0TGVmdDogdHJ1ZSwNCiAgICAgIGVjaGFydFJpZ2h0OiBmYWxzZSwNCiAgICAgIGxvYWRpbmc6IGZhbHNlLA0KICAgICAgbG9hZGluZzI6IGZhbHNlLA0KICAgICAgZnJvbUxpc3Q6IHsNCiAgICAgICAgdGl0bGU6ICfpgInmi6nml7bpl7QnLA0KICAgICAgICBjdXN0b206IHRydWUsDQogICAgICAgIGZyb21UeHQ6IFsNCiAgICAgICAgICB7IHRleHQ6ICflhajpg6gnLCB2YWw6ICcnIH0sDQogICAgICAgICAgeyB0ZXh0OiAn5LuK5aSpJywgdmFsOiAndG9kYXknIH0sDQogICAgICAgICAgeyB0ZXh0OiAn5pys5ZGoJywgdmFsOiAnd2VlaycgfSwNCiAgICAgICAgICB7IHRleHQ6ICfmnKzmnIgnLCB2YWw6ICdtb250aCcgfSwNCiAgICAgICAgICB7IHRleHQ6ICfmnKzlraPluqYnLCB2YWw6ICdxdWFydGVyJyB9LA0KICAgICAgICAgIHsgdGV4dDogJ+acrOW5tCcsIHZhbDogJ3llYXInIH0sDQogICAgICAgIF0sDQogICAgICB9LA0KICAgICAgZm9ybVZhbGlkYXRlOiB7DQogICAgICAgIHRpbWU6ICcnLA0KICAgICAgfSwNCiAgICAgIGNhcmRMaXN0czogWw0KICAgICAgICB7DQogICAgICAgICAgY29sOiA2LA0KICAgICAgICAgIGNvdW50OiAwLA0KICAgICAgICAgIG5hbWU6ICfmmKjml6XmlrDlop7lhbPms6gnLA0KICAgICAgICAgIGNsYXNzTmFtZTogJ21kLXJvc2UnLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgY29sOiA2LA0KICAgICAgICAgIGNvdW50OiAwLA0KICAgICAgICAgIG5hbWU6ICfmmKjml6Xlj4LkuI4nLA0KICAgICAgICAgIGNsYXNzTmFtZTogJ2lvcy1zcGVlZG9tZXRlci1vdXRsaW5lJywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIGNvbDogNiwNCiAgICAgICAgICBjb3VudDogMCwNCiAgICAgICAgICBuYW1lOiAn5oC75YWz5rOoJywNCiAgICAgICAgICBjbGFzc05hbWU6ICdpb3Mtc3BlZWRvbWV0ZXItb3V0bGluZScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICBjb2w6IDYsDQogICAgICAgICAgY291bnQ6IDAsDQogICAgICAgICAgbmFtZTogJ+WPguS4juaAu+S6uuaVsCcsDQogICAgICAgICAgY2xhc3NOYW1lOiAnbWQtcm9zZScsDQogICAgICAgIH0sDQogICAgICBdLA0KICAgICAgb3B0aW9uRGF0YToge30sDQogICAgICBzcGluU2hvdzogZmFsc2UsDQogICAgfTsNCiAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICB0aGlzLmlkID0gdGhpcy4kcm91dGUucXVlcnkuaWQ7DQogICAgY29uc3QgZW5kID0gbmV3IERhdGUoKTsNCiAgICBjb25zdCBzdGFydCA9IG5ldyBEYXRlKCk7DQogICAgc3RhcnQuc2V0VGltZShzdGFydC5zZXRUaW1lKG5ldyBEYXRlKG5ldyBEYXRlKCkuZ2V0RnVsbFllYXIoKSwgbmV3IERhdGUoKS5nZXRNb250aCgpLCBuZXcgRGF0ZSgpLmdldERhdGUoKSAtIDI5KSkpOw0KICAgIHRoaXMudGltZVZhbCA9IFtzdGFydCwgZW5kXTsNCiAgICB0aGlzLmZvcm1WYWxpZGF0ZS50aW1lID0gZm9ybWF0RGF0ZShzdGFydCwgJ3l5eXkvTU0vZGQnKSArICctJyArIGZvcm1hdERhdGUoZW5kLCAneXl5eS9NTS9kZCcpOw0KICAgIC8vIHRoaXMuZ2V0QmFzaWMoKTsNCiAgICAvLyB0aGlzLmdldFRyZW5kKCk7DQogICAgLy8gdGhpcy5nZXRDaGFubmVsKCk7DQogICAgLy8gdGhpcy5nZXRUeXBlKCk7DQogICAgdGhpcy53ZWNoYXRRcmNvZGVTdGF0aXN0aWMoKTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIHdlY2hhdFFyY29kZVN0YXRpc3RpYygpIHsNCiAgICAgIHdlY2hhdFFyY29kZVN0YXRpc3RpYyh0aGlzLmlkLCB0aGlzLmZvcm1WYWxpZGF0ZSkudGhlbigocmVzKSA9PiB7DQogICAgICAgIGxldCBhcnIgPSBbJ3lfZm9sbG93JywgJ3lfc2NhbicsICdhbGxfZm9sbG93JywgJ2FsbF9zY2FuJ107DQogICAgICAgIHRoaXMuY2FyZExpc3RzLm1hcCgoaSwgaW5kZXgpID0+IHsNCiAgICAgICAgICBpLmNvdW50ID0gcmVzLmRhdGFbYXJyW2luZGV4XV07DQogICAgICAgIH0pOw0KICAgICAgICB0aGlzLmdldFRyZW5kKHJlcy5kYXRhLnRyZW5kLnNlcmllcywgcmVzLmRhdGEudHJlbmQueEF4aXMpOw0KICAgICAgfSk7DQogICAgfSwNCiAgICB0aW1lRyhkZCkgew0KICAgICAgdmFyIGQgPSBuZXcgRGF0ZShkZCk7DQogICAgICB2YXIgZGF0ZXRpbWUgPQ0KICAgICAgICBkLmdldEZ1bGxZZWFyKCkgKw0KICAgICAgICAnLScgKw0KICAgICAgICAoZC5nZXRNb250aCgpICsgMSkgKw0KICAgICAgICAnLScgKw0KICAgICAgICBkLmdldERhdGUoKSArDQogICAgICAgICcgJyArDQogICAgICAgIGQuZ2V0SG91cnMoKSArDQogICAgICAgICc6JyArDQogICAgICAgIGQuZ2V0TWludXRlcygpICsNCiAgICAgICAgJzonICsNCiAgICAgICAgZC5nZXRTZWNvbmRzKCk7DQogICAgICByZXR1cm4gZGF0ZXRpbWU7DQogICAgfSwNCg0KICAgIHNlbGVjdENoYW5nZShlKSB7fSwNCiAgICAvLyDlhbfkvZPml6XmnJ8NCiAgICBvbmNoYW5nZVRpbWUoZSkgew0KICAgICAgdGhpcy50aW1lVmFsID0gZTsNCiAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLnRpbWUgPSB0aGlzLnRpbWVWYWwgPyB0aGlzLnRpbWVWYWwuam9pbignLScpIDogJyc7DQogICAgICB0aGlzLm5hbWUgPSB0aGlzLmZvcm1WYWxpZGF0ZS50aW1lOw0KICAgICAgdGhpcy53ZWNoYXRRcmNvZGVTdGF0aXN0aWMoKTsNCiAgICB9LA0KICAgIC8vIOe7n+iuoeWbvg0KICAgIGdldFRyZW5kKHNlcmllc0RhdGEsIHhBeGlzRGF0YSkgew0KICAgICAgdGhpcy5zcGluU2hvdyA9IHRydWU7DQogICAgICBsZXQgbGVnZW5kID0gc2VyaWVzRGF0YS5tYXAoKGl0ZW0pID0+IHsNCiAgICAgICAgcmV0dXJuIGl0ZW0ubmFtZTsNCiAgICAgIH0pOw0KICAgICAgbGV0IHhBeGlzID0geEF4aXNEYXRhOw0KICAgICAgbGV0IGNvbCA9IFsnIzVCOEZGOScsICcjNUFEOEE2JywgJyNGRkFCMkInLCAnIzVENzA5MiddOw0KICAgICAgbGV0IHNlcmllcyA9IFtdOw0KICAgICAgc2VyaWVzRGF0YS5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7DQogICAgICAgIHNlcmllcy5wdXNoKHsNCiAgICAgICAgICBuYW1lOiBpdGVtLm5hbWUsDQogICAgICAgICAgdHlwZTogJ2xpbmUnLA0KICAgICAgICAgIGRhdGE6IGl0ZW0uZGF0YSwNCiAgICAgICAgICBpdGVtU3R5bGU6IHsNCiAgICAgICAgICAgIG5vcm1hbDogew0KICAgICAgICAgICAgICBjb2xvcjogY29sW2luZGV4XSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgfSwNCiAgICAgICAgICBzbW9vdGg6IDAsDQogICAgICAgIH0pOw0KICAgICAgfSk7DQogICAgICB0aGlzLm9wdGlvbkRhdGEgPSB7DQogICAgICAgIHRvb2x0aXA6IHsNCiAgICAgICAgICB0cmlnZ2VyOiAnYXhpcycsDQogICAgICAgICAgYXhpc1BvaW50ZXI6IHsNCiAgICAgICAgICAgIHR5cGU6ICdjcm9zcycsDQogICAgICAgICAgICBsYWJlbDogew0KICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjNmE3OTg1JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgfSwNCiAgICAgICAgfSwNCiAgICAgICAgbGVnZW5kOiB7DQogICAgICAgICAgeDogJ2NlbnRlcicsDQogICAgICAgICAgZGF0YTogbGVnZW5kLA0KICAgICAgICB9LA0KICAgICAgICBncmlkOiB7DQogICAgICAgICAgbGVmdDogJzMlJywNCiAgICAgICAgICByaWdodDogJzQlJywNCiAgICAgICAgICBib3R0b206ICczJScsDQogICAgICAgICAgY29udGFpbkxhYmVsOiB0cnVlLA0KICAgICAgICB9LA0KICAgICAgICB0b29sYm94OiB7DQogICAgICAgICAgZmVhdHVyZTogew0KICAgICAgICAgICAgc2F2ZUFzSW1hZ2U6IHt9LA0KICAgICAgICAgIH0sDQogICAgICAgIH0sDQogICAgICAgIHhBeGlzOiB7DQogICAgICAgICAgdHlwZTogJ2NhdGVnb3J5JywNCiAgICAgICAgICBib3VuZGFyeUdhcDogdHJ1ZSwNCiAgICAgICAgICAvLyBheGlzVGljazp7DQogICAgICAgICAgLy8gICAgIHNob3c6ZmFsc2UNCiAgICAgICAgICAvLyB9LA0KICAgICAgICAgIC8vIGF4aXNMaW5lOnsNCiAgICAgICAgICAvLyAgICAgc2hvdzpmYWxzZQ0KICAgICAgICAgIC8vIH0sDQogICAgICAgICAgLy8gc3BsaXRMaW5lOiB7DQogICAgICAgICAgLy8gICAgIHNob3c6IGZhbHNlDQogICAgICAgICAgLy8gfSwNCiAgICAgICAgICBheGlzTGFiZWw6IHsNCiAgICAgICAgICAgIGludGVydmFsOiAwLA0KICAgICAgICAgICAgcm90YXRlOiA0MCwNCiAgICAgICAgICAgIHRleHRTdHlsZTogew0KICAgICAgICAgICAgICBjb2xvcjogJyMwMDAwMDAnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICB9LA0KICAgICAgICAgIGRhdGE6IHhBeGlzLA0KICAgICAgICB9LA0KICAgICAgICB5QXhpczogew0KICAgICAgICAgIHR5cGU6ICd2YWx1ZScsDQogICAgICAgICAgYXhpc0xpbmU6IHsNCiAgICAgICAgICAgIHNob3c6IGZhbHNlLA0KICAgICAgICAgIH0sDQogICAgICAgICAgYXhpc1RpY2s6IHsNCiAgICAgICAgICAgIHNob3c6IGZhbHNlLA0KICAgICAgICAgIH0sDQogICAgICAgICAgYXhpc0xhYmVsOiB7DQogICAgICAgICAgICB0ZXh0U3R5bGU6IHsNCiAgICAgICAgICAgICAgY29sb3I6ICcjN0Y4QjlDJywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgfSwNCiAgICAgICAgICBzcGxpdExpbmU6IHsNCiAgICAgICAgICAgIHNob3c6IHRydWUsDQogICAgICAgICAgICBsaW5lU3R5bGU6IHsNCiAgICAgICAgICAgICAgY29sb3I6ICcjRjVGN0Y5JywNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgfSwNCiAgICAgICAgfSwNCiAgICAgICAgc2VyaWVzOiBzZXJpZXMsDQogICAgICB9Ow0KICAgICAgdGhpcy5zcGluU2hvdyA9IGZhbHNlOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["codeStatistic.vue"],"names":[],"mappings":";AAyCA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;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":"codeStatistic.vue","sourceRoot":"src/pages/marketing/channelCode","sourcesContent":["<template>\r\n <div v-loading=\"spinShow\">\r\n <!-- <div class=\"i-layout-page-header header-title\">\r\n <div class=\"fl_header\">\r\n <span>\r\n <el-button icon=\"ios-arrow-back\" size=\"small\" type=\"text\" v-db-click @click=\"$router.go(-1)\">返回</el-button>\r\n </span>\r\n <el-divider direction=\"vertical\"></el-divider>\r\n <span class=\"ivu-page-header-title\">{{ $route.meta.title }}</span>\r\n </div>\r\n </div> -->\r\n <pages-header\r\n ref=\"pageHeader\"\r\n :title=\"$route.meta.title\"\r\n :backUrl=\"$routeProStr + '/marketing/channel_code/channelCodeIndex'\"\r\n ></pages-header>\r\n <cards-data class=\"mt16\" :cardLists=\"cardLists\" v-if=\"cardLists.length >= 0\"></cards-data>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\">\r\n <div class=\"table-head\">\r\n <h3>关注趋势</h3>\r\n <el-date-picker\r\n :editable=\"false\"\r\n clearable\r\n @change=\"onchangeTime\"\r\n v-model=\"timeVal\"\r\n :picker-options=\"pickerOptions\"\r\n format=\"yyyy/MM/dd\"\r\n type=\"daterange\"\r\n value-format=\"yyyy/MM/dd\"\r\n range-separator=\"-\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n class=\"mr20\"\r\n ></el-date-picker>\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 </div>\r\n</template>\r\n\r\n<script>\r\nimport cardsData from '@/components/cards/cards';\r\nimport echartsNew from '@/components/echartsNew/index';\r\nimport { getBasic, getTrend, getChannel, getType, wechatQrcodeStatistic } from '@/api/statistic';\r\nimport { formatDate } from '@/utils/validate';\r\nimport echartsFrom from '@/components/echarts/index';\r\n\r\nexport default {\r\n name: 'index',\r\n components: { cardsData, echartsNew, echartsFrom },\r\n data() {\r\n return {\r\n timeVal: [],\r\n pickerOptions: this.$timeOptions,\r\n style: { height: '400px' },\r\n infoList: {},\r\n infoList2: {},\r\n echartLeft: true,\r\n echartRight: false,\r\n loading: false,\r\n loading2: false,\r\n fromList: {\r\n title: '选择时间',\r\n custom: true,\r\n fromTxt: [\r\n { text: '全部', val: '' },\r\n { text: '今天', val: 'today' },\r\n { text: '本周', val: 'week' },\r\n { text: '本月', val: 'month' },\r\n { text: '本季度', val: 'quarter' },\r\n { text: '本年', val: 'year' },\r\n ],\r\n },\r\n formValidate: {\r\n time: '',\r\n },\r\n cardLists: [\r\n {\r\n col: 6,\r\n count: 0,\r\n name: '昨日新增关注',\r\n className: 'md-rose',\r\n },\r\n {\r\n col: 6,\r\n count: 0,\r\n name: '昨日参与',\r\n className: 'ios-speedometer-outline',\r\n },\r\n {\r\n col: 6,\r\n count: 0,\r\n name: '总关注',\r\n className: 'ios-speedometer-outline',\r\n },\r\n {\r\n col: 6,\r\n count: 0,\r\n name: '参与总人数',\r\n className: 'md-rose',\r\n },\r\n ],\r\n optionData: {},\r\n spinShow: false,\r\n };\r\n },\r\n created() {\r\n this.id = this.$route.query.id;\r\n const end = new Date();\r\n const start = new Date();\r\n start.setTime(start.setTime(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate() - 29)));\r\n this.timeVal = [start, end];\r\n this.formValidate.time = formatDate(start, 'yyyy/MM/dd') + '-' + formatDate(end, 'yyyy/MM/dd');\r\n // this.getBasic();\r\n // this.getTrend();\r\n // this.getChannel();\r\n // this.getType();\r\n this.wechatQrcodeStatistic();\r\n },\r\n methods: {\r\n wechatQrcodeStatistic() {\r\n wechatQrcodeStatistic(this.id, this.formValidate).then((res) => {\r\n let arr = ['y_follow', 'y_scan', 'all_follow', 'all_scan'];\r\n this.cardLists.map((i, index) => {\r\n i.count = res.data[arr[index]];\r\n });\r\n this.getTrend(res.data.trend.series, res.data.trend.xAxis);\r\n });\r\n },\r\n timeG(dd) {\r\n var d = new Date(dd);\r\n var datetime =\r\n d.getFullYear() +\r\n '-' +\r\n (d.getMonth() + 1) +\r\n '-' +\r\n d.getDate() +\r\n ' ' +\r\n d.getHours() +\r\n ':' +\r\n d.getMinutes() +\r\n ':' +\r\n d.getSeconds();\r\n return datetime;\r\n },\r\n\r\n selectChange(e) {},\r\n // 具体日期\r\n onchangeTime(e) {\r\n this.timeVal = e;\r\n this.formValidate.time = this.timeVal ? this.timeVal.join('-') : '';\r\n this.name = this.formValidate.time;\r\n this.wechatQrcodeStatistic();\r\n },\r\n // 统计图\r\n getTrend(seriesData, xAxisData) {\r\n this.spinShow = true;\r\n let legend = seriesData.map((item) => {\r\n return item.name;\r\n });\r\n let xAxis = xAxisData;\r\n let col = ['#5B8FF9', '#5AD8A6', '#FFAB2B', '#5D7092'];\r\n let series = [];\r\n seriesData.map((item, index) => {\r\n series.push({\r\n name: item.name,\r\n type: 'line',\r\n data: item.data,\r\n itemStyle: {\r\n normal: {\r\n color: col[index],\r\n },\r\n },\r\n smooth: 0,\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 },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.cl {\r\n margin-right: 20px;\r\n}\r\n.code-row-bg {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n}\r\n.code-row-bg .ivu-mt {\r\n width: 100%;\r\n margin: 0 5px;\r\n}\r\n.ech-box {\r\n margin-top: 10px;\r\n}\r\n.change-style {\r\n border: 1px solid #ccc;\r\n border-radius: 15px;\r\n padding: 0px 10px;\r\n cursor: pointer;\r\n}\r\n.table-head {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.return {\r\n margin-bottom: 6px;\r\n}\r\n.i-layout-page-header {\r\n padding-left: 13px;\r\n}\r\n</style>\r\n"]}]}
|
