-

.env.development

@@ -1,2 +1,2 @@
 // 开发
-VUE_APP_API_URL=http://10.155.32.4:8082/
+VUE_APP_API_URL=http://192.168.10.15:8082/

.history/.env_20210419142516.development

@@ -0,0 +1,2 @@
+// 开发
+VUE_APP_API_URL=http://10.155.32.4:8082/

.history/.env_20210419144203.development

@@ -0,0 +1,2 @@
+// 开发
+VUE_APP_API_URL=http://192.168.10.15:8082/

.history/src/assets/css/benchmarkingSys/YardBenchmark_particulars_20210419170410.scss

@@ -0,0 +1,45 @@
+
+.box {
+    width: 100%;
+    justify-content: space-around;
+    align-items: center;
+    overflow: hidden;
+  }
+  .searchBar {
+    margin-top: 1%;
+  }
+  #leiDaTu3 {
+    margin-left: 5%;
+    height: 300px;
+    width: 100%;
+    float: left;
+  }
+  #leiDaTu4 {
+    margin: 15%;
+    height: 300px;
+    width: 450px;
+    float: left;
+  }
+  .margin {
+    width: 100%;
+    height: 618px;
+  }
+  .dialogLeftData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }
+  
+  .dialogRightData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }
+    /deep/::-webkit-scrollbar {
+      z-index: 99999999;
+      width: 6px;
+      height: 13px !important;
+      background-color: #f5f5f5;
+  }

.history/src/assets/css/benchmarkingSys/YardBenchmark_particulars_20210419170424.scss

@@ -0,0 +1,39 @@
+
+.box {
+    width: 100%;
+    justify-content: space-around;
+    align-items: center;
+    overflow: hidden;
+  }
+  .searchBar {
+    margin-top: 1%;
+  }
+  #leiDaTu3 {
+    margin-left: 5%;
+    height: 300px;
+    width: 100%;
+    float: left;
+  }
+  #leiDaTu4 {
+    margin: 15%;
+    height: 300px;
+    width: 450px;
+    float: left;
+  }
+  .margin {
+    width: 100%;
+    height: 618px;
+  }
+  .dialogLeftData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }
+  
+  .dialogRightData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }

.history/src/assets/css/benchmarkingSys/internationalBenchmark_20210420093807.scss

@@ -0,0 +1,49 @@
+.box {
+    width: 100%;
+    justify-content: space-around;
+    align-items: center;
+    overflow: hidden;
+  }
+  .searchBar {
+    margin-top: 1%;
+  }
+  .pieChart {
+    margin-top: 2%;
+  }
+  .histogramChart {
+    margin-bottom: 10%;
+  }
+  #leiDaTu {
+    margin-left: 5%;
+    height: 300px;
+    width: 100%;
+    float: left;
+  }
+  #leiDaTu2 {
+    margin: 15%;
+    height: 300px;
+    width: 450px;
+    float: left;
+  }
+  .margin {
+    width: 100%;
+    height: 618px;
+  }
+  .dialogLeftData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }
+    /deep/::-webkit-scrollbar {
+      z-index: 99999999;
+      width: 6px;
+      height: 13px !important;
+      background-color: #f5f5f5;
+  }
+  .dialogRightData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }

.history/src/assets/css/benchmarkingSys/internationalBenchmark_20210420094407.scss

@@ -0,0 +1,43 @@
+.box {
+    width: 100%;
+    justify-content: space-around;
+    align-items: center;
+    overflow: hidden;
+  }
+  .searchBar {
+    margin-top: 1%;
+  }
+  .pieChart {
+    margin-top: 2%;
+  }
+  .histogramChart {
+    margin-bottom: 10%;
+  }
+  #leiDaTu {
+    margin-left: 5%;
+    height: 300px;
+    width: 100%;
+    float: left;
+  }
+  #leiDaTu2 {
+    margin: 15%;
+    height: 300px;
+    width: 450px;
+    float: left;
+  }
+  .margin {
+    width: 100%;
+    height: 618px;
+  }
+  .dialogLeftData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }
+  .dialogRightData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }

.history/src/assets/css/benchmarkingSys/newPerformanceList_20210420145022.scss

@@ -0,0 +1,30 @@
+.bg-purple-dark {
+    background: #fff;
+  }
+  .grid-content {
+    border-radius: 2px;
+    min-height: 36px;
+    margin-top: -15px;
+  }
+  .item {
+    margin-top: 10px;
+    margin-right: 40px;
+  }
+  .el-row {
+    margin: 10px;
+  }
+  .extent_1 {
+    height: 450px;
+  }
+  .extent_2 {
+    height: 600px;
+  }
+  .extent_3 {
+    height: 750px;
+  }
+  .extent_4 {
+    height: 800px;
+  }
+  .extent_5 {
+    height: 1150px;
+  }

.history/src/assets/css/benchmarkingSys/performanceList_20210420143606.scss

@@ -0,0 +1,15 @@
+.bg-purple-dark {
+    background: #fff;
+  }
+  .grid-content {
+    border-radius: 2px;
+    min-height: 36px;
+    margin-top: -15px;
+  }
+  .item {
+    margin-top: 10px;
+    margin-right: 40px;
+  }
+  .el-row {
+    margin: 10px;
+  }

.history/src/assets/css/benchmarkingSys/projectBenchmarkParticulars_20210420154756.scss

@@ -0,0 +1,38 @@
+.box {
+    width: 100%;
+    justify-content: space-around;
+    align-items: center;
+    overflow: hidden;
+  }
+  .searchBar {
+    margin-top: 1%;
+  }
+  #leiDaTu3 {
+    margin-left: 5%;
+    height: 300px;
+    width: 100%;
+    float: left;
+  }
+  #leiDaTu4 {
+    margin: 15%;
+    height: 300px;
+    width: 450px;
+    float: left;
+  }
+  .margin {
+    width: 100%;
+    height: 618px;
+  }
+  .dialogLeftData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }
+  
+  .dialogRightData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }

.history/src/assets/css/benchmarkingSys/projectBenchmark_20210420150643.scss

@@ -0,0 +1,44 @@
+.box {
+    width: 100%;
+    justify-content: space-around;
+    align-items: center;
+    overflow: hidden;
+  }
+  .searchBar {
+    margin-top: 1%;
+  }
+  .pieChart {
+    margin-top: 2%;
+  }
+  .histogramChart {
+    margin-bottom: 10%;
+  }
+  #leiDaTu {
+    margin-left: 5%;
+    height: 300px;
+    width: 100%;
+    float: left;
+  }
+  #leiDaTu2 {
+    margin: 15%;
+    height: 300px;
+    width: 450px;
+    float: left;
+  }
+  .margin {
+    width: 100%;
+    height: 618px;
+  }
+  .dialogLeftData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }
+  
+  .dialogRightData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }

.history/src/assets/css/benchmarkingSys/projectBenchmark_20210420153847.scss

@@ -0,0 +1,44 @@
+.box {
+    width: 100%;
+    justify-content: space-around;
+    align-items: center;
+    overflow: hidden;
+  }
+  .searchBar {
+    margin-top: 1%;
+  }
+  .pieChart {
+    margin-top: 2%;
+  }
+  .histogramChart {
+    margin-bottom: 10%;
+  }
+  #leiDaTu {
+    margin-left: 5%;
+    height: 300px;
+    width: 100%;
+    float: left;
+  }
+  #leiDaTu2 {
+    margin: 15%;
+    height: 300px;
+    width: 450px;
+    float: left;
+  }
+  .margin {
+    width: 100%;
+    height: 618px;
+  }
+  .dialogLeftData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }
+  
+  .dialogRightData {
+    width: 50%;
+    height: 650px;
+    text-align: center;
+    float: left;
+  }

.history/src/assets/css/benchmarkingSys/yardBenchmark_20210419142516.scss

@@ -0,0 +1,25 @@
+
+
+.bg-purple-dark {
+  background: #fff;
+}
+
+.grid-content {
+  border-radius: 2px;
+  min-height: 36px;
+  margin-top: -15px;
+}
+/deep/::-webkit-scrollbar {
+  z-index: 99999999;
+  width: 6px;
+  height: 13px !important;
+  background-color: #f5f5f5;
+}
+.item {
+  margin-top: 10px;
+  margin-right: 40px;
+}
+
+.el-row {
+  margin: 10px;
+}

.history/src/assets/css/benchmarkingSys/yardBenchmark_20210419160118.scss

@@ -0,0 +1,25 @@
+
+
+.bg-purple-dark {
+  background: #fff;
+}
+
+.grid-content {
+  border-radius: 2px;
+  min-height: 36px;
+  margin-top: -15px;
+}
+/deep/ ::-webkit-scrollbar {
+  z-index: 99999999;
+  width: 6px;
+  height: 13px !important;
+  background-color: #f5f5f5;
+}
+.item {
+  margin-top: 10px;
+  margin-right: 40px;
+}
+
+.el-row {
+  margin: 10px;
+}

.history/src/assets/css/benchmarkingSys/yardBenchmark_20210419160206.scss

@@ -0,0 +1,25 @@
+
+
+.bg-purple-dark {
+  background: #fff;
+}
+
+.grid-content {
+  border-radius: 2px;
+  min-height: 36px;
+  margin-top: -15px;
+}
+/deep/::-webkit-scrollbar {
+  z-index: 99999999;
+  width: 6px;
+  height: 13px !important;
+  background-color: #f5f5f5;
+}
+.item {
+  margin-top: 10px;
+  margin-right: 40px;
+}
+
+.el-row {
+  margin: 10px;
+}

.history/src/assets/css/benchmarkingSys/yardBenchmark_20210419160230.scss

@@ -0,0 +1,25 @@
+
+
+.bg-purple-dark {
+  background: #fff;
+}
+
+.grid-content {
+  border-radius: 2px;
+  min-height: 36px;
+  margin-top: -15px;
+}
+// /deep/::-webkit-scrollbar {
+//   z-index: 99999999;
+//   width: 6px;
+//   height: 13px !important;
+//   background-color: #f5f5f5;
+// }
+.item {
+  margin-top: 10px;
+  margin-right: 40px;
+}
+
+.el-row {
+  margin: 10px;
+}

.history/src/assets/js/benchmarkingSys/YardBenchmark_particulars_20210419171701.js

@@ -0,0 +1,374 @@
+import formateDate from "@/utils/date";
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.$http.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.$http.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420100452.js

@@ -0,0 +1,335 @@
+import formateDate from "@/utils/date";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.$http.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.$http.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.$http.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+            var charts;
+            if (charts != null && charts != "" && charts != undefined){
+                charts.dispose();
+            }
+            charts= this.$echarts.init(document.getElementById('leiDaTu3'));
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            var charts2;
+            if (charts2 != null && charts2 != "" && charts2 != undefined){
+                charts2.dispose();
+            }
+            charts2= this.$echarts.init(document.getElementById('leiDaTu4'));
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420100518.js

@@ -0,0 +1,334 @@
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.$http.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.$http.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.$http.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+            var charts;
+            if (charts != null && charts != "" && charts != undefined){
+                charts.dispose();
+            }
+            charts= this.$echarts.init(document.getElementById('leiDaTu3'));
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            var charts2;
+            if (charts2 != null && charts2 != "" && charts2 != undefined){
+                charts2.dispose();
+            }
+            charts2= this.$echarts.init(document.getElementById('leiDaTu4'));
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420101031.js

@@ -0,0 +1,334 @@
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+            var charts;
+            if (charts != null && charts != "" && charts != undefined){
+                charts.dispose();
+            }
+            charts= this.$echarts.init(document.getElementById('leiDaTu3'));
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            var charts2;
+            if (charts2 != null && charts2 != "" && charts2 != undefined){
+                charts2.dispose();
+            }
+            charts2= this.$echarts.init(document.getElementById('leiDaTu4'));
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420101055.js

@@ -0,0 +1,334 @@
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+            var charts;
+            if (charts != null && charts != "" && charts != undefined){
+                charts.dispose();
+            }
+            charts= echarts.init(document.getElementById('leiDaTu3'));
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            var charts2;
+            if (charts2 != null && charts2 != "" && charts2 != undefined){
+                charts2.dispose();
+            }
+            charts2= echarts.init(document.getElementById('leiDaTu4'));
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420101302.js

@@ -0,0 +1,335 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+            var charts;
+            if (charts != null && charts != "" && charts != undefined){
+                charts.dispose();
+            }
+            charts= echarts.init(document.getElementById('leiDaTu3'));
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            var charts2;
+            if (charts2 != null && charts2 != "" && charts2 != undefined){
+                charts2.dispose();
+            }
+            charts2= echarts.init(document.getElementById('leiDaTu4'));
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420103327.js

@@ -0,0 +1,335 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+            var charts;
+            if (charts != null && charts != "" && charts != undefined){
+                charts.dispose();
+            }
+            charts= echarts.init(document.getElementById('leiDaTu3'));
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { axisName: '风能利用率', max: 150},
+                { axisName: '消缺及时率', max: 150},
+                { axisName: '状态转换率', max: 150},
+                { axisName: '复位及时率', max: 150},
+                { axisName: '受累损失率', max: 150},
+                { axisName: '性能损失率', max: 150},
+                { axisName: '弃风率', max: 150},
+                { axisName: '检修损失率', max: 150},
+                { axisName: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            var charts2;
+            if (charts2 != null && charts2 != "" && charts2 != undefined){
+                charts2.dispose();
+            }
+            charts2= echarts.init(document.getElementById('leiDaTu4'));
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420104012.js

@@ -0,0 +1,334 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { axisName: '风能利用率', max: 150},
+                { axisName: '消缺及时率', max: 150},
+                { axisName: '状态转换率', max: 150},
+                { axisName: '复位及时率', max: 150},
+                { axisName: '受累损失率', max: 150},
+                { axisName: '性能损失率', max: 150},
+                { axisName: '弃风率', max: 150},
+                { axisName: '检修损失率', max: 150},
+                { axisName: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420104050.js

@@ -0,0 +1,334 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { axisName: '风能利用率', max: 150},
+                { axisName: '消缺及时率', max: 150},
+                { axisName: '状态转换率', max: 150},
+                { axisName: '复位及时率', max: 150},
+                { axisName: '受累损失率', max: 150},
+                { axisName: '性能损失率', max: 150},
+                { axisName: '弃风率', max: 150},
+                { axisName: '检修损失率', max: 150},
+                { axisName: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420104214.js

@@ -0,0 +1,334 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById(leiDaTu3)); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById(leiDaTu3));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { axisName: '风能利用率', max: 150},
+                { axisName: '消缺及时率', max: 150},
+                { axisName: '状态转换率', max: 150},
+                { axisName: '复位及时率', max: 150},
+                { axisName: '受累损失率', max: 150},
+                { axisName: '性能损失率', max: 150},
+                { axisName: '弃风率', max: 150},
+                { axisName: '检修损失率', max: 150},
+                { axisName: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420104243.js

@@ -0,0 +1,334 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById(leiDaTu3)); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById(leiDaTu3));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById(leiDaTu4)); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById(leiDaTu4));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420104351.js

@@ -0,0 +1,334 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.clear();
+            charts.setOption(option);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420104419.js

@@ -0,0 +1,333 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.clear();
+                  charts2.setOption(option2);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420104451.js

@@ -0,0 +1,332 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           this.dialogTableVisible = true;
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+           this.$nextTick(function() {
+              this.drawPie('leiDaTu3')
+           })
+           this.$nextTick(function() {
+              this.drawPie2('leiDaTu4')
+           })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420105005.js

@@ -0,0 +1,335 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            
+              this.dialogTableVisible = true;
+              this.$nextTick(function() {
+                 this.drawPie('leiDaTu3')
+              })
+              this.$nextTick(function() {
+                 this.drawPie2('leiDaTu4')
+              })
+            } 
+          
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420105118.js

@@ -0,0 +1,333 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            
+              this.dialogTableVisible = true;
+             
+                 this.drawPie('leiDaTu3')
+              
+                 this.drawPie2('leiDaTu4')
+            } 
+          
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420105757.js

@@ -0,0 +1,342 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+              this.$nextTick(function() {
+                  this.draw();
+              })
+             
+              
+              
+           
+            } 
+          
+        },
+        draw(){
+            this.dialogTableVisible = true;
+              this.$nextTick(function() {
+                 this.drawPie('leiDaTu3')
+              })
+              this.$nextTick(function() {
+                 this.drawPie2('leiDaTu4')
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420105912.js

@@ -0,0 +1,339 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+              this.$nextTick(function() {
+                  this.draw();
+              })
+            } 
+          
+        },
+        draw(){
+            this.dialogTableVisible = true;
+              this.$nextTick(function() {
+                 this.drawPie('leiDaTu3')
+              })
+              this.$nextTick(function() {
+                 this.drawPie2('leiDaTu4')
+        })
+    },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420110055.js

@@ -0,0 +1,333 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+            } 
+                this.dialogTableVisible = true;
+                this.$nextTick(function() {
+                    this.drawPie('leiDaTu3')
+                })
+                this.$nextTick(function() {
+                    this.drawPie2('leiDaTu4')
+                })
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420110216.js

