Merge branch 'zm'

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

@@ -0,0 +1,37 @@
+.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/propertBenchmark_20210421105913.scss

@@ -0,0 +1,44 @@
+.box {
+    width: 100%;
+    display: flex;
+    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/singlePerformanceAnalysis/individualPandectinformationdetails_20210423144027.scss

@@ -0,0 +1,3 @@
+.el-form-item {
+  margin-bottom: 3px;
+}

.history/src/assets/js/benchmarkingSys/innationBenchmarkParticulars_20210421100636.js

@@ -0,0 +1,356 @@
+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_20210421103615.js

@@ -0,0 +1,357 @@
+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.ECZM.leida_tc("leiDaTu5" , this.getChartDataValue,this.BASE.getBzDate(new Date(this.wp_n_1.recordDate),0),this.getChartDataValue2,this.BASE.getBzDate(new Date(this.wp_n_2.recordDate),0));
+       
+                })
+                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_20210421103617.js

@@ -0,0 +1,357 @@
+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.ECZM.leida_tc("leiDaTu5" , this.getChartDataValue,this.BASE.getBzDate(new Date(this.wp_n_1.recordDate),0),this.getChartDataValue2,this.BASE.getBzDate(new Date(this.wp_n_2.recordDate),0));
+       
+                })
+                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_20210421104046.js

@@ -0,0 +1,361 @@
+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;
+          }).catch(error =>{
+            this.$message.error('获取数据失败');
+          });
+            }
+        },
+        /**
+         * 判断是否选择两个场站
+         */
+        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.ECZM.leida_tc("leiDaTu5" , this.getChartDataValue,this.BASE.getBzDate(new Date(this.wp_n_1.recordDate),0),this.getChartDataValue2,this.BASE.getBzDate(new Date(this.wp_n_2.recordDate),0));
+       
+                })
+                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;
+            }).catch(error =>{
+                this.$message.error('获取数据失败');
+              });
+            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_20210421104058.js

@@ -0,0 +1,363 @@
+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;
+          }).catch(error =>{
+            this.$message.error('获取数据失败');
+          });
+            }
+        },
+        /**
+         * 判断是否选择两个场站
+         */
+        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.ECZM.leida_tc("leiDaTu5" , this.getChartDataValue,this.BASE.getBzDate(new Date(this.wp_n_1.recordDate),0),this.getChartDataValue2,this.BASE.getBzDate(new Date(this.wp_n_2.recordDate),0));
+       
+                })
+                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;
+            }).catch(error =>{
+                this.$message.error('获取数据失败');
+              });
+            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;
+          }).catch(error =>{
+            this.$message.error('获取数据失败');
+          });
+        },
+        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_20210421100321.js

@@ -0,0 +1,597 @@
+//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/internationalBenchmark_20210421103441.js

@@ -0,0 +1,599 @@
+//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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        
+
+      });
+      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_20210421103453.js

@@ -0,0 +1,599 @@
+//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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        
+
+      });
+      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_20210421103508.js

@@ -0,0 +1,599 @@
+//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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        
+
+      });
+      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_20210421104112.js

@@ -0,0 +1,601 @@
+//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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        
+
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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_20210421104119.js

@@ -0,0 +1,603 @@
+//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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        
+
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    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_20210421101039.js

@@ -0,0 +1,883 @@
+
+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/performanceList_20210421162235.js

@@ -0,0 +1,863 @@
+
+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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 获取项目
+     */
+    query_xml(){
+      this.pj = "";
+      this.xl = "";
+      this.API.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
+        this.projectlist = res.data;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 获取线路
+     */
+    query_xl(){
+      this.xl = "";
+      this.API.get("powercompare/lineAjax?pjIds=" + this.pj).then((res) => {
+        this.linelist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 获取当前卡片状态
+     */
+    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);
+          }
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 
+     * 询风场、项目、线路列表数据结果
+     */
+    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.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);
+          }
+          }).catch(error =>{
+            this.$message.error('获取数据失败');
+          });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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_20210421101544.js

@@ -0,0 +1,486 @@
+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/projectBenchmarkParticulars_20210421104434.js

@@ -0,0 +1,488 @@
+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;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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/projectBenchmarkParticulars_20210421104446.js

@@ -0,0 +1,490 @@
+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;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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/projectBenchmarkParticulars_20210421104453.js

@@ -0,0 +1,492 @@
+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;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 查询项目
+     */
+    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/projectBenchmarkParticulars_20210421104459.js

@@ -0,0 +1,494 @@
+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;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 查询项目
+     */
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    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/projectBenchmarkParticulars_20210421104507.js

@@ -0,0 +1,496 @@
+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;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 查询项目
+     */
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    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/projectBenchmarkParticulars_20210421104513.js

@@ -0,0 +1,498 @@
+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;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 查询项目
+     */
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });;
+    },
+    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/projectBenchmarkParticulars_20210421104516.js

@@ -0,0 +1,498 @@
+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;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 查询项目
+     */
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });;
+    },
+    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/projectBenchmarkParticulars_20210421104953.js

@@ -0,0 +1,501 @@
+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;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+        //this.drawPie("");
+
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 查询项目
+     */
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });;
+    },
+    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/projectBenchmarkParticulars_20210421105024.js

@@ -0,0 +1,501 @@
+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;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+        //this.drawPie("");
+
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 查询项目
+     */
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });;
+    },
+    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/projectBenchmarkParticulars_20210421105040.js

@@ -0,0 +1,499 @@
+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;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 
+     * 查询检查
+     */
+    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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        //this.drawPie("");
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 查询项目
+     */
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/projectAjax?wpIds=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });;
+    },
+    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_20210420175547.js

@@ -0,0 +1,659 @@
+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: [],
+      wtId:[],
+      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/projectBenchmark_20210420180129.js

@@ -0,0 +1,660 @@
+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: [],
+      wtId:[],
+      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");
+        console.log("------");
+      });
+      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_20210420180209.js

@@ -0,0 +1,655 @@
+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: [],
+      wtId:[],
+      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.drawPie("leiDaTu");
+        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_20210421085707.js

@@ -0,0 +1,659 @@
+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: [],
+      wtId:[],
+      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/projectBenchmark_20210421093130.js

@@ -0,0 +1,661 @@
+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: [],
+      wtId:[],
+      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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+        //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_20210421093303.js

@@ -0,0 +1,662 @@
+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: [],
+      wtName:[],
+      wtId:[],
+      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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+        //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_20210421094446.js

@@ -0,0 +1,662 @@
+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: [],
+      wtName:[],
+      wtId:[],
+      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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+        //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_20210421104410.js

@@ -0,0 +1,670 @@
+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: [],
+      wtName:[],
+      wtId:[],
+      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;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+        //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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    // 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_20210421104414.js

@@ -0,0 +1,670 @@
+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: [],
+      wtName:[],
+      wtId:[],
+      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;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+        //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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    // 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_20210421163501.js

@@ -0,0 +1,700 @@
+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: [],
+      wtName:[],
+      wtId:[],
+      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;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+        //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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    // 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_20210421163523.js

@@ -0,0 +1,703 @@
+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: [],
+      wtName:[],
+      wtId:[],
+      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;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+        //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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    // 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_20210421163600.js

@@ -0,0 +1,644 @@
+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: [],
+      wtName:[],
+      wtId:[],
+      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;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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;
+        
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+        //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;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    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/propertBenchmarkParticulars_20210421112017.js

@@ -0,0 +1,478 @@
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.$http.post("/contrast/benchmarkWtList", 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;
+      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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.$http.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data.data;
+        this.loading = false;
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.$http
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data.data;
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.$http
+        .get("powercompare/windturbineAjax?wpId=" + 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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421112030.js

@@ -0,0 +1,479 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.$http.post("/contrast/benchmarkWtList", 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;
+      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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.$http.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data.data;
+        this.loading = false;
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.$http
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data.data;
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.$http
+        .get("powercompare/windturbineAjax?wpId=" + 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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421112140.js

@@ -0,0 +1,479 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkWtList", 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;
+      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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading = false;
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + 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 = 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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421140944.js

@@ -0,0 +1,481 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkWtList", 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;
+      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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        
+      });
+      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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading = false;
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + 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 = 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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421141050.js

@@ -0,0 +1,481 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkWtList", 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;
+      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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        
+      });
+      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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading = false;
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + 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 = 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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421141238.js

@@ -0,0 +1,481 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkWtList", 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;
+      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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        
+      });
+      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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading = false;
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + 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 = 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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421141555.js

@@ -0,0 +1,479 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkWtList", 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;
+      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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        //this.drawPie2("leiDaTu4");
+        this.ECZM.bar_tc_2("leiDaTu4",this.sortInOrde2);
+      });
+    },
+    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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading = false;
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + 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 = 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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421162401.js

@@ -0,0 +1,489 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+          this.fdcLineData2 = res.data;
+          this.loading2 = false;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    querycheck(){
+      if(this.multipleSelection1.length + this.multipleSelection2.length ==2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        //this.drawPie2("leiDaTu4");
+        this.ECZM.bar_tc_2("leiDaTu4",this.sortInOrde2);
+      });
+    },
+    filter_fdl(cellValue) {
+      return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+    YardTableData() {
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        this.options = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading = false;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421162435.js

@@ -0,0 +1,428 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+          this.fdcLineData2 = res.data;
+          this.loading2 = false;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    querycheck(){
+      if(this.multipleSelection1.length + this.multipleSelection2.length ==2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        this.ECZM.bar_tc_2("leiDaTu4",this.sortInOrde2);
+      });
+    },
+    filter_fdl(cellValue) {
+      return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+    YardTableData() {
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        this.options = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading = false;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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);
+    },
+    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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421162442.js

@@ -0,0 +1,428 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+          this.fdcLineData2 = res.data;
+          this.loading2 = false;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    querycheck(){
+      if(this.multipleSelection1.length + this.multipleSelection2.length ==2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        this.ECZM.bar_tc_2("leiDaTu4",this.sortInOrde2);
+      });
+    },
+    filter_fdl(cellValue) {
+      return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+    YardTableData() {
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        this.options = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading = false;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        });
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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);
+    },
+    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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421163948.js

