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