@@ -0,0 +1,335 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+              
+              this.dialogTableVisible = true;
+                this.$nextTick(function() {
+                    this.drawPie('leiDaTu3')
+                })
+                this.$nextTick(function() {
+                    this.drawPie2('leiDaTu4')
+                })
+            } 
+                
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420110310.js

@@ -0,0 +1,335 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+              
+              this.dialogTableVisible = true;
+                this.$nextTick(function() {
+                    this.drawPie('leiDaTu3')
+                })
+                this.$nextTick(function() {
+                    this.drawPie2('leiDaTu4')
+                })
+            } 
+                
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu3")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu3"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu4")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu4"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420111025.js

@@ -0,0 +1,335 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+              
+              this.dialogTableVisible = true;
+                this.$nextTick(function() {
+                    this.drawPie('leiDaTu5')
+                })
+                this.$nextTick(function() {
+                    this.drawPie2('leiDaTu6')
+                })
+            } 
+                
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu5")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu5"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu6")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu6"));
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420111507.js

@@ -0,0 +1,337 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+              
+              this.dialogTableVisible = true;
+                this.$nextTick(function() {
+                    this.drawPie('leiDaTu5')
+                })
+                this.$nextTick(function() {
+                    this.drawPie2('leiDaTu6')
+                })
+            } 
+                
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu5")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu5"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            $('#leiDaTu6').width($('#leiDaTu6').width());
+            $('#leiDaTu6').height($('#leiDaTu6').height());
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu6")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu6"),'light');
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420111538.js

@@ -0,0 +1,335 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+              
+              this.dialogTableVisible = true;
+                this.$nextTick(function() {
+                    this.drawPie('leiDaTu5')
+                })
+                this.$nextTick(function() {
+                    this.drawPie2('leiDaTu6')
+                })
+            } 
+                
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu5")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu5"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu6")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu6"),'light');
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420112921.js

@@ -0,0 +1,335 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+              
+              this.dialogTableVisible = true;
+                this.$nextTick(function() {
+                    this.drawPie('leiDaTu5')
+                })
+                this.$nextTick(function() {
+                    this.drawPie2('leiDaTu6')
+                })
+            } 
+                
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu5")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu5"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu6")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu6"),'light');
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420113012.js

@@ -0,0 +1,335 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+              
+              this.dialogTableVisible = true;
+                this.$nextTick(function() {
+                    this.drawPie('leiDaTu5')
+                })
+                this.$nextTick(function() {
+                    this.drawPie2('leiDaTu6')
+                })
+            } 
+                
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu5")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu5"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu6")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu6"),'light');
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210420114245.js

@@ -0,0 +1,335 @@
+import * as echarts from "echarts";
+export default {
+    data(){
+        return{
+            tb2:false,
+            formInline: {
+                windfarm: "",
+                project: "",
+                line: "",
+            },
+            
+            options: [],
+            value: '',
+            value2:'',
+            timedate: [],
+            multipleSelection:[],
+            multipleSelection1:[],
+            multipleSelection2:[],
+            orderByColumn:'',
+            isAsc:'asc',
+
+            fdcLineData:[],
+            fdcLineData2:[],
+            currentPage2: 1,
+            pagesize: 10,
+            wpId:'',
+            beginDate:'',
+            endDate:'',
+            dialogTableVisible:false,
+            sortInOrder:[],
+            sortInOrderTop:[],
+            fdcName1:'',
+            fdcName2:'',
+            sortInOrde2:[],
+            getTableData:[],
+            fdcND:[],
+
+            fdcND1:[],
+            fdcND2:[],
+            loading:true,
+            loading2:true,
+        }
+    },
+    filters: {
+      rounding (value) {
+      return value.toFixed(2)
+      }
+    },
+    created(){
+        this.value = this.$route.query.wpId;
+        this.timedate[0] = this.$route.query.beginDate;
+        this.timedate[1] = this.$route.query.endDate;
+        this.YardTableData();
+    },
+    methods:{
+        queryApData() {
+            this.YardTableData();
+            if(this.value2 != null || this.value2 != undefined){
+                this.tb2 = true;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            guilty.append('wpId',this.value2);
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData2 = res.data;
+            this.loading2=false;
+          })
+            }
+        },
+        queryApDataMx() {
+           
+           if(this.multipleSelection1.length+this.multipleSelection2.length==2){
+               this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+           }else{
+               this.$message.error("请选两个风场！");
+               return;
+           }
+          if(this.multipleSelection.length==2){
+              this.fdcName1 = this.multipleSelection[0].wtName;
+              this.fdcName2 = this.multipleSelection[1].wtName;
+              this.fdcND1 = this.multipleSelection[0].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+              this.fdcND2 = this.multipleSelection[1].wtName+""+this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+              this.fdcND.push(this.fdcND1,this.fdcND2);
+              this.sortInOrder.push(this.multipleSelection[0].fnlyl,this.multipleSelection[0].xqjsl,
+              this.multipleSelection[0].ztzhjsl,this.multipleSelection[0].fwjsl,this.multipleSelection[0].slssl,
+              this.multipleSelection[0].xnssl,this.multipleSelection[0].qfl,this.multipleSelection[0].jxssl,
+              this.multipleSelection[0].gzssl);
+              this.sortInOrderTop.push(this.multipleSelection[1].fnlyl,this.multipleSelection[1].xqjsl,
+              this.multipleSelection[1].ztzhjsl,this.multipleSelection[1].fwjsl,this.multipleSelection[1].slssl,
+              this.multipleSelection[1].xnssl,this.multipleSelection[1].qfl,this.multipleSelection[1].jxssl,
+              this.multipleSelection[1].gzssl);
+              for(let i=0;i<this.multipleSelection.length;i++){
+              this.sortInOrde2.push({product:this.multipleSelection[i].wtName+" "+this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),'限电损失电量单位:万KWh':this.multipleSelection[i].xdss,
+                    '故障损失电量单位:万KWh':this.multipleSelection[i].gzss,'检修损失电量单位:万KWh':this.multipleSelection[i].jxssl,
+                    '性能损失电量单位:万KWh':this.multipleSelection[i].xnssl,'受累损失电量单位:万KWh':this.multipleSelection[i].slss});
+              }
+              this.getTableData.push({index:'发电量',data1:this.multipleSelection[0].scadafdl,data2:this.multipleSelection[1].scadafdl});
+              this.getTableData.push({index:'故障损失电量',data1:this.multipleSelection[0].gzss,data2:this.multipleSelection[1].gzss});
+              this.getTableData.push({index:'检修损失电量',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'性能未达标损失电量',data1:this.multipleSelection[0].xnsslfraction,data2:this.multipleSelection[1].xnsslfraction});
+              this.getTableData.push({index:'受累损失电量',data1:this.multipleSelection[0].slss,data2:this.multipleSelection[1].slss});
+              this.getTableData.push({index:'风能利用率',data1:this.multipleSelection[0].fnlyl,data2:this.multipleSelection[1].fnlyl});
+              this.getTableData.push({index:'故障损失率',data1:this.multipleSelection[0].gzssl,data2:this.multipleSelection[1].gzssl});
+              this.getTableData.push({index:'检修损失率',data1:this.multipleSelection[0].jxssl,data2:this.multipleSelection[1].jxssl});
+              this.getTableData.push({index:'弃风率',data1:this.multipleSelection[0].qfl,data2:this.multipleSelection[1].qfl});
+              this.getTableData.push({index:'性能损失率',data1:this.multipleSelection[0].xnssl,data2:this.multipleSelection[1].xnssl});
+              this.getTableData.push({index:'受累损失率',data1:this.multipleSelection[0].slssl,data2:this.multipleSelection[1].slssl});
+              this.getTableData.push({index:'复位及时率',data1:this.multipleSelection[0].fwjsl,data2:this.multipleSelection[1].fwjsl});
+              this.getTableData.push({index:'消缺及时率',data1:this.multipleSelection[0].xqjsl,data2:this.multipleSelection[1].xqjsl});
+              this.getTableData.push({index:'状态转换率',data1:this.multipleSelection[0].ztzhjsl,data2:this.multipleSelection[1].ztzhjsl});        
+              
+              this.dialogTableVisible = true;
+                this.$nextTick(function() {
+                    this.drawPie('leiDaTu5')
+                })
+                this.$nextTick(function() {
+                    this.drawPie2('leiDaTu6')
+                })
+            } 
+                
+        },
+        filter_fdl(cellValue){
+             return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+        YardTableData(){
+            this.API.get('/powercompare/windfarmAjax').then((res) => {
+              this.options = res.data;
+            })
+            this.wpId = this.$route.query.wpId;
+            if(this.timedate == ''){
+                this.beginDate = this.$route.query.beginDate;
+                this.endDate = this.$route.query.endDate;
+            }else{
+                this.beginDate = this.timedate[0];
+                this.endDate = this.timedate[1];
+            }
+            var guilty = new URLSearchParams();
+            guilty.append('pageNum',this.currentPage2);
+            guilty.append('pageSize',this.pagesize);
+            guilty.append('orderByColumn',this.orderByColumn);
+            guilty.append('isAsc',this.isAsc);
+            if(this.value == ''){
+              guilty.append('wpId',this.wpId);
+            }else{
+              guilty.append('wpId',this.value);
+            }
+            guilty.append('beginDate',this.beginDate);
+            guilty.append('endDate',this.endDate);
+          this.API.post('/contrast/benchmarkWpInWtList',guilty).then((res) => {
+            this.fdcLineData = res.data;
+            this.loading = false;
+          })
+        },
+        headStyle() {
+			    return "text-align:left"
+		    },
+        handleSelectionChange(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection1=[];
+            this.multipleSelection1 = val;
+                   
+        },
+        handleSelectionChange2(val) {
+            this.sortInOrder = [];
+            this.sortInOrderTop = [];
+            this.getTableData = [];
+            this.sortInOrde2 = [];
+            this.multipleSelection2=[];
+            this.multipleSelection2 = val;
+                   
+        },
+        changeTableSort(column){
+          this.orderByColumn = column.prop;
+          if(column.order == "descending"){
+            this.isAsc = 'desc';
+          }else if(column.order == "ascending"){
+            this.isAsc = "asc";
+          }
+          this.YardTableData();
+        },
+        filter_date(cellValue) {
+            let date = new Date(cellValue.recordDate);
+            return this.BASE.getBzDate(date,0);
+    },
+        drawPie() {
+
+            let charts = echarts.getInstanceByDom(document.getElementById("leiDaTu5")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts == null) { // 如果不存在，就进行初始化。
+                charts = echarts.init(document.getElementById("leiDaTu5"));
+            }
+            let option = {
+              title: {
+            // text: '对标排名分析',
+            left: 'center'
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+            // shape: 'circle',
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    backgroundColor: '#999',
+                    borderRadius: 3,
+                    padding: [3, 5]
+                }
+            },
+            indicator: [
+                { name: '风能利用率', max: 150},
+                { name: '消缺及时率', max: 150},
+                { name: '状态转换率', max: 150},
+                { name: '复位及时率', max: 150},
+                { name: '受累损失率', max: 150},
+                { name: '性能损失率', max: 150},
+                { name: '弃风率', max: 150},
+                { name: '检修损失率', max: 150},
+                { name: '故障损失率', max: 150},
+            ]
+        },
+        series: [{
+            name: '预算 vs 开销（Budget vs spending）',
+            type: 'radar',
+            // areaStyle: {normal: {}},
+            data: [
+                {
+                    value: this.sortInOrder,
+                    name:this.fdcName1,
+                },
+                {
+                    value: this.sortInOrderTop,
+                    name: this.fdcName2,
+                }
+            ]
+        }]
+            }
+            charts.setOption(option, true);
+            
+          },
+          drawPie2() {
+            let charts2 = echarts.getInstanceByDom(document.getElementById("leiDaTu6")); //有的话就获取已有echarts实例的DOM节点。
+            if (charts2 == null) { // 如果不存在，就进行初始化。
+                charts2 = echarts.init(document.getElementById("leiDaTu6"),'light');
+            }
+            let option2 = {
+              legend: {
+                  orient: 'vertical',
+                  left: 'right'
+              },
+              tooltip: {},
+              dataset: {
+                  dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                  source: this.sortInOrde2
+              },
+              xAxis: {type: 'category',date:this.fdcND,axisPointer: {
+                type: 'shadow'
+            }},
+              yAxis: {type: 'category'},
+              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'
+                            }
+                        }
+                    },
+              ]
+                  }
+                  charts2.setOption(option2, true);
+            
+          },
+          goReturn(){
+            this.$router.push('/benchmark_International')
+          },
+          }
+
+}

.history/src/assets/js/benchmarkingSys/internationalBenchmark_20210420095212.js

@@ -0,0 +1,573 @@
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      FClist: {
+        name: "",
+        id: "",
+      },
+      value: "",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+    this.Inquire_tableDate();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.Inquire_tableDate();
+    },
+    simplification(cellValue){
+      return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    handleEdit(a, b) {
+      this.wpId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.wpId.push(this.multipleSelection[i].wpId);
+          this.wpName.push(this.multipleSelection[i].wpName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].wpId,
+            name: this.multipleSelection[i].wpName,
+          });
+        }
+        this.$router.push({
+          path: "/NationBenchmark_particulars",
+          query: {
+            wpId: this.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: this.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.wpId, name: b.wpName });
+        this.$router.push({
+          path: "/NationBenchmark_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.fdcName1 = this.multipleSelection[0].wpName;
+        this.fdcName2 = this.multipleSelection[1].wpName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].wpName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.Inquire_tableDate();
+    },
+    Inquire_tableDate() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),0);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),0);
+      let that = this;
+      this.$http.get("/powercompare/windfarmAjax").then((res) => {
+        that.FClist = res.data.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-01";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("pageNum", this.currentPage2);
+      fiveLossData.append("pageSize", this.pagesize);
+      fiveLossData.append("orderByColumn", this.orderByColumn);
+      fiveLossData.append("isAsc", this.isAsc);
+      fiveLossData.append("wpId", this.value);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      this.API
+        .post("/contrast/benchmarkWpOutList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data.data;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.fdcName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.fdcName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].wpName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].wpName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        }
+  },
+};

.history/src/assets/js/benchmarkingSys/internationalBenchmark_20210420095325.js

@@ -0,0 +1,573 @@
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      FClist: {
+        name: "",
+        id: "",
+      },
+      value: "",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+    this.Inquire_tableDate();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.Inquire_tableDate();
+    },
+    simplification(cellValue){
+      return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    handleEdit(a, b) {
+      this.wpId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.wpId.push(this.multipleSelection[i].wpId);
+          this.wpName.push(this.multipleSelection[i].wpName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].wpId,
+            name: this.multipleSelection[i].wpName,
+          });
+        }
+        this.$router.push({
+          path: "/NationBenchmark_particulars",
+          query: {
+            wpId: this.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: this.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.wpId, name: b.wpName });
+        this.$router.push({
+          path: "/NationBenchmark_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.fdcName1 = this.multipleSelection[0].wpName;
+        this.fdcName2 = this.multipleSelection[1].wpName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].wpName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.Inquire_tableDate();
+    },
+    Inquire_tableDate() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),0);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),0);
+      let that = this;
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        that.FClist = res.data.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-01";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("pageNum", this.currentPage2);
+      fiveLossData.append("pageSize", this.pagesize);
+      fiveLossData.append("orderByColumn", this.orderByColumn);
+      fiveLossData.append("isAsc", this.isAsc);
+      fiveLossData.append("wpId", this.value);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      this.API
+        .post("/contrast/benchmarkWpOutList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data.data;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.fdcName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.fdcName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].wpName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].wpName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        }
+  },
+};

.history/src/assets/js/benchmarkingSys/internationalBenchmark_20210420095414.js

@@ -0,0 +1,573 @@
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      FClist: {
+        name: "",
+        id: "",
+      },
+      value: "",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+    this.Inquire_tableDate();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.Inquire_tableDate();
+    },
+    simplification(cellValue){
+      return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    handleEdit(a, b) {
+      this.wpId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.wpId.push(this.multipleSelection[i].wpId);
+          this.wpName.push(this.multipleSelection[i].wpName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].wpId,
+            name: this.multipleSelection[i].wpName,
+          });
+        }
+        this.$router.push({
+          path: "/NationBenchmark_particulars",
+          query: {
+            wpId: this.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: this.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.wpId, name: b.wpName });
+        this.$router.push({
+          path: "/NationBenchmark_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.fdcName1 = this.multipleSelection[0].wpName;
+        this.fdcName2 = this.multipleSelection[1].wpName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].wpName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.Inquire_tableDate();
+    },
+    Inquire_tableDate() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),0);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),-1);
+      let that = this;
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        that.FClist = res.data.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-01";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("pageNum", this.currentPage2);
+      fiveLossData.append("pageSize", this.pagesize);
+      fiveLossData.append("orderByColumn", this.orderByColumn);
+      fiveLossData.append("isAsc", this.isAsc);
+      fiveLossData.append("wpId", this.value);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      this.API
+        .post("/contrast/benchmarkWpOutList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data.data;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.fdcName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.fdcName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].wpName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].wpName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        }
+  },
+};