@@ -0,0 +1,452 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+          this.fdcLineData2 = res.data;
+          this.loading2 = false;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 查询检查
+     */
+    querycheck(){
+      if(this.multipleSelection1.length + this.multipleSelection2.length ==2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    /**
+     * 判断是否选择两项  改变数据格式
+     */
+    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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        this.ECZM.bar_tc_2("leiDaTu4",this.sortInOrde2);
+      });
+    },
+    /**
+     * 保留两位小数
+     */
+    filter_fdl(cellValue) {
+      return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+    /**
+     * 查询风机列表信息
+     */
+    YardTableData() {
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        this.options = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading = false;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 获取项目
+     */
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        });
+    },
+    /**
+     * 查询风场
+     */
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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);
+    },
+    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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmarkParticulars_20210421164001.js

@@ -0,0 +1,452 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      tb2: false,
+      loading:true,
+      loading2:true,
+      tableData: [],
+      options: [],
+      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.wpId;
+    this.query_xml();
+    this.query_wpid();
+    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("wtId", this.pj2);
+        guilty.append("beginDate", this.beginDate);
+        guilty.append("endDate", this.endDate);
+        this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+          this.fdcLineData2 = res.data;
+          this.loading2 = false;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      }
+    },
+    /**
+     * 查询检查
+     */
+    querycheck(){
+      if(this.multipleSelection1.length + this.multipleSelection2.length ==2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    /**
+     * 判断是否选择两项  改变数据格式
+     */
+    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.pjName1 = this.multipleSelection[0].wtName;
+        this.pjName2 = 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.ECZM.leida_tc("leiDaTu3" , this.sortInOrder,this.pjName1,this.sortInOrderTop,this.pjName2);
+        this.ECZM.bar_tc_2("leiDaTu4",this.sortInOrde2);
+      });
+    },
+    /**
+     * 保留两位小数
+     */
+    filter_fdl(cellValue) {
+      return parseFloat(cellValue.scadafdl).toFixed(2);
+    },
+    /**
+     * 查询风机列表信息
+     */
+    YardTableData() {
+      this.API.get("/powercompare/windfarmAjax").then((res) => {
+        this.options = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      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.fc == "") {
+        guilty.append("wpId", this.wpId);
+      } else {
+        guilty.append("wpId", this.fc);
+      }
+      if (this.pj == "") {
+        guilty.append("wtId", this.pjId);
+      } else {
+        guilty.append("wtId", this.pj);
+      }
+      guilty.append("beginDate", this.beginDate);
+      guilty.append("endDate", this.endDate);
+      this.API.post("/contrast/benchmarkWtList", guilty).then((res) => {
+        this.fdcLineData = res.data;
+        this.loading = false;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 获取项目
+     */
+    query_xml() {
+      this.pj = "";
+      this.xl = "";
+      this.pj2 = "";
+      this.xl2 = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc)
+        .then((res) => {
+          this.projectlist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    query_xml2() {
+      this.pj = "";
+      this.xl = "";
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + this.fc2)
+        .then((res) => {
+          this.projectlist2 = res.data;
+        });
+    },
+    /**
+     * 查询风场
+     */
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    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);
+    },
+    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_property");
+    },
+    toExcel() {},
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmark_20210421110016.js

@@ -0,0 +1,575 @@
+import * as echarts from "echarts";
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      classification: [
+        {
+          id: "qf",
+          label: "弃风率",
+        },
+        {
+          id: "gz",
+          label: "故障损失率",
+        },
+        {
+          id: "jx",
+          label: "检修损失率",
+        },
+        {
+          id: "xn",
+          label: "性能损失率",
+        },
+        {
+          id: "sl",
+          label: "受累损失率",
+        },
+      ],
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      value: "",
+      value2: "gz",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      chartsAName2: "",
+    };
+  },
+//   components: {
+//     FiveLossRatesHistogramChart: FiveLossRatesHistogramChart,
+//   },
+  created() {
+    this.FiveLossInformation();
+  },
+  methods: {
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    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: "/benchmark_property_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: "/benchmark_property_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.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.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.FiveLossInformation();
+    },
+    FiveLossInformation() {
+      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.$http.get("/powercompare/windfarmAjax").then((res) => {
+        that.options = res.data.data;
+      });
+      if (this.timedate == "") {
+        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.$http
+        .post("/contrast/benchmarkLossList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data.data;
+          that.getPackageData(that.gridData, that.value2);
+          that.$refs.FiveLossRatesHistogramChart.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.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("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);
+    },
+    getPackageData(gridData, value2) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        if (value2 == "gz") {
+          this.chartsAName2 = "故障损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].gzss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "xn") {
+          this.chartsAName2 = "性能损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "qf") {
+          this.chartsAName2 = "弃风率占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfl,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "jx") {
+          this.chartsAName2 = "检修损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].whss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "sl") {
+          this.chartsAName2 = "受累损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].slss,
+            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: this.chartsAName2,
+          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);
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmark_20210421110114.js

@@ -0,0 +1,575 @@
+import * as echarts from "echarts";
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      classification: [
+        {
+          id: "qf",
+          label: "弃风率",
+        },
+        {
+          id: "gz",
+          label: "故障损失率",
+        },
+        {
+          id: "jx",
+          label: "检修损失率",
+        },
+        {
+          id: "xn",
+          label: "性能损失率",
+        },
+        {
+          id: "sl",
+          label: "受累损失率",
+        },
+      ],
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      value: "",
+      value2: "gz",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      chartsAName2: "",
+    };
+  },
+//   components: {
+//     FiveLossRatesHistogramChart: FiveLossRatesHistogramChart,
+//   },
+  created() {
+    this.FiveLossInformation();
+  },
+  methods: {
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    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: "/benchmark_property_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: "/benchmark_property_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.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.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.FiveLossInformation();
+    },
+    FiveLossInformation() {
+      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.options = res.data;
+      });
+      if (this.timedate == "") {
+        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/benchmarkLossList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.getPackageData(that.gridData, that.value2);
+          that.$refs.FiveLossRatesHistogramChart.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.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("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);
+    },
+    getPackageData(gridData, value2) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        if (value2 == "gz") {
+          this.chartsAName2 = "故障损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].gzss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "xn") {
+          this.chartsAName2 = "性能损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "qf") {
+          this.chartsAName2 = "弃风率占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfl,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "jx") {
+          this.chartsAName2 = "检修损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].whss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "sl") {
+          this.chartsAName2 = "受累损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].slss,
+            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: this.chartsAName2,
+          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);
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmark_20210421110421.js

@@ -0,0 +1,579 @@
+import * as echarts from "echarts";
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      classification: [
+        {
+          id: "qf",
+          label: "弃风率",
+        },
+        {
+          id: "gz",
+          label: "故障损失率",
+        },
+        {
+          id: "jx",
+          label: "检修损失率",
+        },
+        {
+          id: "xn",
+          label: "性能损失率",
+        },
+        {
+          id: "sl",
+          label: "受累损失率",
+        },
+      ],
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      value: "",
+      value2: "gz",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      chartsAName2: "",
+    };
+  },
+//   components: {
+//     FiveLossRatesHistogramChart: FiveLossRatesHistogramChart,
+//   },
+  created() {
+    this.FiveLossInformation();
+  },
+  methods: {
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    /**
+     * 
+     * 检查是否选择两个项目
+     */
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    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: "/benchmark_property_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: "/benchmark_property_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.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.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.FiveLossInformation();
+    },
+    FiveLossInformation() {
+      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.options = res.data;
+      });
+      if (this.timedate == "") {
+        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/benchmarkLossList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.getPackageData(that.gridData, that.value2);
+          that.$refs.FiveLossRatesHistogramChart.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.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("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);
+    },
+    getPackageData(gridData, value2) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        if (value2 == "gz") {
+          this.chartsAName2 = "故障损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].gzss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "xn") {
+          this.chartsAName2 = "性能损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "qf") {
+          this.chartsAName2 = "弃风率占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfl,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "jx") {
+          this.chartsAName2 = "检修损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].whss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "sl") {
+          this.chartsAName2 = "受累损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].slss,
+            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: this.chartsAName2,
+          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);
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmark_20210421110837.js

@@ -0,0 +1,598 @@
+import * as echarts from "echarts";
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      classification: [
+        {
+          id: "qf",
+          label: "弃风率",
+        },
+        {
+          id: "gz",
+          label: "故障损失率",
+        },
+        {
+          id: "jx",
+          label: "检修损失率",
+        },
+        {
+          id: "xn",
+          label: "性能损失率",
+        },
+        {
+          id: "sl",
+          label: "受累损失率",
+        },
+      ],
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      value: "",
+      value2: "gz",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      chartsAName2: "",
+    };
+  },
+//   components: {
+//     FiveLossRatesHistogramChart: FiveLossRatesHistogramChart,
+//   },
+  created() {
+    this.FiveLossInformation();
+  },
+  methods: {
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    /**
+     * 
+     * 检查是否选择两个项目
+     */
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    /**
+     * 获取表格数据
+     */
+    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: "/benchmark_property_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: "/benchmark_property_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    /**
+     * 查询检查
+     */
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    /**
+     * 弹出控制
+     */
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        //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.FiveLossInformation();
+    },
+    /**
+     * 查询风机列表信息
+     */
+    FiveLossInformation() {
+      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.options = res.data;
+      });
+      if (this.timedate == "") {
+        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/benchmarkLossList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.getPackageData(that.gridData, that.value2);
+          that.$refs.FiveLossRatesHistogramChart.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.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("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);
+    },
+    getPackageData(gridData, value2) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        if (value2 == "gz") {
+          this.chartsAName2 = "故障损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].gzss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "xn") {
+          this.chartsAName2 = "性能损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "qf") {
+          this.chartsAName2 = "弃风率占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfl,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "jx") {
+          this.chartsAName2 = "检修损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].whss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "sl") {
+          this.chartsAName2 = "受累损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].slss,
+            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: this.chartsAName2,
+          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);
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmark_20210421111216.js

@@ -0,0 +1,599 @@
+import * as echarts from "echarts";
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      classification: [
+        {
+          id: "qf",
+          label: "弃风率",
+        },
+        {
+          id: "gz",
+          label: "故障损失率",
+        },
+        {
+          id: "jx",
+          label: "检修损失率",
+        },
+        {
+          id: "xn",
+          label: "性能损失率",
+        },
+        {
+          id: "sl",
+          label: "受累损失率",
+        },
+      ],
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      value: "",
+      value2: "gz",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      chartsAName2: "",
+    };
+  },
+//   components: {
+//     FiveLossRatesHistogramChart: FiveLossRatesHistogramChart,
+//   },
+  created() {
+    this.FiveLossInformation();
+  },
+  methods: {
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    /**
+     * 
+     * 检查是否选择两个项目
+     */
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    /**
+     * 获取表格数据
+     */
+    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: "/benchmark_property_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: "/benchmark_property_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    /**
+     * 查询检查
+     */
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    /**
+     * 弹出控制
+     */
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        //this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        //this.drawPie2("leiDaTu2");
+        this.ECZM.bar_tc_2("leiDaTu2",this.sortInOrde2);
+      });
+    },
+    /**
+     * 数据转换
+     */
+    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.FiveLossInformation();
+    },
+    /**
+     * 查询风机列表信息
+     */
+    FiveLossInformation() {
+      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.options = res.data;
+      });
+      if (this.timedate == "") {
+        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/benchmarkLossList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.getPackageData(that.gridData, that.value2);
+          that.$refs.FiveLossRatesHistogramChart.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.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("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);
+    },
+    getPackageData(gridData, value2) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        if (value2 == "gz") {
+          this.chartsAName2 = "故障损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].gzss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "xn") {
+          this.chartsAName2 = "性能损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "qf") {
+          this.chartsAName2 = "弃风率占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfl,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "jx") {
+          this.chartsAName2 = "检修损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].whss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "sl") {
+          this.chartsAName2 = "受累损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].slss,
+            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: this.chartsAName2,
+          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);
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmark_20210421111321.js

@@ -0,0 +1,599 @@
+import * as echarts from "echarts";
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      classification: [
+        {
+          id: "qf",
+          label: "弃风率",
+        },
+        {
+          id: "gz",
+          label: "故障损失率",
+        },
+        {
+          id: "jx",
+          label: "检修损失率",
+        },
+        {
+          id: "xn",
+          label: "性能损失率",
+        },
+        {
+          id: "sl",
+          label: "受累损失率",
+        },
+      ],
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      value: "",
+      value2: "gz",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      chartsAName2: "",
+    };
+  },
+//   components: {
+//     FiveLossRatesHistogramChart: FiveLossRatesHistogramChart,
+//   },
+  created() {
+    this.FiveLossInformation();
+  },
+  methods: {
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    /**
+     * 
+     * 检查是否选择两个项目
+     */
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    /**
+     * 获取表格数据
+     */
+    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: "/benchmark_property_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: "/benchmark_property_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    /**
+     * 查询检查
+     */
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    /**
+     * 弹出控制
+     */
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        //this.drawPie("leiDaTu");
+      });
+      this.$nextTick(function () {
+        //this.drawPie2("leiDaTu2");
+        this.ECZM.bar_tc_2("leiDaTu2",this.sortInOrde2);
+      });
+    },
+    /**
+     * 数据转换
+     */
+    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.FiveLossInformation();
+    },
+    /**
+     * 查询风机列表信息
+     */
+    FiveLossInformation() {
+      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.options = res.data;
+      });
+      if (this.timedate == "") {
+        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/benchmarkLossList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.getPackageData(that.gridData, that.value2);
+          //that.$refs.FiveLossRatesHistogramChart.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.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("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);
+    },
+    getPackageData(gridData, value2) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        if (value2 == "gz") {
+          this.chartsAName2 = "故障损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].gzss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "xn") {
+          this.chartsAName2 = "性能损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "qf") {
+          this.chartsAName2 = "弃风率占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfl,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "jx") {
+          this.chartsAName2 = "检修损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].whss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "sl") {
+          this.chartsAName2 = "受累损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].slss,
+            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: this.chartsAName2,
+          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);
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmark_20210421111420.js

