{"remainingRequest":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\yhxt-web\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\yhxt-web\\src\\views\\bigScreen\\components\\PieCharts.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\yhxt-web\\src\\views\\bigScreen\\components\\PieCharts.vue","mtime":1735064047652},{"path":"D:\\jenkins\\workspace\\yhxt-web\\babel.config.js","mtime":1667326389982},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\yhxt-web\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.function.name\";\nimport _defineProperty from \"D:/jenkins/workspace/yhxt-web/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\nimport \"core-js/modules/es6.number.constructor\";\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n//\n//\n//\n//\n\nimport * as echarts from 'echarts'; // 引入charts\nexport default {\n  name: 'pieCharts',\n  props: {\n    id: {\n      type: String,\n      require: true\n    },\n    data: {\n      type: Array,\n      require: true\n    },\n    config: {\n      type: Object,\n      default: function _default() {}\n    },\n    key_: {\n      type: Number,\n      default: 0\n    }\n  },\n  data: function data() {\n    return {\n      myChart: null,\n      option: null\n    };\n  },\n  mounted: function mounted() {\n    this.init();\n  },\n  watch: {\n    data: {\n      deep: true,\n      handler: function handler(val) {\n        this.option.series[0].data = val;\n        this.myChart.setOption(this.option);\n      }\n    }\n  },\n  methods: {\n    init: function init() {\n      var chartDom = document.getElementById(this.id);\n      this.myChart = echarts.init(chartDom);\n      this.option = _objectSpread(_objectSpread({\n        color: this.color,\n        tooltip: {\n          trigger: 'item',\n          formatter: function formatter(params) {\n            // params 包含了关于当前鼠标悬停的数据项的所有信息\n            return \"\".concat(params.name, \": \").concat(params.value);\n          }\n        },\n        // graphic: {\n        //   type: 'text',\n        //   left: 'center',\n        //   top: '48%',\n        //   style: {\n        //     text: '74.5%',\n        //     textAlign: 'center',\n        //     fill: '#fff',\n        //     fontSize: 12,\n        //   },\n        // },\n        legend: {\n          bottom: '40%',\n          left: '70%',\n          icon: 'circle',\n          textStyle: {\n            color: '#fff'\n          }\n        }\n      }, this.config), {}, {\n        series: [_objectSpread(_objectSpread({\n          name: '设备信息',\n          type: 'pie',\n          radius: ['50%', '70%'],\n          // center: ['25%', '50%'],\n          avoidLabelOverlap: false,\n          label: {\n            show: true,\n            position: 'center',\n            formatter: function formatter(a) {\n              // if (this.key_ == 1) {\n              //     return a.percent.toFixed(2) + '%'\n              // } else {\n              //     return (100 - a.percent).toFixed(2) + '%'\n              // }\n              return a.value + '个';\n            },\n            //'{d}%',\n            color: '#fff',\n            fontSize: 16\n          },\n          emphasis: {\n            label: {\n              show: false\n            }\n          },\n          labelLine: {\n            show: false\n          }\n        }, this.config.series), {}, {\n          data: this.data\n        })]\n      });\n      this.option && this.myChart.setOption(this.option);\n      this.myChart.on('click', this.handleClick);\n    },\n    //弹窗数据传递\n    handleClick: function handleClick(params) {\n      // params 包含了关于点击事件的信息，包括点击的是哪个数据项\n      if (params.seriesType === 'pie') {\n        // 根据点击的扇区名称或值决定展示哪个弹窗\n        var popupContent;\n        switch (params.name) {\n          case '在线设备':\n            popupContent = this.getOnlineDevices();\n            break;\n          case '离线设备':\n            popupContent = this.getOfflineDevices();\n            break;\n          default:\n            return;\n          // 如果不是预期的扇区，则不执行任何操作\n        }\n\n        // 展示弹窗\n        // this.showPopup(popupContent);\n      }\n    },\n    //在线设备获取\n    getOnlineDevices: function getOnlineDevices() {\n      // 获取并返回在线设备信息\n\n      this.$emit('getDevicesDetail', 1);\n      return; /* 在线设备信息 */\n    },\n    //离线设备获取\n    getOfflineDevices: function getOfflineDevices() {\n      // 获取并返回离线设备信息\n      this.$emit('getDevicesDetail', 0);\n      console.log('离线设备');\n      return; /* 离线设备信息 */\n    }\n  }\n};",null]}