.history/src/assets/js/benchmarkingSys/internationalBenchmark_20210420095422.js

@@ -0,0 +1,573 @@
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      FClist: {
+        name: "",
+        id: "",
+      },
+      value: "",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+    this.Inquire_tableDate();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.Inquire_tableDate();
+    },
+    simplification(cellValue){
+      return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    handleEdit(a, b) {
+      this.wpId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.wpId.push(this.multipleSelection[i].wpId);
+          this.wpName.push(this.multipleSelection[i].wpName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].wpId,
+            name: this.multipleSelection[i].wpName,
+          });
+        }
+        this.$router.push({
+          path: "/NationBenchmark_particulars",
+          query: {
+            wpId: this.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: this.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.wpId, name: b.wpName });
+        this.$router.push({
+          path: "/NationBenchmark_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.fdcName1 = this.multipleSelection[0].wpName;
+        this.fdcName2 = this.multipleSelection[1].wpName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].wpName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.Inquire_tableDate();
+    },
+    Inquire_tableDate() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),-1);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),0);
+      let that = this;
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        that.FClist = res.data.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-01";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("pageNum", this.currentPage2);
+      fiveLossData.append("pageSize", this.pagesize);
+      fiveLossData.append("orderByColumn", this.orderByColumn);
+      fiveLossData.append("isAsc", this.isAsc);
+      fiveLossData.append("wpId", this.value);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      this.API
+        .post("/contrast/benchmarkWpOutList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data.data;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.fdcName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.fdcName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].wpName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].wpName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        }
+  },
+};

.history/src/assets/js/benchmarkingSys/internationalBenchmark_20210420095520.js

@@ -0,0 +1,573 @@
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      FClist: {
+        name: "",
+        id: "",
+      },
+      value: "",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+    this.Inquire_tableDate();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.Inquire_tableDate();
+    },
+    simplification(cellValue){
+      return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    handleEdit(a, b) {
+      this.wpId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.wpId.push(this.multipleSelection[i].wpId);
+          this.wpName.push(this.multipleSelection[i].wpName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].wpId,
+            name: this.multipleSelection[i].wpName,
+          });
+        }
+        this.$router.push({
+          path: "/NationBenchmark_particulars",
+          query: {
+            wpId: this.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: this.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.wpId, name: b.wpName });
+        this.$router.push({
+          path: "/NationBenchmark_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.fdcName1 = this.multipleSelection[0].wpName;
+        this.fdcName2 = this.multipleSelection[1].wpName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].wpName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.Inquire_tableDate();
+    },
+    Inquire_tableDate() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),-1);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),0);
+      let that = this;
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        that.FClist = res.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-01";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("pageNum", this.currentPage2);
+      fiveLossData.append("pageSize", this.pagesize);
+      fiveLossData.append("orderByColumn", this.orderByColumn);
+      fiveLossData.append("isAsc", this.isAsc);
+      fiveLossData.append("wpId", this.value);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      this.API
+        .post("/contrast/benchmarkWpOutList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.fdcName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.fdcName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].wpName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].wpName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        }
+  },
+};

.history/src/assets/js/benchmarkingSys/internationalBenchmark_20210420100114.js

@@ -0,0 +1,573 @@
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      FClist: {
+        name: "",
+        id: "",
+      },
+      value: "",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+    this.Inquire_tableDate();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.Inquire_tableDate();
+    },
+    simplification(cellValue){
+      return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    handleEdit(a, b) {
+      this.wpId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.wpId.push(this.multipleSelection[i].wpId);
+          this.wpName.push(this.multipleSelection[i].wpName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].wpId,
+            name: this.multipleSelection[i].wpName,
+          });
+        }
+        this.$router.push({
+          path: "/innationBenchmarkParticulars",
+          query: {
+            wpId: this.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: this.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.wpId, name: b.wpName });
+        this.$router.push({
+          path: "/innationBenchmarkParticulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.fdcName1 = this.multipleSelection[0].wpName;
+        this.fdcName2 = this.multipleSelection[1].wpName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].wpName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.Inquire_tableDate();
+    },
+    Inquire_tableDate() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),-1);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),0);
+      let that = this;
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        that.FClist = res.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-01";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("pageNum", this.currentPage2);
+      fiveLossData.append("pageSize", this.pagesize);
+      fiveLossData.append("orderByColumn", this.orderByColumn);
+      fiveLossData.append("isAsc", this.isAsc);
+      fiveLossData.append("wpId", this.value);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      this.API
+        .post("/contrast/benchmarkWpOutList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.fdcName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.fdcName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].wpName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].wpName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        }
+  },
+};

.history/src/assets/js/benchmarkingSys/performanceList_20210420143609.js

@@ -0,0 +1,855 @@
+
+import * as echarts from "echarts";
+import formateDate from "@/utils/date";
+import formateDate1 from "@/utils/date_1";
+import excelHelper from "@/utils/excelHelper";
+export default {
+  data() {
+    return {
+      len:10,
+      fc:"",
+      pj:"",
+      xl:"",
+      autoHeight_fc: 400,
+      autoHeight_pj: 800,
+      autoHeight_xl: 1200,
+      tableHeight_fc:460,
+      tableHeight_pj:860,
+      tableHeight_xl:1220,
+      queryAll_table_lyl:[],
+      wpIdslist: {
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      linelist:{
+        name:"",
+        id:"",
+      },
+      fc_date: [],
+      pj_date: [],
+      xl_date: [],
+      beginDate: "",
+      endDate: "",
+      activeName: "first",
+      tableid: "fc",
+      styleObject_fc: {
+        height: '460px'
+      },
+      styleObject_pj: {
+        height: '860px'
+      },
+      styleObject_xl: {
+        height: '1220px'
+      },
+      linechar_data:{
+        dayspeed:[],
+        daydl2:[],
+        daynhgzssdl:[],
+        daynhcfdl:[],
+        daynhqfdl:[],
+        daynhxdssdl:[],
+        lyl:[],
+        wtName:[],
+        total:[],
+        daynhwhssdl:[]
+      }
+    };
+  },
+  methods: {
+    created(){
+      
+      },
+    onSubmit() {},
+    query_wpid() {
+       var newData = new Date();
+       this.beginDate = formateDate1(newData.getTime()/1000);
+       this.endDate = formateDate(newData.getTime()/1000);
+       this.$http.get("powercompare/windfarmAjax?").then((res) => {
+       this.wpIdslist = res.data.data;
+      });
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.$http.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data.data;
+        
+      });
+    },
+    query_xl(){
+      this.xl = "";
+      this.$http.get("powercompare/lineAjax?pjIds=" + this.pj).then((res) => {
+        this.linelist = res.data.data;
+      });
+    },
+    handleClick(tab) {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      if (tab.name === "first") {
+        this.tableid = "fc";
+        this.query();
+      } else if (tab.name === "second") {
+        this.tableid = "pj";
+        this.query();
+      } else if (tab.name === "jdxl") {
+        this.tableid = "xl";
+        this.query();
+      }
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      this.styleObject_fc.height = '460px';
+      this.autoHeight_fc = '400px';
+      this.styleObject_pj.height = '860px';
+      this.autoHeight_pj = '800px';
+      this.styleObject_xl.height = '1260px';
+      this.autoHeight_xl = '1200px';
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+      //表格数据获取
+      this.$http
+        .get(
+          "powercompare/powerAjaxAll?wpIds=" +
+            this.fc +
+            "&beginDate=" +
+            this.beginDate +
+            "&endDate=" +
+            this.endDate +
+            "&queryType=" +
+            this.tableid +
+            "&sortName=" +
+            this.fc +
+            "&sortOrder=" +
+            "Asc"
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.data.list;
+          let queryAll_table_lyl = res.data.data.lyl;
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+             that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+          }
+          if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+        });
+    },
+    async queryPowerAll() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+      let that = this;
+      if (
+        this.beginDate == "" ||
+        this.endDate == "" ||
+        this.beginDate == undefined ||
+        this.endDate == undefined
+      ) {
+        this.query_wpid();
+        that.$message.error("请选时间！");
+        return;
+      }
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+
+      if (
+        that.fc == "" ||
+        that.fc == null ||
+        that.fc == undefined
+      ) {
+        that.query();
+      } else {
+        // this.$http
+        //   .get(
+        //     "powercompare/queryPower?wpIds=" +
+        //       this.fc +
+        //       "&pjIds=" +
+        //       this.pj +
+        //       "&lineIds=" +
+        //       this.xl +
+        //       "&beginDate=" +
+        //       this.beginDate +
+        //       "&endDate=" +
+        //       this.endDate
+        //   )
+          // .then((res) => {
+          //   let that = this;
+            // let queryAll = res.data.data;
+            // this.len = Object.keys(queryAll.names).length;
+            // if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            // else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            // else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            // else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            // else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            // else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            // else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            // else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            // else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+            //  this.tableHeight_fc = this.autoHeight_fc - 20; 
+            //  this.tableHeight_pj = this.autoHeight_pj - 20; 
+            //  this.tableHeight_xl = this.autoHeight_xl - 20; 
+          //});
+        this.$http
+          .get(
+            "powercompare/powerAjax?wpIds=" +
+              this.fc +
+              "&pjIds=" +
+              this.pj +
+              "&lineIds=" +
+              this.xl +
+              "&beginDate=" +
+              this.beginDate +
+              "&endDate=" +
+              this.endDate +
+              "&sortName=" +
+              this.fc +
+              "&sortOrder=" +
+              "Asc"
+          )
+          .then((res) => {
+            let that = this;
+            this.len = Object.keys(res.data.data.list).length;
+            if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+             this.tableHeight_fc = this.autoHeight_fc - 20; 
+             this.tableHeight_pj = this.autoHeight_pj - 20; 
+             this.tableHeight_xl = this.autoHeight_xl - 20; 
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.data.list;
+          let queryAll_table_lyl = res.data.data.lyl;
+          //this.query_lyl(queryAll_table);
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+            that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+            
+          }
+           if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+          });
+      }
+    },
+    checkwindfarm() {
+      if (this.fc == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.fc == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    checktime() {
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    queryApDataMx() {
+      this.$router.push({ path: "/new_performanceList_fan" ,
+      query: {
+            beginDate : this.beginDate,
+            endDate : this.endDate
+          },});
+    },
+    filter_total(cellValue) {
+      return parseFloat(cellValue.total).toFixed(2);
+    },
+
+    filter_daydl2(cellValue) {
+      return parseFloat(cellValue.daydl2).toFixed(2);
+    },
+    filter_dayspeed(cellValue) {
+      return parseFloat(cellValue.dayspeed).toFixed(2);
+    },
+    filter_daynhwhssdl(cellValue) {
+      return parseFloat(cellValue.daynhwhssdl).toFixed(2);
+    },
+    filter_daynhcfdl(cellValue) {
+      return parseFloat(cellValue.daynhcfdl).toFixed(2);
+    },
+    filter_daynhxdssdl(cellValue) {
+      return parseFloat(cellValue.daynhqfdl).toFixed(2);
+    },
+    filter_lyl(cellValue) {
+      return parseFloat(cellValue.lyl).toFixed(2);
+    },
+    filter_daynhgzssdl(cellValue) {
+      return parseFloat(cellValue.daynhgzssdl).toFixed(2);
+    },
+    toExcel() {
+      let that = this;
+      if (this.tableid === "fc") {
+        excelHelper.exportExcel("fc_table", "fc数据", ".xls", true);
+      } else if (this.tableid === "pj") {
+        excelHelper.exportExcel("pj_table", "pj数据", ".xls", true);
+      } else if (this.tableid === "xl") {
+        excelHelper.exportExcel("xl_table", "xl数据", ".xls", true);
+      }
+    },
+    drawhistogram_fc(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_fc"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_fc });
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "风机绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_pj(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_xm"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_pj });
+
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "项目绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+         },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_xl(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_jdxl"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_xl });
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "路线绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+               
+            //后面的50：根据需求空出的高度，自行调整
+        });
+       
+    this.query_wpid();
+    this.query();
+  },
+};

.history/src/assets/js/benchmarkingSys/performanceList_20210420143725.js

@@ -0,0 +1,853 @@
+
+import * as echarts from "echarts";
+//import excelHelper from "@/utils/excelHelper";
+export default {
+  data() {
+    return {
+      len:10,
+      fc:"",
+      pj:"",
+      xl:"",
+      autoHeight_fc: 400,
+      autoHeight_pj: 800,
+      autoHeight_xl: 1200,
+      tableHeight_fc:460,
+      tableHeight_pj:860,
+      tableHeight_xl:1220,
+      queryAll_table_lyl:[],
+      wpIdslist: {
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      linelist:{
+        name:"",
+        id:"",
+      },
+      fc_date: [],
+      pj_date: [],
+      xl_date: [],
+      beginDate: "",
+      endDate: "",
+      activeName: "first",
+      tableid: "fc",
+      styleObject_fc: {
+        height: '460px'
+      },
+      styleObject_pj: {
+        height: '860px'
+      },
+      styleObject_xl: {
+        height: '1220px'
+      },
+      linechar_data:{
+        dayspeed:[],
+        daydl2:[],
+        daynhgzssdl:[],
+        daynhcfdl:[],
+        daynhqfdl:[],
+        daynhxdssdl:[],
+        lyl:[],
+        wtName:[],
+        total:[],
+        daynhwhssdl:[]
+      }
+    };
+  },
+  methods: {
+    created(){
+      
+      },
+    onSubmit() {},
+    query_wpid() {
+       var newData = new Date();
+       this.beginDate = this.BASE.getBzDate(newData.getTime(),-1);
+       this.endDate = this.BASE.getBzDate(newData.getTime(),0);
+       this.$http.get("powercompare/windfarmAjax?").then((res) => {
+       this.wpIdslist = res.data;
+      });
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.$http.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data.data;
+        
+      });
+    },
+    query_xl(){
+      this.xl = "";
+      this.$http.get("powercompare/lineAjax?pjIds=" + this.pj).then((res) => {
+        this.linelist = res.data.data;
+      });
+    },
+    handleClick(tab) {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      if (tab.name === "first") {
+        this.tableid = "fc";
+        this.query();
+      } else if (tab.name === "second") {
+        this.tableid = "pj";
+        this.query();
+      } else if (tab.name === "jdxl") {
+        this.tableid = "xl";
+        this.query();
+      }
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      this.styleObject_fc.height = '460px';
+      this.autoHeight_fc = '400px';
+      this.styleObject_pj.height = '860px';
+      this.autoHeight_pj = '800px';
+      this.styleObject_xl.height = '1260px';
+      this.autoHeight_xl = '1200px';
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+      //表格数据获取
+      this.$http
+        .get(
+          "powercompare/powerAjaxAll?wpIds=" +
+            this.fc +
+            "&beginDate=" +
+            this.beginDate +
+            "&endDate=" +
+            this.endDate +
+            "&queryType=" +
+            this.tableid +
+            "&sortName=" +
+            this.fc +
+            "&sortOrder=" +
+            "Asc"
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.data.list;
+          let queryAll_table_lyl = res.data.data.lyl;
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+             that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+          }
+          if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+        });
+    },
+    async queryPowerAll() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+      let that = this;
+      if (
+        this.beginDate == "" ||
+        this.endDate == "" ||
+        this.beginDate == undefined ||
+        this.endDate == undefined
+      ) {
+        this.query_wpid();
+        that.$message.error("请选时间！");
+        return;
+      }
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+
+      if (
+        that.fc == "" ||
+        that.fc == null ||
+        that.fc == undefined
+      ) {
+        that.query();
+      } else {
+        // this.$http
+        //   .get(
+        //     "powercompare/queryPower?wpIds=" +
+        //       this.fc +
+        //       "&pjIds=" +
+        //       this.pj +
+        //       "&lineIds=" +
+        //       this.xl +
+        //       "&beginDate=" +
+        //       this.beginDate +
+        //       "&endDate=" +
+        //       this.endDate
+        //   )
+          // .then((res) => {
+          //   let that = this;
+            // let queryAll = res.data.data;
+            // this.len = Object.keys(queryAll.names).length;
+            // if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            // else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            // else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            // else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            // else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            // else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            // else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            // else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            // else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+            //  this.tableHeight_fc = this.autoHeight_fc - 20; 
+            //  this.tableHeight_pj = this.autoHeight_pj - 20; 
+            //  this.tableHeight_xl = this.autoHeight_xl - 20; 
+          //});
+        this.$http
+          .get(
+            "powercompare/powerAjax?wpIds=" +
+              this.fc +
+              "&pjIds=" +
+              this.pj +
+              "&lineIds=" +
+              this.xl +
+              "&beginDate=" +
+              this.beginDate +
+              "&endDate=" +
+              this.endDate +
+              "&sortName=" +
+              this.fc +
+              "&sortOrder=" +
+              "Asc"
+          )
+          .then((res) => {
+            let that = this;
+            this.len = Object.keys(res.data.data.list).length;
+            if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+             this.tableHeight_fc = this.autoHeight_fc - 20; 
+             this.tableHeight_pj = this.autoHeight_pj - 20; 
+             this.tableHeight_xl = this.autoHeight_xl - 20; 
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.data.list;
+          let queryAll_table_lyl = res.data.data.lyl;
+          //this.query_lyl(queryAll_table);
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+            that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+            
+          }
+           if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+          });
+      }
+    },
+    checkwindfarm() {
+      if (this.fc == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.fc == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    checktime() {
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    queryApDataMx() {
+      this.$router.push({ path: "/new_performanceList_fan" ,
+      query: {
+            beginDate : this.beginDate,
+            endDate : this.endDate
+          },});
+    },
+    filter_total(cellValue) {
+      return parseFloat(cellValue.total).toFixed(2);
+    },
+
+    filter_daydl2(cellValue) {
+      return parseFloat(cellValue.daydl2).toFixed(2);
+    },
+    filter_dayspeed(cellValue) {
+      return parseFloat(cellValue.dayspeed).toFixed(2);
+    },
+    filter_daynhwhssdl(cellValue) {
+      return parseFloat(cellValue.daynhwhssdl).toFixed(2);
+    },
+    filter_daynhcfdl(cellValue) {
+      return parseFloat(cellValue.daynhcfdl).toFixed(2);
+    },
+    filter_daynhxdssdl(cellValue) {
+      return parseFloat(cellValue.daynhqfdl).toFixed(2);
+    },
+    filter_lyl(cellValue) {
+      return parseFloat(cellValue.lyl).toFixed(2);
+    },
+    filter_daynhgzssdl(cellValue) {
+      return parseFloat(cellValue.daynhgzssdl).toFixed(2);
+    },
+    // toExcel() {
+    //   let that = this;
+    //   if (this.tableid === "fc") {
+    //     excelHelper.exportExcel("fc_table", "fc数据", ".xls", true);
+    //   } else if (this.tableid === "pj") {
+    //     excelHelper.exportExcel("pj_table", "pj数据", ".xls", true);
+    //   } else if (this.tableid === "xl") {
+    //     excelHelper.exportExcel("xl_table", "xl数据", ".xls", true);
+    //   }
+    // },
+    drawhistogram_fc(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_fc"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_fc });
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "风机绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_pj(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_xm"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_pj });
+
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "项目绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+         },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_xl(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_jdxl"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_xl });
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "路线绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+               
+            //后面的50：根据需求空出的高度，自行调整
+        });
+       
+    this.query_wpid();
+    this.query();
+  },
+};

