风机排布图

.history/src/assets/js/singlePerformanceAnalysis/individualHistoryinformation_20210425152557.js

@@ -0,0 +1,66 @@
+
+export default {
+  data() {
+    return {
+        wpIdslist: {
+        name:"",
+        id:"",
+      },
+      b:[],
+      fc:"",
+      fj:"",
+      data_01:"2021-01-01",
+      data_02:"2021-01-03",
+      currentPage2: 1,
+      pagesize:10,
+      orderByColumn: "",
+      tableData:[],
+    }
+  },
+   created() {
+  },
+  methods: {
+     query_table(){
+     let that = this;
+      var digital = new URLSearchParams();
+      digital.append("pageNum", this.currentPage2);
+      digital.append("pageSize", this.pagesize);
+      digital.append("orderByColumn", this.orderByColumn);
+      digital.append("isAsc", this.isAsc);
+      digital.append("wtId", this.fj);
+      digital.append("beginDate", this.data_01);
+      digital.append("endDate", this.data_02);
+      this.API.post("/goodness/goodhistorylist", digital).then((res) => {
+         this.tableData = res.data;
+      });
+
+     },
+     data_formatter(cellValue){ return this.BASE.getBzDate(new Date(cellValue.recorddate),0)},
+     gaindate() {
+      this.b = this.$route.query.data;
+      this.fc = this.$route.query.data.windtpowerstationid;
+      this.fj = this.$route.query.data.windturbineid;
+      this.data_01 = this.BASE.getBzDate(
+        new Date(this.$route.query.data.recorddate),0
+      );
+      this.data_02 = this.BASE.getBzDate(
+        new Date(this.$route.query.data.recorddate+60*60*24*1000),0
+      );
+      this.query_wpid();
+    },
+    goback() {
+      this.$router.push({
+        path: "/individualPandectinformation"
+      });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+  },
+  activated() {
+      this.gaindate();
+      this.query_table();
+    },
+};

.history/src/assets/js/singlePerformanceAnalysis/individualPandectinformation_20210425152140.js

@@ -0,0 +1,69 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tableData: [],
+      date_1: "",
+      currentPage2: 1,
+      pagesize: 10,
+      isAsc:'asc',
+      orderByColumn:'',
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      fc: "MHS_FDC",
+    };
+  },
+  created() {},
+  methods: {
+    query_table(){
+      let that = this;
+      this.tableData = [];
+      var digital = new URLSearchParams();
+        digital.append('isAsc',this.isAsc);
+        digital.append('wpId',this.fc);
+        digital.append('recorddate',this.date_1);
+      this.API.post('/goodness/windturbinegoodness',digital).then((res) => {
+          that.tableData = res.data.list;
+      })
+    },
+    handleEdit(b) {
+      this.$router.push({
+        path: "/individualPandectinformationdetails",
+        query: {
+          data: b,
+        },
+      });
+    },
+    history(b) {
+      this.$router.push({
+        path: "/individualHistoryinformation",
+        query: {
+          data: b,
+        },
+      });
+    },
+    // toExcel() {
+    //   excelHelper.exportExcel("tableData", "单机信息总览", ".xls", true);
+    // },
+    query_wpid() {
+        this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+    
+  },
+  mounted() {
+    var newData = new Date();
+    this.date_1 =  this.BASE.getBzDate(newData.getTime(),-1);
+    this.query_wpid();
+    this.query_table();
+  },watch:{
+    '$route'(to,from){
+        this.clearData();
+        this.getData();
+        this.$forceUpdate();
+    }
+},
+};

.history/src/assets/js/singlePerformanceAnalysis/individualPandectinformation_20210425152715.js

@@ -0,0 +1,63 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tableData: [],
+      date_1: "",
+      currentPage2: 1,
+      pagesize: 10,
+      isAsc:'asc',
+      orderByColumn:'',
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      fc: "MHS_FDC",
+    };
+  },
+  created() {},
+  methods: {
+    query_table(){
+      let that = this;
+      this.tableData = [];
+      var digital = new URLSearchParams();
+        digital.append('isAsc',this.isAsc);
+        digital.append('wpId',this.fc);
+        digital.append('recorddate',this.date_1);
+      this.API.post('/goodness/windturbinegoodness',digital).then((res) => {
+          that.tableData = res.data.list;
+      })
+    },
+    handleEdit(b) {
+      this.$router.push({
+        path: "/individualPandectinformationdetails",
+        query: {
+          data: b,
+        },
+      });
+    },
+    history(b) {
+      this.$router.push({
+        path: "/individualHistoryinformation",
+        query: {
+          data: b,
+        },
+      });
+    },
+    // toExcel() {
+    //   excelHelper.exportExcel("tableData", "单机信息总览", ".xls", true);
+    // },
+    query_wpid() {
+        this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+    
+  },
+  mounted() {
+    var newData = new Date();
+    this.date_1 =  this.BASE.getBzDate(newData.getTime(),-1);
+    this.query_wpid();
+    this.query_table();
+  }
+};

