1 |
- {"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js??ref--0-2!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\echart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\echart.vue","mtime":1663922514831},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js","mtime":1540864632000}],"contextDependencies":[],"result":["//\n//\n//\n\r\nimport * as echarts from 'echarts';\r\nexport default {\r\n name: 'zz-echart',\r\n props: ['option'],\r\n data() {\r\n return {\r\n echart: ''\r\n };\r\n },\r\n mounted() {\r\n this.initEchart();\r\n },\r\n\r\n computed: {\r\n resize() {\r\n // 通过scale值来判断窗口是变化\r\n return this.$store.getters['getScale'];\r\n },\r\n collapse() {\r\n return this.$store.getters['getCollapse'];\r\n }\r\n },\r\n methods: {\r\n initEchart() {\r\n this.echart = echarts.init(document.getElementById('echarts-' + this._uid));\r\n if (this.option) {\r\n this.echart.setOption(this.option);\r\n this.echart.on('rendered', () => {\r\n this.$emit('finish', this.echart);\r\n });\r\n this.echart.on('mouseover', (p) => {\r\n this.$emit('mouseover', this.echart, p);\r\n });\r\n }\r\n }\r\n },\r\n watch: {\r\n resize() {\r\n this.echart.resize();\r\n },\r\n collapse() {\r\n this.echart.resize();\r\n },\r\n option: {\r\n deep: true,\r\n handler(n) {\r\n this.echart.dispose();\r\n // this.echart.setOption(n);\r\n this.initEchart();\r\n }\r\n }\r\n },\r\n destroyed() {\r\n this.echart.dispose();\r\n }\r\n};\r\n",{"version":3,"sources":["echart.vue"],"names":[],"mappings":";;;;AAIA;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","file":"echart.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n <div :id=\"'echarts-' + _uid\"></div>\r\n</template>\r\n<script>\r\nimport * as echarts from 'echarts';\r\nexport default {\r\n name: 'zz-echart',\r\n props: ['option'],\r\n data() {\r\n return {\r\n echart: ''\r\n };\r\n },\r\n mounted() {\r\n this.initEchart();\r\n },\r\n\r\n computed: {\r\n resize() {\r\n // 通过scale值来判断窗口是变化\r\n return this.$store.getters['getScale'];\r\n },\r\n collapse() {\r\n return this.$store.getters['getCollapse'];\r\n }\r\n },\r\n methods: {\r\n initEchart() {\r\n this.echart = echarts.init(document.getElementById('echarts-' + this._uid));\r\n if (this.option) {\r\n this.echart.setOption(this.option);\r\n this.echart.on('rendered', () => {\r\n this.$emit('finish', this.echart);\r\n });\r\n this.echart.on('mouseover', (p) => {\r\n this.$emit('mouseover', this.echart, p);\r\n });\r\n }\r\n }\r\n },\r\n watch: {\r\n resize() {\r\n this.echart.resize();\r\n },\r\n collapse() {\r\n this.echart.resize();\r\n },\r\n option: {\r\n deep: true,\r\n handler(n) {\r\n this.echart.dispose();\r\n // this.echart.setOption(n);\r\n this.initEchart();\r\n }\r\n }\r\n },\r\n destroyed() {\r\n this.echart.dispose();\r\n }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n[id^='echarts-'] {\r\n width: 100%;\r\n height: calc(100% - 2px);\r\n}\r\n</style>\r\n"]}]}
|