.history/src/assets/js/benchmarkingSys/performanceList_20210420143822.js

@@ -0,0 +1,853 @@
+
+import * as echarts from "echarts";
+//import excelHelper from "@/utils/excelHelper";
+export default {
+  data() {
+    return {
+      len:10,
+      fc:"",
+      pj:"",
+      xl:"",
+      autoHeight_fc: 400,
+      autoHeight_pj: 800,
+      autoHeight_xl: 1200,
+      tableHeight_fc:460,
+      tableHeight_pj:860,
+      tableHeight_xl:1220,
+      queryAll_table_lyl:[],
+      wpIdslist: {
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      linelist:{
+        name:"",
+        id:"",
+      },
+      fc_date: [],
+      pj_date: [],
+      xl_date: [],
+      beginDate: "",
+      endDate: "",
+      activeName: "first",
+      tableid: "fc",
+      styleObject_fc: {
+        height: '460px'
+      },
+      styleObject_pj: {
+        height: '860px'
+      },
+      styleObject_xl: {
+        height: '1220px'
+      },
+      linechar_data:{
+        dayspeed:[],
+        daydl2:[],
+        daynhgzssdl:[],
+        daynhcfdl:[],
+        daynhqfdl:[],
+        daynhxdssdl:[],
+        lyl:[],
+        wtName:[],
+        total:[],
+        daynhwhssdl:[]
+      }
+    };
+  },
+  methods: {
+    created(){
+      
+      },
+    onSubmit() {},
+    query_wpid() {
+       var newData = new Date();
+       this.beginDate = this.BASE.getBzDate(newData.getTime(),-1);
+       this.endDate = this.BASE.getBzDate(newData.getTime(),0);
+       this.$http.get("powercompare/windfarmAjax?").then((res) => {
+       this.wpIdslist = res.data;
+      });
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.$http.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      });
+    },
+    query_xl(){
+      this.xl = "";
+      this.$http.get("powercompare/lineAjax?pjIds=" + this.pj).then((res) => {
+        this.linelist = res.data;
+      });
+    },
+    handleClick(tab) {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      if (tab.name === "first") {
+        this.tableid = "fc";
+        this.query();
+      } else if (tab.name === "second") {
+        this.tableid = "pj";
+        this.query();
+      } else if (tab.name === "jdxl") {
+        this.tableid = "xl";
+        this.query();
+      }
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      this.styleObject_fc.height = '460px';
+      this.autoHeight_fc = '400px';
+      this.styleObject_pj.height = '860px';
+      this.autoHeight_pj = '800px';
+      this.styleObject_xl.height = '1260px';
+      this.autoHeight_xl = '1200px';
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+      //表格数据获取
+      this.$http
+        .get(
+          "powercompare/powerAjaxAll?wpIds=" +
+            this.fc +
+            "&beginDate=" +
+            this.beginDate +
+            "&endDate=" +
+            this.endDate +
+            "&queryType=" +
+            this.tableid +
+            "&sortName=" +
+            this.fc +
+            "&sortOrder=" +
+            "Asc"
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.list;
+          let queryAll_table_lyl = res.data.lyl;
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+             that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+          }
+          if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+        });
+    },
+    async queryPowerAll() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+      let that = this;
+      if (
+        this.beginDate == "" ||
+        this.endDate == "" ||
+        this.beginDate == undefined ||
+        this.endDate == undefined
+      ) {
+        this.query_wpid();
+        that.$message.error("请选时间！");
+        return;
+      }
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+
+      if (
+        that.fc == "" ||
+        that.fc == null ||
+        that.fc == undefined
+      ) {
+        that.query();
+      } else {
+        // this.$http
+        //   .get(
+        //     "powercompare/queryPower?wpIds=" +
+        //       this.fc +
+        //       "&pjIds=" +
+        //       this.pj +
+        //       "&lineIds=" +
+        //       this.xl +
+        //       "&beginDate=" +
+        //       this.beginDate +
+        //       "&endDate=" +
+        //       this.endDate
+        //   )
+          // .then((res) => {
+          //   let that = this;
+            // let queryAll = res.data.data;
+            // this.len = Object.keys(queryAll.names).length;
+            // if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            // else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            // else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            // else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            // else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            // else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            // else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            // else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            // else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+            //  this.tableHeight_fc = this.autoHeight_fc - 20; 
+            //  this.tableHeight_pj = this.autoHeight_pj - 20; 
+            //  this.tableHeight_xl = this.autoHeight_xl - 20; 
+          //});
+        this.$http
+          .get(
+            "powercompare/powerAjax?wpIds=" +
+              this.fc +
+              "&pjIds=" +
+              this.pj +
+              "&lineIds=" +
+              this.xl +
+              "&beginDate=" +
+              this.beginDate +
+              "&endDate=" +
+              this.endDate +
+              "&sortName=" +
+              this.fc +
+              "&sortOrder=" +
+              "Asc"
+          )
+          .then((res) => {
+            let that = this;
+            this.len = Object.keys(res.data.list).length;
+            if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+             this.tableHeight_fc = this.autoHeight_fc - 20; 
+             this.tableHeight_pj = this.autoHeight_pj - 20; 
+             this.tableHeight_xl = this.autoHeight_xl - 20; 
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.list;
+          let queryAll_table_lyl = res.data.lyl;
+          //this.query_lyl(queryAll_table);
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+            that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+            
+          }
+           if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+          });
+      }
+    },
+    checkwindfarm() {
+      if (this.fc == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.fc == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    checktime() {
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    queryApDataMx() {
+      this.$router.push({ path: "/new_performanceList_fan" ,
+      query: {
+            beginDate : this.beginDate,
+            endDate : this.endDate
+          },});
+    },
+    filter_total(cellValue) {
+      return parseFloat(cellValue.total).toFixed(2);
+    },
+
+    filter_daydl2(cellValue) {
+      return parseFloat(cellValue.daydl2).toFixed(2);
+    },
+    filter_dayspeed(cellValue) {
+      return parseFloat(cellValue.dayspeed).toFixed(2);
+    },
+    filter_daynhwhssdl(cellValue) {
+      return parseFloat(cellValue.daynhwhssdl).toFixed(2);
+    },
+    filter_daynhcfdl(cellValue) {
+      return parseFloat(cellValue.daynhcfdl).toFixed(2);
+    },
+    filter_daynhxdssdl(cellValue) {
+      return parseFloat(cellValue.daynhqfdl).toFixed(2);
+    },
+    filter_lyl(cellValue) {
+      return parseFloat(cellValue.lyl).toFixed(2);
+    },
+    filter_daynhgzssdl(cellValue) {
+      return parseFloat(cellValue.daynhgzssdl).toFixed(2);
+    },
+    // toExcel() {
+    //   let that = this;
+    //   if (this.tableid === "fc") {
+    //     excelHelper.exportExcel("fc_table", "fc数据", ".xls", true);
+    //   } else if (this.tableid === "pj") {
+    //     excelHelper.exportExcel("pj_table", "pj数据", ".xls", true);
+    //   } else if (this.tableid === "xl") {
+    //     excelHelper.exportExcel("xl_table", "xl数据", ".xls", true);
+    //   }
+    // },
+    drawhistogram_fc(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_fc"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_fc });
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "风机绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_pj(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_xm"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_pj });
+
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "项目绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+         },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_xl(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_jdxl"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_xl });
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "路线绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+               
+            //后面的50：根据需求空出的高度，自行调整
+        });
+       
+    this.query_wpid();
+    this.query();
+  },
+};

.history/src/assets/js/benchmarkingSys/performanceList_20210420143843.js

@@ -0,0 +1,853 @@
+
+import * as echarts from "echarts";
+//import excelHelper from "@/utils/excelHelper";
+export default {
+  data() {
+    return {
+      len:10,
+      fc:"",
+      pj:"",
+      xl:"",
+      autoHeight_fc: 400,
+      autoHeight_pj: 800,
+      autoHeight_xl: 1200,
+      tableHeight_fc:460,
+      tableHeight_pj:860,
+      tableHeight_xl:1220,
+      queryAll_table_lyl:[],
+      wpIdslist: {
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      linelist:{
+        name:"",
+        id:"",
+      },
+      fc_date: [],
+      pj_date: [],
+      xl_date: [],
+      beginDate: "",
+      endDate: "",
+      activeName: "first",
+      tableid: "fc",
+      styleObject_fc: {
+        height: '460px'
+      },
+      styleObject_pj: {
+        height: '860px'
+      },
+      styleObject_xl: {
+        height: '1220px'
+      },
+      linechar_data:{
+        dayspeed:[],
+        daydl2:[],
+        daynhgzssdl:[],
+        daynhcfdl:[],
+        daynhqfdl:[],
+        daynhxdssdl:[],
+        lyl:[],
+        wtName:[],
+        total:[],
+        daynhwhssdl:[]
+      }
+    };
+  },
+  methods: {
+    created(){
+      
+      },
+    onSubmit() {},
+    query_wpid() {
+       var newData = new Date();
+       this.beginDate = this.BASE.getBzDate(newData.getTime(),-1);
+       this.endDate = this.BASE.getBzDate(newData.getTime(),0);
+       this.$http.get("powercompare/windfarmAjax?").then((res) => {
+       this.wpIdslist = res.data;
+      });
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.$http.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      });
+    },
+    query_xl(){
+      this.xl = "";
+      this.$http.get("powercompare/lineAjax?pjIds=" + this.pj).then((res) => {
+        this.linelist = res.data;
+      });
+    },
+    handleClick(tab) {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      if (tab.name === "first") {
+        this.tableid = "fc";
+        this.query();
+      } else if (tab.name === "second") {
+        this.tableid = "pj";
+        this.query();
+      } else if (tab.name === "jdxl") {
+        this.tableid = "xl";
+        this.query();
+      }
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      this.styleObject_fc.height = '460px';
+      this.autoHeight_fc = '400px';
+      this.styleObject_pj.height = '860px';
+      this.autoHeight_pj = '800px';
+      this.styleObject_xl.height = '1260px';
+      this.autoHeight_xl = '1200px';
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+      //表格数据获取
+      this.$http
+        .get(
+          "powercompare/powerAjaxAll?wpIds=" +
+            this.fc +
+            "&beginDate=" +
+            this.beginDate +
+            "&endDate=" +
+            this.endDate +
+            "&queryType=" +
+            this.tableid +
+            "&sortName=" +
+            this.fc +
+            "&sortOrder=" +
+            "Asc"
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.list;
+          let queryAll_table_lyl = res.data.lyl;
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+             that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+          }
+          if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+        });
+    },
+    async queryPowerAll() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+      let that = this;
+      if (
+        this.beginDate == "" ||
+        this.endDate == "" ||
+        this.beginDate == undefined ||
+        this.endDate == undefined
+      ) {
+        this.query_wpid();
+        that.$message.error("请选时间！");
+        return;
+      }
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+
+      if (
+        that.fc == "" ||
+        that.fc == null ||
+        that.fc == undefined
+      ) {
+        that.query();
+      } else {
+        // this.$http
+        //   .get(
+        //     "powercompare/queryPower?wpIds=" +
+        //       this.fc +
+        //       "&pjIds=" +
+        //       this.pj +
+        //       "&lineIds=" +
+        //       this.xl +
+        //       "&beginDate=" +
+        //       this.beginDate +
+        //       "&endDate=" +
+        //       this.endDate
+        //   )
+          // .then((res) => {
+          //   let that = this;
+            // let queryAll = res.data.data;
+            // this.len = Object.keys(queryAll.names).length;
+            // if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            // else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            // else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            // else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            // else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            // else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            // else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            // else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            // else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+            //  this.tableHeight_fc = this.autoHeight_fc - 20; 
+            //  this.tableHeight_pj = this.autoHeight_pj - 20; 
+            //  this.tableHeight_xl = this.autoHeight_xl - 20; 
+          //});
+        this.$http
+          .get(
+            "powercompare/powerAjax?wpIds=" +
+              this.fc +
+              "&pjIds=" +
+              this.pj +
+              "&lineIds=" +
+              this.xl +
+              "&beginDate=" +
+              this.beginDate +
+              "&endDate=" +
+              this.endDate +
+              "&sortName=" +
+              this.fc +
+              "&sortOrder=" +
+              "Asc"
+          )
+          .then((res) => {
+            let that = this;
+            this.len = Object.keys(res.data.list).length;
+            if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+             this.tableHeight_fc = this.autoHeight_fc - 20; 
+             this.tableHeight_pj = this.autoHeight_pj - 20; 
+             this.tableHeight_xl = this.autoHeight_xl - 20; 
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.list;
+          let queryAll_table_lyl = res.data.lyl;
+          //this.query_lyl(queryAll_table);
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+            that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+            
+          }
+           if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+          });
+      }
+    },
+    checkwindfarm() {
+      if (this.fc == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.fc == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    checktime() {
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    queryApDataMx() {
+      this.$router.push({ path: "/new_performanceList_fan" ,
+      query: {
+            beginDate : this.beginDate,
+            endDate : this.endDate
+          },});
+    },
+    filter_total(cellValue) {
+      return parseFloat(cellValue.total).toFixed(2);
+    },
+
+    filter_daydl2(cellValue) {
+      return parseFloat(cellValue.daydl2).toFixed(2);
+    },
+    filter_dayspeed(cellValue) {
+      return parseFloat(cellValue.dayspeed).toFixed(2);
+    },
+    filter_daynhwhssdl(cellValue) {
+      return parseFloat(cellValue.daynhwhssdl).toFixed(2);
+    },
+    filter_daynhcfdl(cellValue) {
+      return parseFloat(cellValue.daynhcfdl).toFixed(2);
+    },
+    filter_daynhxdssdl(cellValue) {
+      return parseFloat(cellValue.daynhqfdl).toFixed(2);
+    },
+    filter_lyl(cellValue) {
+      return parseFloat(cellValue.lyl).toFixed(2);
+    },
+    filter_daynhgzssdl(cellValue) {
+      return parseFloat(cellValue.daynhgzssdl).toFixed(2);
+    },
+    // toExcel() {
+    //   let that = this;
+    //   if (this.tableid === "fc") {
+    //     excelHelper.exportExcel("fc_table", "fc数据", ".xls", true);
+    //   } else if (this.tableid === "pj") {
+    //     excelHelper.exportExcel("pj_table", "pj数据", ".xls", true);
+    //   } else if (this.tableid === "xl") {
+    //     excelHelper.exportExcel("xl_table", "xl数据", ".xls", true);
+    //   }
+    // },
+    drawhistogram_fc(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_fc"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_fc });
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "风机绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_pj(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_xm"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_pj });
+
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "项目绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+         },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_xl(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_jdxl"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_xl });
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "路线绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+               
+            //后面的50：根据需求空出的高度，自行调整
+        });
+       
+    this.query_wpid();
+    this.query();
+  },
+};

