{"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\\components\\echarts\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\echarts\\index.vue","mtime":1761185179965},{"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:DQppbXBvcnQgZWNoYXJ0cyBmcm9tICdlY2hhcnRzJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2luZGV4JywNCiAgcHJvcHM6IHsNCiAgICBpbmZvTGlzdDogew0KICAgICAgdHlwZTogT2JqZWN0LA0KICAgICAgZGVmYXVsdDogbnVsbCwNCiAgICB9LA0KICAgIHNlcmllczogQXJyYXksDQogICAgZWNoYXJ0c1RpdGxlOiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAnJywNCiAgICB9LA0KICAgIHlBeGlzRGF0YTogew0KICAgICAgdHlwZTogQXJyYXksDQogICAgICBkZWZhdWx0OiAoKSA9PiBbXSwNCiAgICB9LA0KICAgIGJpbmdYZGF0YTogQXJyYXksDQogIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGluZm9MaXN0czogdGhpcy5pbmZvTGlzdCwNCiAgICAgIHNlcmllc0FycmF5OiB0aGlzLnNlcmllcywNCiAgICB9Ow0KICB9LA0KICB3YXRjaDogew0KICAgIGluZm9MaXN0OiB7DQogICAgICBoYW5kbGVyKG5ld1ZhbCwgb2xkVmFsKSB7DQogICAgICAgIHRoaXMuaW5mb0xpc3RzID0gbmV3VmFsOw0KICAgICAgICB0aGlzLmhhbmRsZVNldFZpc2l0Q2hhcnQoKTsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLCAvLyDlr7nosaHlhoXpg6jlsZ7mgKfnmoTnm5HlkKzvvIzlhbPplK7jgIINCiAgICB9LA0KICAgIHNlcmllczogew0KICAgICAgaGFuZGxlcihuZXdWYWwsIG9sZFZhbCkgew0KICAgICAgICB0aGlzLnNlcmllc0FycmF5ID0gbmV3VmFsOw0KICAgICAgICB0aGlzLmhhbmRsZVNldFZpc2l0Q2hhcnQoKTsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLCAvLyDlr7nosaHlhoXpg6jlsZ7mgKfnmoTnm5HlkKzvvIzlhbPplK7jgIINCiAgICB9LA0KICB9LA0KICBjb21wdXRlZDogew0KICAgIGVjaGFydHMoKSB7DQogICAgICByZXR1cm4gJ2VjaGFydHMnICsgTWF0aC5jZWlsKE1hdGgucmFuZG9tKCkgKiAxMDApOw0KICAgIH0sDQogIH0sDQogIG1vdW50ZWQ6IGZ1bmN0aW9uICgpIHsNCiAgICBjb25zdCB2bSA9IHRoaXM7DQogICAgdm0uJG5leHRUaWNrKCgpID0+IHsNCiAgICAgIHZtLmhhbmRsZVNldFZpc2l0Q2hhcnQoKTsNCiAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCB0aGlzLndzRnVuYyk7DQogICAgfSk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICB3c0Z1bmMoKSB7DQogICAgICB0aGlzLm15Q2hhcnQucmVzaXplKCk7DQogICAgfSwNCiAgICBoYW5kbGVTZXRWaXNpdENoYXJ0KCkgew0KICAgICAgdGhpcy5teUNoYXJ0ID0gZWNoYXJ0cy5pbml0KGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKHRoaXMuZWNoYXJ0cykpOw0KICAgICAgbGV0IG9wdGlvbiA9IG51bGw7DQogICAgICBpZiAodGhpcy5lY2hhcnRzVGl0bGUgPT09ICdjaXJjbGUnKSB7DQogICAgICAgIG9wdGlvbiA9IHsNCiAgICAgICAgICB0b29sdGlwOiB7DQogICAgICAgICAgICB0cmlnZ2VyOiAnaXRlbScsDQogICAgICAgICAgICBmb3JtYXR0ZXI6ICd7YX0gPGJyLz57Yn0gOiB7Y30gKHtkfSUpJywNCiAgICAgICAgICB9LA0KICAgICAgICAgIGxlZ2VuZDogew0KICAgICAgICAgICAgb3JpZW50OiAndmVydGljYWwnLA0KICAgICAgICAgICAgbGVmdDogJ3JpZ2h0JywNCiAgICAgICAgICAgIGRhdGE6IHRoaXMuaW5mb0xpc3RzLmJpbmdfeGRhdGEgfHwgW10sDQogICAgICAgICAgfSwNCiAgICAgICAgICBzZXJpZXM6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgbmFtZTogJ+iuv+mXruadpea6kCcsDQogICAgICAgICAgICAgIHR5cGU6ICdwaWUnLA0KICAgICAgICAgICAgICByYWRpdXM6ICc3MCUnLA0KICAgICAgICAgICAgICBjZW50ZXI6IFsnNTAlJywgJzYwJSddLA0KICAgICAgICAgICAgICBkYXRhOiB0aGlzLmluZm9MaXN0cy5iaW5nX2RhdGEgfHwgW10sDQogICAgICAgICAgICAgIGVtcGhhc2lzOiB7DQogICAgICAgICAgICAgICAgaXRlbVN0eWxlOiB7DQogICAgICAgICAgICAgICAgICBzaGFkb3dCbHVyOiAxMCwNCiAgICAgICAgICAgICAgICAgIHNoYWRvd09mZnNldFg6IDAsDQogICAgICAgICAgICAgICAgICBzaGFkb3dDb2xvcjogJ3JnYmEoMCwgMCwgMCwgMC41KScsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIH0sDQogICAgICAgICAgXSwNCiAgICAgICAgfTsNCiAgICAgIH0gZWxzZSB7DQogICAgICAgIG9wdGlvbiA9IHsNCiAgICAgICAgICB0b29sdGlwOiB7DQogICAgICAgICAgICB0cmlnZ2VyOiAnYXhpcycsDQogICAgICAgICAgfSwNCiAgICAgICAgICB0b29sYm94OiB7fSwNCiAgICAgICAgICBsZWdlbmQ6IHsNCiAgICAgICAgICAgIGRhdGE6IHRoaXMuaW5mb0xpc3RzLmxlZ2VuZCB8fCBbXSwNCiAgICAgICAgICB9LA0KICAgICAgICAgIGNvbG9yOiBbJyMxNDk1RUInLCAnIzAwQ0M2NicsICcjRjlEMjQ5JywgJyNmZjk5MDAnLCAnIzk4NjBERiddLA0KICAgICAgICAgIGdyaWQ6IHsNCiAgICAgICAgICAgIGxlZnQ6IDE2LA0KICAgICAgICAgICAgcmlnaHQ6IDI1LA0KICAgICAgICAgICAgYm90dG9tOiAxMCwNCiAgICAgICAgICAgIHRvcDogNDAsDQogICAgICAgICAgICBjb250YWluTGFiZWw6IHRydWUsDQogICAgICAgICAgfSwNCiAgICAgICAgICB4QXhpczogWw0KICAgICAgICAgICAgew0KICAgICAgICAgICAgICB0eXBlOiAnY2F0ZWdvcnknLA0KICAgICAgICAgICAgICBheGlzTGluZTogew0KICAgICAgICAgICAgICAgIGxpbmVTdHlsZTogew0KICAgICAgICAgICAgICAgICAgY29sb3I6ICcjRDdEREU0JywNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICBheGlzVGljazogew0KICAgICAgICAgICAgICAgIGFsaWduV2l0aExhYmVsOiB0cnVlLA0KICAgICAgICAgICAgICAgIGxpbmVTdHlsZTogew0KICAgICAgICAgICAgICAgICAgY29sb3I6ICcjRDdEREU0JywNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICBzcGxpdExpbmU6IHsNCiAgICAgICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICAgICAgICBsaW5lU3R5bGU6IHsNCiAgICAgICAgICAgICAgICAgIGNvbG9yOiAnI0Y1RjdGOScsDQogICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgLy8gYXhpc1BvaW50ZXI6IHsNCiAgICAgICAgICAgICAgLy8gICAgIHR5cGU6ICdzaGFkb3cnDQogICAgICAgICAgICAgIC8vIH0sDQogICAgICAgICAgICAgIGF4aXNMYWJlbDogew0KICAgICAgICAgICAgICAgIGludGVydmFsOiAwLA0KICAgICAgICAgICAgICAgIHJvdGF0ZTogNDAsDQogICAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7DQogICAgICAgICAgICAgICAgICBjb2xvcjogJyM3RjhCOUMnLA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgIGRhdGE6IHRoaXMuaW5mb0xpc3RzLnhBeGlzLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBdLA0KICAgICAgICAgIHlBeGlzOiB0aGlzLnlBeGlzRGF0YS5sZW5ndGgNCiAgICAgICAgICAgID8gdGhpcy55QXhpc0RhdGENCiAgICAgICAgICAgIDogew0KICAgICAgICAgICAgICAgIGF4aXNMaW5lOiB7DQogICAgICAgICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIGF4aXNUaWNrOiB7DQogICAgICAgICAgICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIGF4aXNMYWJlbDogew0KICAgICAgICAgICAgICAgICAgdGV4dFN0eWxlOiB7DQogICAgICAgICAgICAgICAgICAgIGNvbG9yOiAnIzdGOEI5QycsDQogICAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgc3BsaXRMaW5lOiB7DQogICAgICAgICAgICAgICAgICBzaG93OiB0cnVlLA0KICAgICAgICAgICAgICAgICAgbGluZVN0eWxlOiB7DQogICAgICAgICAgICAgICAgICAgIGNvbG9yOiAnI0Y1RjdGOScsDQogICAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgdHlwZTogJ3ZhbHVlJywNCiAgICAgICAgICAgICAgfSwNCiAgICAgICAgICBzZXJpZXM6IHRoaXMuc2VyaWVzQXJyYXksDQogICAgICAgIH07DQogICAgICB9DQogICAgICAvLyDln7rkuo7lh4blpIflpb3nmoRkb23vvIzliJ3lp4vljJZlY2hhcnRz5a6e5L6LDQogICAgICB0aGlzLm15Q2hhcnQuc2V0T3B0aW9uKG9wdGlvbiwgdHJ1ZSk7DQogICAgfSwNCiAgICBoYW5kbGVSZXNpemUoKSB7DQogICAgICB0aGlzLm15Q2hhcnQucmVzaXplKCk7DQogICAgfSwNCiAgfSwNCiAgYmVmb3JlRGVzdHJveSgpIHsNCiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy53c0Z1bmMpOw0KICAgIGlmICghdGhpcy5teUNoYXJ0KSB7DQogICAgICByZXR1cm47DQogICAgfQ0KICAgIHRoaXMubXlDaGFydC5kaXNwb3NlKCk7DQogICAgdGhpcy5teUNoYXJ0ID0gbnVsbDsNCiAgfSwNCn07DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"index.vue","sourceRoot":"src/components/echarts","sourcesContent":["<template>\r\n  <div>\r\n    <div :id=\"echarts\" style=\"height: 300px\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport echarts from 'echarts';\r\nexport default {\r\n  name: 'index',\r\n  props: {\r\n    infoList: {\r\n      type: Object,\r\n      default: null,\r\n    },\r\n    series: Array,\r\n    echartsTitle: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    yAxisData: {\r\n      type: Array,\r\n      default: () => [],\r\n    },\r\n    bingXdata: Array,\r\n  },\r\n  data() {\r\n    return {\r\n      infoLists: this.infoList,\r\n      seriesArray: this.series,\r\n    };\r\n  },\r\n  watch: {\r\n    infoList: {\r\n      handler(newVal, oldVal) {\r\n        this.infoLists = newVal;\r\n        this.handleSetVisitChart();\r\n      },\r\n      deep: true, // 对象内部属性的监听，关键。\r\n    },\r\n    series: {\r\n      handler(newVal, oldVal) {\r\n        this.seriesArray = newVal;\r\n        this.handleSetVisitChart();\r\n      },\r\n      deep: true, // 对象内部属性的监听，关键。\r\n    },\r\n  },\r\n  computed: {\r\n    echarts() {\r\n      return 'echarts' + Math.ceil(Math.random() * 100);\r\n    },\r\n  },\r\n  mounted: function () {\r\n    const vm = this;\r\n    vm.$nextTick(() => {\r\n      vm.handleSetVisitChart();\r\n      window.addEventListener('resize', this.wsFunc);\r\n    });\r\n  },\r\n  methods: {\r\n    wsFunc() {\r\n      this.myChart.resize();\r\n    },\r\n    handleSetVisitChart() {\r\n      this.myChart = echarts.init(document.getElementById(this.echarts));\r\n      let option = null;\r\n      if (this.echartsTitle === 'circle') {\r\n        option = {\r\n          tooltip: {\r\n            trigger: 'item',\r\n            formatter: '{a} <br/>{b} : {c} ({d}%)',\r\n          },\r\n          legend: {\r\n            orient: 'vertical',\r\n            left: 'right',\r\n            data: this.infoLists.bing_xdata || [],\r\n          },\r\n          series: [\r\n            {\r\n              name: '访问来源',\r\n              type: 'pie',\r\n              radius: '70%',\r\n              center: ['50%', '60%'],\r\n              data: this.infoLists.bing_data || [],\r\n              emphasis: {\r\n                itemStyle: {\r\n                  shadowBlur: 10,\r\n                  shadowOffsetX: 0,\r\n                  shadowColor: 'rgba(0, 0, 0, 0.5)',\r\n                },\r\n              },\r\n            },\r\n          ],\r\n        };\r\n      } else {\r\n        option = {\r\n          tooltip: {\r\n            trigger: 'axis',\r\n          },\r\n          toolbox: {},\r\n          legend: {\r\n            data: this.infoLists.legend || [],\r\n          },\r\n          color: ['#1495EB', '#00CC66', '#F9D249', '#ff9900', '#9860DF'],\r\n          grid: {\r\n            left: 16,\r\n            right: 25,\r\n            bottom: 10,\r\n            top: 40,\r\n            containLabel: true,\r\n          },\r\n          xAxis: [\r\n            {\r\n              type: 'category',\r\n              axisLine: {\r\n                lineStyle: {\r\n                  color: '#D7DDE4',\r\n                },\r\n              },\r\n              axisTick: {\r\n                alignWithLabel: true,\r\n                lineStyle: {\r\n                  color: '#D7DDE4',\r\n                },\r\n              },\r\n              splitLine: {\r\n                show: false,\r\n                lineStyle: {\r\n                  color: '#F5F7F9',\r\n                },\r\n              },\r\n              // axisPointer: {\r\n              //     type: 'shadow'\r\n              // },\r\n              axisLabel: {\r\n                interval: 0,\r\n                rotate: 40,\r\n                textStyle: {\r\n                  color: '#7F8B9C',\r\n                },\r\n              },\r\n              data: this.infoLists.xAxis,\r\n            },\r\n          ],\r\n          yAxis: this.yAxisData.length\r\n            ? this.yAxisData\r\n            : {\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                type: 'value',\r\n              },\r\n          series: this.seriesArray,\r\n        };\r\n      }\r\n      // 基于准备好的dom，初始化echarts实例\r\n      this.myChart.setOption(option, true);\r\n    },\r\n    handleResize() {\r\n      this.myChart.resize();\r\n    },\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('resize', this.wsFunc);\r\n    if (!this.myChart) {\r\n      return;\r\n    }\r\n    this.myChart.dispose();\r\n    this.myChart = null;\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped></style>\r\n"]}]}