@@ -0,0 +1,597 @@
+import * as echarts from "echarts";
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      classification: [
+        {
+          id: "qf",
+          label: "弃风率",
+        },
+        {
+          id: "gz",
+          label: "故障损失率",
+        },
+        {
+          id: "jx",
+          label: "检修损失率",
+        },
+        {
+          id: "xn",
+          label: "性能损失率",
+        },
+        {
+          id: "sl",
+          label: "受累损失率",
+        },
+      ],
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      value: "",
+      value2: "gz",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      chartsAName2: "",
+    };
+  },
+//   components: {
+//     FiveLossRatesHistogramChart: FiveLossRatesHistogramChart,
+//   },
+  created() {
+    this.FiveLossInformation();
+  },
+  methods: {
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    /**
+     * 
+     * 检查是否选择两个项目
+     */
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    /**
+     * 获取表格数据
+     */
+    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: "/benchmark_property_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: "/benchmark_property_particulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    /**
+     * 查询检查
+     */
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    /**
+     * 弹出控制
+     */
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        //this.drawPie("leiDaTu");
+        //this.drawPie2("leiDaTu2");
+        this.ECZM.bar_tc_2("leiDaTu2",this.sortInOrde2);
+      });
+    },
+    /**
+     * 数据转换
+     */
+    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.FiveLossInformation();
+    },
+    /**
+     * 查询风机列表信息
+     */
+    FiveLossInformation() {
+      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.options = res.data;
+      });
+      if (this.timedate == "") {
+        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/benchmarkLossList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.getPackageData(that.gridData, that.value2);
+          //that.$refs.FiveLossRatesHistogramChart.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.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("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);
+    },
+    getPackageData(gridData, value2) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        if (value2 == "gz") {
+          this.chartsAName2 = "故障损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].gzss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "xn") {
+          this.chartsAName2 = "性能损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "qf") {
+          this.chartsAName2 = "弃风率占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfl,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "jx") {
+          this.chartsAName2 = "检修损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].whss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "sl") {
+          this.chartsAName2 = "受累损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].slss,
+            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: this.chartsAName2,
+          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);
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmark_20210421112624.js

@@ -0,0 +1,597 @@
+import * as echarts from "echarts";
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      classification: [
+        {
+          id: "qf",
+          label: "弃风率",
+        },
+        {
+          id: "gz",
+          label: "故障损失率",
+        },
+        {
+          id: "jx",
+          label: "检修损失率",
+        },
+        {
+          id: "xn",
+          label: "性能损失率",
+        },
+        {
+          id: "sl",
+          label: "受累损失率",
+        },
+      ],
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      value: "",
+      value2: "gz",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      chartsAName2: "",
+    };
+  },
+//   components: {
+//     FiveLossRatesHistogramChart: FiveLossRatesHistogramChart,
+//   },
+  created() {
+    this.FiveLossInformation();
+  },
+  methods: {
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    /**
+     * 
+     * 检查是否选择两个项目
+     */
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    /**
+     * 获取表格数据
+     */
+    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: "/propertBenchmarkParticulars",
+          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: "/propertBenchmarkParticulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    /**
+     * 查询检查
+     */
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    /**
+     * 弹出控制
+     */
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        //this.drawPie("leiDaTu");
+        //this.drawPie2("leiDaTu2");
+        this.ECZM.bar_tc_2("leiDaTu2",this.sortInOrde2);
+      });
+    },
+    /**
+     * 数据转换
+     */
+    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.FiveLossInformation();
+    },
+    /**
+     * 查询风机列表信息
+     */
+    FiveLossInformation() {
+      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.options = res.data;
+      });
+      if (this.timedate == "") {
+        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/benchmarkLossList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.getPackageData(that.gridData, that.value2);
+          //that.$refs.FiveLossRatesHistogramChart.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.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("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);
+    },
+    getPackageData(gridData, value2) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        if (value2 == "gz") {
+          this.chartsAName2 = "故障损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].gzss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "xn") {
+          this.chartsAName2 = "性能损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "qf") {
+          this.chartsAName2 = "弃风率占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfl,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "jx") {
+          this.chartsAName2 = "检修损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].whss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "sl") {
+          this.chartsAName2 = "受累损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].slss,
+            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: this.chartsAName2,
+          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);
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/propertBenchmark_20210421162319.js