.history/src/tools/echartsToolzm_20210425112835.js

@@ -0,0 +1,734 @@
+import * as EC from 'echarts';
+import BASE from '@tools/base';
+const color = ["#00FFF0","#014EB5","#A800FF","#e82edb","#B5454C","#443bff","#e8cb25","#3dffb0","#e8a425","#ff7aab","#e84b1e","#552ce2","#ffae21","#e8861e","#d441ff","#35e8e4","#9c7aff","#e86fd8","#ffee38"];
+
+/*
+ *  柱状图(非堆叠柱状图)
+ *  id: 元素ID
+ *  data 数据
+ * [
+          {
+            name: "限电损失电量(单位：万kwh)",
+            type: "bar",
+            data: this.histogram.xdss,
+          },
+          {
+            name: "故障损失电量(单位：万kwh)",
+            type: "bar",
+            data: this.histogram.gzss,
+          },
+          ,
+          {
+            name: "检修损失电量(单位：万kwh)",
+            type: "bar",
+            data: this.histogram.jxss,
+          },
+          {
+            name: "性能损失电量(单位：万kwh)",
+            type: "bar",
+            data: this.histogram.xnss,
+          },
+          {
+            name: "受累损失电量(单位：万kwh)",
+            type: "bar",
+            data: this.histogram.slss,
+          },
+        ]
+ *  xdata :  横坐标数据
+ * */
+export function getBar_fdd(id, data , xdata) {
+  if(data === undefined){
+    message.error("没有找到报表数据，请检查！");
+    return;
+  }
+  var myChart = EC.init(document.getElementById(id));
+  var option = {
+    title: {
+      text: "损失电量分析",
+    },
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "shadow",
+      },
+    },
+    legend: {
+      data: [
+        "限电损失电量(单位：万kwh)",
+        "故障损失电量(单位：万kwh)",
+        "检修损失电量(单位：万kwh)",
+        "性能损失电量(单位：万kwh)",
+        "受累损失电量(单位：万kwh)",
+      ],
+    },
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: true,
+    },
+    yAxis: {
+      type: "value",
+      boundaryGap: [0, 0.01],
+    },
+    xAxis: {
+      type: "category",
+      data: xdata,
+    },
+    series: data,
+  };
+  myChart.setOption(option, true);
+}
+/**
+ * 对标分析弹出雷达图--->
+ * @param {id名称} id 
+ * @param {第一台风机数据} value1 
+ * @param {第一台风机名字} name1 
+ * @param {第二台风机数据} value2 
+ * @param {第二台风机名字} name2 
+ * @returns 
+ */
+export function leida_tc(id , value1 , name1 , value2 , name2) {
+  if(value1 === undefined || value2 === undefined){
+    message.error("没有找到报表数据，请检查！");
+    return;
+  }
+  var myChart = EC.init(document.getElementById(id));
+  var option;
+
+      option = {
+        title: {
+          text: "对标排名分析",
+          left: 400,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        grid: {
+          top: "10%",
+          left: "10%",
+          right: "10%",
+          bottom: "0",
+        },
+        tooltip: {},
+        legend: {
+          orient: "vertical",
+          x: "left", //可设定图例在左、右、居中
+          y: "0", //可设定图例在上、下、居中
+          padding: [0, 50, 0, 0],
+        },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 100 },
+            { name: "故障损失率", max: 100 },
+            { name: "检修损失率", max: 100 },
+            { name: "弃风率", max: 100 },
+            { name: "性能损失率", max: 100 },
+            { name: "受累损失率", max: 100 },
+            { name: "复位及时率", max: 100 },
+            { name: "状态转换率", max: 100 },
+            { name: "消缺及时率", max: 100 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: value1,
+                name: name1,
+              },
+              {
+                value: value2,
+                name: name2,
+              },
+            ],
+          },
+        ],
+      };
+      
+  myChart.setOption(option, true);
+}
+/**
+ * 
+ * @param {id名称} id 
+ * @param {第一台风机数据} value1 
+ * @param {第二台风机数据} value2 
+ * @returns 
+ */
+export function bar_tc(id , value1 , value2) {
+  if(value1 === undefined || value2 === undefined){
+    message.error("没有找到报表数据，请检查！");
+    return;
+  }
+  var myChart = EC.init(document.getElementById(id));
+  var option;
+  option = {
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "cross",
+        crossStyle: {
+          color: "#999",
+        },
+      },
+    },
+    title: {
+      text: "损失电量分析",
+      left: 100,
+      top: 8,
+      textStyle: {
+        fontSize: 13,
+      },
+    },
+    grid: {
+      top: "90",
+      left: "10%",
+      right: "10%",
+      bottom: "30",
+    },
+    legend: {
+      orient: "vertical",
+      x: "right", //可设定图例在左、右、居中
+      y: 0, //可设定图例在上、下、居中
+      padding: [0, 50, 200, 0],
+      data: [
+        "限电损失电量(单位：万kwh)",
+        "故障损失电量(单位：万kwh)",
+        "检修损失电量(单位：万kwh)",
+        "性能损失电量(单位：万kwh)",
+        "受累损失电量(单位：万kwh)",
+      ],
+    },
+    xAxis: [
+      {
+        type: "category",
+        data: [
+          BASE.getBzDate(new Date(value1.recordDate),0),
+          BASE.getBzDate(new Date(value2.recordDate),0),
+        ],
+        axisPointer: {
+          type: "shadow",
+        },
+      },
+    ],
+    yAxis: [
+      {
+        type: "value",
+        name: "电量",
+
+        interval: 50,
+        axisLabel: {
+          formatter: "{value} 万kw",
+        },
+      },
+    ],
+    series: [
+      {
+        name: "限电损失电量(单位：万kwh)",
+        type: "bar",
+        yAxisIndex: 0,
+        data: [value1.xdss, value2.xdss],
+      },
+      {
+        name: "故障损失电量(单位：万kwh)",
+        type: "bar",
+        yAxisIndex: 0,
+        data: [value1.zzss, value2.gzss],
+      },
+      {
+        name: "检修损失电量(单位：万kwh)",
+        type: "bar",
+        yAxisIndex: 0,
+        data: [value1.jxss, value2.jxss],
+      },
+      {
+        name: "性能损失电量(单位：万kwh)",
+        type: "bar",
+        yAxisIndex: 0,
+        data: [value1.xnss, value2.xnss],
+      },
+      {
+        name: "受累损失电量(单位：万kwh)",
+        type: "bar",
+        yAxisIndex: 0,
+        data: [value1.slss, value2.slss],
+      },
+    ],
+  };
+
+    
+      
+  myChart.setOption(option, true);
+}
+/**
+ * 
+ * @param {id名称} id 
+ * @param {数据} value 
+ * @returns 
+ */
+export function bar_tc_2(id  , value) {
+  if(value === undefined){
+    message.error("没有找到报表数据，请检查！");
+    return;
+  }
+  var myChart = EC.init(document.getElementById(id));
+  let option = {
+  legend: {
+    orient: "vertical",
+    left: "right",
+  },
+  tooltip: {},
+  dataset: {
+    dimensions: [
+      "product",
+      "限电损失电量单位:万KWh",
+      "故障损失电量单位:万KWh",
+      "检修损失电量单位:万KWh",
+      "性能损失电量单位:万KWh",
+      "受累损失电量单位:万KWh",
+    ],
+    source: value,
+  },
+  xAxis: { type: "category" },
+  yAxis: {},
+  // Declare several bar series, each will be mapped
+  // to a column of dataset.source by default.
+  series: [
+    {
+      // barGap:'100%',/*多个并排柱子设置柱子之间的间距*/
+      type: "bar",
+      barWidth: 30,
+      itemStyle: {
+        normal: {
+          color: "#D201D8",
+        },
+      },
+    },
+    {
+      type: "bar",
+      barWidth: 30,
+      itemStyle: {
+        normal: {
+          color: "#FD0100",
+        },
+      },
+    },
+    {
+      type: "bar",
+      barWidth: 30,
+      itemStyle: {
+        normal: {
+          color: "#FF7B16",
+        },
+      },
+    },
+    {
+      type: "bar",
+      barWidth: 30,
+      itemStyle: {
+        normal: {
+          color: "#8085E9",
+        },
+      },
+    },
+    {
+      type: "bar",
+      barWidth: 30,
+      itemStyle: {
+        normal: {
+          color: "#A6A6A6",
+        },
+      },
+    },
+  ],
+};
+myChart.setOption(option, true);
+}
+/**
+ * 用在单机饱和度分体  表格内雷达图
+ * @param {id名称} id 
+ * @param {雷达图数据} value 
+ * @param {雷达图名称} name 
+ * @returns 
+ */
+export function leida_djbhd(id  , value , name) {
+  if(value === undefined){
+    message.error("没有找到报表数据，请检查！");
+    return;
+  }
+  var myChart = EC.init(document.getElementById(id));
+  myChart.resize({ height: 300 });
+  let option = {
+  tooltip: {},
+  legend: {
+    top: "93%",
+    left: "10%",
+  },
+  tooltip: {
+    triggerOn: "none",
+    alwaysShowContent: true,
+    position: function (pt) {
+      return [pt[0], 130];
+    },
+  },
+  radar: {
+    name: {
+      textStyle: {
+        color: "#fff",
+        backgroundColor: "#999",
+        borderRadius: 3,
+        padding: [3, 5],
+      },
+    },
+    indicator: [
+      { name: "北", max: 99 },
+      { name: "北北东", max: 99 },
+      { name: "北东", max: 99 },
+      { name: "东北东", max: 99 },
+      { name: "东", max: 99 },
+      { name: "东南东", max: 99 },
+      { name: "南东", max: 99 },
+      { name: "南南东", max: 99 },
+      { name: "南", max: 99 },
+      { name: "南南西", max: 99 },
+      { name: "南西", max: 99 },
+      { name: "西南西", max: 99 },
+      { name: "西", max: 99 },
+      { name: "西北西", max: 99 },
+      { name: "北西", max: 99 },
+      { name: "北北西", max: 99 },
+    ],
+  },
+  series: [
+    {
+      type: "radar",
+      // areaStyle: {normal: {}},
+      data: [
+        {
+          value: value,
+          name: name,
+          label: {
+            show: true,
+            position: "insideBottomRight",
+            distance: 14.5,
+            //rotate: -45,
+            offset: [11, 0],
+            formatter:function(params){
+              let list = ["北","北北东","北东","东北东","东","东南东","南东","南南东","南","南南西","南西","西南西","西","西北西","北西","北北西"]
+              if(params.value<10){
+                return ''
+              }else{
+                  return list[params.dimensionIndex]+':'+params.value;
+              }
+            }
+          },
+          areaStyle: {
+            opacity: 0.9,
+            color: new EC.graphic.RadialGradient(0.5, 0.5, 1, [
+              {
+                color: "#B8D3E4",
+                offset: 0,
+              },
+              {
+                color: "#72ACD1",
+                offset: 1,
+              },
+            ]),
+          },
+        },
+      ],
+      itemStyle: { normal: { label: { show: true } } },
+    },
+  ],
+  tooltip: {
+    show:false,
+    position: function (p) {
+      //其中p为当前鼠标的位置
+      return [p[0] + 10, p[1] - 100];
+    },
+    // formatter: function (params) {
+    //   //其中p为当前鼠标的位置
+    //   debugger
+    //    let fanhui = [];
+    //    let str ='';
+    //    let list = ["北","北北东","北东","东北东","东","东南东","南东","南南东","南","南南西","南西","西南西","西","西北西","北西","北北西"]
+    //    for(let i=1;i<Object.keys(params.value).length;i++){
+    //           if(params.value[i]>10){
+    //             fanhui.push(params.value[i]+':'+list[i]);
+    //           }
+    //    }
+    //    for(let j = 1 ;j<fanhui.length;j++){
+    //       str.concat(fanhui[j]);
+    //    }
+    //    return str;
+    // },
+    textStyle: {
+      fontWeight: "16px",
+      fontSize: 16,
+      lineHeight: 0,
+    },
+  },
+};
+
+myChart.setOption(option, true);
+}
+/**
+ * 单机饱和度---->
+ * @param {id名称} id 
+ * @param {风机集合} fj 
+ * @param {曲线数据} lineDate 
+ * @returns 
+ */
+export function bar_djbhd(id  , fj , lineDate) {
+  if(lineDate === undefined){
+    message.error("没有找到报表数据，请检查！");
+    return;
+  }
+  var myChart = EC.init(document.getElementById(id));
+  let option = {
+  title: {
+    text: "日功率曲线",
+  },
+  tooltip: {
+    trigger: "axis",
+  },
+  legend: {
+    data: fj,
+  },
+  grid: {
+    left: "3%",
+    right: "4%",
+    bottom: "3%",
+    containLabel: true,
+  },
+  toolbox: {
+    feature: {
+      saveAsImage: {},
+    },
+  },
+  xAxis: {
+    type: "category",
+    boundaryGap: false,
+
+    data: lineDate.speed,
+  },
+  yAxis: {
+    type: "value",
+  },
+  series: [
+    {
+      name: fj[0],
+      type: "line",
+      stack: "总量",
+      smooth: true,
+      data: lineDate.value1,
+    },
+    {
+      name: fj[1],
+      type: "line",
+      stack: "总量",
+      smooth: true,
+      data: lineDate.value2,
+    },
+    {
+      name: fj[2],
+      type: "line",
+      stack: "总量",
+      smooth: true,
+      data: lineDate.value3,
+    },
+    {
+      name: fj[3],
+      type: "line",
+      stack: "总量",
+      smooth: true,
+      data: lineDate.value3,
+    },
+    {
+      name: fj[4],
+      type: "line",
+      stack: "总量",
+      smooth: true,
+      data: lineDate.value4,
+    },
+  ],
+};
+myChart.setOption(option, true);
+}
+/**
+ * 用于单机性能分析--->可定义显示属性位置
+ * @param {id名称} id 
+ * @param {数据} value 
+ * @param {名} name 
+ * @returns 
+ */
+export function bar_DJXNFX(id  , value , name) {
+  if(value === undefined){
+    message.error("没有找到报表数据，请检查！");
+    return;
+  }
+  var myChart = EC.init(document.getElementById(id));
+  var option;
+
+      option = {
+        title: {},
+        tooltip: {},
+        legend: {
+          top: "93%",
+          left: "10%",
+        },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "北", max: 99 },
+            { name: "北北东", max: 99 },
+            { name: "北东", max: 99 },
+            { name: "东北东", max: 99 },
+            { name: "东", max: 99 },
+            { name: "东南东", max: 99 },
+            { name: "南东", max: 99 },
+            { name: "南南东", max: 99 },
+            { name: "南", max: 99 },
+            { name: "南南西", max: 99 },
+            { name: "南西", max: 99 },
+            { name: "西南西", max: 99 },
+            { name: "西", max: 99 },
+            { name: "西北西", max: 99 },
+            { name: "北西", max: 99 },
+            { name: "北北西", max: 99 },
+          ],
+        },
+        series: [
+          {
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: value,
+                name: name,
+                // label: {
+                //   show: true,
+                //   formatter: function (params) {
+                //     return params.value;
+                //   },
+                // },
+                areaStyle: {
+                  opacity: 0.9,
+                  color: new EC.graphic.RadialGradient(0.5, 0.5, 1, [
+                    {
+                      color: "#B8D3E4",
+                      offset: 0,
+                    },
+                    {
+                      color: "#72ACD1",
+                      offset: 1,
+                    },
+                  ]),
+                },
+              },
+            ],
+
+          },
+        ],
+        tooltip: {
+               position:function(p){ //其中p为当前鼠标的位置
+                return [p[0] + 10, p[1] - 100];
+                },
+                textStyle: {
+                 fontWeight: "16px",
+                  fontSize: 16,
+                  lineHeight: 0,
+                  
+              }
+              // formatter: (params) => {
+              //   for(var i=0;i<Object.keys(params.data.value).length;i++){
+              //   return params.data.name[0]+':'+params.data.value[0];
+              //   }
+              // },
+            },
+      };
+
+      myChart.setOption(option, true);
+    }
+/**
+ * 
+* 用于单机性能分析--->
+ * @param {id名称} id 
+ * @param {数据} value 
+ * @returns 
+ */
+export function qt_DJXNFX(id  , value) {
+      if(value === undefined){
+        message.error("没有找到报表数据，请检查！");
+        return;
+      }
+      var myChart = EC.init(document.getElementById(id));
+      var option;
+    option = {
+      title: {
+        text: "",
+      },
+
+      tooltip: {
+        trigger: "item",
+      },
+      grid: {
+        left: 99,
+        top: 66,
+      },
+      legend: {
+        orient: "vertical",
+        left: "left",
+      },
+
+      series: [
+        {
+          type: "pie",
+          radius: ["35%", "70%"],
+          center: ["58%", "50%"],
+          data: value,
+          emphasis: {
+            itemStyle: {
+              shadowBlur: 10,
+              shadowOffsetX: 0,
+              shadowColor: "rgba(0, 0, 0, 0.5)",
+            },
+          },
+        },
+      ],
+    };
+    
+    myChart.setOption(option, true);
+  }
+export default {
+  getBar_fdd,
+  leida_tc,
+  bar_tc,
+  bar_tc_2,
+  leida_djbhd,
+  bar_djbhd,
+  bar_DJXNFX,
+  qt_DJXNFX,
+  color,
+}

