{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\thread-loader\\dist\\cjs.js!D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\babel-loader\\lib\\index.js!D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\GroupCoordination\\GroupControl.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\GroupCoordination\\GroupControl.vue","mtime":1667804639618},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-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//\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 { Chart } from '@antv/g2';\nimport utils from '@/hotent-ui-util';\nexport default {\n  name: 'group-control',\n  data: function data() {\n    return {\n      winD: '',\n      tableData: [],\n      chart1: null,\n      chartData: [],\n      chart2: null,\n      chart2Data: [],\n      accecptData: false,\n      emsFactoryWinspdAvg: null,\n      photosUrl: '',\n      //require(\"@/assets/img/wake_21110.png\"),\n      srcList: [] //require('@/assets/img/wake_21110.png')\n\n    };\n  },\n  created: function created() {\n    this.initData();\n  },\n  mounted: function mounted() {\n    var _this = this;\n\n    this.initChart1();\n    this.initChart2();\n    this.accecptData = true;\n    this.$bus.$on('SCADAMsg', function (data) {\n      if (_this.accecptData) {\n        _this.changeData(data);\n      }\n    });\n    this.$bus.$on('CQKZMsg', function (data) {\n      if (_this.accecptData) {\n        _this.changeCQKZData(data);\n      }\n    });\n  },\n  beforeDestroy: function beforeDestroy() {\n    // 切换页面 不再接收数据\n    this.accecptData = false;\n    this.monthDataReady = false;\n    document.removeEventListener('visibilitychange', this.windowVisiable);\n  },\n  methods: {\n    initData: function initData() {\n      var _this2 = this;\n\n      this.$http.post('${cssc}/biz/cqkz/fangroup/v1/getRecently').then(function (res) {\n        if (res.status == 200 && res.data && res.data.message) {\n          var data = JSON.parse(res.data.message);\n\n          _this2.changeCQKZData(data);\n        }\n      });\n    },\n    changeCQKZData: function changeCQKZData(data) {\n      if (data.photosUrl) {\n        this.srcList = [];\n        this.photosUrl = data.photosUrl;\n        this.srcList.push(data.photosUrl);\n      }\n\n      if (data.data) {\n        this.tableData = data.data;\n      }\n\n      this.winD = data.wind_direction ? data.wind_direction : null; // 风速\n\n      var newData = {\n        date: parseInt(data.wind_time ? data.wind_time : null),\n        winD: data.wind_direction ? data.wind_direction : null\n      };\n      var fakeData = {\n        date: parseInt(data.wind_time ? data.wind_time : null) - 60000,\n        winD: data.wind_direction ? data.wind_direction : null\n      }; // 更新\n\n      if (data.wind_direction) {\n        this.formatData(fakeData, 2);\n        this.formatData(newData, 2);\n      }\n    },\n    changeData: function changeData(data) {\n      // 平均风速\n      this.emsFactoryWinspdAvg = data.wind.emsFactoryWinspdAvg ? data.wind.emsFactoryWinspdAvg.val : null; // 风速\n\n      var newData = {\n        date: parseInt(data.time),\n        winSpd: data.wind.emsFactoryWinspdAvg ? data.wind.emsFactoryWinspdAvg.val : null\n      }; // 任意一个有就更新，两个都没有就不更新\n\n      if (data.wind.emsFactoryWinspdAvg) {\n        this.formatData(newData, 1);\n      }\n    },\n    initChart1: function initChart1() {\n      this.chart1 = new Chart({\n        container: 'container1',\n        autoFit: true,\n        height: 300\n      });\n      this.chart1.data(this.chartData);\n      this.chart1.scale({\n        date: {\n          alias: '时间',\n          type: 'time',\n          formatter: function formatter(value) {\n            return utils.formatDate(value, 'time');\n          }\n        },\n        winSpd: {\n          alias: '平均风速(m/s)',\n          sync: true,\n          // 将 pv 字段数值同 time 字段数值进行同步\n          nice: true,\n          min: 0,\n          max: 20\n        }\n      });\n      this.chart1.axis('date', {\n        grid: null,\n        label: {\n          style: {\n            fill: '#979ba4'\n          }\n        },\n        line: {\n          style: {\n            stroke: '#414959'\n          }\n        }\n      });\n      this.chart1.axis('winSpd', {\n        grid: null,\n        label: {\n          style: {\n            fill: '#979ba4'\n          }\n        },\n        line: {\n          style: {\n            stroke: '#414959'\n          }\n        }\n      });\n      this.chart1.tooltip({\n        shared: true,\n        showCrosshairs: true,\n        domStyles: {\n          'g2-tooltip': {\n            background: 'rgba(0,0,0, 0.8)',\n            color: '#d6e0ec'\n          }\n        }\n      });\n      this.chart1.line().position('date*winSpd').color('#4FAAEB');\n      this.chart1.interaction('active-region');\n      this.chart1.render();\n    },\n    reloadChart: function reloadChart() {\n      this.chartData = [];\n      this.chart1.changeData(this.chartData);\n    },\n    formatData: function formatData(newData, type) {\n      if (type == 1) {\n        this.chartData.push(newData);\n\n        if (this.chartData.length > 300) {\n          this.chartData.splice(0, 1);\n        }\n\n        this.chart1.changeData(this.chartData);\n      } else if (type == 2) {\n        this.chart2Data.push(newData);\n\n        if (this.chart2Data.length > 300) {\n          this.chart2Data.splice(0, 1);\n        }\n\n        this.chart2.changeData(this.chart2Data);\n      }\n    },\n    initChart2: function initChart2() {\n      this.chart2 = new Chart({\n        container: 'container2',\n        autoFit: true,\n        height: 300\n      });\n      this.chart2.data(this.chart2Data);\n      this.chart2.scale({\n        date: {\n          alias: '时间',\n          type: 'time',\n          formatter: function formatter(value) {\n            return utils.formatDate(value, 'time');\n          }\n        },\n        winD: {\n          alias: '风向',\n          sync: true,\n          // 将 pv 字段数值同 time 字段数值进行同步\n          nice: true,\n          min: 0\n        }\n      });\n      this.chart2.axis('date', {\n        grid: null,\n        label: {\n          style: {\n            fill: '#979ba4'\n          }\n        },\n        line: {\n          style: {\n            stroke: '#414959'\n          }\n        }\n      });\n      this.chart2.axis('winD', {\n        grid: null,\n        label: {\n          style: {\n            fill: '#979ba4'\n          }\n        },\n        line: {\n          style: {\n            stroke: '#414959'\n          }\n        }\n      });\n      this.chart2.tooltip({\n        shared: true,\n        showCrosshairs: true,\n        domStyles: {\n          'g2-tooltip': {\n            background: 'rgba(0,0,0, 0.8)',\n            color: '#d6e0ec'\n          }\n        }\n      });\n      this.chart2.line().position('date*winD').color('#4FAAEB');\n      this.chart2.interaction('active-region');\n      this.chart2.render();\n    },\n    windowVisiable: function windowVisiable(e) {\n      if (e.target.visibilityState == 'visible') {\n        console.log('回到当前tab标签');\n        this.reloadChart();\n      } else {\n        console.log('离开当前tab标签');\n      }\n    }\n  }\n};",null]}