.history/src/assets/js/benchmarkingSys/performanceList_20210420144403.js

@@ -0,0 +1,853 @@
+
+import * as echarts from "echarts";
+//import excelHelper from "@/utils/excelHelper";
+export default {
+  data() {
+    return {
+      len:10,
+      fc:"",
+      pj:"",
+      xl:"",
+      autoHeight_fc: 400,
+      autoHeight_pj: 800,
+      autoHeight_xl: 1200,
+      tableHeight_fc:460,
+      tableHeight_pj:860,
+      tableHeight_xl:1220,
+      queryAll_table_lyl:[],
+      wpIdslist: {
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      linelist:{
+        name:"",
+        id:"",
+      },
+      fc_date: [],
+      pj_date: [],
+      xl_date: [],
+      beginDate: "",
+      endDate: "",
+      activeName: "first",
+      tableid: "fc",
+      styleObject_fc: {
+        height: '460px'
+      },
+      styleObject_pj: {
+        height: '860px'
+      },
+      styleObject_xl: {
+        height: '1220px'
+      },
+      linechar_data:{
+        dayspeed:[],
+        daydl2:[],
+        daynhgzssdl:[],
+        daynhcfdl:[],
+        daynhqfdl:[],
+        daynhxdssdl:[],
+        lyl:[],
+        wtName:[],
+        total:[],
+        daynhwhssdl:[]
+      }
+    };
+  },
+  methods: {
+    created(){
+      
+      },
+    onSubmit() {},
+    query_wpid() {
+       var newData = new Date();
+       this.beginDate = this.BASE.getBzDate(newData.getTime(),-1);
+       this.endDate = this.BASE.getBzDate(newData.getTime(),0);
+       this.API.get("powercompare/windfarmAjax?").then((res) => {
+       this.wpIdslist = res.data;
+      });
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.API.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      });
+    },
+    query_xl(){
+      this.xl = "";
+      this.API.get("powercompare/lineAjax?pjIds=" + this.pj).then((res) => {
+        this.linelist = res.data;
+      });
+    },
+    handleClick(tab) {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      if (tab.name === "first") {
+        this.tableid = "fc";
+        this.query();
+      } else if (tab.name === "second") {
+        this.tableid = "pj";
+        this.query();
+      } else if (tab.name === "jdxl") {
+        this.tableid = "xl";
+        this.query();
+      }
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      this.styleObject_fc.height = '460px';
+      this.autoHeight_fc = '400px';
+      this.styleObject_pj.height = '860px';
+      this.autoHeight_pj = '800px';
+      this.styleObject_xl.height = '1260px';
+      this.autoHeight_xl = '1200px';
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+      //表格数据获取
+      this.API
+        .get(
+          "powercompare/powerAjaxAll?wpIds=" +
+            this.fc +
+            "&beginDate=" +
+            this.beginDate +
+            "&endDate=" +
+            this.endDate +
+            "&queryType=" +
+            this.tableid +
+            "&sortName=" +
+            this.fc +
+            "&sortOrder=" +
+            "Asc"
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.list;
+          let queryAll_table_lyl = res.data.lyl;
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+             that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+          }
+          if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+        });
+    },
+    async queryPowerAll() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+      let that = this;
+      if (
+        this.beginDate == "" ||
+        this.endDate == "" ||
+        this.beginDate == undefined ||
+        this.endDate == undefined
+      ) {
+        this.query_wpid();
+        that.$message.error("请选时间！");
+        return;
+      }
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+
+      if (
+        that.fc == "" ||
+        that.fc == null ||
+        that.fc == undefined
+      ) {
+        that.query();
+      } else {
+        // this.$http
+        //   .get(
+        //     "powercompare/queryPower?wpIds=" +
+        //       this.fc +
+        //       "&pjIds=" +
+        //       this.pj +
+        //       "&lineIds=" +
+        //       this.xl +
+        //       "&beginDate=" +
+        //       this.beginDate +
+        //       "&endDate=" +
+        //       this.endDate
+        //   )
+          // .then((res) => {
+          //   let that = this;
+            // let queryAll = res.data.data;
+            // this.len = Object.keys(queryAll.names).length;
+            // if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            // else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            // else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            // else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            // else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            // else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            // else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            // else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            // else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+            //  this.tableHeight_fc = this.autoHeight_fc - 20; 
+            //  this.tableHeight_pj = this.autoHeight_pj - 20; 
+            //  this.tableHeight_xl = this.autoHeight_xl - 20; 
+          //});
+        this.API
+          .get(
+            "powercompare/powerAjax?wpIds=" +
+              this.fc +
+              "&pjIds=" +
+              this.pj +
+              "&lineIds=" +
+              this.xl +
+              "&beginDate=" +
+              this.beginDate +
+              "&endDate=" +
+              this.endDate +
+              "&sortName=" +
+              this.fc +
+              "&sortOrder=" +
+              "Asc"
+          )
+          .then((res) => {
+            let that = this;
+            this.len = Object.keys(res.data.list).length;
+            if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+             this.tableHeight_fc = this.autoHeight_fc - 20; 
+             this.tableHeight_pj = this.autoHeight_pj - 20; 
+             this.tableHeight_xl = this.autoHeight_xl - 20; 
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.list;
+          let queryAll_table_lyl = res.data.lyl;
+          //this.query_lyl(queryAll_table);
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+            that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+            
+          }
+           if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+          });
+      }
+    },
+    checkwindfarm() {
+      if (this.fc == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.fc == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    checktime() {
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    queryApDataMx() {
+      this.$router.push({ path: "/new_performanceList_fan" ,
+      query: {
+            beginDate : this.beginDate,
+            endDate : this.endDate
+          },});
+    },
+    filter_total(cellValue) {
+      return parseFloat(cellValue.total).toFixed(2);
+    },
+
+    filter_daydl2(cellValue) {
+      return parseFloat(cellValue.daydl2).toFixed(2);
+    },
+    filter_dayspeed(cellValue) {
+      return parseFloat(cellValue.dayspeed).toFixed(2);
+    },
+    filter_daynhwhssdl(cellValue) {
+      return parseFloat(cellValue.daynhwhssdl).toFixed(2);
+    },
+    filter_daynhcfdl(cellValue) {
+      return parseFloat(cellValue.daynhcfdl).toFixed(2);
+    },
+    filter_daynhxdssdl(cellValue) {
+      return parseFloat(cellValue.daynhqfdl).toFixed(2);
+    },
+    filter_lyl(cellValue) {
+      return parseFloat(cellValue.lyl).toFixed(2);
+    },
+    filter_daynhgzssdl(cellValue) {
+      return parseFloat(cellValue.daynhgzssdl).toFixed(2);
+    },
+    // toExcel() {
+    //   let that = this;
+    //   if (this.tableid === "fc") {
+    //     excelHelper.exportExcel("fc_table", "fc数据", ".xls", true);
+    //   } else if (this.tableid === "pj") {
+    //     excelHelper.exportExcel("pj_table", "pj数据", ".xls", true);
+    //   } else if (this.tableid === "xl") {
+    //     excelHelper.exportExcel("xl_table", "xl数据", ".xls", true);
+    //   }
+    // },
+    drawhistogram_fc(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_fc"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_fc });
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "风机绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_pj(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_xm"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_pj });
+
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "项目绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+         },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_xl(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_jdxl"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_xl });
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "路线绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+               
+            //后面的50：根据需求空出的高度，自行调整
+        });
+       
+    this.query_wpid();
+    this.query();
+  },
+};

.history/src/assets/js/benchmarkingSys/performanceList_20210420144658.js

@@ -0,0 +1,853 @@
+
+import * as echarts from "echarts";
+//import excelHelper from "@/utils/excelHelper";
+export default {
+  data() {
+    return {
+      len:10,
+      fc:"",
+      pj:"",
+      xl:"",
+      autoHeight_fc: 400,
+      autoHeight_pj: 800,
+      autoHeight_xl: 1200,
+      tableHeight_fc:460,
+      tableHeight_pj:860,
+      tableHeight_xl:1220,
+      queryAll_table_lyl:[],
+      wpIdslist: {
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      linelist:{
+        name:"",
+        id:"",
+      },
+      fc_date: [],
+      pj_date: [],
+      xl_date: [],
+      beginDate: "",
+      endDate: "",
+      activeName: "first",
+      tableid: "fc",
+      styleObject_fc: {
+        height: '460px'
+      },
+      styleObject_pj: {
+        height: '860px'
+      },
+      styleObject_xl: {
+        height: '1220px'
+      },
+      linechar_data:{
+        dayspeed:[],
+        daydl2:[],
+        daynhgzssdl:[],
+        daynhcfdl:[],
+        daynhqfdl:[],
+        daynhxdssdl:[],
+        lyl:[],
+        wtName:[],
+        total:[],
+        daynhwhssdl:[]
+      }
+    };
+  },
+  methods: {
+    created(){
+      
+      },
+    onSubmit() {},
+    query_wpid() {
+       var newData = new Date();
+       this.beginDate = this.BASE.getBzDate(newData.getTime(),-1);
+       this.endDate = this.BASE.getBzDate(newData.getTime(),0);
+       this.API.get("powercompare/windfarmAjax?").then((res) => {
+       this.wpIdslist = res.data;
+      });
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.API.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      });
+    },
+    query_xl(){
+      this.xl = "";
+      this.API.get("powercompare/lineAjax?pjIds=" + this.pj).then((res) => {
+        this.linelist = res.data;
+      });
+    },
+    handleClick(tab) {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      if (tab.name === "first") {
+        this.tableid = "fc";
+        this.query();
+      } else if (tab.name === "second") {
+        this.tableid = "pj";
+        this.query();
+      } else if (tab.name === "jdxl") {
+        this.tableid = "xl";
+        this.query();
+      }
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      this.styleObject_fc.height = '460px';
+      this.autoHeight_fc = '400px';
+      this.styleObject_pj.height = '860px';
+      this.autoHeight_pj = '800px';
+      this.styleObject_xl.height = '1260px';
+      this.autoHeight_xl = '1200px';
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+      //表格数据获取
+      this.API
+        .get(
+          "powercompare/powerAjaxAll?wpIds=" +
+            this.fc +
+            "&beginDate=" +
+            this.beginDate +
+            "&endDate=" +
+            this.endDate +
+            "&queryType=" +
+            this.tableid +
+            "&sortName=" +
+            this.fc +
+            "&sortOrder=" +
+            "Asc"
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.list;
+          let queryAll_table_lyl = res.data.lyl;
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+             that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+          }
+          if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+        });
+    },
+    queryPowerAll() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+      let that = this;
+      if (
+        this.beginDate == "" ||
+        this.endDate == "" ||
+        this.beginDate == undefined ||
+        this.endDate == undefined
+      ) {
+        this.query_wpid();
+        that.$message.error("请选时间！");
+        return;
+      }
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+
+      if (
+        that.fc == "" ||
+        that.fc == null ||
+        that.fc == undefined
+      ) {
+        that.query();
+      } else {
+        // this.$http
+        //   .get(
+        //     "powercompare/queryPower?wpIds=" +
+        //       this.fc +
+        //       "&pjIds=" +
+        //       this.pj +
+        //       "&lineIds=" +
+        //       this.xl +
+        //       "&beginDate=" +
+        //       this.beginDate +
+        //       "&endDate=" +
+        //       this.endDate
+        //   )
+          // .then((res) => {
+          //   let that = this;
+            // let queryAll = res.data.data;
+            // this.len = Object.keys(queryAll.names).length;
+            // if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            // else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            // else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            // else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            // else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            // else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            // else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            // else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            // else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+            //  this.tableHeight_fc = this.autoHeight_fc - 20; 
+            //  this.tableHeight_pj = this.autoHeight_pj - 20; 
+            //  this.tableHeight_xl = this.autoHeight_xl - 20; 
+          //});
+        this.API
+          .get(
+            "powercompare/powerAjax?wpIds=" +
+              this.fc +
+              "&pjIds=" +
+              this.pj +
+              "&lineIds=" +
+              this.xl +
+              "&beginDate=" +
+              this.beginDate +
+              "&endDate=" +
+              this.endDate +
+              "&sortName=" +
+              this.fc +
+              "&sortOrder=" +
+              "Asc"
+          )
+          .then((res) => {
+            let that = this;
+            this.len = Object.keys(res.data.list).length;
+            if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+             this.tableHeight_fc = this.autoHeight_fc - 20; 
+             this.tableHeight_pj = this.autoHeight_pj - 20; 
+             this.tableHeight_xl = this.autoHeight_xl - 20; 
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.list;
+          let queryAll_table_lyl = res.data.lyl;
+          //this.query_lyl(queryAll_table);
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+            that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+            
+          }
+           if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+          });
+      }
+    },
+    checkwindfarm() {
+      if (this.fc == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.fc == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    checktime() {
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    queryApDataMx() {
+      this.$router.push({ path: "/new_performanceList_fan" ,
+      query: {
+            beginDate : this.beginDate,
+            endDate : this.endDate
+          },});
+    },
+    filter_total(cellValue) {
+      return parseFloat(cellValue.total).toFixed(2);
+    },
+
+    filter_daydl2(cellValue) {
+      return parseFloat(cellValue.daydl2).toFixed(2);
+    },
+    filter_dayspeed(cellValue) {
+      return parseFloat(cellValue.dayspeed).toFixed(2);
+    },
+    filter_daynhwhssdl(cellValue) {
+      return parseFloat(cellValue.daynhwhssdl).toFixed(2);
+    },
+    filter_daynhcfdl(cellValue) {
+      return parseFloat(cellValue.daynhcfdl).toFixed(2);
+    },
+    filter_daynhxdssdl(cellValue) {
+      return parseFloat(cellValue.daynhqfdl).toFixed(2);
+    },
+    filter_lyl(cellValue) {
+      return parseFloat(cellValue.lyl).toFixed(2);
+    },
+    filter_daynhgzssdl(cellValue) {
+      return parseFloat(cellValue.daynhgzssdl).toFixed(2);
+    },
+    // toExcel() {
+    //   let that = this;
+    //   if (this.tableid === "fc") {
+    //     excelHelper.exportExcel("fc_table", "fc数据", ".xls", true);
+    //   } else if (this.tableid === "pj") {
+    //     excelHelper.exportExcel("pj_table", "pj数据", ".xls", true);
+    //   } else if (this.tableid === "xl") {
+    //     excelHelper.exportExcel("xl_table", "xl数据", ".xls", true);
+    //   }
+    // },
+    drawhistogram_fc(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_fc"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_fc });
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "风机绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_pj(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_xm"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_pj });
+
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "项目绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+         },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_xl(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_jdxl"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_xl });
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "路线绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+               
+            //后面的50：根据需求空出的高度，自行调整
+        });
+       
+    this.query_wpid();
+    this.query();
+  },
+};

.history/src/assets/js/benchmarkingSys/performanceList_20210420145334.js