@@ -0,0 +1,600 @@
+import * as echarts from "echarts";
+//import FiveLossRatesHistogramChart from "../../views/benchMarking/FiveLossRatesHistogramChart.vue";
+export default {
+  data() {
+    return {
+      formInline: {
+        windfarm: "",
+        project: "",
+        line: "",
+      },
+      timedate: [],
+      isAsc: "asc",
+      beginDate: "",
+      endDate: "",
+      gridData: [],
+      multipleSelection: [],
+      sortInOrder: [],
+      sortInOrderTop: [],
+      sortInOrde2: [],
+      getTableData: [],
+      sortInOrderTop2: [],
+      fdcName1: "",
+      fdcName2: "",
+      currentPage2: 1,
+      pagesize: 10,
+      classification: [
+        {
+          id: "qf",
+          label: "弃风率",
+        },
+        {
+          id: "gz",
+          label: "故障损失率",
+        },
+        {
+          id: "jx",
+          label: "检修损失率",
+        },
+        {
+          id: "xn",
+          label: "性能损失率",
+        },
+        {
+          id: "sl",
+          label: "受累损失率",
+        },
+      ],
+      options: [
+        {
+          value: "MHS_FDC",
+          label: "麻黄山风电场",
+        },
+        {
+          value: "NSS_FDC",
+          label: "牛首山风电场",
+        },
+        {
+          value: "SBQ_FDC",
+          label: "石板泉风电场",
+        },
+        {
+          value: "QS_FDC",
+          label: "青山风电场",
+        },
+        {
+          value: "XS_FDC",
+          label: "香山风电场",
+        },
+      ],
+      value: "",
+      value2: "gz",
+      wpId: [],
+      wpName: [],
+      orderByColumn: "",
+      dialogTableVisible: false,
+      lineDataOption: [],
+      getChartDataValue: [],
+      getChartDataValue2: [],
+      chartsAName2: "",
+    };
+  },
+//   components: {
+//     FiveLossRatesHistogramChart: FiveLossRatesHistogramChart,
+//   },
+  created() {
+    this.FiveLossInformation();
+  },
+  methods: {
+    headStyle() {
+      return "text-align:center";
+    },
+    onSubmit() {
+    },
+    handleClick() {},
+    deleteRow(index, rows) {
+      rows.splice(index, 1);
+    },
+    queryApData() {
+      this.FiveLossInformation();
+    },
+    /**
+     * 
+     * 检查是否选择两个项目
+     */
+    querycheck(){
+      if(this.multipleSelection.length == 2){
+        this.queryApDataMx();
+      }else{
+        this.$message({
+          message:"请选择两个项目！",
+          type:'error'
+        });
+        return
+      }
+    },
+    /**
+     * 获取表格数据
+     */
+    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: "/propertBenchmarkParticulars",
+          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: "/propertBenchmarkParticulars",
+          query: {
+            wpId: b.wpId,
+            beginDate: this.beginDate,
+            endDate: this.endDate,
+            wpName: b.wpName,
+            select: this.lineDataOption,
+          },
+        });
+      }
+    },
+    /**
+     * 查询检查
+     */
+    checkwindfarm() {
+      if (this.formInline.windfarm == "") {
+        this.$message.error("请选择风场！");
+        return;
+      }
+    },
+    checkproject() {
+      if (this.formInline.project == "") {
+        this.$message.error("请选择项目！");
+        return;
+      }
+      if (new Date(this.timedate) == null) {
+        this.$message.error("请选择时间");
+        return;
+      }
+    },
+    /**
+     * 弹出控制
+     */
+    queryApDataMx() {
+      this.dialogTableVisible = true;
+      this.$nextTick(function () {
+        this.ECZM.leida_tc("leiDaTu" , this.sortInOrder,this.fdcName1,this.sortInOrderTop,this.fdcName2);
+        //this.drawPie("leiDaTu");
+        //this.drawPie2("leiDaTu2");
+        this.ECZM.bar_tc_2("leiDaTu2",this.sortInOrde2);
+      });
+    },
+    /**
+     * 数据转换
+     */
+    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.FiveLossInformation();
+    },
+    /**
+     * 查询风机列表信息
+     */
+    FiveLossInformation() {
+      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.options = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+      if (this.timedate == "") {
+        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/benchmarkLossList", fiveLossData)
+        .then((res) => {
+          that.gridData = res.data;
+          that.getPackageData(that.gridData, that.value2);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    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.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("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);
+    },
+    getPackageData(gridData, value2) {
+      for (let i = 0; i < gridData.length; i++) {
+        this.getChartDataValue.push({
+          value: gridData[i].fdl,
+          name: gridData[i].wpName,
+        });
+        if (value2 == "gz") {
+          this.chartsAName2 = "故障损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].gzss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "xn") {
+          this.chartsAName2 = "性能损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "qf") {
+          this.chartsAName2 = "弃风率占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].qfl,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "jx") {
+          this.chartsAName2 = "检修损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].whss,
+            name: gridData[i].wpName,
+          });
+        } else if (value2 == "sl") {
+          this.chartsAName2 = "受累损失占比";
+          this.getChartDataValue2.push({
+            value: gridData[i].slss,
+            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: this.chartsAName2,
+          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);
+    },
+  },
+};

.history/src/assets/js/benchmarkingSys/singleTransverseBenchmark_20210421161321.js

@@ -0,0 +1,605 @@
+import * as echarts from "echarts";
+import  qxt_yue from  "@views/benchmarkingSys/qxt_yue.vue"
+import  qxt_nian from "@views/benchmarkingSys/qxt_nian.vue"
+export default {
+  data() {
+    return {
+      fj: ["MG01_01"],
+      fc: "MHS_FDC",
+      leida_list: [],
+      Date1: "",
+      leida_list_0: [],
+      leida_list_1: [],
+      leida_list_2: [],
+      leida_list_3: [],
+      leida_list_4: [],
+      tableData: [],
+      tableData_y: [],
+      tableData_n: [],
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      jfpl: "",
+      jfpl0: "",
+      jfpl1: "",
+      jfpl2: "",
+      jfpl3: "",
+      jfpl4: "",
+      wtIdslist: {
+        name: "",
+        id: "",
+        key: "",
+      },
+      activeName: "first",
+      compareDayList: {},
+      lineDate: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_y: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_n: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+    };
+  },
+  components: {
+    qxt_yue: qxt_yue,
+    qxt_nian: qxt_nian,
+  },
+
+  created() {
+    this.Date1 = this.BASE.getBzDate(new Date().getTime(),-1);
+    this.query_wpid();
+  },
+  methods: {
+    clear() {
+      this.fj = [];
+    },
+    handleClick() {
+      this.tableData = [];
+      this.tableData_n = [];
+      this.tableData_y = [];
+      this.query_check();
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+    query1() {
+      this.clear();
+      this.query();
+    },
+    query() {
+      let that = this;
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + that.fc)
+        .then((res) => {
+          this.wtIdslist = res.data;
+        });
+    },
+    query_check() {
+      if (
+        this.fc == null ||
+        this.fc == undefined ||
+        this.fc == "" ||
+        this.fj == null ||
+        this.fj == undefined ||
+        this.fj == ""
+      ) {
+        Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+        Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+        Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+        this.$message({
+          showClose: true,
+          message: "请选着风机或风场",
+          type: "error",
+        });
+      } else {
+        if (this.activeName == "first") {
+          Object.assign(this.$data.tableData, this.$options.data().tableData);
+          Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+          this.query_line();
+        } else if (this.activeName == "second") {
+          Object.assign(
+            this.$data.tableData_y,
+            this.$options.data().tableData_y
+          );
+          Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+          this.query_line_y();
+        } else if (this.activeName == "thired") {
+          // this.query_daycompare();
+          Object.assign(
+            this.$data.tableData_n,
+            this.$options.data().tableData_n
+          );
+          Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+          this.query_line_n();
+        }
+      }
+    },
+    query_line_n() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareYearChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_n.speed[i] = Date[i].speed;
+            that.lineDate_n.value1[i] = Date[i].value1;
+            that.lineDate_n.value2[i] = Date[i].value2;
+            that.lineDate_n.value3[i] = Date[i].value3;
+            that.lineDate_n.value4[i] = Date[i].value4;
+            that.lineDate_n.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_n();
+        });
+    },
+    query_daycompare_n() {
+      this.API
+        .get(
+          "compare/compareYearList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_n = res.data;
+        });
+
+      this.API
+        .get("compare/fzyYear?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+          let len = Object.keys(res.data).length;
+          let lenfj = this.fj.length;
+          if (len == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (len == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (len == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (len == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (len == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_n",this.fj,this.lineDate);
+        });
+    },
+
+    query_line_y() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareMonthChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_y.speed[i] = Date[i].speed;
+            that.lineDate_y.value1[i] = Date[i].value1;
+            that.lineDate_y.value2[i] = Date[i].value2;
+            that.lineDate_y.value3[i] = Date[i].value3;
+            that.lineDate_y.value4[i] = Date[i].value4;
+            that.lineDate_y.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_y();
+        });
+    },
+    query_daycompare_y() {
+      this.API
+        .get(
+          "compare/compareMonthList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_y = res.data;
+        });
+      this.API
+        .get(
+          "compare/fzyMonth?windturbineid=" + this.fj + "&date=" + this.Date1
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_y",this.fj,this.lineDate);
+        });
+    },
+
+    query_line() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareDayChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate.speed[i] = Date[i].speed;
+            that.lineDate.value1[i] = Date[i].value1;
+            that.lineDate.value2[i] = Date[i].value2;
+            that.lineDate.value3[i] = Date[i].value3;
+            that.lineDate.value4[i] = Date[i].value4;
+            that.lineDate.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare();
+        });
+    },
+    query_daycompare() {
+      Object.assign(this.$data.tableData, this.$options.data().tableData);
+      this.API
+        .get(
+          "compare/compareDayList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData = res.data;
+        });
+      this.API
+        .get("compare/fzyDay?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+        //this.drawLine();
+        this.ECZM.bar_djbhd("linechar",this.fj,this.lineDate);
+        });
+    },
+  },
+  mounted() {
+    this.drawLine();
+    this.query();
+    this.query_check();
+  },
+};

.history/src/assets/js/benchmarkingSys/singleTransverseBenchmark_20210421161327.js

