{"remainingRequest":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\jd_cgpt_fvue\\src\\views\\BigScreen\\balanceOverview.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\src\\views\\BigScreen\\balanceOverview.vue","mtime":1701745912029},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\jd_cgpt_fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport * as echarts from 'echarts';\nimport headline from \"./headline.vue\";\nexport default {\n  components: {\n    headline: headline\n  },\n  data: function data() {\n    return {\n      thisMenuValue: '',\n      loadingColor: 'rgba(88, 115, 134, 0.3)',\n      loading: {\n        barChartSource: false,\n        barChartResource: false,\n        pieChart: false,\n        guageChart: false\n      },\n      barChartSource: null,\n      // 设备系统来源\n      barChartDataSource: [{\n        name: '通讯系统',\n        value: 65\n      }, {\n        name: '收费系统',\n        value: 18\n      }, {\n        name: '供配电系统',\n        value: 29\n      }, {\n        name: '监控系统',\n        value: 40\n      }],\n      barChartOptionSource: null,\n      barChartResource: null,\n      // 站点资产\n      barChartDataResource: [{\n        name: '车道',\n        value: 8\n      }, {\n        name: '站机房',\n        value: 7\n      }, {\n        name: 'UPS房',\n        value: 5\n      }, {\n        name: '配电房',\n        value: 9\n      }, {\n        name: '站房',\n        value: 15\n      }],\n      barChartOptionResource: null,\n      pieChart: null,\n      pieChartData: [{\n        value: 1048,\n        name: '通讯设备'\n      }, {\n        value: 735,\n        name: '供电设备'\n      }, {\n        value: 580,\n        name: '灯具设备'\n      }, {\n        value: 484,\n        name: '监控设备'\n      }, {\n        value: 300,\n        name: '显示器设备'\n      }, {\n        value: 580,\n        name: '收费设备'\n      }, {\n        value: 484,\n        name: '服务器'\n      }, {\n        value: 300,\n        name: '工作站'\n      }],\n      pieChartOption: null,\n      equipmentTotalCount: 4585,\n      guageChart: null,\n      guageChartData: 50,\n      guageChartOpiton: null,\n      // 岗位统计\n      post: {\n        manager: 10,\n        monitor: 15,\n        collector: 20,\n        other: 30\n      }\n    };\n  },\n  mounted: function mounted() {\n    this.thisMenuValue = this.$route.query.thisMenuValue;\n    this.getData();\n  },\n  methods: {\n    getData: function getData() {\n      this.drawBarChartSource();\n      this.drawBarChartResource();\n      this.drawPieChart();\n      this.drawGuageChart();\n    },\n    drawBarChartSource: function drawBarChartSource() {\n      var _this = this;\n\n      // chart 已存在则为更新数据\n      if (this.barChartSource) {\n        this.barChartOptionSource.dataset.source = this.barChartDataSource;\n        this.barChartSource.setOption(this.barChartOptionSource);\n      } else {\n        // chart 不存在则为初始化数据和图表\n        this.barChartSource = echarts.init(document.getElementById('bar-chart-source'));\n        this.barChartOptionSource = {\n          dataset: {\n            source: this.barChartDataSource\n          },\n          tooltip: {\n            trigger: 'axis',\n            backgroundColor: 'rgba(113, 126, 139, 0.9)',\n            borderColor: '#a9b2bc',\n            textStyle: {\n              color: '#fff'\n            },\n            confine: true,\n            position: 'bottom',\n            formatter: function formatter(params) {\n              return '设备系统来源<br/>' + params[0].data.name + '：' + params[0].data.value + '（个）';\n            }\n          },\n          grid: [{\n            top: '18%',\n            left: '10%',\n            right: '0',\n            bottom: '10%'\n          }],\n          xAxis: {\n            type: 'category',\n            axisTick: {\n              show: false,\n              alignWithLabel: true\n            },\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)'\n            }\n          },\n          yAxis: {\n            name: '单位（个）',\n            nameTextStyle: {\n              color: 'rgba(255,255,255,0.6)',\n              padding: [0, 0, 0, 20]\n            },\n            type: 'value',\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              formatter: function formatter(val) {\n                if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n                  return val;\n                } else {\n                  return;\n                }\n              }\n            },\n            splitLine: {\n              show: false\n            }\n          },\n          series: [{\n            type: 'bar',\n            showBackground: true,\n            barWidth: 20,\n            itemStyle: {\n              borderRadius: [5, 5, 0, 0],\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: '#CAAD66'\n              }, {\n                offset: 0.6,\n                color: '#85785c'\n              }, {\n                offset: 1,\n                color: '#4c4d51'\n              }])\n            }\n          }]\n        };\n        this.barChartOptionSource && this.barChartSource.setOption(this.barChartOptionSource);\n        window.addEventListener('resize', function () {\n          return _this.barChartSource.resize();\n        });\n      }\n    },\n    drawBarChartResource: function drawBarChartResource() {\n      var _this2 = this;\n\n      // chart 已存在则为更新数据\n      if (this.barChartResource) {\n        this.barChartOptionSource.dataset.source = this.barChartDataResource;\n        this.barChartResource.setOption(this.barChartOptionSource);\n      } else {\n        // chart 不存在则为初始化数据和图表\n        this.barChartResource = echarts.init(document.getElementById('bar-chart-resource'));\n        this.barChartOptionResource = {\n          dataset: {\n            source: this.barChartDataResource\n          },\n          tooltip: {\n            trigger: 'axis',\n            backgroundColor: 'rgba(113, 126, 139, 0.9)',\n            borderColor: '#a9b2bc',\n            textStyle: {\n              color: '#fff'\n            },\n            confine: true,\n            position: 'bottom',\n            formatter: function formatter(params) {\n              return '站点资产<br/>' + params[0].data.name + '：' + params[0].data.value + '（个）';\n            }\n          },\n          grid: [{\n            top: '18%',\n            left: '10%',\n            right: '0',\n            bottom: '10%'\n          }],\n          xAxis: {\n            type: 'category',\n            axisTick: {\n              show: false,\n              alignWithLabel: true\n            },\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)'\n            }\n          },\n          yAxis: {\n            name: '单位（个）',\n            nameTextStyle: {\n              color: 'rgba(255,255,255,0.6)',\n              padding: [0, 0, 0, 20]\n            },\n            type: 'value',\n            axisLine: {\n              show: true,\n              lineStyle: {\n                color: '#808080'\n              }\n            },\n            axisLabel: {\n              show: true,\n              color: 'rgba(255,255,255,0.6)',\n              formatter: function formatter(val) {\n                if (val >= 1 && parseInt(val, 10) === val || val == 0) {\n                  return val;\n                } else {\n                  return;\n                }\n              }\n            },\n            splitLine: {\n              show: false\n            }\n          },\n          series: [{\n            type: 'bar',\n            showBackground: true,\n            barWidth: 20,\n            itemStyle: {\n              borderRadius: [5, 5, 0, 0],\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n                offset: 0,\n                color: '#49FFB6'\n              }, {\n                offset: 0.6,\n                color: '#50a58a'\n              }, {\n                offset: 1,\n                color: '#516663'\n              }])\n            }\n          }]\n        };\n        this.barChartOptionResource && this.barChartResource.setOption(this.barChartOptionResource);\n        window.addEventListener('resize', function () {\n          return _this2.barChartResource.resize();\n        });\n      }\n    },\n    drawPieChart: function drawPieChart() {\n      var _this3 = this;\n\n      // chart 已存在则为更新数据\n      if (this.pieChart) {\n        this.pieChartOption.series[0].data = this.pieChartData;\n        this.barChartSource.setOption(this.pieChartOption);\n      } else {\n        // chart 不存在则为初始化数据和图表\n        this.pieChart = echarts.init(document.getElementById('pie-chart'));\n        this.pieChartOption = {\n          color: ['#6699FF', '#66CCFF', '#00E5E5', '#4DFFFF', '#66FF99', '#80FF66', '#CCFF66', '#FFE666'],\n          tooltip: {\n            trigger: 'item',\n            backgroundColor: 'rgba(113, 126, 139, 0.9)',\n            borderColor: '#a9b2bc',\n            confine: true,\n            textStyle: {\n              color: '#fff'\n            },\n            formatter: '{a} <br/>{b} : {c}个 ({d}%)'\n          },\n          legend: {\n            type: 'scroll',\n            orient: 'vertical',\n            left: 'right',\n            top: 'middle',\n            icon: 'circle',\n            textStyle: {\n              color: '#E1E9F0'\n            },\n            align: 'left',\n            pageIconColor: '#E1E9F0',\n            pageIconInactiveColor: '#a2a6a8',\n            pageIconSize: 10,\n            pageTextStyle: {\n              color: '#fff'\n            }\n          },\n          series: [{\n            name: '设备统计',\n            type: 'pie',\n            radius: '75%',\n            center: ['40%', '50%'],\n            data: this.pieChartData,\n            label: {\n              show: false\n            },\n            emphasis: {\n              itemStyle: {\n                shadowBlur: 10,\n                shadowOffsetX: 0,\n                shadowColor: 'rgba(0, 0, 0, 0.5)'\n              }\n            }\n          }]\n        };\n        this.pieChartOption && this.pieChart.setOption(this.pieChartOption);\n        window.addEventListener('resize', function () {\n          return _this3.pieChart.resize();\n        });\n      }\n    },\n    drawGuageChart: function drawGuageChart() {}\n  }\n};",null]}