@@ -0,0 +1,853 @@
+
+import * as echarts from "echarts";
+//import excelHelper from "@/utils/excelHelper";
+export default {
+  data() {
+    return {
+      len:10,
+      fc:"",
+      pj:"",
+      xl:"",
+      autoHeight_fc: 400,
+      autoHeight_pj: 800,
+      autoHeight_xl: 1200,
+      tableHeight_fc:460,
+      tableHeight_pj:860,
+      tableHeight_xl:1220,
+      queryAll_table_lyl:[],
+      wpIdslist: {
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      linelist:{
+        name:"",
+        id:"",
+      },
+      fc_date: [],
+      pj_date: [],
+      xl_date: [],
+      beginDate: "",
+      endDate: "",
+      activeName: "first",
+      tableid: "fc",
+      styleObject_fc: {
+        height: '460px'
+      },
+      styleObject_pj: {
+        height: '860px'
+      },
+      styleObject_xl: {
+        height: '1220px'
+      },
+      linechar_data:{
+        dayspeed:[],
+        daydl2:[],
+        daynhgzssdl:[],
+        daynhcfdl:[],
+        daynhqfdl:[],
+        daynhxdssdl:[],
+        lyl:[],
+        wtName:[],
+        total:[],
+        daynhwhssdl:[]
+      }
+    };
+  },
+  methods: {
+    created(){
+      
+      },
+    onSubmit() {},
+    query_wpid() {
+       var newData = new Date();
+       this.beginDate = this.BASE.getBzDate(newData.getTime(),-1);
+       this.endDate = this.BASE.getBzDate(newData.getTime(),0);
+       this.API.get("powercompare/windfarmAjax?").then((res) => {
+       this.wpIdslist = res.data;
+      });
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.API.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      });
+    },
+    query_xl(){
+      this.xl = "";
+      this.API.get("powercompare/lineAjax?pjIds=" + this.pj).then((res) => {
+        this.linelist = res.data;
+      });
+    },
+    handleClick(tab) {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      if (tab.name === "first") {
+        this.tableid = "fc";
+        this.query();
+      } else if (tab.name === "second") {
+        this.tableid = "pj";
+        this.query();
+      } else if (tab.name === "jdxl") {
+        this.tableid = "xl";
+        this.query();
+      }
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
+      Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
+      Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
+      Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
+      Object.assign(this.$data.queryAll_table_lyl, this.$options.data().queryAll_table_lyl);
+      this.styleObject_fc.height = '460px';
+      this.autoHeight_fc = '400px';
+      this.styleObject_pj.height = '860px';
+      this.autoHeight_pj = '800px';
+      this.styleObject_xl.height = '1260px';
+      this.autoHeight_xl = '1200px';
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+      //表格数据获取
+      this.API
+        .get(
+          "powercompare/powerAjaxAll?wpIds=" +
+            this.fc +
+            "&beginDate=" +
+            this.beginDate +
+            "&endDate=" +
+            this.endDate +
+            "&queryType=" +
+            this.tableid +
+            "&sortName=" +
+            this.fc +
+            "&sortOrder=" +
+            "Asc"
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.list;
+          let queryAll_table_lyl = res.data.lyl;
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+             that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+          }
+          if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+        });
+    },
+    queryPowerAll() {
+      Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
+      Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
+      Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+      let that = this;
+      if (
+        this.beginDate == "" ||
+        this.endDate == "" ||
+        this.beginDate == undefined ||
+        this.endDate == undefined
+      ) {
+        this.query_wpid();
+        that.$message.error("请选时间！");
+        return;
+      }
+      this.fc_date = [];
+      this.xl_date = [];
+      this.pj_date = [];
+
+      if (
+        that.fc == "" ||
+        that.fc == null ||
+        that.fc == undefined
+      ) {
+        that.query();
+      } else {
+        // this.$http
+        //   .get(
+        //     "powercompare/queryPower?wpIds=" +
+        //       this.fc +
+        //       "&pjIds=" +
+        //       this.pj +
+        //       "&lineIds=" +
+        //       this.xl +
+        //       "&beginDate=" +
+        //       this.beginDate +
+        //       "&endDate=" +
+        //       this.endDate
+        //   )
+          // .then((res) => {
+          //   let that = this;
+            // let queryAll = res.data.data;
+            // this.len = Object.keys(queryAll.names).length;
+            // if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            // else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            // else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            // else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            // else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            // else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            // else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            // else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            // else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+            //  this.tableHeight_fc = this.autoHeight_fc - 20; 
+            //  this.tableHeight_pj = this.autoHeight_pj - 20; 
+            //  this.tableHeight_xl = this.autoHeight_xl - 20; 
+          //});
+        this.API
+          .get(
+            "powercompare/powerAjax?wpIds=" +
+              this.fc +
+              "&pjIds=" +
+              this.pj +
+              "&lineIds=" +
+              this.xl +
+              "&beginDate=" +
+              this.beginDate +
+              "&endDate=" +
+              this.endDate +
+              "&sortName=" +
+              this.fc +
+              "&sortOrder=" +
+              "Asc"
+          )
+          .then((res) => {
+            let that = this;
+            this.len = Object.keys(res.data.list).length;
+            if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
+            else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
+            else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
+            else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
+            else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
+            else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
+            else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
+            else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
+            else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
+             this.tableHeight_fc = this.autoHeight_fc - 20; 
+             this.tableHeight_pj = this.autoHeight_pj - 20; 
+             this.tableHeight_xl = this.autoHeight_xl - 20; 
+          Object.assign(this.$data.linechar_data, this.$options.data().linechar_data);
+          this.linechar_data.dayspeed=[];
+          this.linechar_data.daydl2=[];
+          this.linechar_data.daynhgzssdl=[];
+          this.linechar_data.daynhcfdl=[];
+          this.linechar_data.daynhqfdl=[];
+          this.linechar_data.daynhxdssdl=[];
+          this.linechar_data.lyl=[];
+          this.linechar_data.wtName=[];
+          this.linechar_data.daynhwhssdl=[];
+          let queryAll_table = res.data.list;
+          let queryAll_table_lyl = res.data.lyl;
+          //this.query_lyl(queryAll_table);
+          for(let i = 0;i < Object.keys(queryAll_table).length;i++){
+            if(queryAll_table[i].wtName!="合计"){
+            that.linechar_data.dayspeed.push(queryAll_table[i].dayspeed.toFixed(2));
+            that.linechar_data.daydl2.push(queryAll_table[i].daydl2.toFixed(2));
+            that.linechar_data.daynhgzssdl.push(queryAll_table[i].daynhgzssdl.toFixed(2));
+            that.linechar_data.daynhcfdl.push(queryAll_table[i].daynhcfdl.toFixed(2));
+            that.linechar_data.daynhqfdl.push(queryAll_table[i].daynhqfdl.toFixed(2));
+            that.linechar_data.daynhxdssdl.push(queryAll_table[i].daynhxdssdl.toFixed(2));
+            that.linechar_data.lyl.push(queryAll_table[i].lyl.toFixed(2));
+            that.linechar_data.wtName.push(queryAll_table[i].wtName);
+            that.linechar_data.total.push(queryAll_table[i].total.toFixed(2));
+            that.linechar_data.daynhwhssdl.push(queryAll_table[i].daynhwhssdl.toFixed(2));
+            }
+            
+          }
+           if (this.tableid === "fc") {
+            that.fc_date = queryAll_table;
+            that.drawhistogram_fc(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "pj") {
+            that.pj_date = queryAll_table;
+            that.drawhistogram_pj(this.linechar_data,queryAll_table_lyl);
+          } else if (this.tableid === "xl") {
+            that.xl_date = queryAll_table;
+            that.drawhistogram_xl(this.linechar_data,queryAll_table_lyl);
+          }
+          });
+      }
+    },
+    checkwindfarm() {
+      if (this.fc == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.fc == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    checktime() {
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    queryApDataMx() {
+      this.$router.push({ path: "/newPerformanceList" ,
+      query: {
+            beginDate : this.beginDate,
+            endDate : this.endDate
+          },});
+    },
+    filter_total(cellValue) {
+      return parseFloat(cellValue.total).toFixed(2);
+    },
+
+    filter_daydl2(cellValue) {
+      return parseFloat(cellValue.daydl2).toFixed(2);
+    },
+    filter_dayspeed(cellValue) {
+      return parseFloat(cellValue.dayspeed).toFixed(2);
+    },
+    filter_daynhwhssdl(cellValue) {
+      return parseFloat(cellValue.daynhwhssdl).toFixed(2);
+    },
+    filter_daynhcfdl(cellValue) {
+      return parseFloat(cellValue.daynhcfdl).toFixed(2);
+    },
+    filter_daynhxdssdl(cellValue) {
+      return parseFloat(cellValue.daynhqfdl).toFixed(2);
+    },
+    filter_lyl(cellValue) {
+      return parseFloat(cellValue.lyl).toFixed(2);
+    },
+    filter_daynhgzssdl(cellValue) {
+      return parseFloat(cellValue.daynhgzssdl).toFixed(2);
+    },
+    // toExcel() {
+    //   let that = this;
+    //   if (this.tableid === "fc") {
+    //     excelHelper.exportExcel("fc_table", "fc数据", ".xls", true);
+    //   } else if (this.tableid === "pj") {
+    //     excelHelper.exportExcel("pj_table", "pj数据", ".xls", true);
+    //   } else if (this.tableid === "xl") {
+    //     excelHelper.exportExcel("xl_table", "xl数据", ".xls", true);
+    //   }
+    // },
+    drawhistogram_fc(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_fc"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_fc });
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "风机绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_pj(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_xm"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_pj });
+
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "项目绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+         },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+    drawhistogram_xl(date,date2) {
+      this.chartLine = echarts.init(document.getElementById("histogram_jdxl"));
+      this.chartLine.clear();
+      this.chartLine.resize({ height: this.autoHeight_xl });
+      var option;
+
+      var option;
+      option = {
+        color: [
+          "#64E572",
+          "#24CBE5",
+          "#DDDF00",
+          "#ED561B",
+          "#50B432",
+          "#058DC7",
+        ],
+        title: {
+          text: "路线绩效榜单",
+          left: 300,
+          top: -5,
+          textStyle: {
+            fontSize: 13,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // Use axis to trigger tooltip
+            type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
+          },
+        },
+        legend: {
+          left: 15,
+          top: 30,
+          data: [
+            "实发电量",
+            "计划检修损失",
+            "非计划检修损失",
+            "限电损失",
+            "受累损失",
+            "性能损失",
+            "-",
+          ],
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "value",
+          max: Math.ceil(Math.max.apply(null, date.total))+ Math.ceil((Math.max.apply(null, date.total))*0.08)
+        },
+        yAxis: {
+          type: "category",
+          data: date.wtName,
+        },
+        series: [
+          {
+            name: "实发电量",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daydl2,
+          },
+          {
+            name: "计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhwhssdl,
+          },
+          {
+            name: "非计划检修损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhgzssdl,
+          },
+          {
+            name: "限电损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhxdssdl,
+          },
+          {
+            name: "受累损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhcfdl,
+          },
+          {
+            name: "性能损失",
+            type: "bar",
+            stack: "total",
+            label: {
+              show: true,
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: date.daynhqfdl,
+          },
+          //曲线
+          {
+            name: "-",
+            data: date.total,
+            markPoint: {
+                data: date2,
+                        },
+            type: "line",
+            symbol: "circle",
+            symbolSize: 20,
+            lineStyle: {
+              color: "#5470C6",
+              width: 4,
+              type: "dashed",
+            },
+            itemStyle: {
+              borderWidth: 3,
+              borderColor: "#EE6666",
+              color: "yellow",
+            },
+          },
+        ],
+      };
+      this.chartLine.setOption(option);
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+               
+            //后面的50：根据需求空出的高度，自行调整
+        });
+       
+    this.query_wpid();
+    this.query();
+  },
+};

.history/src/assets/js/benchmarkingSys/projectBenchmarkParticulars_20210420154437.js