@@ -0,0 +1,603 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      fj: ["MG01_01"],
+      fc: "MHS_FDC",
+      leida_list: [],
+      Date1: "",
+      leida_list_0: [],
+      leida_list_1: [],
+      leida_list_2: [],
+      leida_list_3: [],
+      leida_list_4: [],
+      tableData: [],
+      tableData_y: [],
+      tableData_n: [],
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      jfpl: "",
+      jfpl0: "",
+      jfpl1: "",
+      jfpl2: "",
+      jfpl3: "",
+      jfpl4: "",
+      wtIdslist: {
+        name: "",
+        id: "",
+        key: "",
+      },
+      activeName: "first",
+      compareDayList: {},
+      lineDate: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_y: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_n: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+    };
+  },
+  components: {
+    qxt_yue: qxt_yue,
+    qxt_nian: qxt_nian,
+  },
+
+  created() {
+    this.Date1 = this.BASE.getBzDate(new Date().getTime(),-1);
+    this.query_wpid();
+  },
+  methods: {
+    clear() {
+      this.fj = [];
+    },
+    handleClick() {
+      this.tableData = [];
+      this.tableData_n = [];
+      this.tableData_y = [];
+      this.query_check();
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+    query1() {
+      this.clear();
+      this.query();
+    },
+    query() {
+      let that = this;
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + that.fc)
+        .then((res) => {
+          this.wtIdslist = res.data;
+        });
+    },
+    query_check() {
+      if (
+        this.fc == null ||
+        this.fc == undefined ||
+        this.fc == "" ||
+        this.fj == null ||
+        this.fj == undefined ||
+        this.fj == ""
+      ) {
+        Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+        Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+        Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+        this.$message({
+          showClose: true,
+          message: "请选着风机或风场",
+          type: "error",
+        });
+      } else {
+        if (this.activeName == "first") {
+          Object.assign(this.$data.tableData, this.$options.data().tableData);
+          Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+          this.query_line();
+        } else if (this.activeName == "second") {
+          Object.assign(
+            this.$data.tableData_y,
+            this.$options.data().tableData_y
+          );
+          Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+          this.query_line_y();
+        } else if (this.activeName == "thired") {
+          // this.query_daycompare();
+          Object.assign(
+            this.$data.tableData_n,
+            this.$options.data().tableData_n
+          );
+          Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+          this.query_line_n();
+        }
+      }
+    },
+    query_line_n() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareYearChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_n.speed[i] = Date[i].speed;
+            that.lineDate_n.value1[i] = Date[i].value1;
+            that.lineDate_n.value2[i] = Date[i].value2;
+            that.lineDate_n.value3[i] = Date[i].value3;
+            that.lineDate_n.value4[i] = Date[i].value4;
+            that.lineDate_n.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_n();
+        });
+    },
+    query_daycompare_n() {
+      this.API
+        .get(
+          "compare/compareYearList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_n = res.data;
+        });
+
+      this.API
+        .get("compare/fzyYear?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+          let len = Object.keys(res.data).length;
+          let lenfj = this.fj.length;
+          if (len == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (len == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (len == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (len == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (len == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_n",this.fj,this.lineDate);
+        });
+    },
+
+    query_line_y() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareMonthChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_y.speed[i] = Date[i].speed;
+            that.lineDate_y.value1[i] = Date[i].value1;
+            that.lineDate_y.value2[i] = Date[i].value2;
+            that.lineDate_y.value3[i] = Date[i].value3;
+            that.lineDate_y.value4[i] = Date[i].value4;
+            that.lineDate_y.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_y();
+        });
+    },
+    query_daycompare_y() {
+      this.API
+        .get(
+          "compare/compareMonthList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_y = res.data;
+        });
+      this.API
+        .get(
+          "compare/fzyMonth?windturbineid=" + this.fj + "&date=" + this.Date1
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_y",this.fj,this.lineDate);
+        });
+    },
+
+    query_line() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareDayChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate.speed[i] = Date[i].speed;
+            that.lineDate.value1[i] = Date[i].value1;
+            that.lineDate.value2[i] = Date[i].value2;
+            that.lineDate.value3[i] = Date[i].value3;
+            that.lineDate.value4[i] = Date[i].value4;
+            that.lineDate.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare();
+        });
+    },
+    query_daycompare() {
+      Object.assign(this.$data.tableData, this.$options.data().tableData);
+      this.API
+        .get(
+          "compare/compareDayList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData = res.data;
+        });
+      this.API
+        .get("compare/fzyDay?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+        //this.drawLine();
+        this.ECZM.bar_djbhd("linechar",this.fj,this.lineDate);
+        });
+    },
+  },
+  mounted() {
+    this.drawLine();
+    this.query();
+    this.query_check();
+  },
+};

.history/src/assets/js/benchmarkingSys/singleTransverseBenchmark_20210421161332.js

@@ -0,0 +1,599 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      fj: ["MG01_01"],
+      fc: "MHS_FDC",
+      leida_list: [],
+      Date1: "",
+      leida_list_0: [],
+      leida_list_1: [],
+      leida_list_2: [],
+      leida_list_3: [],
+      leida_list_4: [],
+      tableData: [],
+      tableData_y: [],
+      tableData_n: [],
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      jfpl: "",
+      jfpl0: "",
+      jfpl1: "",
+      jfpl2: "",
+      jfpl3: "",
+      jfpl4: "",
+      wtIdslist: {
+        name: "",
+        id: "",
+        key: "",
+      },
+      activeName: "first",
+      compareDayList: {},
+      lineDate: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_y: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_n: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+    };
+  },
+
+  created() {
+    this.Date1 = this.BASE.getBzDate(new Date().getTime(),-1);
+    this.query_wpid();
+  },
+  methods: {
+    clear() {
+      this.fj = [];
+    },
+    handleClick() {
+      this.tableData = [];
+      this.tableData_n = [];
+      this.tableData_y = [];
+      this.query_check();
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+    query1() {
+      this.clear();
+      this.query();
+    },
+    query() {
+      let that = this;
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + that.fc)
+        .then((res) => {
+          this.wtIdslist = res.data;
+        });
+    },
+    query_check() {
+      if (
+        this.fc == null ||
+        this.fc == undefined ||
+        this.fc == "" ||
+        this.fj == null ||
+        this.fj == undefined ||
+        this.fj == ""
+      ) {
+        Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+        Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+        Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+        this.$message({
+          showClose: true,
+          message: "请选着风机或风场",
+          type: "error",
+        });
+      } else {
+        if (this.activeName == "first") {
+          Object.assign(this.$data.tableData, this.$options.data().tableData);
+          Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+          this.query_line();
+        } else if (this.activeName == "second") {
+          Object.assign(
+            this.$data.tableData_y,
+            this.$options.data().tableData_y
+          );
+          Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+          this.query_line_y();
+        } else if (this.activeName == "thired") {
+          // this.query_daycompare();
+          Object.assign(
+            this.$data.tableData_n,
+            this.$options.data().tableData_n
+          );
+          Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+          this.query_line_n();
+        }
+      }
+    },
+    query_line_n() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareYearChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_n.speed[i] = Date[i].speed;
+            that.lineDate_n.value1[i] = Date[i].value1;
+            that.lineDate_n.value2[i] = Date[i].value2;
+            that.lineDate_n.value3[i] = Date[i].value3;
+            that.lineDate_n.value4[i] = Date[i].value4;
+            that.lineDate_n.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_n();
+        });
+    },
+    query_daycompare_n() {
+      this.API
+        .get(
+          "compare/compareYearList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_n = res.data;
+        });
+
+      this.API
+        .get("compare/fzyYear?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+          let len = Object.keys(res.data).length;
+          let lenfj = this.fj.length;
+          if (len == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (len == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (len == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (len == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (len == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_n",this.fj,this.lineDate);
+        });
+    },
+
+    query_line_y() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareMonthChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_y.speed[i] = Date[i].speed;
+            that.lineDate_y.value1[i] = Date[i].value1;
+            that.lineDate_y.value2[i] = Date[i].value2;
+            that.lineDate_y.value3[i] = Date[i].value3;
+            that.lineDate_y.value4[i] = Date[i].value4;
+            that.lineDate_y.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_y();
+        });
+    },
+    query_daycompare_y() {
+      this.API
+        .get(
+          "compare/compareMonthList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_y = res.data;
+        });
+      this.API
+        .get(
+          "compare/fzyMonth?windturbineid=" + this.fj + "&date=" + this.Date1
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_y",this.fj,this.lineDate);
+        });
+    },
+
+    query_line() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareDayChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate.speed[i] = Date[i].speed;
+            that.lineDate.value1[i] = Date[i].value1;
+            that.lineDate.value2[i] = Date[i].value2;
+            that.lineDate.value3[i] = Date[i].value3;
+            that.lineDate.value4[i] = Date[i].value4;
+            that.lineDate.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare();
+        });
+    },
+    query_daycompare() {
+      Object.assign(this.$data.tableData, this.$options.data().tableData);
+      this.API
+        .get(
+          "compare/compareDayList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData = res.data;
+        });
+      this.API
+        .get("compare/fzyDay?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+        //this.drawLine();
+        this.ECZM.bar_djbhd("linechar",this.fj,this.lineDate);
+        });
+    },
+  },
+  mounted() {
+    this.drawLine();
+    this.query();
+    this.query_check();
+  },
+};

.history/src/assets/js/benchmarkingSys/singleTransverseBenchmark_20210421161404.js

@@ -0,0 +1,605 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      fj: ["MG01_01"],
+      fc: "MHS_FDC",
+      leida_list: [],
+      Date1: "",
+      leida_list_0: [],
+      leida_list_1: [],
+      leida_list_2: [],
+      leida_list_3: [],
+      leida_list_4: [],
+      tableData: [],
+      tableData_y: [],
+      tableData_n: [],
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      jfpl: "",
+      jfpl0: "",
+      jfpl1: "",
+      jfpl2: "",
+      jfpl3: "",
+      jfpl4: "",
+      wtIdslist: {
+        name: "",
+        id: "",
+        key: "",
+      },
+      activeName: "first",
+      compareDayList: {},
+      lineDate: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_y: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_n: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+    };
+  },
+
+  created() {
+    this.Date1 = this.BASE.getBzDate(new Date().getTime(),-1);
+    this.query_wpid();
+  },
+  methods: {
+    clear() {
+      this.fj = [];
+    },
+    handleClick() {
+      this.tableData = [];
+      this.tableData_n = [];
+      this.tableData_y = [];
+      this.query_check();
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+    query1() {
+      this.clear();
+      this.query();
+    },
+    /**
+     * 查询风场
+     */
+    query() {
+      let that = this;
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + that.fc)
+        .then((res) => {
+          this.wtIdslist = res.data;
+        });
+    },
+    /**
+     * 查询检查
+     */
+    query_check() {
+      if (
+        this.fc == null ||
+        this.fc == undefined ||
+        this.fc == "" ||
+        this.fj == null ||
+        this.fj == undefined ||
+        this.fj == ""
+      ) {
+        Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+        Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+        Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+        this.$message({
+          showClose: true,
+          message: "请选着风机或风场",
+          type: "error",
+        });
+      } else {
+        if (this.activeName == "first") {
+          Object.assign(this.$data.tableData, this.$options.data().tableData);
+          Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+          this.query_line();
+        } else if (this.activeName == "second") {
+          Object.assign(
+            this.$data.tableData_y,
+            this.$options.data().tableData_y
+          );
+          Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+          this.query_line_y();
+        } else if (this.activeName == "thired") {
+          // this.query_daycompare();
+          Object.assign(
+            this.$data.tableData_n,
+            this.$options.data().tableData_n
+          );
+          Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+          this.query_line_n();
+        }
+      }
+    },
+    query_line_n() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareYearChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_n.speed[i] = Date[i].speed;
+            that.lineDate_n.value1[i] = Date[i].value1;
+            that.lineDate_n.value2[i] = Date[i].value2;
+            that.lineDate_n.value3[i] = Date[i].value3;
+            that.lineDate_n.value4[i] = Date[i].value4;
+            that.lineDate_n.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_n();
+        });
+    },
+    query_daycompare_n() {
+      this.API
+        .get(
+          "compare/compareYearList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_n = res.data;
+        });
+
+      this.API
+        .get("compare/fzyYear?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+          let len = Object.keys(res.data).length;
+          let lenfj = this.fj.length;
+          if (len == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (len == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (len == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (len == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (len == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_n",this.fj,this.lineDate);
+        });
+    },
+
+    query_line_y() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareMonthChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_y.speed[i] = Date[i].speed;
+            that.lineDate_y.value1[i] = Date[i].value1;
+            that.lineDate_y.value2[i] = Date[i].value2;
+            that.lineDate_y.value3[i] = Date[i].value3;
+            that.lineDate_y.value4[i] = Date[i].value4;
+            that.lineDate_y.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_y();
+        });
+    },
+    query_daycompare_y() {
+      this.API
+        .get(
+          "compare/compareMonthList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_y = res.data;
+        });
+      this.API
+        .get(
+          "compare/fzyMonth?windturbineid=" + this.fj + "&date=" + this.Date1
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_y",this.fj,this.lineDate);
+        });
+    },
+
+    query_line() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareDayChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate.speed[i] = Date[i].speed;
+            that.lineDate.value1[i] = Date[i].value1;
+            that.lineDate.value2[i] = Date[i].value2;
+            that.lineDate.value3[i] = Date[i].value3;
+            that.lineDate.value4[i] = Date[i].value4;
+            that.lineDate.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare();
+        });
+    },
+    query_daycompare() {
+      Object.assign(this.$data.tableData, this.$options.data().tableData);
+      this.API
+        .get(
+          "compare/compareDayList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData = res.data;
+        });
+      this.API
+        .get("compare/fzyDay?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+        //this.drawLine();
+        this.ECZM.bar_djbhd("linechar",this.fj,this.lineDate);
+        });
+    },
+  },
+  mounted() {
+    this.drawLine();
+    this.query();
+    this.query_check();
+  },
+};

