{"remainingRequest":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\performanceAnalysis\\gztj.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\performanceAnalysis\\gztj.vue","mtime":1667545182582},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport * as echarts from 'echarts'\r\nimport performanceAnalysis from '@/api/device/performanceAnalysis.js'\r\nexport default {\r\n  data() {\r\n    return {\r\n      zData: [],\r\n      myChart: null,\r\n      curPage: 1,\r\n      totalPage: 1,\r\n      itemNumPerPage: 10\r\n    }\r\n  },\r\n  mounted() {\r\n    this.getStatistics()\r\n    this.initChart()\r\n  },\r\n  methods: {\r\n    //获取故障统计\r\n    getStatistics() {\r\n      performanceAnalysis.getCount({}, res => {\r\n        if (res.state) {\r\n          console.log(res.value)\r\n          this.zData = res.value.rows\r\n          this.curPage = res.value.page\r\n          this.itemNumPerPage= res.value.pageSize\r\n          this.$nextTick(() => {\r\n            this.initChart()\r\n          })\r\n        }\r\n      })\r\n    },\r\n    initChart() {\r\n      let xAxis = []\r\n      let yAxis = []\r\n      for (let i = 0; i < this.zData.length; i++) {\r\n        xAxis[i] = this.zData[i].deviceName\r\n      }\r\n      for (let i = 0; i < this.zData.length; i++) {\r\n        yAxis[i] = this.zData[i].count\r\n      }\r\n      let chartDom = document.getElementById('echarts')\r\n      this.myChart = echarts.init(chartDom)\r\n      let option = {\r\n        title: {\r\n          text: '故障统计次数'\r\n        },\r\n        tooltip: {},\r\n        legend: {},\r\n        xAxis: {\r\n          data: xAxis\r\n        },\r\n        yAxis: {\r\n          type: 'value'\r\n        },\r\n        series: [\r\n          {\r\n            name: '故障统计次数',\r\n            type: 'bar', // 类型为柱状图\r\n            data: yAxis,\r\n            barWidth: '20%', // 柱条宽度 每个柱条的宽度就是类目宽度的 20%\r\n            // 柱子的样式\r\n            itemStyle: {\r\n              color: '#5574c2'\r\n            }\r\n          }\r\n        ]\r\n      }\r\n      option && this.myChart.setOption(option)\r\n      window.addEventListener('resize', () => {\r\n        this.myChart.resize()\r\n      })\r\n    },\r\n    // handleChange(e){\r\n    //   console.log(e)\r\n    //   this.getStatistics(this.curPage+1)\r\n    // }\r\n  }\r\n}\r\n",null]}