@@ -0,0 +1,467 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      options: [],
+      loading:true,
+      loading2:true,
+      fc: "",
+      fc2: "",
+      pj: "",
+      pj2: "",
+      timedate: [],
+      multipleSelection: [],
+      multipleSelection1: [],
+      multipleSelection2: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      fdcLineData2: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      pjId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      pjName1: "",
+      pjName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+      fdcND: [],
+      fdcND1: "",
+      fdcND2: "",
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      projectlist: {
+        name: "",
+        id: "",
+      },
+      projectlist2: {
+        name: "",
+        id: "",
+      },
+    };
+  },
+  filters: {
+    rounding(fc) {
+      return fc.toFixed(2);
+    },
+  },
+  created() {
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.fc = this.$route.query.wtId;
+    this.pj = this.$route.query.pjId;
+    this.query_wpid();
+    this.query_xml();
+    this.YardTableData();
+  },
+  methods: {
+    queryApData() {
+      this.YardTableData();
+      if (this.fc2 != null || this.fc2 != undefined) {
+        this.tb2 = true;
+        if (this.timedate == "") {
+          this.beginDate = this.$route.query.beginDate;
+          this.endDate = this.$route.query.endDate;
+        } else {
+          this.beginDate = this.timedate[0];
+          this.endDate = this.timedate[1];
+        }
+        var guilty = new URLSearchParams();
+        guilty.append("pageNum", this.currentPage2);
+        guilty.append("pageSize", this.pagesize);
+        guilty.append("orderByColumn", this.orderByColumn);
+        guilty.append("isAsc", this.isAsc);
+        guilty.append("wpId", this.fc2);
+        guilty.append("pjId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.$http.post("/contrast/benchmarkPjList", guilty).then((res) => {
+          this.fdcLineData2 = res.data.data;
+          this.loading2=false;
+        });
+      }
+    },
+    querycheck(){
+      if(this.multipleSelection1.length + this.multipleSelection2.length ==2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+        this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+        this.pjName1 = this.multipleSelection[0].pjName;
+        this.pjName2 = this.multipleSelection[1].pjName;
+        this.fdcND1 =
+          this.multipleSelection[0].pjName +
+          "" +
+          this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+        this.fdcND2 =
+          this.multipleSelection[1].pjName +
+          "" +
+          this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+        this.fdcND.push(this.fdcND1, this.fdcND2);
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].pjName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].scadafdl,
+          data2: this.multipleSelection[1].scadafdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu3");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu4");
+      });
+    },
+    filter_fdl(cellValue) {
+      return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+    YardTableData() {
+      this.$http.get("/powercompare/windfarmAjax").then((res) => {
+        this.options = res.data.data;
+      });
+      this.wpId = this.$route.query.wpId;
+      this.pjId = this.$route.query.pjId;
+      if (this.timedate == "") {
+        this.beginDate = this.$route.query.beginDate;
+        this.endDate = this.$route.query.endDate;
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var guilty = new URLSearchParams();
+      guilty.append("pageNum", this.currentPage2);
+      guilty.append("pageSize", this.pagesize);
+      guilty.append("orderByColumn", this.orderByColumn);
+      guilty.append("isAsc", this.isAsc);
+      if (this.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wpId", this.pjId);
+      } else {
+        guilty.append("wpId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.$http.post("/contrast/benchmarkPjList", guilty).then((res) => {
+        this.fdcLineData = res.data.data;
+        this.loading=false;
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.$http
+        .get("powercompare/projectAjax?wpIds=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data.data;
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.$http
+        .get("powercompare/projectAjax?wpIds=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data.data;
+        });
+    },
+    query_wpid() {
+      this.$http.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data.data;
+      });
+    },
+    headStyle() {
+      return "text-align:left";
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection1 = [];
+      this.multipleSelection1 = val;
+    },
+    handleSelectionChange2(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection2 = [];
+      this.multipleSelection2 = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.YardTableData();
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+      return this.BASE.getBzDate(date,0);
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.pjName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.pjName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        xAxis: {
+          type: "category",
+          date: this.fdcND,
+          axisPointer: {
+            type: "shadow",
+          },
+        },
+        yAxis: { type: "category" },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    goReturn() {
+      this.$router.push("/benchmark_project");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/projectBenchmarkParticulars_20210420154608.js

@@ -0,0 +1,467 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      options: [],
+      loading:true,
+      loading2:true,
+      fc: "",
+      fc2: "",
+      pj: "",
+      pj2: "",
+      timedate: [],
+      multipleSelection: [],
+      multipleSelection1: [],
+      multipleSelection2: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      fdcLineData2: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      pjId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      pjName1: "",
+      pjName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+      fdcND: [],
+      fdcND1: "",
+      fdcND2: "",
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      projectlist: {
+        name: "",
+        id: "",
+      },
+      projectlist2: {
+        name: "",
+        id: "",
+      },
+    };
+  },
+  filters: {
+    rounding(fc) {
+      return fc.toFixed(2);
+    },
+  },
+  created() {
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.fc = this.$route.query.wtId;
+    this.pj = this.$route.query.pjId;
+    this.query_wpid();
+    this.query_xml();
+    this.YardTableData();
+  },
+  methods: {
+    queryApData() {
+      this.YardTableData();
+      if (this.fc2 != null || this.fc2 != undefined) {
+        this.tb2 = true;
+        if (this.timedate == "") {
+          this.beginDate = this.$route.query.beginDate;
+          this.endDate = this.$route.query.endDate;
+        } else {
+          this.beginDate = this.timedate[0];
+          this.endDate = this.timedate[1];
+        }
+        var guilty = new URLSearchParams();
+        guilty.append("pageNum", this.currentPage2);
+        guilty.append("pageSize", this.pagesize);
+        guilty.append("orderByColumn", this.orderByColumn);
+        guilty.append("isAsc", this.isAsc);
+        guilty.append("wpId", this.fc2);
+        guilty.append("pjId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkPjList", guilty).then((res) => {
+          this.fdcLineData2 = res.data;
+          this.loading2=false;
+        });
+      }
+    },
+    querycheck(){
+      if(this.multipleSelection1.length + this.multipleSelection2.length ==2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+        this.multipleSelection = this.multipleSelection1.concat(this.multipleSelection2);
+        this.pjName1 = this.multipleSelection[0].pjName;
+        this.pjName2 = this.multipleSelection[1].pjName;
+        this.fdcND1 =
+          this.multipleSelection[0].pjName +
+          "" +
+          this.BASE.getBzDate(new Date(this.multipleSelection[0].recordDate),0);
+        this.fdcND2 =
+          this.multipleSelection[1].pjName +
+          "" +
+          this.BASE.getBzDate(new Date(this.multipleSelection[1].recordDate),0);
+        this.fdcND.push(this.fdcND1, this.fdcND2);
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].pjName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].scadafdl,
+          data2: this.multipleSelection[1].scadafdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu3");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu4");
+      });
+    },
+    filter_fdl(cellValue) {
+      return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+    YardTableData() {
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        this.options = res.data;
+      });
+      this.wpId = this.$route.query.wpId;
+      this.pjId = this.$route.query.pjId;
+      if (this.timedate == "") {
+        this.beginDate = this.$route.query.beginDate;
+        this.endDate = this.$route.query.endDate;
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var guilty = new URLSearchParams();
+      guilty.append("pageNum", this.currentPage2);
+      guilty.append("pageSize", this.pagesize);
+      guilty.append("orderByColumn", this.orderByColumn);
+      guilty.append("isAsc", this.isAsc);
+      if (this.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wpId", this.pjId);
+      } else {
+        guilty.append("wpId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkPjList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading=false;
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+    headStyle() {
+      return "text-align:left";
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection1 = [];
+      this.multipleSelection1 = val;
+    },
+    handleSelectionChange2(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection2 = [];
+      this.multipleSelection2 = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.YardTableData();
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+      return this.BASE.getBzDate(date,0);
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = echarts.init(document.getElementById("leiDaTu3"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.pjName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.pjName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = echarts.init(document.getElementById("leiDaTu4"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        xAxis: {
+          type: "category",
+          date: this.fdcND,
+          axisPointer: {
+            type: "shadow",
+          },
+        },
+        yAxis: { type: "category" },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    goReturn() {
+      this.$router.push("/benchmark_project");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/projectBenchmark_20210420151518.js

@@ -0,0 +1,658 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [
+      ],
+      pj:'',
+      fc:'',
+      isAsc: "asc",
+      beginDate: "2021-01-01",
+      endDate: "2021-01-04",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      pjName1: "",
+      pjName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      fdcLineData: [],
+      wpIdslist:{
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      loading:true,
+      value: "",
+      pjId: [],
+      pjName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+      this.query_wpid();
+    this.FiveLossInformation();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.API.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      });
+    },
+    headStyle() {
+      return "text-align:left";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query_wpid() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),-1);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),0);
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+        
+      });
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    handleEdit(a, b) {
+      this.pjId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.pjId.push(this.multipleSelection[i].pjId);
+          this.pjName.push(this.multipleSelection[i].pjName);
+          this.wtId.push(this.multipleSelection[i].wtId);
+          this.wtName.push(this.multipleSelection[i].wtName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].pjId,
+            name: this.multipleSelection[i].pjName,
+          });
+        }
+        this.$router.push({
+          path: "/benchmark_project_particulars",
+          query: {
+            date:b,
+            pjId: this.pjId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            pjName: this.pjName,
+            wtId:this.wtId,
+            wtName:this.wtName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.pjId, name: b.pjName });
+        this.$router.push({
+          path: "/benchmark_project_particulars",
+          query: {
+            pjId: b.pjId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            pjName: b.pjName,
+            select: this.lineDataOption,
+            wtId:b.wpId,
+            wtName:b.wpName,
+          },
+        });
+      }
+    },
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    filter_fdl(cellValue){
+             return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.pjName1 = this.multipleSelection[0].pjName;
+        this.pjName2 = this.multipleSelection[1].pjName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].pjName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.FiveLossInformation();
+    },
+    FiveLossInformation() {
+      let that = this;
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        that.options = res.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-04";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("wpId", this.fc);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      fiveLossData.append("pjId", this.pj);
+      this.API
+        .post("/contrast/benchmarkPjList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.loading=false;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = this.$echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.pjName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.pjName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = this.$echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].pjName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].pjName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].pjName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        },
+        mounted() {
+            this.query_wpid();
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/projectBenchmark_20210420152832.js

@@ -0,0 +1,658 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [
+      ],
+      pj:'',
+      fc:'',
+      isAsc: "asc",
+      beginDate: "2021-01-01",
+      endDate: "2021-01-04",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      pjName1: "",
+      pjName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      fdcLineData: [],
+      wpIdslist:{
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      loading:true,
+      value: "",
+      pjId: [],
+      pjName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+      this.query_wpid();
+    this.FiveLossInformation();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.API.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      });
+    },
+    headStyle() {
+      return "text-align:left";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query_wpid() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),-1);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),0);
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+        
+      });
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    handleEdit(a, b) {
+      this.pjId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.pjId.push(this.multipleSelection[i].pjId);
+          this.pjName.push(this.multipleSelection[i].pjName);
+          this.wtId.push(this.multipleSelection[i].wtId);
+          this.wtName.push(this.multipleSelection[i].wtName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].pjId,
+            name: this.multipleSelection[i].pjName,
+          });
+        }
+        this.$router.push({
+          path: "/benchmark_project_particulars",
+          query: {
+            date:b,
+            pjId: this.pjId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            pjName: this.pjName,
+            wtId:this.wtId,
+            wtName:this.wtName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.pjId, name: b.pjName });
+        this.$router.push({
+          path: "/benchmark_project_particulars",
+          query: {
+            pjId: b.pjId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            pjName: b.pjName,
+            select: this.lineDataOption,
+            wtId:b.wpId,
+            wtName:b.wpName,
+          },
+        });
+      }
+    },
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    filter_fdl(cellValue){
+             return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.pjName1 = this.multipleSelection[0].pjName;
+        this.pjName2 = this.multipleSelection[1].pjName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].pjName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.FiveLossInformation();
+    },
+    FiveLossInformation() {
+      let that = this;
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        that.options = res.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-04";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("wpId", this.fc);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      fiveLossData.append("pjId", this.pj);
+      this.API
+        .post("/contrast/benchmarkPjList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.loading=false;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = this.$echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.pjName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.pjName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = this.$echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].pjName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].pjName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].pjName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        },
+        mounted() {
+            this.query_wpid();
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/projectBenchmark_20210420152913.js

@@ -0,0 +1,658 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [
+      ],
+      pj:'',
+      fc:'',
+      isAsc: "asc",
+      beginDate: "2021-01-01",
+      endDate: "2021-01-04",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      pjName1: "",
+      pjName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      fdcLineData: [],
+      wpIdslist:{
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      loading:true,
+      value: "",
+      pjId: [],
+      pjName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+      this.query_wpid();
+    this.FiveLossInformation();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.API.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      });
+    },
+    headStyle() {
+      return "text-align:left";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query_wpid() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),-1);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),0);
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+        
+      });
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    handleEdit(a, b) {
+      this.pjId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.pjId.push(this.multipleSelection[i].pjId);
+          this.pjName.push(this.multipleSelection[i].pjName);
+          this.wtId.push(this.multipleSelection[i].wtId);
+          this.wtName.push(this.multipleSelection[i].wtName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].pjId,
+            name: this.multipleSelection[i].pjName,
+          });
+        }
+        this.$router.push({
+          path: "/benchmark_project_particulars",
+          query: {
+            date:b,
+            pjId: this.pjId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            pjName: this.pjName,
+            wtId:this.wtId,
+            wtName:this.wtName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.pjId, name: b.pjName });
+        this.$router.push({
+          path: "/benchmark_project_particulars",
+          query: {
+            pjId: b.pjId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            pjName: b.pjName,
+            select: this.lineDataOption,
+            wtId:b.wpId,
+            wtName:b.wpName,
+          },
+        });
+      }
+    },
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    filter_fdl(cellValue){
+             return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.pjName1 = this.multipleSelection[0].pjName;
+        this.pjName2 = this.multipleSelection[1].pjName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].pjName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.FiveLossInformation();
+    },
+    FiveLossInformation() {
+      let that = this;
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        that.options = res.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-04";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("wpId", this.fc);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      fiveLossData.append("pjId", this.pj);
+      this.API
+        .post("/contrast/benchmarkPjList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.loading=false;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.pjName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.pjName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].pjName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].pjName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].pjName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        },
+        mounted() {
+            this.query_wpid();
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/projectBenchmark_20210420153849.js

@@ -0,0 +1,658 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [
+      ],
+      pj:'',
+      fc:'',
+      isAsc: "asc",
+      beginDate: "2021-01-01",
+      endDate: "2021-01-04",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      pjName1: "",
+      pjName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      fdcLineData: [],
+      wpIdslist:{
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      loading:true,
+      value: "",
+      pjId: [],
+      pjName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+      this.query_wpid();
+    this.FiveLossInformation();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.API.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      });
+    },
+    headStyle() {
+      return "text-align:left";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query_wpid() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),-1);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),0);
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+        
+      });
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    handleEdit(a, b) {
+      this.pjId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.pjId.push(this.multipleSelection[i].pjId);
+          this.pjName.push(this.multipleSelection[i].pjName);
+          this.wtId.push(this.multipleSelection[i].wtId);
+          this.wtName.push(this.multipleSelection[i].wtName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].pjId,
+            name: this.multipleSelection[i].pjName,
+          });
+        }
+        this.$router.push({
+          path: "/benchmark_project_particulars",
+          query: {
+            date:b,
+            pjId: this.pjId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            pjName: this.pjName,
+            wtId:this.wtId,
+            wtName:this.wtName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.pjId, name: b.pjName });
+        this.$router.push({
+          path: "/benchmark_project_particulars",
+          query: {
+            pjId: b.pjId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            pjName: b.pjName,
+            select: this.lineDataOption,
+            wtId:b.wpId,
+            wtName:b.wpName,
+          },
+        });
+      }
+    },
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    filter_fdl(cellValue){
+             return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.pjName1 = this.multipleSelection[0].pjName;
+        this.pjName2 = this.multipleSelection[1].pjName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].pjName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.FiveLossInformation();
+    },
+    FiveLossInformation() {
+      let that = this;
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        that.options = res.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-04";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("wpId", this.fc);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      fiveLossData.append("pjId", this.pj);
+      this.API
+        .post("/contrast/benchmarkPjList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.loading=false;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.pjName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.pjName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].pjName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].pjName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].pjName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        },
+        mounted() {
+            this.query_wpid();
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/projectBenchmark_20210420154827.js

@@ -0,0 +1,658 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [
+      ],
+      pj:'',
+      fc:'',
+      isAsc: "asc",
+      beginDate: "2021-01-01",
+      endDate: "2021-01-04",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      pjName1: "",
+      pjName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      fdcLineData: [],
+      wpIdslist:{
+        name:"",
+        id:"",
+      },
+      projectlist:{
+        name:"",
+        id:"",
+      },
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      loading:true,
+      value: "",
+      pjId: [],
+      pjName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      getChartData:[]
+    };
+  },
+  components: {
+  },
+  created() {
+      this.query_wpid();
+    this.FiveLossInformation();
+  },
+  methods: {
+    changeFun(val) {
+      this.selectrowdate = val;
+    },
+    filter_date(cellValue) {
+      let date = new Date(cellValue.recordDate);
+
+      return this.BASE.getBzDate(date,0);
+    },
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.API.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      });
+    },
+    headStyle() {
+      return "text-align:left";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    query_wpid() {
+      var newData = new Date();
+       this.timedate[0] = this.BASE.getBzDate(newData.getTime(),-1);
+       this.timedate[1] = this.BASE.getBzDate(newData.getTime(),0);
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+        
+      });
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    handleEdit(a, b) {
+      this.pjId = [];
+      this.lineDataOption = [];
+      if (this.multipleSelection.length == 2) {
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.pjId.push(this.multipleSelection[i].pjId);
+          this.pjName.push(this.multipleSelection[i].pjName);
+          this.wtId.push(this.multipleSelection[i].wtId);
+          this.wtName.push(this.multipleSelection[i].wtName);
+          this.lineDataOption.push({
+            id: this.multipleSelection[i].pjId,
+            name: this.multipleSelection[i].pjName,
+          });
+        }
+        this.$router.push({
+          path: "/projectBenchmarkParticulars",
+          query: {
+            date:b,
+            pjId: this.pjId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            pjName: this.pjName,
+            wtId:this.wtId,
+            wtName:this.wtName,
+            select: this.lineDataOption,
+          },
+        });
+      } else {
+        this.lineDataOption.push({ id: b.pjId, name: b.pjName });
+        this.$router.push({
+          path: "/projectBenchmarkParticulars",
+          query: {
+            pjId: b.pjId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            pjName: b.pjName,
+            select: this.lineDataOption,
+            wtId:b.wpId,
+            wtName:b.wpName,
+          },
+        });
+      }
+    },
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    filter_fdl(cellValue){
+             return parseFloat(cellValue.fdl).toFixed(2);
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        this.drawPie2("leiDaTu2");
+      });
+    },
+    handleSelectionChange(val) {
+      this.sortInOrder = [];
+      this.sortInOrderTop = [];
+      this.getTableData = [];
+      this.sortInOrde2 = [];
+      this.multipleSelection = val;
+      if (this.multipleSelection.length == 2) {
+        this.pjName1 = this.multipleSelection[0].pjName;
+        this.pjName2 = this.multipleSelection[1].pjName;
+        this.sortInOrder.push(
+          this.multipleSelection[0].fnlyl,
+          this.multipleSelection[0].xqjsl,
+          this.multipleSelection[0].ztzhjsl,
+          this.multipleSelection[0].fwjsl,
+          this.multipleSelection[0].slssl,
+          this.multipleSelection[0].xnssl,
+          this.multipleSelection[0].qfl,
+          this.multipleSelection[0].jxssl,
+          this.multipleSelection[0].gzssl
+        );
+        this.sortInOrderTop.push(
+          this.multipleSelection[1].fnlyl,
+          this.multipleSelection[1].xqjsl,
+          this.multipleSelection[1].ztzhjsl,
+          this.multipleSelection[1].fwjsl,
+          this.multipleSelection[1].slssl,
+          this.multipleSelection[1].xnssl,
+          this.multipleSelection[1].qfl,
+          this.multipleSelection[1].jxssl,
+          this.multipleSelection[1].gzssl
+        );
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          this.sortInOrde2.push({
+            product: this.multipleSelection[i].pjName,
+            "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+            "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+            "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+            "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+            "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+          });
+        }
+        this.getTableData.push({
+          index: "发电量",
+          data1: this.multipleSelection[0].fdl,
+          data2: this.multipleSelection[1].fdl,
+        });
+        this.getTableData.push({
+          index: "故障损失电量",
+          data1: this.multipleSelection[0].gzss,
+          data2: this.multipleSelection[1].gzss,
+        });
+        this.getTableData.push({
+          index: "检修损失电量",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "性能未达标损失电量",
+          data1: this.multipleSelection[0].xnsslfraction,
+          data2: this.multipleSelection[1].xnsslfraction,
+        });
+        this.getTableData.push({
+          index: "受累损失电量",
+          data1: this.multipleSelection[0].slss,
+          data2: this.multipleSelection[1].slss,
+        });
+        this.getTableData.push({
+          index: "风能利用率",
+          data1: this.multipleSelection[0].fnlyl,
+          data2: this.multipleSelection[1].fnlyl,
+        });
+        this.getTableData.push({
+          index: "故障损失率",
+          data1: this.multipleSelection[0].gzssl,
+          data2: this.multipleSelection[1].gzssl,
+        });
+        this.getTableData.push({
+          index: "检修损失率",
+          data1: this.multipleSelection[0].jxssl,
+          data2: this.multipleSelection[1].jxssl,
+        });
+        this.getTableData.push({
+          index: "弃风率",
+          data1: this.multipleSelection[0].qfl,
+          data2: this.multipleSelection[1].qfl,
+        });
+        this.getTableData.push({
+          index: "性能损失率",
+          data1: this.multipleSelection[0].xnssl,
+          data2: this.multipleSelection[1].xnssl,
+        });
+        this.getTableData.push({
+          index: "受累损失率",
+          data1: this.multipleSelection[0].slssl,
+          data2: this.multipleSelection[1].slssl,
+        });
+        this.getTableData.push({
+          index: "复位及时率",
+          data1: this.multipleSelection[0].fwjsl,
+          data2: this.multipleSelection[1].fwjsl,
+        });
+        this.getTableData.push({
+          index: "消缺及时率",
+          data1: this.multipleSelection[0].xqjsl,
+          data2: this.multipleSelection[1].xqjsl,
+        });
+        this.getTableData.push({
+          index: "状态转换率",
+          data1: this.multipleSelection[0].ztzhjsl,
+          data2: this.multipleSelection[1].ztzhjsl,
+        });
+      }
+    },
+    handleCurrentChange(val) {
+    },
+    handleSizeChange(val) {
+      this.pagesize = val;
+    },
+    changeTableSort(column) {
+      this.orderByColumn = column.prop;
+      if (column.order == "descending") {
+        this.isAsc = "desc";
+      } else if (column.order == "ascending") {
+        this.isAsc = "asc";
+      }
+      this.FiveLossInformation();
+    },
+    FiveLossInformation() {
+      let that = this;
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        that.options = res.data;
+      });
+      if (this.timedate == "") {
+        this.timedate[0] = "2021-01-01";
+        this.timedate[1] = "2021-01-04";
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      } else {
+        this.beginDate = this.timedate[0];
+        this.endDate = this.timedate[1];
+      }
+      var fiveLossData = new URLSearchParams();
+      fiveLossData.append("wpId", this.fc);
+      fiveLossData.append("beginDate", this.beginDate);
+      fiveLossData.append("endDate", this.endDate);
+      fiveLossData.append("pjId", this.pj);
+      this.API
+        .post("/contrast/benchmarkPjList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.loading=false;
+          that.getPackageData(that.gridData);
+          that.getPackageData2(that.gridData);
+        });
+    },
+    drawPie() {
+      var charts;
+      if (charts != null && charts != "" && charts != undefined) {
+        charts.dispose();
+      }
+      charts = echarts.init(document.getElementById("leiDaTu"));
+      let option = {
+        title: {
+          // text: '对标排名分析',
+          left: "center",
+        },
+        tooltip: {},
+        // legend: {
+        //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+        //     left: 'right'
+        // },
+        radar: {
+          // shape: 'circle',
+          name: {
+            textStyle: {
+              color: "#fff",
+              backgroundColor: "#999",
+              borderRadius: 3,
+              padding: [3, 5],
+            },
+          },
+          indicator: [
+            { name: "风能利用率", max: 150 },
+            { name: "消缺及时率", max: 150 },
+            { name: "状态转换率", max: 150 },
+            { name: "复位及时率", max: 150 },
+            { name: "受累损失率", max: 150 },
+            { name: "性能损失率", max: 150 },
+            { name: "弃风率", max: 150 },
+            { name: "检修损失率", max: 150 },
+            { name: "故障损失率", max: 150 },
+          ],
+        },
+        series: [
+          {
+            name: "预算 vs 开销（Budget vs spending）",
+            type: "radar",
+            // areaStyle: {normal: {}},
+            data: [
+              {
+                value: this.sortInOrder,
+                name: this.pjName1,
+              },
+              {
+                value: this.sortInOrderTop,
+                name: this.pjName2,
+              },
+            ],
+          },
+        ],
+      };
+      charts.clear();
+      charts.setOption(option);
+    },
+    drawPie2() {
+      var charts2;
+      if (charts2 != null && charts2 != "" && charts2 != undefined) {
+        charts2.dispose();
+      }
+      charts2 = echarts.init(document.getElementById("leiDaTu2"));
+      let option2 = {
+        legend: {
+          orient: "vertical",
+          left: "right",
+        },
+        tooltip: {},
+        dataset: {
+          dimensions: [
+            "product",
+            "限电损失电量单位:万KWh",
+            "故障损失电量单位:万KWh",
+            "检修损失电量单位:万KWh",
+            "性能损失电量单位:万KWh",
+            "受累损失电量单位:万KWh",
+          ],
+          source: this.sortInOrde2,
+        },
+        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",
+              },
+            },
+          },
+        ],
+      };
+      charts2.clear();
+      charts2.setOption(option2);
+    },
+    toExcel() {},
+    getPackageData(gridData) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].pjName,
+        });
+        this.getChartDataValue2.push({
+          value: gridData[i].gzss,
+          name: gridData[i].pjName,
+        });
+      }
+      this.getChartDataImport();
+      this.getChartDataValue = [];
+      this.getChartDataValue2 = [];
+    },
+    getChartDataImport() {
+      var charts = echarts.init(document.getElementById("chartPie"));
+      let option = {
+        title: {
+          text: "发电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts.setOption(option);
+
+      var charts2 = echarts.init(document.getElementById("chartPieRight"));
+      let option2 = {
+        title: {
+          text: "损失电量占比",
+          left: "center",
+        },
+        color: ["#90ED7D", "#F7A35C", "#7CB5EC", "#434348", "#8085E9"],
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          orient: "vertical",
+          left: "left",
+        },
+        series: [
+          {
+            type: "pie",
+            radius: "50%",
+            data: this.getChartDataValue2,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: "rgba(0, 0, 0, 0.5)",
+              },
+            },
+          },
+        ],
+      };
+      charts2.setOption(option2);
+    },
+    getPackageData2(gridData){
+            this.getChartData = [];
+            for(let i=0;i<gridData.length;i++){
+                this.getChartData.push({product:gridData[i].pjName,'限电损失电量单位:万KWh':gridData[i].xdss,
+                '故障损失电量单位:万KWh':gridData[i].gzss,'检修损失电量单位:万KWh':gridData[i].jxssl,
+                '性能损失电量单位:万KWh':gridData[i].xnssl,'受累损失电量单位:万KWh':gridData[i].slss})
+            }
+            this.getChartDataImport2();
+        },
+        getChartDataImport2(){
+            var charts =echarts.init(document.getElementById("chartHistogram"));
+            let option = {
+            title: {
+                text: '损失电量分析',
+                left: 'center'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'right'
+            },
+            tooltip: {},
+            dataset: {
+                 dimensions: ['product', '限电损失电量单位:万KWh', '故障损失电量单位:万KWh', '检修损失电量单位:万KWh', '性能损失电量单位:万KWh', '受累损失电量单位:万KWh'],
+                 source: this.getChartData
+            },
+            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'
+                        }
+                    }
+                },
+                
+            ]
+        };
+        charts.setOption(option);
+        },
+        mounted() {
+            this.query_wpid();
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419172632.js

@@ -0,0 +1,374 @@
+import formateDate from "@/utils/date";
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.$http.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.$http.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419172845.js

@@ -0,0 +1,373 @@
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.$http.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.$http.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419173128.js

@@ -0,0 +1,373 @@
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419174517.js

@@ -0,0 +1,373 @@
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419175159.js

@@ -0,0 +1,373 @@
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    //this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181008.js

@@ -0,0 +1,373 @@
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181044.js

@@ -0,0 +1,373 @@
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181106.js

@@ -0,0 +1,373 @@
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181111.js

@@ -0,0 +1,373 @@
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181448.js

@@ -0,0 +1,380 @@
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+
+    let zzt = echarts.getInstanceByDom(
+      document.getElementById("leiDaTu4")
+    );
+    if (zzt == null) {
+      zzt = echarts.init(document.getElementById("leiDaTu4"));
+    }
+
+    // var charts2;
+    // if (charts2 != null && charts2 != "" && charts2 != undefined) {
+    //   charts2.dispose();
+    // }
+    // charts2 = this.$echarts.init(document.getElementById(""));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    zzt.setOption(option);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181524.js

@@ -0,0 +1,374 @@
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181550.js

@@ -0,0 +1,375 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181614.js

@@ -0,0 +1,375 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.$echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181651.js

@@ -0,0 +1,375 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    
+    var charts2;
+    if (charts2 != null && charts2 != "" && charts2 != undefined) {
+      charts2.dispose();
+    }
+    charts2 = this.echarts.init(document.getElementById("leiDaTu4"));
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    charts2.clear();
+    charts2.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181828.js

@@ -0,0 +1,373 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    if (charts != null && charts != "" && charts != undefined) {
+      charts.dispose();
+    }
+    charts = this.$echarts.init(document.getElementById("leiDaTu3"));
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    charts.clear();
+    charts.setOption(option);
+  },
+  drawPie2() {
+    var app = {};
+      var chartDom = document.getElementById("leiDaTu4");
+
+      var myChart = echarts.init(chartDom);
+      var option;
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    option && myChart.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};