.history/src/assets/js/benchmarkingSys/singleTransverseBenchmark_20210421161504.js

@@ -0,0 +1,617 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      fj: ["MG01_01"],
+      fc: "MHS_FDC",
+      leida_list: [],
+      Date1: "",
+      leida_list_0: [],
+      leida_list_1: [],
+      leida_list_2: [],
+      leida_list_3: [],
+      leida_list_4: [],
+      tableData: [],
+      tableData_y: [],
+      tableData_n: [],
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      jfpl: "",
+      jfpl0: "",
+      jfpl1: "",
+      jfpl2: "",
+      jfpl3: "",
+      jfpl4: "",
+      wtIdslist: {
+        name: "",
+        id: "",
+        key: "",
+      },
+      activeName: "first",
+      compareDayList: {},
+      lineDate: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_y: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_n: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+    };
+  },
+
+  created() {
+    this.Date1 = this.BASE.getBzDate(new Date().getTime(),-1);
+    this.query_wpid();
+  },
+  methods: {
+    clear() {
+      this.fj = [];
+    },
+    handleClick() {
+      this.tableData = [];
+      this.tableData_n = [];
+      this.tableData_y = [];
+      this.query_check();
+    },
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+    query1() {
+      this.clear();
+      this.query();
+    },
+    /**
+     * 查询风场
+     */
+    query() {
+      let that = this;
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + that.fc)
+        .then((res) => {
+          this.wtIdslist = res.data;
+        });
+    },
+    /**
+     * 查询检查
+     */
+    query_check() {
+      if (
+        this.fc == null ||
+        this.fc == undefined ||
+        this.fc == "" ||
+        this.fj == null ||
+        this.fj == undefined ||
+        this.fj == ""
+      ) {
+        Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+        Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+        Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+        this.$message({
+          showClose: true,
+          message: "请选着风机或风场",
+          type: "error",
+        });
+      } else {
+        if (this.activeName == "first") {
+          Object.assign(this.$data.tableData, this.$options.data().tableData);
+          Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+          this.query_line();
+        } else if (this.activeName == "second") {
+          Object.assign(
+            this.$data.tableData_y,
+            this.$options.data().tableData_y
+          );
+          Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+          this.query_line_y();
+        } else if (this.activeName == "thired") {
+          // this.query_daycompare();
+          Object.assign(
+            this.$data.tableData_n,
+            this.$options.data().tableData_n
+          );
+          Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+          this.query_line_n();
+        }
+      }
+    },
+    /**
+     * 获取年 曲线数据
+     */
+    query_line_n() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareYearChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_n.speed[i] = Date[i].speed;
+            that.lineDate_n.value1[i] = Date[i].value1;
+            that.lineDate_n.value2[i] = Date[i].value2;
+            that.lineDate_n.value3[i] = Date[i].value3;
+            that.lineDate_n.value4[i] = Date[i].value4;
+            that.lineDate_n.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_n();
+        });
+    },
+    /**
+     * 获取年雷达图数据 表格
+     */
+    query_daycompare_n() {
+      this.API
+        .get(
+          "compare/compareYearList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_n = res.data;
+        });
+
+      this.API
+        .get("compare/fzyYear?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+          let len = Object.keys(res.data).length;
+          let lenfj = this.fj.length;
+          if (len == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (len == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (len == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (len == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (len == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_n",this.fj,this.lineDate);
+        });
+    },
+
+    query_line_y() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareMonthChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_y.speed[i] = Date[i].speed;
+            that.lineDate_y.value1[i] = Date[i].value1;
+            that.lineDate_y.value2[i] = Date[i].value2;
+            that.lineDate_y.value3[i] = Date[i].value3;
+            that.lineDate_y.value4[i] = Date[i].value4;
+            that.lineDate_y.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_y();
+        });
+    },
+    /**
+     * 获取月雷达图数据 表格
+     */
+    query_daycompare_y() {
+      this.API
+        .get(
+          "compare/compareMonthList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_y = res.data;
+        });
+      this.API
+        .get(
+          "compare/fzyMonth?windturbineid=" + this.fj + "&date=" + this.Date1
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_y",this.fj,this.lineDate);
+        });
+    },
+
+    query_line() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareDayChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate.speed[i] = Date[i].speed;
+            that.lineDate.value1[i] = Date[i].value1;
+            that.lineDate.value2[i] = Date[i].value2;
+            that.lineDate.value3[i] = Date[i].value3;
+            that.lineDate.value4[i] = Date[i].value4;
+            that.lineDate.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare();
+        });
+    },
+    /**
+     * 获取日雷达图数据 表格
+     */
+    query_daycompare() {
+      Object.assign(this.$data.tableData, this.$options.data().tableData);
+      this.API
+        .get(
+          "compare/compareDayList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData = res.data;
+        });
+      this.API
+        .get("compare/fzyDay?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+        //this.drawLine();
+        this.ECZM.bar_djbhd("linechar",this.fj,this.lineDate);
+        });
+    },
+  },
+  mounted() {
+    this.drawLine();
+    this.query();
+    this.query_check();
+  },
+};

.history/src/assets/js/benchmarkingSys/singleTransverseBenchmark_20210421161625.js

@@ -0,0 +1,630 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      fj: ["MG01_01"],
+      fc: "MHS_FDC",
+      leida_list: [],
+      Date1: "",
+      leida_list_0: [],
+      leida_list_1: [],
+      leida_list_2: [],
+      leida_list_3: [],
+      leida_list_4: [],
+      tableData: [],
+      tableData_y: [],
+      tableData_n: [],
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      jfpl: "",
+      jfpl0: "",
+      jfpl1: "",
+      jfpl2: "",
+      jfpl3: "",
+      jfpl4: "",
+      wtIdslist: {
+        name: "",
+        id: "",
+        key: "",
+      },
+      activeName: "first",
+      compareDayList: {},
+      lineDate: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_y: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_n: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+    };
+  },
+
+  created() {
+    this.Date1 = this.BASE.getBzDate(new Date().getTime(),-1);
+    this.query_wpid();
+  },
+  methods: {
+    clear() {
+      this.fj = [];
+    },
+    /**
+     * 初始化数据 调用查询检查
+     */
+    handleClick() {
+      this.tableData = [];
+      this.tableData_n = [];
+      this.tableData_y = [];
+      this.query_check();
+    },
+    /**
+     * 获取风场
+     */
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      });
+    },
+    /**
+     * 清空
+     */
+    query1() {
+      this.clear();
+      this.query();
+    },
+    /**
+     * 查询风场
+     */
+    query() {
+      let that = this;
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + that.fc)
+        .then((res) => {
+          this.wtIdslist = res.data;
+        });
+    },
+    /**
+     * 查询检查
+     */
+    query_check() {
+      if (
+        this.fc == null ||
+        this.fc == undefined ||
+        this.fc == "" ||
+        this.fj == null ||
+        this.fj == undefined ||
+        this.fj == ""
+      ) {
+        Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+        Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+        Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+        this.$message({
+          showClose: true,
+          message: "请选着风机或风场",
+          type: "error",
+        });
+      } else {
+        if (this.activeName == "first") {
+          Object.assign(this.$data.tableData, this.$options.data().tableData);
+          Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+          this.query_line();
+        } else if (this.activeName == "second") {
+          Object.assign(
+            this.$data.tableData_y,
+            this.$options.data().tableData_y
+          );
+          Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+          this.query_line_y();
+        } else if (this.activeName == "thired") {
+          // this.query_daycompare();
+          Object.assign(
+            this.$data.tableData_n,
+            this.$options.data().tableData_n
+          );
+          Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+          this.query_line_n();
+        }
+      }
+    },
+    /**
+     * 获取年 曲线数据
+     */
+    query_line_n() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareYearChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_n.speed[i] = Date[i].speed;
+            that.lineDate_n.value1[i] = Date[i].value1;
+            that.lineDate_n.value2[i] = Date[i].value2;
+            that.lineDate_n.value3[i] = Date[i].value3;
+            that.lineDate_n.value4[i] = Date[i].value4;
+            that.lineDate_n.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_n();
+        });
+    },
+    /**
+     * 获取年雷达图数据 表格
+     */
+    query_daycompare_n() {
+      this.API
+        .get(
+          "compare/compareYearList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_n = res.data;
+        });
+
+      this.API
+        .get("compare/fzyYear?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+          let len = Object.keys(res.data).length;
+          let lenfj = this.fj.length;
+          if (len == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (len == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (len == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (len == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (len == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_n",this.fj,this.lineDate);
+        });
+    },
+    /**
+     * 获取月曲线数据
+     */
+    query_line_y() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareMonthChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_y.speed[i] = Date[i].speed;
+            that.lineDate_y.value1[i] = Date[i].value1;
+            that.lineDate_y.value2[i] = Date[i].value2;
+            that.lineDate_y.value3[i] = Date[i].value3;
+            that.lineDate_y.value4[i] = Date[i].value4;
+            that.lineDate_y.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_y();
+        });
+    },
+    /**
+     * 获取月雷达图数据 表格
+     */
+    query_daycompare_y() {
+      this.API
+        .get(
+          "compare/compareMonthList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_y = res.data;
+        });
+      this.API
+        .get(
+          "compare/fzyMonth?windturbineid=" + this.fj + "&date=" + this.Date1
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_y",this.fj,this.lineDate);
+        });
+    },
+    /**
+     * 获取日曲线数据
+     */
+    query_line() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareDayChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate.speed[i] = Date[i].speed;
+            that.lineDate.value1[i] = Date[i].value1;
+            that.lineDate.value2[i] = Date[i].value2;
+            that.lineDate.value3[i] = Date[i].value3;
+            that.lineDate.value4[i] = Date[i].value4;
+            that.lineDate.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare();
+        });
+    },
+    /**
+     * 获取日雷达图数据 表格
+     */
+    query_daycompare() {
+      Object.assign(this.$data.tableData, this.$options.data().tableData);
+      this.API
+        .get(
+          "compare/compareDayList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData = res.data;
+        });
+      this.API
+        .get("compare/fzyDay?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+        //this.drawLine();
+        this.ECZM.bar_djbhd("linechar",this.fj,this.lineDate);
+        });
+    },
+  },
+  mounted() {
+    this.drawLine();
+    this.query();
+    this.query_check();
+  },
+};

