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