{"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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\\babel.config.js","mtime":1663828782900},{"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//\nimport * as echarts from 'echarts';\nexport default {\n  name: 'zz-echart',\n  props: ['option'],\n  data: function data() {\n    return {\n      echart: ''\n    };\n  },\n  mounted: function mounted() {\n    this.initEchart();\n  },\n  computed: {\n    resize: function resize() {\n      // 通过scale值来判断窗口是变化\n      return this.$store.getters['getScale'];\n    },\n    collapse: function collapse() {\n      return this.$store.getters['getCollapse'];\n    }\n  },\n  methods: {\n    initEchart: function initEchart() {\n      var _this = this;\n\n      this.echart = echarts.init(document.getElementById('echarts-' + this._uid));\n\n      if (this.option) {\n        this.echart.setOption(this.option);\n        this.echart.on('rendered', function () {\n          _this.$emit('finish', _this.echart);\n        });\n        this.echart.on('mouseover', function (p) {\n          _this.$emit('mouseover', _this.echart, p);\n        });\n      }\n    }\n  },\n  watch: {\n    resize: function resize() {\n      this.echart.resize();\n    },\n    collapse: function collapse() {\n      this.echart.resize();\n    },\n    option: {\n      deep: true,\n      handler: function handler(n) {\n        this.echart.dispose(); // this.echart.setOption(n);\n\n        this.initEchart();\n      }\n    }\n  },\n  destroyed: function destroyed() {\n    this.echart.dispose();\n  }\n};",{"version":3,"mappings":";;;AAIA;AACA;AACAA,mBADA;AAEAC,mBAFA;AAGAC,MAHA,kBAGA;AACA;AACAC;AADA;AAGA,GAPA;AAQAC,SARA,qBAQA;AACA;AACA,GAVA;AAYAC;AACAC,UADA,oBACA;AACA;AACA;AACA,KAJA;AAKAC,YALA,sBAKA;AACA;AACA;AAPA,GAZA;AAqBAC;AACAC,cADA,wBACA;AAAA;;AACA;;AACA;AACA;AACA;AACA;AACA,SAFA;AAGA;AACA;AACA,SAFA;AAGA;AACA;AAZA,GArBA;AAmCAC;AACAJ,UADA,oBACA;AACA;AACA,KAHA;AAIAC,YAJA,sBAIA;AACA;AACA,KANA;AAOAI;AACAC,gBADA;AAEAC,aAFA,mBAEAC,CAFA,EAEA;AACA,8BADA,CAEA;;AACA;AACA;AANA;AAPA,GAnCA;AAmDAC,WAnDA,uBAmDA;AACA;AACA;AArDA","names":["name","props","data","echart","mounted","computed","resize","collapse","methods","initEchart","watch","option","deep","handler","n","destroyed"],"sourceRoot":"src/components/common","sources":["echart.vue"],"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"]}]}