src/assets/js/singlePerformanceAnalysis/individualHistoryinformation.js

@@ -59,7 +59,7 @@ export default {
       });
     },
   },
-  mounted() {
+  activated() {
       this.gaindate();
       this.query_table();
     },

src/assets/js/singlePerformanceAnalysis/individualPandectinformation.js

@@ -59,5 +59,5 @@ export default {
     this.date_1 =  this.BASE.getBzDate(newData.getTime(),-1);
     this.query_wpid();
     this.query_table();
-  },
+  }
 };

src/assets/js/singlePerformanceAnalysis/individualPandectinformationdetails.js

@@ -3,7 +3,7 @@ import * as echarts from "echarts";
 export default {
   data() {
     return {
-      loading:true,
+      loading: true,
       activeName: "no_1",
       b: [],
       wpIdslist: {
@@ -117,50 +117,61 @@ export default {
         time: [],
       },
       qrfd: [],
-      pages01_bj:8,
-      pages02_bj:8,
-      pages02_gz:8,
-      pages01_xd:8,
+      pages01_bj: 8,
+      pages02_bj: 8,
+      pages02_gz: 8,
+      pages01_xd: 8,
     };
   },
-  created() {},
+  created() {
+
+  },
   methods: {
     goback() {
-      this.$router.push({ path: "/individual_Pandectinformation" });
+      this.$router.push({ path: "/individualPandectinformation" });
     },
-    handleClose() {},
+    handleClose() { },
     formatter_date(cellValue) {
-      return this.BASE.getBzDate(new Date(cellValue.warningtime),0);
+      return this.BASE.getBzDate(new Date(cellValue.warningtime), 0);
     },
     startTime(cellValue) {
-      return this.BASE.getBzDate(new Date(cellValue.startTime),0);
+      return this.BASE.getBzDate(new Date(cellValue.startTime), 0);
     },
     stopTime(cellValue) {
-      return this.BASE.getBzDate(new Date(cellValue.stopTime),0);
+      return this.BASE.getBzDate(new Date(cellValue.stopTime), 0);
     },
     starttime(cellValue) {
-      return this.BASE.getBzDate(new Date(cellValue.starttime),0);
+      return this.BASE.getBzDate(new Date(cellValue.starttime), 0);
     },
     stoptime(cellValue) {
-      return this.BASE.getBzDate(new Date(cellValue.stoptime),0);
+      return this.BASE.getBzDate(new Date(cellValue.stoptime), 0);
     },
     warningtime(cellValue) {
-      return this.BASE.getBzDate(new Date(cellValue.warningtime),0);
+      return this.BASE.getBzDate(new Date(cellValue.warningtime), 0);
     },
     headStyle() {
       return "text-align:center";
     },
     gaindate() {
-      this.b = this.$route.query.data;
-      this.fc = this.$route.query.data.windtpowerstationid;
-      this.fj = this.$route.query.data.windturbineid;
-      this.data_01 = this.BASE.getBzDate(
-        new Date(this.$route.query.data.recorddate),0
-      );
+      let _this = this;
+      if (this.fc == null || this.fc == undefined || this.fc == "") {
+        _this.fc = JSON.parse(sessionStorage.getItem('fc'));
+        _this.fj = JSON.parse(sessionStorage.getItem('fj'));
+        _this.data_01 = JSON.parse(sessionStorage.getItem('data_01'));
+      } else {
+        _this.b = _this.$route.query.data;
+        _this.fc = _this.$route.query.data.windtpowerstationid;
+        _this.fj = _this.$route.query.data.windturbineid;
+        _this.data_01 = _this.BASE.getBzDate(
+          new Date(_this.$route.query.data.recorddate),
+        );
+      }
+
       this.query1();
     },
-    query(){this.fj='';
-    this.query1();
+    query() {
+      this.fj = '';
+      this.query1();
     },
     query1() {
       this.wtIdslist = [];
@@ -285,15 +296,15 @@ export default {
         this.query_cutin_windspeed();
       }
     },
-    query_cutin_windspeed(){
-      if(this.fj==''){
+    query_cutin_windspeed() {
+      if (this.fj == '') {
         this.$message.error("请选择风机！");
-      }else(
+      } else (
         this.query_cutin_windspeed1()
       )
     },
     query_cutin_windspeed1() {
-      this.loading=true;
+      this.loading = true;
       let that = this;
       this.qrfd = [];
       Object.assign(this.$data.zoom, this.$options.data().zoom);
@@ -306,38 +317,38 @@ export default {
         this.$data.datezoom_table,
         this.$options.data().datezoom_table
       );
-       var digital1 = new URLSearchParams();
+      var digital1 = new URLSearchParams();
       digital1.append("wtId", this.fj);
       digital1.append("recorddate", this.data_01);
       this.API.post("/goodness/getplotBands", digital1).then((res) => {
         this.datezoom_table = res.data;
         var digital2 = new URLSearchParams();
-      digital2.append("wtId", this.fj);
-      digital2.append("recorddate", this.data_01);
-      this.API.post("/goodness/findWtRealPowerChar", digital2).then((res) => {
-        that.zoomline_date = res.data;
-        for (let i = 0; i < Object.keys(that.zoomline_date).length; i++) {
-          that.zoom.sfgl.push(that.zoomline_date[i].value1);
-          that.zoom.bzgl.push(that.zoomline_date[i].value2);
-          that.zoom.fs.push(that.zoomline_date[i].value3);
-          that.zoom.zt.push(that.zoomline_date[i].value4);
-          that.zoom.time.push(
-            this.BASE.getBztime(new Date(that.zoomline_date[i].time) / 1000)
-          );
-        }
-        this.loading=false;
-        this.draw_linedataZoom();
-        this.query_power();
-      });
+        digital2.append("wtId", this.fj);
+        digital2.append("recorddate", this.data_01);
+        this.API.post("/goodness/findWtRealPowerChar", digital2).then((res) => {
+          that.zoomline_date = res.data;
+          for (let i = 0; i < Object.keys(that.zoomline_date).length; i++) {
+            that.zoom.sfgl.push(that.zoomline_date[i].value1);
+            that.zoom.bzgl.push(that.zoomline_date[i].value2);
+            that.zoom.fs.push(that.zoomline_date[i].value3);
+            that.zoom.zt.push(that.zoomline_date[i].value4);
+            that.zoom.time.push(
+              this.BASE.getBztime(new Date(that.zoomline_date[i].time) / 1000)
+            );
+          }
+          this.loading = false;
+          this.draw_linedataZoom();
+          this.query_power();
+        });
       });
-      
+
       var digital = new URLSearchParams();
       digital.append("wtId", this.fj);
       digital.append("recorddate", this.data_01);
       this.API.post("/goodness/getInputSmall", digital).then((res) => {
         this.qrfd.push(res.data);
       });
-     
+
     },
     query_power() {
       Object.assign(
@@ -485,7 +496,7 @@ export default {
                 position: "start", //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
               },
               data: [
-                 
+
                 {
                   silent: true, //鼠标悬停事件  true没有，false有
                   lineStyle: {
@@ -834,12 +845,12 @@ export default {
         for (let i = 0; i < value_list_fc_06.length; i++) {
           that.leida_list_fc_06.push(value_list_fc_06[i].data1);
         }
-        this.ECZM.bar_DJXNFX("leidatu_fc_01",this.leida_list_fc_01,this.jfpl_fc_01);
-        this.ECZM.bar_DJXNFX("leidatu_fc_02",this.leida_list_fc_02,this.jfpl_fc_02);
-        this.ECZM.bar_DJXNFX("leidatu_fc_03",this.leida_list_fc_03,this.jfpl_fc_03);
-        this.ECZM.bar_DJXNFX("leidatu_fc_04",this.leida_list_fc_04,this.jfpl_fc_04);
-        this.ECZM.bar_DJXNFX("leidatu_fc_05",this.leida_list_fc_05,this.jfpl_fc_05);
-        this.ECZM.bar_DJXNFX("leidatu_fc_06",this.leida_list_fc_06,this.jfpl_fc_06);
+        this.ECZM.bar_DJXNFX("leidatu_fc_01", this.leida_list_fc_01, this.jfpl_fc_01);
+        this.ECZM.bar_DJXNFX("leidatu_fc_02", this.leida_list_fc_02, this.jfpl_fc_02);
+        this.ECZM.bar_DJXNFX("leidatu_fc_03", this.leida_list_fc_03, this.jfpl_fc_03);
+        this.ECZM.bar_DJXNFX("leidatu_fc_04", this.leida_list_fc_04, this.jfpl_fc_04);
+        this.ECZM.bar_DJXNFX("leidatu_fc_05", this.leida_list_fc_05, this.jfpl_fc_05);
+        this.ECZM.bar_DJXNFX("leidatu_fc_06", this.leida_list_fc_06, this.jfpl_fc_06);
       });
     },
     queryleidatu_fj_06() {
@@ -855,14 +866,14 @@ export default {
         for (let i = 0; i < value_list_fj_06.length; i++) {
           that.leida_list_fj_06.push(value_list_fj_06[i].data1);
         }
-        this.ECZM.bar_DJXNFX("leidatu_fj_01",this.leida_list_fj_01,this.jfpl_fj_01);
-        this.ECZM.bar_DJXNFX("leidatu_fj_02",this.leida_list_fj_02,this.jfpl_fj_02);
-        this.ECZM.bar_DJXNFX("leidatu_fj_03",this.leida_list_fj_03,this.jfpl_fj_03);
-        this.ECZM.bar_DJXNFX("leidatu_fj_04",this.leida_list_fj_04,this.jfpl_fj_04);
-        this.ECZM.bar_DJXNFX("leidatu_fj_05",this.leida_list_fj_05,this.jfpl_fj_05);
-        this.ECZM.bar_DJXNFX("leidatu_fj_06",this.leida_list_fj_06,this.jfpl_fj_06);
-      
-        });
+        this.ECZM.bar_DJXNFX("leidatu_fj_01", this.leida_list_fj_01, this.jfpl_fj_01);
+        this.ECZM.bar_DJXNFX("leidatu_fj_02", this.leida_list_fj_02, this.jfpl_fj_02);
+        this.ECZM.bar_DJXNFX("leidatu_fj_03", this.leida_list_fj_03, this.jfpl_fj_03);
+        this.ECZM.bar_DJXNFX("leidatu_fj_04", this.leida_list_fj_04, this.jfpl_fj_04);
+        this.ECZM.bar_DJXNFX("leidatu_fj_05", this.leida_list_fj_05, this.jfpl_fj_05);
+        this.ECZM.bar_DJXNFX("leidatu_fj_06", this.leida_list_fj_06, this.jfpl_fj_06);
+
+      });
     },
     query_01() {
       // this.pie_data2 = [];
@@ -872,21 +883,21 @@ export default {
       // this.pie_data6 = [];
       let _this = this;
 
-      
+
 
       let api = [];
 
-      for(var i = 0; i < 6; i++){
+      for (var i = 0; i < 6; i++) {
         var digital = new URLSearchParams();
         digital.append("wtId", this.fj);
         digital.append("recorddate", this.data_01);
-        digital.append("type", (i+1)+"");
+        digital.append("type", (i + 1) + "");
         api.push(this.API.post("/goodness/pieChart", digital));
       }
 
-      Promise.all(api).then(function(res) {
-        res.forEach((item, index)=>{
-          
+      Promise.all(api).then(function (res) {
+        res.forEach((item, index) => {
+
           _this.pie_data = [];
           let piedata = [];
           piedata = item.data;
@@ -896,7 +907,7 @@ export default {
               name: piedata[i].name,
             });
           }
-          _this.ECZM.qt_DJXNFX("line_0"+(index+1),_this.pie_data);
+          _this.ECZM.qt_DJXNFX("line_0" + (index + 1), _this.pie_data);
         });
       });
       return;
@@ -1031,25 +1042,25 @@ export default {
                 },
               },
             ],
-            
+
           },
         ],
         tooltip: {
-               position:function(p){ //其中p为当前鼠标的位置
-                return [p[0] + 10, p[1] - 480];
-                },
-                textStyle: {
-                 fontWeight: "16px",
-                  fontSize: 16,
-                  lineHeight: 0,
-                  
-              }
-              // formatter: (params) => {
-              //   for(var i=0;i<Object.keys(params.data.value).length;i++){
-              //   return params.data.name[0]+':'+params.data.value[0];
-              //   }
-              // },
-            },
+          position: function (p) { //其中p为当前鼠标的位置
+            return [p[0] + 10, p[1] - 480];
+          },
+          textStyle: {
+            fontWeight: "16px",
+            fontSize: 16,
+            lineHeight: 0,
+
+          }
+          // formatter: (params) => {
+          //   for(var i=0;i<Object.keys(params.data.value).length;i++){
+          //   return params.data.name[0]+':'+params.data.value[0];
+          //   }
+          // },
+        },
       };
 
       option && myChart.setOption(option);
@@ -1113,7 +1124,14 @@ export default {
       option && myChart.setOption(option);
     },
   },
-  mounted() {
+  activated() {
+    window.addEventListener("beforeunload", () => {
+      sessionStorage.setItem('fc', JSON.stringify(this.$route.query.data.windtpowerstationid));
+      sessionStorage.setItem('fj', JSON.stringify(this.$route.query.data.windturbineid));
+      sessionStorage.setItem('data_01', JSON.stringify(this.BASE.getBzDate(
+        new Date(this.$route.query.data.recorddate)
+      )));
+    });
     this.gaindate();
     this.query_cutin_windspeed1();
     this.query_power();

src/tools/echartsToolzm.js

@@ -1,4 +1,4 @@
-import EC from 'echarts'
+import * as EC from 'echarts';
 import BASE from '@tools/base';
 const color = ["#00FFF0","#014EB5","#A800FF","#e82edb","#B5454C","#443bff","#e8cb25","#3dffb0","#e8a425","#ff7aab","#e84b1e","#552ce2","#ffae21","#e8861e","#d441ff","#35e8e4","#9c7aff","#e86fd8","#ffee38"];