.history/src/assets/js/benchmarkingSys/yardBenchmarkParticulars_20210419181948.js

@@ -0,0 +1,371 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      loading:true,
+      options: [],
+
+      value: [],
+      timedate: [],
+      multipleSelection: [],
+      orderByColumn: "",
+      isAsc: "asc",
+      fdcLineData: [],
+      currentPage2: 1,
+      pagesize: 10,
+      wpId: "",
+      beginDate: "",
+      endDate: "",
+      dialogTableVisible: false,
+      sortInOrder: [],
+      sortInOrderTop: [],
+      fdcName1: "",
+      fdcName2: "",
+      sortInOrde2: [],
+      getTableData: [],
+    };
+  },
+  filters: {
+    rounding(value) {
+      return value.toFixed(2);
+    },
+  },
+  created() {
+    this.wpId = this.$route.query.wpId;
+    this.timedate[0] = this.$route.query.beginDate;
+    this.timedate[1] = this.$route.query.endDate;
+    this.queryApData();
+  },
+  methods: {
+queryApData() {
+    this.value = this.$route.query.wpId;
+    this.YardTableData();
+  },
+  queryApDataMx() {
+    this.dialogTableVisible = true;
+
+    if (this.multipleSelection.length == 2) {
+      this.fdcName1 = this.multipleSelection[0].wtName;
+      this.fdcName2 = this.multipleSelection[1].wtName;
+      this.sortInOrder.push(
+        this.multipleSelection[0].fnlyl,
+        this.multipleSelection[0].xqjsl,
+        this.multipleSelection[0].ztzhjsl,
+        this.multipleSelection[0].fwjsl,
+        this.multipleSelection[0].slssl,
+        this.multipleSelection[0].xnssl,
+        this.multipleSelection[0].qfl,
+        this.multipleSelection[0].jxssl,
+        this.multipleSelection[0].gzssl
+      );
+      this.sortInOrderTop.push(
+        this.multipleSelection[1].fnlyl,
+        this.multipleSelection[1].xqjsl,
+        this.multipleSelection[1].ztzhjsl,
+        this.multipleSelection[1].fwjsl,
+        this.multipleSelection[1].slssl,
+        this.multipleSelection[1].xnssl,
+        this.multipleSelection[1].qfl,
+        this.multipleSelection[1].jxssl,
+        this.multipleSelection[1].gzssl
+      );
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        this.sortInOrde2.push({
+          product:
+            this.multipleSelection[i].wtName +
+            this.BASE.getBzDate(this.multipleSelection[i].recordDate,0),
+          "限电损失电量单位:万KWh": this.multipleSelection[i].xdss,
+          "故障损失电量单位:万KWh": this.multipleSelection[i].gzss,
+          "检修损失电量单位:万KWh": this.multipleSelection[i].jxssl,
+          "性能损失电量单位:万KWh": this.multipleSelection[i].xnssl,
+          "受累损失电量单位:万KWh": this.multipleSelection[i].slss,
+        });
+      }
+      this.getTableData.push({
+        index: "发电量",
+        data1: this.multipleSelection[0].scadafdl,
+        data2: this.multipleSelection[1].scadafdl,
+      });
+      this.getTableData.push({
+        index: "故障损失电量",
+        data1: this.multipleSelection[0].gzss,
+        data2: this.multipleSelection[1].gzss,
+      });
+      this.getTableData.push({
+        index: "检修损失电量",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "性能未达标损失电量",
+        data1: this.multipleSelection[0].xnsslfraction,
+        data2: this.multipleSelection[1].xnsslfraction,
+      });
+      this.getTableData.push({
+        index: "受累损失电量",
+        data1: this.multipleSelection[0].slss,
+        data2: this.multipleSelection[1].slss,
+      });
+      this.getTableData.push({
+        index: "风能利用率",
+        data1: this.multipleSelection[0].fnlyl,
+        data2: this.multipleSelection[1].fnlyl,
+      });
+      this.getTableData.push({
+        index: "故障损失率",
+        data1: this.multipleSelection[0].gzssl,
+        data2: this.multipleSelection[1].gzssl,
+      });
+      this.getTableData.push({
+        index: "检修损失率",
+        data1: this.multipleSelection[0].jxssl,
+        data2: this.multipleSelection[1].jxssl,
+      });
+      this.getTableData.push({
+        index: "弃风率",
+        data1: this.multipleSelection[0].qfl,
+        data2: this.multipleSelection[1].qfl,
+      });
+      this.getTableData.push({
+        index: "性能损失率",
+        data1: this.multipleSelection[0].xnssl,
+        data2: this.multipleSelection[1].xnssl,
+      });
+      this.getTableData.push({
+        index: "受累损失率",
+        data1: this.multipleSelection[0].slssl,
+        data2: this.multipleSelection[1].slssl,
+      });
+      this.getTableData.push({
+        index: "复位及时率",
+        data1: this.multipleSelection[0].fwjsl,
+        data2: this.multipleSelection[1].fwjsl,
+      });
+      this.getTableData.push({
+        index: "消缺及时率",
+        data1: this.multipleSelection[0].xqjsl,
+        data2: this.multipleSelection[1].xqjsl,
+      });
+      this.getTableData.push({
+        index: "状态转换率",
+        data1: this.multipleSelection[0].ztzhjsl,
+        data2: this.multipleSelection[1].ztzhjsl,
+      });
+    }
+    this.$nextTick(function () {
+      this.drawPie("leiDaTu3");
+    });
+    this.$nextTick(function () {
+      this.drawPie2("leiDaTu4");
+    });
+  },
+  filter_fdl(cellValue) {
+    return parseFloat(cellValue.scadafdl).toFixed(2);
+  },
+  ApDataMxcheck() {
+    if (this.multipleSelection.length == 2) {
+      this.queryApDataMx();
+    } else {
+      this.$message({
+        message: "请选择两个风机！",
+        type: "warning",
+      });
+      return;
+    }
+  },
+  YardTableData() {
+    let that = this;
+    Object.assign(this.$data.fdcLineData, this.$options.data().fdcLineData);
+    this.API.get("/powercompare/windfarmAjax").then((res) => {
+      this.options = res.data;
+    });
+    this.wpId = this.$route.query.wpId;
+    if (this.timedate == "") {
+      this.beginDate = this.$route.query.beginDate;
+      this.endDate = this.$route.query.endDate;
+    } else {
+      this.beginDate = this.timedate[0];
+      this.endDate = this.timedate[1];
+    }
+    var guilty = new URLSearchParams();
+    guilty.append("pageNum", this.currentPage2);
+    guilty.append("pageSize", this.pagesize);
+    guilty.append("orderByColumn", this.orderByColumn);
+    guilty.append("isAsc", this.isAsc);
+    if (this.value == []) {
+      guilty.append("wpId", this.wpId);
+    } else {
+      guilty.append("wpId", this.value);
+    }
+    guilty.append("beginDate", this.beginDate);
+    guilty.append("endDate", this.endDate);
+    this.API.post("/contrast/benchmarkWpInWtList", guilty).then((res) => {
+      this.fdcLineData = res.data;
+      this.loading=false;
+    });
+  },
+  headStyle() {
+    return "text-align:center";
+  },
+  handleSelectionChange(val) {
+    this.sortInOrder = [];
+    this.sortInOrderTop = [];
+    this.getTableData = [];
+    this.sortInOrde2 = [];
+    this.multipleSelection = [];
+    this.multipleSelection = val;
+  },
+  changeTableSort(column) {
+    this.orderByColumn = column.prop;
+    if (column.order == "descending") {
+      this.isAsc = "desc";
+    } else if (column.order == "ascending") {
+      this.isAsc = "asc";
+    }
+    this.YardTableData();
+  },
+  filter_date(cellValue) {
+    let date = new Date(cellValue.recordDate);
+    return this.BASE.getBzDate(date,0);
+  },
+  drawPie() {
+    var charts;
+    var chartDom = document.getElementById("leiDaTu3");
+
+    var myChart = echarts.init(chartDom);
+    let option = {
+      title: {
+        // text: '对标排名分析',
+        left: "center",
+      },
+      tooltip: {},
+      // legend: {
+      //     data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）'],
+      //     left: 'right'
+      // },
+      radar: {
+        // shape: 'circle',
+        name: {
+          textStyle: {
+            color: "#fff",
+            backgroundColor: "#999",
+            borderRadius: 3,
+            padding: [3, 5],
+          },
+        },
+        indicator: [
+          { name: "风能利用率", max: 150 },
+          { name: "消缺及时率", max: 150 },
+          { name: "状态转换率", max: 150 },
+          { name: "复位及时率", max: 150 },
+          { name: "受累损失率", max: 150 },
+          { name: "性能损失率", max: 150 },
+          { name: "弃风率", max: 150 },
+          { name: "检修损失率", max: 150 },
+          { name: "故障损失率", max: 150 },
+        ],
+      },
+      series: [
+        {
+          name: "预算 vs 开销（Budget vs spending）",
+          type: "radar",
+          // areaStyle: {normal: {}},
+          data: [
+            {
+              value: this.sortInOrder,
+              name: this.fdcName1,
+            },
+            {
+              value: this.sortInOrderTop,
+              name: this.fdcName2,
+            },
+          ],
+        },
+      ],
+    };
+    option && myChart.setOption(option);
+  },
+  drawPie2() {
+    var app = {};
+      var chartDom = document.getElementById("leiDaTu4");
+
+      var myChart = echarts.init(chartDom);
+      var option;
+    let option2 = {
+      legend: {
+        orient: "vertical",
+        left: "right",
+      },
+      tooltip: {},
+      dataset: {
+        dimensions: [
+          "product",
+          "限电损失电量单位:万KWh",
+          "故障损失电量单位:万KWh",
+          "检修损失电量单位:万KWh",
+          "性能损失电量单位:万KWh",
+          "受累损失电量单位:万KWh",
+        ],
+        source: this.sortInOrde2,
+      },
+      xAxis: { type: "category" },
+      yAxis: {},
+      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",
+            },
+          },
+        },
+      ],
+    };
+    option && myChart.setOption(option2);
+  },
+  goReturn() {
+    this.$router.push("/benchmark_Venue");
+  },
+  toExcel() {
+    excelHelper.exportExcel("fdcLineData","损失率对标列表",".xls",true);
+  },
+},
+};