{"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\\GridControl\\ActivePower.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\GridControl\\ActivePower.vue","mtime":1681441192473},{"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":["import \"core-js/modules/web.dom.iterable\";\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 { Bar } from '@antv/g2plot';\nimport { Chart } from '@antv/g2';\nimport utils from '@/hotent-ui-util';\nexport default {\n  name: 'reactivePower',\n  data: function data() {\n    return {\n      imgOn: require('@/assets/img/buttonOn.png'),\n      imgOff: require('@/assets/img/buttonOff.png'),\n      tableHeight: 300,\n      accecptData: false,\n      emsGridDispathActEnabled: false,\n      emsGridDispatchAct: 0,\n      emsGridDispatchActUnit: '',\n      factoryPowAct: 0,\n      factoryPowActUnit: '',\n      columns: [// {\n      //     label: '机组名称',\n      //     prop: 'fanName',\n      //     minWidth: '15%',\n      //     sortable: true,\n      // },\n      {\n        label: '风速',\n        prop: 'winSpd',\n        minWidth: '15%',\n        sortable: true,\n        unit: 'm/s'\n      }, {\n        label: '有功分配值',\n        prop: 'var_50',\n        minWidth: '15%',\n        sortable: true,\n        unit: 'kW'\n      }, {\n        label: '有功功率',\n        prop: 'powAct',\n        minWidth: '15%',\n        sortable: true,\n        unit: 'kW'\n      }],\n      tableData: [],\n      maxOriginValue: 0,\n      maxValue: 0,\n      chart: null,\n      chartData: []\n    };\n  },\n  created: function created() {},\n  mounted: function mounted() {\n    var _this = this;\n\n    this.initCrewList();\n    this.accecptData = true;\n    this.$bus.$on('SCADAMsg', function (data) {\n      if (_this.accecptData) {\n        console.log(data);\n\n        _this.changeData(data);\n      }\n    });\n    this.$nextTick(function () {\n      _this.initChart();\n    });\n  },\n  beforeDestroy: function beforeDestroy() {\n    this.accecptData = false;\n  },\n  methods: {\n    initCrewList: function initCrewList() {\n      var _this2 = this;\n\n      var query = {\n        sorter: [{\n          direction: 'ASC',\n          property: 'sn'\n        }]\n      };\n      this.$http.post('${cssc}/biz/base/fanInfo/v1/list', query).then(function (resp) {\n        if (resp.data) {\n          _this2.formatFan(resp.data);\n        }\n      }, function (error) {\n        reject(error);\n      });\n    },\n    formatFan: function formatFan(data) {\n      var _this3 = this;\n\n      this.crewsList = [];\n      data.forEach(function (item, index) {\n        _this3.crewsList.push({\n          fancode: item.fanCode,\n          fanName: item.fanName,\n          var_50: null,\n          powAct: null\n        });\n      });\n    },\n    // 电网调度有功 emsGridDispathActEnabled 布尔\n    // 电网有功调度值 emsGridDispatchAct 浮点\n    // 有功功率用powAct\n    // 有功分配用var_50\n    initChart: function initChart() {\n      var _this4 = this;\n\n      this.chart = new Chart({\n        container: 'chart-container',\n        autoFit: true\n      });\n      this.chart.data(this.chartData);\n      this.chart.scale({\n        date: {\n          alias: '时间',\n          type: 'time',\n          formatter: function formatter(value) {\n            return utils.formatDate(value, 'time');\n          }\n        },\n        value: {\n          sync: true,\n          // 将数值同 date 字段数值进行同步\n          nice: true,\n          min: 0\n        }\n      });\n      this.chart.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.chart.axis('value', {\n        grid: {\n          line: {\n            style: {\n              stroke: '#414959',\n              lineWidth: 1,\n              lineDash: [3, 3]\n            }\n          }\n        },\n        label: {\n          style: {\n            fill: '#979ba4'\n          },\n          formatter: function formatter(val) {\n            return val + \" \" + _this4.emsGridDispatchActUnit;\n          }\n        },\n        line: {\n          style: {\n            stroke: '#414959'\n          }\n        }\n      });\n      this.chart.legend({\n        position: 'top',\n        itemName: {\n          style: {\n            fill: '#979ba4'\n          }\n        }\n      });\n      this.chart.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.chart.line().position('date*value').color('type', ['#399873', '#ff9c00']);\n      this.chart.interaction('active-region');\n      this.chart.render();\n    },\n    changeData: function changeData(data) {\n      var _this5 = this;\n\n      if (data.wind) {\n        this.emsGridDispathActEnabled = data.wind.emsGridDispathActEnabled ? data.wind.emsGridDispathActEnabled.val : false; // 电网调度有功指令\n\n        this.emsGridDispatchAct = data.wind.emsGridDispatchAct ? data.wind.emsGridDispatchAct.val : 0; // 电网调度有功指令值\n\n        this.emsGridDispatchActUnit = data.wind.emsGridDispatchAct ? data.wind.emsGridDispatchAct.unit : ''; // 电网调度有功指令值\n\n        this.factoryPowAct = data.wind.factoryPowAct ? data.wind.factoryPowAct.val : 0; // 风场总有功\n\n        this.factoryPowActUnit = data.wind.factoryPowAct ? data.wind.factoryPowAct.unit : '';\n\n        if (data.wind.emsGridDispatchAct || data.wind.factoryPowAct) {\n          var newData1 = {\n            date: parseInt(data.time),\n            value: data.wind.emsGridDispatchAct ? data.wind.emsGridDispatchAct.val : null,\n            type: '电网有功调度指令值'\n          };\n          var newData2 = {\n            date: parseInt(data.time),\n            value: data.wind.factoryPowAct ? data.wind.factoryPowAct.val : null,\n            type: '风场总有功'\n          };\n          this.chartData.push(newData1, newData2);\n\n          if (this.chartData.length > 600) {\n            this.chartData.splice(0, 2);\n          }\n\n          this.chart.changeData(this.chartData);\n        }\n      }\n\n      if (data.fan) {\n        this.maxOriginValue = 0;\n        this.maxValue = 0;\n\n        if (this.crewsList) {\n          this.crewsList.forEach(function (item) {\n            item.winSpd = data.fan[item.fancode].winSpd ? data.fan[item.fancode].winSpd.val : null;\n            item.winSpdUnit = data.fan[item.fancode].winSpd ? data.fan[item.fancode].winSpd.unit : null;\n            item.var_50 = data.fan[item.fancode].var_50 ? data.fan[item.fancode].var_50.val : null;\n            item.var_50Unit = data.fan[item.fancode].var_50 ? data.fan[item.fancode].var_50.unit : null;\n            item.powAct = data.fan[item.fancode].powAct ? data.fan[item.fancode].powAct.val : null;\n            item.powActUnit = data.fan[item.fancode].powAct ? data.fan[item.fancode].powAct.unit : null;\n            _this5.maxOriginValue = Math.max(_this5.maxOriginValue, item.var_50, item.powAct);\n          });\n          this.maxValue = this.maxOriginValue;\n          this.crewsList.forEach(function (item) {\n            item.widthV = Math.round(item.var_50 / _this5.maxValue * 10000) / 100;\n            item.widthP = Math.round(item.powAct / _this5.maxValue * 10000) / 100;\n          });\n          this.tableData = this.crewsList;\n        }\n      }\n    }\n  }\n};",null]}