等级评估雷达图切换功能修改

.env.development

@@ -1 +1 @@
-VUE_APP_API_URL=http://192.168.10.156:8082/
+VUE_APP_API_URL=http://localhost:8082/

src/components/gradeEvaluation/GradeEvaluation.vue

@@ -118,7 +118,7 @@
 									      width="252.5">
 									    </el-table-column>
 									  </el-table>
-									<div id="leiDaTu" class="echart"></div>
+									<div id="leiDaTu2" class="echart"></div>
 								</div>
 
 								<div class="dialogRightData">
@@ -187,7 +187,7 @@
 									      width="252.5">
 									    </el-table-column>
 									  </el-table>
-									<div id="leiDaTu" class="echart"></div>
+									<div id="leiDaTu3" class="echart"></div>
 								</div>
 
 								<div class="dialogRightData">
@@ -450,38 +450,41 @@
 				this.sortInOrder = [];
 				this.sortInOrderTop = [];
 				this.multipleSelection = val;
-				console.log(this.multipleSelection)
-				this.fan1 = this.multipleSelection[0].windturbineid
-				this.fanNumber1='风机编号：'+ this.fan1;
-				this.fan2 = this.multipleSelection[1].windturbineid
-				this.fanNumber2='风机编号：'+ this.fan2;
-				this.ranking1 = '排名：' + this.fan1.slice(5);
-				this.ranking2 = '排名：' + this.fan2.slice(5);
-				this.score1 = '评分：' + this.fan1.slice(5);
-				this.score2 = '评分：' + this.fan2.slice(5);
-				this.sortInOrderTop.push({lhpj:'量化评级：' + this.multipleSelection[0].level,zhpm:'量化评级：' + this.multipleSelection[1].level});
-				this.sortInOrderTop.push({lhpj:'综合排名：' + this.multipleSelection[0].rank,zhpm: '综合排名：' + this.multipleSelection[1].rank});
-				this.sortInOrder.push({lx:'',index: '发电量',data1:this.multipleSelection[0].dayfdl,data2:this.multipleSelection[1].dayfdl,ranking1:this.multipleSelection[0].monthfdl,ranking2:this.multipleSelection[1].monthfdl,score1:this.multipleSelection[0].yearfdl,score2:this.multipleSelection[1].yearfdl});
-				this.sortInOrder.push({lx:'',index: '理论发电量',data1:this.multipleSelection[0].dayllfdl,data2:this.multipleSelection[1].dayllfdl,ranking1:this.multipleSelection[0].monthllfdl,ranking2:this.multipleSelection[1].monthllfdl,score1:this.multipleSelection[0].yearllfdl,score2:this.multipleSelection[1].yearllfdl});
-				this.sortInOrder.push({lx:'',index: '平均功率' ,data1:this.multipleSelection[0].daygl,data2:this.multipleSelection[1].daygl,ranking1:this.multipleSelection[0].monthgl,ranking2:this.multipleSelection[1].monthgl,score1:this.multipleSelection[0].yeargl,score2:this.multipleSelection[1].yeargl});
-				this.sortInOrder.push({lx:'',index: '故障损失电量',data1:this.multipleSelection[0].daygzssdl,data2:this.multipleSelection[1].daygzssdl,ranking1:this.multipleSelection[0].monthgzssdl,ranking2:this.multipleSelection[1].monthgzssdl,score1:this.multipleSelection[0].yeargzssdl,score2:this.multipleSelection[1].yeargzssdl});
-				this.sortInOrder.push({lx:'',index: '限电损失电量',data1:this.multipleSelection[0].dayxdssdl,data2:this.multipleSelection[1].dayxdssdl,ranking1:this.multipleSelection[0].monthxdssdl,ranking2:this.multipleSelection[1].monthxdssdl,score1:this.multipleSelection[0].yearxdssdl,score2:this.multipleSelection[1].yearxdssdl});
-				this.sortInOrder.push({lx:'',index: '维护损失电量',data1:this.multipleSelection[0].daywhssdl,data2:this.multipleSelection[1].daywhssdl,ranking1:this.multipleSelection[0].monthwhssdl,ranking2:this.multipleSelection[1].monthwhssdl,score1:this.multipleSelection[0].yearwhssdl,score2:this.multipleSelection[1].yearwhssdl});
-				this.sortInOrder.push({lx:'',index: '故障时间',data1:this.multipleSelection[0].daygzsj,data2:this.multipleSelection[1].daygzsj,ranking1:this.multipleSelection[0].monthgzsj,ranking2:this.multipleSelection[1].monthgzsj,score1:this.multipleSelection[0].yeargzsj,score2:this.multipleSelection[1].yeargzsj});
-				this.sortInOrder.push({lx:'',index: '维护时间',data1:this.multipleSelection[0].daywhsj,data2:this.multipleSelection[1].daywhsj,ranking1:this.multipleSelection[0].monthwhsj,ranking2:this.multipleSelection[1].monthwhsj,score1:this.multipleSelection[0].yearwhsj,score2:this.multipleSelection[1].yearwhsj});
-				this.sortInOrder.push({lx:'',index: '运行时间',data1:this.multipleSelection[0].dayyxsj,data2:this.multipleSelection[1].dayyxsj,ranking1:this.multipleSelection[0].monthyxsj,ranking2:this.multipleSelection[1].monthyxsj,score1:this.multipleSelection[0].yearyxsj,score2:this.multipleSelection[1].yearyxsj});
-				this.sortInOrder.push({lx:'',index: '停机时间',data1:this.multipleSelection[0].daytjsj,data2:this.multipleSelection[1].daytjsj,ranking1:this.multipleSelection[0].monthtjsj,ranking2:this.multipleSelection[1].monthtjsj,score1:this.multipleSelection[0].yeartjsj,score2:this.multipleSelection[1].yeartjsj});
-				this.sortInOrder.push({lx:'性能',index: '平均切入风速',data1:this.multipleSelection[0].dayxfqr,data2:this.multipleSelection[1].dayxfqr,ranking1:this.multipleSelection[0].monthxfqr,ranking2:this.multipleSelection[1].monthxfqr,score1:this.multipleSelection[0].yearxfqr,score2:this.multipleSelection[1].yearxfqr});
-				this.sortInOrder.push({lx:'性能',index: '性能损失电量',data1:this.multipleSelection[0].dayxnssdl,data2:this.multipleSelection[1].dayxnssdl,ranking1:this.multipleSelection[0].monthxnssdl,ranking2:this.multipleSelection[1].monthxnssdl,score1:this.multipleSelection[0].yearxnssdl,score2:this.multipleSelection[1].yearxnssdl});
-				this.sortInOrder.push({lx:'性能',index: '拟合优度',data1:this.multipleSelection[0].daynhyd,data2:this.multipleSelection[1].daynhyd,ranking1:this.multipleSelection[0].monthnhyd,ranking2:this.multipleSelection[1].monthnhyd,score1:this.multipleSelection[0].yearnhyd,score2:this.multipleSelection[1].yearnhyd});
-				this.sortInOrder.push({lx:'性能',index: '功率一致性系数',data1:this.multipleSelection[0].dayglyzxxs,data2:this.multipleSelection[1].dayglyzxxs,ranking1:this.multipleSelection[0].monthglyzxxs,ranking2:this.multipleSelection[1].monthglyzxxs,score1:this.multipleSelection[0].yearglyzxxs,score2:this.multipleSelection[1].yearglyzxxs});
-				this.sortInOrder.push({lx:'可靠性管理',index: '利用小时',data1:this.multipleSelection[0].daylyxs,data2:this.multipleSelection[1].daylyxs,ranking1:this.multipleSelection[0].monthlyxs,ranking2:this.multipleSelection[1].monthlyxs,score1:this.multipleSelection[0].yearlyxs,score2:this.multipleSelection[1].yearlyxs});
-				this.sortInOrder.push({lx:'可靠性管理',index: '设备可利用率',data1:this.multipleSelection[0].daysbklyl,data2:this.multipleSelection[1].daysbklyl,ranking1:this.multipleSelection[0].monthsbklyl,ranking2:this.multipleSelection[1].monthsbklyl,score1:this.multipleSelection[0].yearsbklyl,score2:this.multipleSelection[1].yearsbklyl});
-				this.sortInOrder.push({lx:'可靠性管理',index: '等效可利用系数',data1:this.multipleSelection[0].daydxkyxs,data2:this.multipleSelection[1].daydxkyxs,ranking1:this.multipleSelection[0].monthdxkyxs,ranking2:this.multipleSelection[1].monthdxkyxs,score1:this.multipleSelection[0].yeardxkyxs,score2:this.multipleSelection[1].yeardxkyxs});
-				this.sortInOrder.push({lx:'可靠性管理',index: '有效风时速',data1:this.multipleSelection[0].dayyxfss,data2:this.multipleSelection[1].dayyxfss,ranking1:this.multipleSelection[0].monthyxfss,ranking2:this.multipleSelection[1].monthyxfss,score1:this.multipleSelection[0].yearyxfss,score2:this.multipleSelection[1].yearyxfss});
-				this.sortInOrder.push({lx:'资源',index: '平均风速',data1:this.multipleSelection[0].dayfs,data2:this.multipleSelection[1].dayfs,ranking1:this.multipleSelection[0].monthfs,ranking2:this.multipleSelection[1].monthfs,score1:this.multipleSelection[0].yearfs,score2:this.multipleSelection[1].yearfs});
-				this.sortInOrder.push({lx:'资源',index: '静风频率',data1:this.multipleSelection[0].daygl,data2:this.multipleSelection[1].daygl,ranking1:this.multipleSelection[0].monthgl,ranking2:this.multipleSelection[1].monthgl,score1:this.multipleSelection[0].yeargl,score2:this.multipleSelection[1].yeargl});	
-				this.radarChartData();
+				if(	this.multipleSelection.length==2)
+				{
+					this.fan1 = this.multipleSelection[0].windturbineid
+					this.fanNumber1='风机编号：'+ this.fan1;
+					this.fan2 = this.multipleSelection[1].windturbineid
+					this.fanNumber2='风机编号：'+ this.fan2;
+					this.ranking1 = '排名：' + this.fan1.slice(5);
+					this.ranking2 = '排名：' + this.fan2.slice(5);
+					this.score1 = '评分：' + this.fan1.slice(5);
+					this.score2 = '评分：' + this.fan2.slice(5);
+					this.sortInOrderTop.push({lhpj:'量化评级：' + this.multipleSelection[0].level,zhpm:'量化评级：' + this.multipleSelection[1].level});
+					this.sortInOrderTop.push({lhpj:'综合排名：' + this.multipleSelection[0].rank,zhpm: '综合排名：' + this.multipleSelection[1].rank});
+					this.sortInOrder.push({lx:'',index: '发电量',data1:this.multipleSelection[0].dayfdl,data2:this.multipleSelection[1].dayfdl,ranking1:this.multipleSelection[0].monthfdl,ranking2:this.multipleSelection[1].monthfdl,score1:this.multipleSelection[0].yearfdl,score2:this.multipleSelection[1].yearfdl});
+					this.sortInOrder.push({lx:'',index: '理论发电量',data1:this.multipleSelection[0].dayllfdl,data2:this.multipleSelection[1].dayllfdl,ranking1:this.multipleSelection[0].monthllfdl,ranking2:this.multipleSelection[1].monthllfdl,score1:this.multipleSelection[0].yearllfdl,score2:this.multipleSelection[1].yearllfdl});
+					this.sortInOrder.push({lx:'',index: '平均功率' ,data1:this.multipleSelection[0].daygl,data2:this.multipleSelection[1].daygl,ranking1:this.multipleSelection[0].monthgl,ranking2:this.multipleSelection[1].monthgl,score1:this.multipleSelection[0].yeargl,score2:this.multipleSelection[1].yeargl});
+					this.sortInOrder.push({lx:'',index: '故障损失电量',data1:this.multipleSelection[0].daygzssdl,data2:this.multipleSelection[1].daygzssdl,ranking1:this.multipleSelection[0].monthgzssdl,ranking2:this.multipleSelection[1].monthgzssdl,score1:this.multipleSelection[0].yeargzssdl,score2:this.multipleSelection[1].yeargzssdl});
+					this.sortInOrder.push({lx:'',index: '限电损失电量',data1:this.multipleSelection[0].dayxdssdl,data2:this.multipleSelection[1].dayxdssdl,ranking1:this.multipleSelection[0].monthxdssdl,ranking2:this.multipleSelection[1].monthxdssdl,score1:this.multipleSelection[0].yearxdssdl,score2:this.multipleSelection[1].yearxdssdl});
+					this.sortInOrder.push({lx:'',index: '维护损失电量',data1:this.multipleSelection[0].daywhssdl,data2:this.multipleSelection[1].daywhssdl,ranking1:this.multipleSelection[0].monthwhssdl,ranking2:this.multipleSelection[1].monthwhssdl,score1:this.multipleSelection[0].yearwhssdl,score2:this.multipleSelection[1].yearwhssdl});
+					this.sortInOrder.push({lx:'',index: '故障时间',data1:this.multipleSelection[0].daygzsj,data2:this.multipleSelection[1].daygzsj,ranking1:this.multipleSelection[0].monthgzsj,ranking2:this.multipleSelection[1].monthgzsj,score1:this.multipleSelection[0].yeargzsj,score2:this.multipleSelection[1].yeargzsj});
+					this.sortInOrder.push({lx:'',index: '维护时间',data1:this.multipleSelection[0].daywhsj,data2:this.multipleSelection[1].daywhsj,ranking1:this.multipleSelection[0].monthwhsj,ranking2:this.multipleSelection[1].monthwhsj,score1:this.multipleSelection[0].yearwhsj,score2:this.multipleSelection[1].yearwhsj});
+					this.sortInOrder.push({lx:'',index: '运行时间',data1:this.multipleSelection[0].dayyxsj,data2:this.multipleSelection[1].dayyxsj,ranking1:this.multipleSelection[0].monthyxsj,ranking2:this.multipleSelection[1].monthyxsj,score1:this.multipleSelection[0].yearyxsj,score2:this.multipleSelection[1].yearyxsj});
+					this.sortInOrder.push({lx:'',index: '停机时间',data1:this.multipleSelection[0].daytjsj,data2:this.multipleSelection[1].daytjsj,ranking1:this.multipleSelection[0].monthtjsj,ranking2:this.multipleSelection[1].monthtjsj,score1:this.multipleSelection[0].yeartjsj,score2:this.multipleSelection[1].yeartjsj});
+					this.sortInOrder.push({lx:'性能',index: '平均切入风速',data1:this.multipleSelection[0].dayxfqr,data2:this.multipleSelection[1].dayxfqr,ranking1:this.multipleSelection[0].monthxfqr,ranking2:this.multipleSelection[1].monthxfqr,score1:this.multipleSelection[0].yearxfqr,score2:this.multipleSelection[1].yearxfqr});
+					this.sortInOrder.push({lx:'性能',index: '性能损失电量',data1:this.multipleSelection[0].dayxnssdl,data2:this.multipleSelection[1].dayxnssdl,ranking1:this.multipleSelection[0].monthxnssdl,ranking2:this.multipleSelection[1].monthxnssdl,score1:this.multipleSelection[0].yearxnssdl,score2:this.multipleSelection[1].yearxnssdl});
+					this.sortInOrder.push({lx:'性能',index: '拟合优度',data1:this.multipleSelection[0].daynhyd,data2:this.multipleSelection[1].daynhyd,ranking1:this.multipleSelection[0].monthnhyd,ranking2:this.multipleSelection[1].monthnhyd,score1:this.multipleSelection[0].yearnhyd,score2:this.multipleSelection[1].yearnhyd});
+					this.sortInOrder.push({lx:'性能',index: '功率一致性系数',data1:this.multipleSelection[0].dayglyzxxs,data2:this.multipleSelection[1].dayglyzxxs,ranking1:this.multipleSelection[0].monthglyzxxs,ranking2:this.multipleSelection[1].monthglyzxxs,score1:this.multipleSelection[0].yearglyzxxs,score2:this.multipleSelection[1].yearglyzxxs});
+					this.sortInOrder.push({lx:'可靠性管理',index: '利用小时',data1:this.multipleSelection[0].daylyxs,data2:this.multipleSelection[1].daylyxs,ranking1:this.multipleSelection[0].monthlyxs,ranking2:this.multipleSelection[1].monthlyxs,score1:this.multipleSelection[0].yearlyxs,score2:this.multipleSelection[1].yearlyxs});
+					this.sortInOrder.push({lx:'可靠性管理',index: '设备可利用率',data1:this.multipleSelection[0].daysbklyl,data2:this.multipleSelection[1].daysbklyl,ranking1:this.multipleSelection[0].monthsbklyl,ranking2:this.multipleSelection[1].monthsbklyl,score1:this.multipleSelection[0].yearsbklyl,score2:this.multipleSelection[1].yearsbklyl});
+					this.sortInOrder.push({lx:'可靠性管理',index: '等效可利用系数',data1:this.multipleSelection[0].daydxkyxs,data2:this.multipleSelection[1].daydxkyxs,ranking1:this.multipleSelection[0].monthdxkyxs,ranking2:this.multipleSelection[1].monthdxkyxs,score1:this.multipleSelection[0].yeardxkyxs,score2:this.multipleSelection[1].yeardxkyxs});
+					this.sortInOrder.push({lx:'可靠性管理',index: '有效风时速',data1:this.multipleSelection[0].dayyxfss,data2:this.multipleSelection[1].dayyxfss,ranking1:this.multipleSelection[0].monthyxfss,ranking2:this.multipleSelection[1].monthyxfss,score1:this.multipleSelection[0].yearyxfss,score2:this.multipleSelection[1].yearyxfss});
+					this.sortInOrder.push({lx:'资源',index: '平均风速',data1:this.multipleSelection[0].dayfs,data2:this.multipleSelection[1].dayfs,ranking1:this.multipleSelection[0].monthfs,ranking2:this.multipleSelection[1].monthfs,score1:this.multipleSelection[0].yearfs,score2:this.multipleSelection[1].yearfs});
+					this.sortInOrder.push({lx:'资源',index: '静风频率',data1:this.multipleSelection[0].daygl,data2:this.multipleSelection[1].daygl,ranking1:this.multipleSelection[0].monthgl,ranking2:this.multipleSelection[1].monthgl,score1:this.multipleSelection[0].yeargl,score2:this.multipleSelection[1].yeargl});	
+					this.radarChartData();
+				}
+				
 			},
 			handleSizeChange(val) {
 				console.log(`每页 ${val} 条`);
@@ -503,7 +506,7 @@
 				this.radatChartWindturbineid1 = this.multipleSelection[0].windturbineid;
 				this.radatChartWindturbineid2 = this.multipleSelection[1].windturbineid;
 				this.$nextTick(function() {
-					this.drawPie('leiDaTu')
+					this.drawPie2('leiDaTu2')
 				})
 			},
 			dialogTableVisibleOpenYear() {
@@ -511,7 +514,7 @@
 				this.radatChartWindturbineid1 = this.multipleSelection[0].windturbineid;
 				this.radatChartWindturbineid2 = this.multipleSelection[1].windturbineid;
 				this.$nextTick(function() {
-					this.drawPie('leiDaTu')
+					this.drawPie3('leiDaTu2')
 				})
 			},
 			handleClick(tab) {
@@ -626,6 +629,94 @@
 				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 = {
+					tooltip: {},
+					legend: {
+						x: 'center', //可设定图例在左、右、居中
+						y: 'bottom',
+						data: [this.radatChartWindturbineid1, this.radatChartWindturbineid2]
+					},
+					radar: {
+						// shape: 'circle',
+						name: {
+							textStyle: {
+								color: '#fff',
+								backgroundColor: '#999',
+								borderRadius: 3,
+								padding: [3, 5]
+							}
+						},
+						indicator: this.radarChartName
+					},
+					series: [{
+						name: '预算 vs 开销（Budget vs spending）',
+						type: 'radar',
+						// areaStyle: {normal: {}},
+						data: [{
+								value: this.radarChartData1,
+								name: this.radatChartWindturbineid1
+							},
+							{
+								value: this.radarChartData2,
+								name: this.radatChartWindturbineid2
+							}
+						]
+					}]
+				}
+				charts2.clear();
+				charts2.setOption(option2);
+				
+			},
+			drawPie3() {
+				var charts3;
+				if (charts3 != null && charts3 != "" && charts3 != undefined){
+				    charts3.dispose();
+				}
+
+				charts3= this.$echarts.init(document.getElementById('leiDaTu3'));
+				let option3 = {
+					tooltip: {},
+					legend: {
+						x: 'center', //可设定图例在左、右、居中
+						y: 'bottom',
+						data: [this.radatChartWindturbineid1, this.radatChartWindturbineid2]
+					},
+					radar: {
+						// shape: 'circle',
+						name: {
+							textStyle: {
+								color: '#fff',
+								backgroundColor: '#999',
+								borderRadius: 3,
+								padding: [3, 5]
+							}
+						},
+						indicator: this.radarChartName
+					},
+					series: [{
+						name: '预算 vs 开销（Budget vs spending）',
+						type: 'radar',
+						// areaStyle: {normal: {}},
+						data: [{
+								value: this.radarChartData1,
+								name: this.radatChartWindturbineid1
+							},
+							{
+								value: this.radarChartData2,
+								name: this.radatChartWindturbineid2
+							}
+						]
+					}]
+				}
+				charts3.clear();
+				charts3.setOption(option3);
+				
 			},
 
 		}
@@ -661,6 +752,20 @@
 		float: left;
 	}
 
+	#leiDaTu2 {
+		margin-left: 5%;
+		height: 480px;
+		width: 450px;
+		float: left;
+	}
+
+	#leiDaTu3 {
+		margin-left: 5%;
+		height: 480px;
+		width: 450px;
+		float: left;
+	}
+
 	.margin {
 		width: 100%;
 		height: 618px;