.history/src/assets/js/benchmarkingSys/singleTransverseBenchmark_20210421162546.js

@@ -0,0 +1,650 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      fj: ["MG01_01"],
+      fc: "MHS_FDC",
+      leida_list: [],
+      Date1: "",
+      leida_list_0: [],
+      leida_list_1: [],
+      leida_list_2: [],
+      leida_list_3: [],
+      leida_list_4: [],
+      tableData: [],
+      tableData_y: [],
+      tableData_n: [],
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      jfpl: "",
+      jfpl0: "",
+      jfpl1: "",
+      jfpl2: "",
+      jfpl3: "",
+      jfpl4: "",
+      wtIdslist: {
+        name: "",
+        id: "",
+        key: "",
+      },
+      activeName: "first",
+      compareDayList: {},
+      lineDate: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_y: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_n: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+    };
+  },
+
+  created() {
+    this.Date1 = this.BASE.getBzDate(new Date().getTime(),-1);
+    this.query_wpid();
+  },
+  methods: {
+    clear() {
+      this.fj = [];
+    },
+    /**
+     * 初始化数据 调用查询检查
+     */
+    handleClick() {
+      this.tableData = [];
+      this.tableData_n = [];
+      this.tableData_y = [];
+      this.query_check();
+    },
+    /**
+     * 获取风场
+     */
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 清空
+     */
+    query1() {
+      this.clear();
+      this.query();
+    },
+    /**
+     * 查询风场
+     */
+    query() {
+      let that = this;
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + that.fc)
+        .then((res) => {
+          this.wtIdslist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 查询检查
+     */
+    query_check() {
+      if (
+        this.fc == null ||
+        this.fc == undefined ||
+        this.fc == "" ||
+        this.fj == null ||
+        this.fj == undefined ||
+        this.fj == ""
+      ) {
+        Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+        Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+        Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+        this.$message({
+          showClose: true,
+          message: "请选着风机或风场",
+          type: "error",
+        });
+      } else {
+        if (this.activeName == "first") {
+          Object.assign(this.$data.tableData, this.$options.data().tableData);
+          Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+          this.query_line();
+        } else if (this.activeName == "second") {
+          Object.assign(
+            this.$data.tableData_y,
+            this.$options.data().tableData_y
+          );
+          Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+          this.query_line_y();
+        } else if (this.activeName == "thired") {
+          // this.query_daycompare();
+          Object.assign(
+            this.$data.tableData_n,
+            this.$options.data().tableData_n
+          );
+          Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+          this.query_line_n();
+        }
+      }
+    },
+    /**
+     * 获取年 曲线数据
+     */
+    query_line_n() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareYearChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_n.speed[i] = Date[i].speed;
+            that.lineDate_n.value1[i] = Date[i].value1;
+            that.lineDate_n.value2[i] = Date[i].value2;
+            that.lineDate_n.value3[i] = Date[i].value3;
+            that.lineDate_n.value4[i] = Date[i].value4;
+            that.lineDate_n.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_n();
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取年雷达图数据 表格
+     */
+    query_daycompare_n() {
+      this.API
+        .get(
+          "compare/compareYearList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_n = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+
+      this.API
+        .get("compare/fzyYear?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+          let len = Object.keys(res.data).length;
+          let lenfj = this.fj.length;
+          if (len == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (len == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (len == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (len == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (len == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_n",this.fj,this.lineDate);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取月曲线数据
+     */
+    query_line_y() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareMonthChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_y.speed[i] = Date[i].speed;
+            that.lineDate_y.value1[i] = Date[i].value1;
+            that.lineDate_y.value2[i] = Date[i].value2;
+            that.lineDate_y.value3[i] = Date[i].value3;
+            that.lineDate_y.value4[i] = Date[i].value4;
+            that.lineDate_y.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_y();
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取月雷达图数据 表格
+     */
+    query_daycompare_y() {
+      this.API
+        .get(
+          "compare/compareMonthList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_y = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      this.API
+        .get(
+          "compare/fzyMonth?windturbineid=" + this.fj + "&date=" + this.Date1
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_y",this.fj,this.lineDate);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取日曲线数据
+     */
+    query_line() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareDayChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate.speed[i] = Date[i].speed;
+            that.lineDate.value1[i] = Date[i].value1;
+            that.lineDate.value2[i] = Date[i].value2;
+            that.lineDate.value3[i] = Date[i].value3;
+            that.lineDate.value4[i] = Date[i].value4;
+            that.lineDate.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare();
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取日雷达图数据 表格
+     */
+    query_daycompare() {
+      Object.assign(this.$data.tableData, this.$options.data().tableData);
+      this.API
+        .get(
+          "compare/compareDayList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData = res.data;
+        });
+      this.API
+        .get("compare/fzyDay?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            //this.drawLeiDaTu();
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+        //this.drawLine();
+        this.ECZM.bar_djbhd("linechar",this.fj,this.lineDate);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+  },
+  mounted() {
+    this.drawLine();
+    this.query();
+    this.query_check();
+  },
+};

.history/src/assets/js/benchmarkingSys/singleTransverseBenchmark_20210421162608.js

@@ -0,0 +1,645 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      fj: ["MG01_01"],
+      fc: "MHS_FDC",
+      leida_list: [],
+      Date1: "",
+      leida_list_0: [],
+      leida_list_1: [],
+      leida_list_2: [],
+      leida_list_3: [],
+      leida_list_4: [],
+      tableData: [],
+      tableData_y: [],
+      tableData_n: [],
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      jfpl: "",
+      jfpl0: "",
+      jfpl1: "",
+      jfpl2: "",
+      jfpl3: "",
+      jfpl4: "",
+      wtIdslist: {
+        name: "",
+        id: "",
+        key: "",
+      },
+      activeName: "first",
+      compareDayList: {},
+      lineDate: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_y: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_n: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+    };
+  },
+
+  created() {
+    this.Date1 = this.BASE.getBzDate(new Date().getTime(),-1);
+    this.query_wpid();
+  },
+  methods: {
+    clear() {
+      this.fj = [];
+    },
+    /**
+     * 初始化数据 调用查询检查
+     */
+    handleClick() {
+      this.tableData = [];
+      this.tableData_n = [];
+      this.tableData_y = [];
+      this.query_check();
+    },
+    /**
+     * 获取风场
+     */
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 清空
+     */
+    query1() {
+      this.clear();
+      this.query();
+    },
+    /**
+     * 查询风场
+     */
+    query() {
+      let that = this;
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + that.fc)
+        .then((res) => {
+          this.wtIdslist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 查询检查
+     */
+    query_check() {
+      if (
+        this.fc == null ||
+        this.fc == undefined ||
+        this.fc == "" ||
+        this.fj == null ||
+        this.fj == undefined ||
+        this.fj == ""
+      ) {
+        Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+        Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+        Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+        this.$message({
+          showClose: true,
+          message: "请选着风机或风场",
+          type: "error",
+        });
+      } else {
+        if (this.activeName == "first") {
+          Object.assign(this.$data.tableData, this.$options.data().tableData);
+          Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+          this.query_line();
+        } else if (this.activeName == "second") {
+          Object.assign(
+            this.$data.tableData_y,
+            this.$options.data().tableData_y
+          );
+          Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+          this.query_line_y();
+        } else if (this.activeName == "thired") {
+          Object.assign(
+            this.$data.tableData_n,
+            this.$options.data().tableData_n
+          );
+          Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+          this.query_line_n();
+        }
+      }
+    },
+    /**
+     * 获取年 曲线数据
+     */
+    query_line_n() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareYearChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_n.speed[i] = Date[i].speed;
+            that.lineDate_n.value1[i] = Date[i].value1;
+            that.lineDate_n.value2[i] = Date[i].value2;
+            that.lineDate_n.value3[i] = Date[i].value3;
+            that.lineDate_n.value4[i] = Date[i].value4;
+            that.lineDate_n.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_n();
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取年雷达图数据 表格
+     */
+    query_daycompare_n() {
+      this.API
+        .get(
+          "compare/compareYearList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_n = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+
+      this.API
+        .get("compare/fzyYear?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+          let len = Object.keys(res.data).length;
+          let lenfj = this.fj.length;
+          if (len == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (len == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (len == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (len == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (len == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_n",this.fj,this.lineDate);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取月曲线数据
+     */
+    query_line_y() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareMonthChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_y.speed[i] = Date[i].speed;
+            that.lineDate_y.value1[i] = Date[i].value1;
+            that.lineDate_y.value2[i] = Date[i].value2;
+            that.lineDate_y.value3[i] = Date[i].value3;
+            that.lineDate_y.value4[i] = Date[i].value4;
+            that.lineDate_y.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_y();
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取月雷达图数据 表格
+     */
+    query_daycompare_y() {
+      this.API
+        .get(
+          "compare/compareMonthList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_y = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      this.API
+        .get(
+          "compare/fzyMonth?windturbineid=" + this.fj + "&date=" + this.Date1
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_y",this.fj,this.lineDate);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取日曲线数据
+     */
+    query_line() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareDayChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate.speed[i] = Date[i].speed;
+            that.lineDate.value1[i] = Date[i].value1;
+            that.lineDate.value2[i] = Date[i].value2;
+            that.lineDate.value3[i] = Date[i].value3;
+            that.lineDate.value4[i] = Date[i].value4;
+            that.lineDate.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare();
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取日雷达图数据 表格
+     */
+    query_daycompare() {
+      Object.assign(this.$data.tableData, this.$options.data().tableData);
+      this.API
+        .get(
+          "compare/compareDayList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData = res.data;
+        });
+      this.API
+        .get("compare/fzyDay?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+        this.ECZM.bar_djbhd("linechar",this.fj,this.lineDate);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+  },
+  mounted() {
+    this.drawLine();
+    this.query();
+    this.query_check();
+  },
+};

.history/src/assets/js/benchmarkingSys/singleTransverseBenchmark_20210421164613.js

@@ -0,0 +1,645 @@
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {
+      fj: ["MG01_01"],
+      fc: "MHS_FDC",
+      leida_list: [],
+      Date1: "",
+      leida_list_0: [],
+      leida_list_1: [],
+      leida_list_2: [],
+      leida_list_3: [],
+      leida_list_4: [],
+      tableData: [],
+      tableData_y: [],
+      tableData_n: [],
+      wpIdslist: {
+        name: "",
+        id: "",
+      },
+      jfpl: "",
+      jfpl0: "",
+      jfpl1: "",
+      jfpl2: "",
+      jfpl3: "",
+      jfpl4: "",
+      wtIdslist: {
+        name: "",
+        id: "",
+        key: "",
+      },
+      activeName: "first",
+      compareDayList: {},
+      lineDate: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_y: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+      lineDate_n: {
+        speed: [],
+        value1: [],
+        value2: [],
+        value3: [],
+        value4: [],
+        value5: [],
+      },
+    };
+  },
+
+  created() {
+    this.Date1 = this.BASE.getBzDate(new Date().getTime(),-1);
+    this.query_wpid();
+  },
+  methods: {
+    clear() {
+      this.fj = [];
+    },
+    /**
+     * 初始化数据 调用查询检查
+     */
+    handleClick() {
+      this.tableData = [];
+      this.tableData_n = [];
+      this.tableData_y = [];
+      this.query_check();
+    },
+    /**
+     * 获取风场
+     */
+    query_wpid() {
+      this.API.get("powercompare/windfarmAjax?").then((res) => {
+        this.wpIdslist = res.data;
+      }).catch(error =>{
+        this.$message.error('获取数据失败');
+      });
+    },
+    /**
+     * 清空
+     */
+    query1() {
+      this.clear();
+      this.query();
+    },
+    /**
+     * 查询风场
+     */
+    query() {
+      let that = this;
+      this.API
+        .get("powercompare/windturbineAjax?wpId=" + that.fc)
+        .then((res) => {
+          this.wtIdslist = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 查询检查
+     */
+    query_check() {
+      if (
+        this.fc == null ||
+        this.fc == undefined ||
+        this.fc == "" ||
+        this.fj == null ||
+        this.fj == undefined ||
+        this.fj == ""
+      ) {
+        Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+        Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+        Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+        this.$message({
+          showClose: true,
+          message: "请选着风机或风场",
+          type: "error",
+        });
+      } else {
+        if (this.activeName == "first") {
+          Object.assign(this.$data.tableData, this.$options.data().tableData);
+          Object.assign(this.$data.lineDate, this.$options.data().lineDate);
+          this.query_line();
+        } else if (this.activeName == "second") {
+          Object.assign(
+            this.$data.tableData_y,
+            this.$options.data().tableData_y
+          );
+          Object.assign(this.$data.lineDate_y, this.$options.data().lineDate_y);
+          this.query_line_y();
+        } else if (this.activeName == "thired") {
+          Object.assign(
+            this.$data.tableData_n,
+            this.$options.data().tableData_n
+          );
+          Object.assign(this.$data.lineDate_n, this.$options.data().lineDate_n);
+          this.query_line_n();
+        }
+      }
+    },
+    /**
+     * 获取年 曲线数据
+     */
+    query_line_n() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareYearChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_n.speed[i] = Date[i].speed;
+            that.lineDate_n.value1[i] = Date[i].value1;
+            that.lineDate_n.value2[i] = Date[i].value2;
+            that.lineDate_n.value3[i] = Date[i].value3;
+            that.lineDate_n.value4[i] = Date[i].value4;
+            that.lineDate_n.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_n();
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取年雷达图数据 表格
+     */
+    query_daycompare_n() {
+      this.API
+        .get(
+          "compare/compareYearList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_n = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+
+      this.API
+        .get("compare/fzyYear?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+          let len = Object.keys(res.data).length;
+          let lenfj = this.fj.length;
+          if (len == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (len == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (len == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (len == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (len == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_n",this.fj,this.lineDate);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取月曲线数据
+     */
+    query_line_y() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareMonthChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate_y.speed[i] = Date[i].speed;
+            that.lineDate_y.value1[i] = Date[i].value1;
+            that.lineDate_y.value2[i] = Date[i].value2;
+            that.lineDate_y.value3[i] = Date[i].value3;
+            that.lineDate_y.value4[i] = Date[i].value4;
+            that.lineDate_y.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare_y();
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取月雷达图数据 表格
+     */
+    query_daycompare_y() {
+      this.API
+        .get(
+          "compare/compareMonthList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData_y = res.data;
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+      this.API
+        .get(
+          "compare/fzyMonth?windturbineid=" + this.fj + "&date=" + this.Date1
+        )
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+          this.ECZM.bar_djbhd("linechar_y",this.fj,this.lineDate);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取日曲线数据
+     */
+    query_line() {
+      let that = this;
+      this.API
+        .get(
+          "compare/compareDayChat?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          let Date = res.data;
+          for (let i = 0; i < Date.length; i++) {
+            that.lineDate.speed[i] = Date[i].speed;
+            that.lineDate.value1[i] = Date[i].value1;
+            that.lineDate.value2[i] = Date[i].value2;
+            that.lineDate.value3[i] = Date[i].value3;
+            that.lineDate.value4[i] = Date[i].value4;
+            that.lineDate.value5[i] = Date[i].value5;
+          }
+          this.query_daycompare();
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+    /**
+     * 获取日雷达图数据 表格
+     */
+    query_daycompare() {
+      Object.assign(this.$data.tableData, this.$options.data().tableData);
+      this.API
+        .get(
+          "compare/compareDayList?windturbineid=" +
+            this.fj +
+            "&date=" +
+            this.Date1
+        )
+        .then((res) => {
+          this.tableData = res.data;
+        });
+      this.API
+        .get("compare/fzyDay?windturbineid=" + this.fj + "&date=" + this.Date1)
+        .then((res) => {
+          let that = this;
+          Object.assign(
+            this.$data.leida_list_0,
+            this.$options.data().leida_list_0
+          );
+          Object.assign(
+            this.$data.leida_list_1,
+            this.$options.data().leida_list_1
+          );
+          Object.assign(
+            this.$data.leida_list_2,
+            this.$options.data().leida_list_2
+          );
+          Object.assign(
+            this.$data.leida_list_3,
+            this.$options.data().leida_list_3
+          );
+          Object.assign(
+            this.$data.leida_list_4,
+            this.$options.data().leida_list_4
+          );
+
+          if (Object.keys(res.data).length == 2) {
+            this.jfpl0 = res.data.jfpl0;
+            let value_list_0 = res.data.data0;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 4) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 6) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 8) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            let value_list_0 = res.data.data0;
+            let value_list_1 = res.data.data1;
+            let value_list_2 = res.data.data2;
+            let value_list_3 = res.data.data3;
+            for (let i = 1; i < value_list_0.length; i++) {
+              that.leida_list_0.push(value_list_0[i].data1);
+            }
+            for (let i = 1; i < value_list_1.length; i++) {
+              that.leida_list_1.push(value_list_1[i].data1);
+            }
+            for (let i = 1; i < value_list_2.length; i++) {
+              that.leida_list_2.push(value_list_2[i].data1);
+            }
+            for (let i = 1; i < value_list_3.length; i++) {
+              that.leida_list_3.push(value_list_3[i].data1);
+            }
+          } else if (Object.keys(res.data).length == 10) {
+            this.jfpl0 = res.data.jfpl0;
+            this.jfpl1 = res.data.jfpl1;
+            this.jfpl2 = res.data.jfpl2;
+            this.jfpl3 = res.data.jfpl3;
+            this.jfpl4 = res.data.jfpl4;
+            for (let i = 1; i < Object.keys(res.data.data0).length; i++) {
+              that.leida_list_0.push(res.data.data0[i].data1);
+              that.leida_list_1.push(res.data.data1[i].data1);
+              that.leida_list_2.push(res.data.data2[i].data1);
+              that.leida_list_3.push(res.data.data3[i].data1);
+              that.leida_list_4.push(res.data.data4[i].data1);
+            }
+          }
+          if (this.fj.length == 1) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+          } else if (this.fj.length == 2) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+          } else if (this.fj.length == 3) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2);
+          } else if (this.fj.length == 4) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3);
+          } else if (this.fj.length == 5) {
+            this.ECZM.leida_djbhd("fzy1",this.leida_list_0,this.jfpl0); 
+            this.ECZM.leida_djbhd("fzy2",this.leida_list_1,this.jfpl1); 
+            this.ECZM.leida_djbhd("fzy3",this.leida_list_2,this.jfpl2); 
+            this.ECZM.leida_djbhd("fzy4",this.leida_list_3,this.jfpl3); 
+            this.ECZM.leida_djbhd("fzy5",this.leida_list_4,this.jfpl4); 
+          }
+        this.ECZM.bar_djbhd("linechar",this.fj,this.lineDate);
+        }).catch(error =>{
+          this.$message.error('获取数据失败');
+        });
+    },
+  },
+  mounted() {
+    this.ECZM.bar_djbhd("linechar",this.fj,this.lineDate);
+    this.query();
+    this.query_check();
+  },
+};