等级评估功能更新数据

src/components/gradeEvaluation/GradeEvaluation.vue

@@ -1,16 +1,14 @@
 <template>
-	<el-container style="height: 790px; border: 1px solid #eee">
-		<el-aside width="15%" style="background-color: white;border: 5px solid #EEEEEE;">
-			<el-menu :default-openeds="['1', '3']">
+<div class="box">
+	<div class="left">
+		<el-menu :default-openeds="['1', '3']">
 				<el-submenu index="1">
 					<template slot="title"><i class="el-icon-message"></i>等级评估</template>
 					<el-menu-item index="1-1">风机等级评估</el-menu-item>
 				</el-submenu>
-			</el-menu>
-		</el-aside>
-
-		<el-container>
-			<el-header style="text-align: left; font-size: 12px;height: 150px;">
+		</el-menu>
+	</div>
+	<div class="right">
 				<el-tabs v-model="activeName" @tab-click="handleClick" type="border-card" style="width: 100%;margin: 0.5%;height: 130px;">
 					<el-tab-pane label="风机日信息等级评估管理" name="first" :key="'first'">
 						<div style="float: left;">查询条件</div>
@@ -29,7 +27,7 @@
 						<div style="width: 2%; float:left;margin-left: 10%;">
 							<el-button type="primary" @click="dialogTableVisibleOpen()">对比</el-button>
 						</div>
-						<el-dialog class="el-dialog_body" width="60%" title="日信息对比" :visible.sync="dialogTableVisible" append-to-body>
+						<el-dialog class="el-dialog_body" width="65%" title="日信息对比" :visible.sync="dialogTableVisible" append-to-body>
 							<div class="margin">
 								<div class="dialogLeftData">
 									<el-table
@@ -42,12 +40,12 @@
 									    <el-table-column
 									      prop="lhpj"
 									      :label=fanNumber1
-									      width="276">
+									      width="252.5">
 									    </el-table-column>
 									    <el-table-column
 									      prop="zhpm"
 									      :label=fanNumber2
-									      width="276">
+									      width="252.5">
 									    </el-table-column>
 									  </el-table>
 									<div id="leiDaTu" class="echart"></div>
@@ -67,10 +65,13 @@
 											</el-table-column>
 											<el-table-column prop="data2" :label=fan2 width="100">
 											</el-table-column>
-											<el-table-column prop="address" label="排名" width="75">
-												
+											<el-table-column prop="ranking1" :label=ranking1 width="74">
+											</el-table-column>
+											<el-table-column prop="ranking2" :label=ranking2 width="74">
+											</el-table-column>
+											<el-table-column prop="score1" :label=score1 width="74">
 											</el-table-column>
-											<el-table-column prop="address" label="评分" width="75">
+											<el-table-column prop="score2" :label=score2 width="74">
 											</el-table-column>
 										</el-table-column>
 									</el-table>
@@ -95,33 +96,35 @@
 						<div style="width: 2%; float:left;margin-left: 10%;">
 							<el-button type="primary" @click="dialogTableVisibleOpenMonth()">对比</el-button>
 						</div>
-						<el-dialog class="el-dialog_body" width="60%" title="月信息对比" :visible.sync="dialogTableVisibleMonth"
+						<el-dialog class="el-dialog_body" width="65%" title="月信息对比" :visible.sync="dialogTableVisibleMonth"
 						 append-to-body>
-							<div class="margin">
+								<div class="margin">
 								<div class="dialogLeftData">
 									<el-table
 									    :data="sortInOrderTop"
 									    height="97"
 									    border
-										:row-style="{ height: '10px' }"
 										:header-cell-style="headStyle" :cell-style="{ textAlign: 'center',padding:'0px' }"
+										:row-style="{height:'10px'}"
 									    style="width: 100%;font-size: 10px;">
 									    <el-table-column
 									      prop="lhpj"
 									      :label=fanNumber1
-									      width="276">
+									      width="252.5">
 									    </el-table-column>
 									    <el-table-column
 									      prop="zhpm"
 									      :label=fanNumber2
-									      width="276">
+									      width="252.5">
 									    </el-table-column>
 									  </el-table>
 									<div id="leiDaTu" class="echart"></div>
 								</div>
-								
+
 								<div class="dialogRightData">
-									<el-table :data="sortInOrder" :row-style="{ height: '10px' }" height="618" border :header-cell-style="headStyle" :cell-style="{ textAlign: 'center',padding:'1px' }"
+									<el-table :data="sortInOrder" height="618"
+									:row-style="{ height: '10px' }"
+									border :header-cell-style="headStyle" :cell-style="{ textAlign: 'center',padding:'1px' }" 
 									 style="width: 100%;font-size: 10px;">
 										<el-table-column label="基础指标">
 											<el-table-column prop="lx" label="类型" width="85">
@@ -132,9 +135,13 @@
 											</el-table-column>
 											<el-table-column prop="data2" :label=fan2 width="100">
 											</el-table-column>
-											<el-table-column prop="address" label="排名" width="75">
+											<el-table-column prop="ranking1" :label=ranking1 width="74">
+											</el-table-column>
+											<el-table-column prop="ranking2" :label=ranking2 width="74">
 											</el-table-column>
-											<el-table-column prop="address" label="评分" width="75">
+											<el-table-column prop="score1" :label=score1 width="74">
+											</el-table-column>
+											<el-table-column prop="score2" :label=score2 width="74">
 											</el-table-column>
 										</el-table-column>
 									</el-table>
@@ -159,32 +166,34 @@
 						<div style="width: 2%; float:left;margin-left: 10%;">
 							<el-button type="primary" @click="dialogTableVisibleOpenYear()">对比</el-button>
 						</div>
-						<el-dialog class="el-dialog_body" width="60%" title="年信息对比" :visible.sync="dialogTableVisibleYear" append-to-body>
-							<div class="margin">
+						<el-dialog class="el-dialog_body" width="65%" title="年信息对比" :visible.sync="dialogTableVisibleYear" append-to-body>
+								<div class="margin">
 								<div class="dialogLeftData">
 									<el-table
 									    :data="sortInOrderTop"
 									    height="97"
 									    border
-										:row-style="{ height: '10px' }"
 										:header-cell-style="headStyle" :cell-style="{ textAlign: 'center',padding:'0px' }"
+										:row-style="{height:'10px'}"
 									    style="width: 100%;font-size: 10px;">
 									    <el-table-column
 									      prop="lhpj"
 									      :label=fanNumber1
-									      width="276">
+									      width="252.5">
 									    </el-table-column>
 									    <el-table-column
 									      prop="zhpm"
 									      :label=fanNumber2
-									      width="276">
+									      width="252.5">
 									    </el-table-column>
 									  </el-table>
 									<div id="leiDaTu" class="echart"></div>
 								</div>
-								
+
 								<div class="dialogRightData">
-									<el-table :data="sortInOrder" :row-style="{ height: '10px' }" height="618" border :header-cell-style="headStyle" :cell-style="{ textAlign: 'center',padding:'1px' }"
+									<el-table :data="sortInOrder" height="618"
+									:row-style="{ height: '10px' }"
+									border :header-cell-style="headStyle" :cell-style="{ textAlign: 'center',padding:'1px' }" 
 									 style="width: 100%;font-size: 10px;">
 										<el-table-column label="基础指标">
 											<el-table-column prop="lx" label="类型" width="85">
@@ -195,9 +204,13 @@
 											</el-table-column>
 											<el-table-column prop="data2" :label=fan2 width="100">
 											</el-table-column>
-											<el-table-column prop="address" label="排名" width="75">
+											<el-table-column prop="ranking1" :label=ranking1 width="74">
+											</el-table-column>
+											<el-table-column prop="ranking2" :label=ranking2 width="74">
 											</el-table-column>
-											<el-table-column prop="address" label="评分" width="75">
+											<el-table-column prop="score1" :label=score1 width="74">
+											</el-table-column>
+											<el-table-column prop="score2" :label=score2 width="74">
 											</el-table-column>
 										</el-table-column>
 									</el-table>
@@ -206,10 +219,9 @@
 						</el-dialog>
 					</el-tab-pane>
 				</el-tabs>
-			</el-header>
 
 			<el-main v-if="dailyInformation == true">
-				<el-table :data="gridData" height="600" @selection-change="handleSelectionChange" :header-cell-style="headStyle"
+				<el-table :data="gridData" height="610" @selection-change="handleSelectionChange" :header-cell-style="headStyle"
 				 :cell-style="{ textAlign: 'center' }" style="font-size: 10px;">
 					<el-table-column label="等级评定日信息查看">
 						<el-table-column type="selection" width="40">
@@ -263,7 +275,7 @@
 				</div>
 			</el-main>
 			<el-main v-if="monthlyInformation == true">
-				<el-table :data="gridData" height="600" @selection-change="handleSelectionChange" :header-cell-style="headStyle"
+				<el-table :data="gridData" height="610" @selection-change="handleSelectionChange" :header-cell-style="headStyle"
 				 :cell-style="{ textAlign: 'center' }" style="font-size: 10px;">
 					<el-table-column label="等级评定日信息查看">
 						<el-table-column type="selection" width="40">
@@ -317,7 +329,7 @@
 				</div>
 			</el-main>
 			<el-main v-if="annualInformation == true">
-				<el-table :data="gridData" height="600" @selection-change="handleSelectionChange" :header-cell-style="headStyle"
+				<el-table :data="gridData" height="610" @selection-change="handleSelectionChange" :header-cell-style="headStyle"
 				 :cell-style="{ textAlign: 'center' }" style="font-size: 10px;">
 					<el-table-column label="等级评定日信息查看">
 						<el-table-column type="selection" width="40">
@@ -370,8 +382,8 @@
 					</el-pagination>
 				</div>
 			</el-main>
-		</el-container>
-	</el-container>
+	</div>
+	</div>
 </template>
 
 <script>
@@ -408,7 +420,11 @@
 				annualInformation: false,
 				activeName: 'first',
 				sortInOrder : [],
-				sortInOrderTop: []
+				sortInOrderTop: [],
+				ranking1:'',
+				ranking2:'',
+				score1:'',
+				score2:''
 			}
 		},
 		created() {
@@ -434,76 +450,37 @@
 				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.sortInOrderTop.push({lhpj:'量化评级：' + this.multipleSelection[0].level,zhpm:'量化评级：' + this.multipleSelection[1].level });
+				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});
-				if(this.dailyInformation == true){
-					this.sortInOrder.push({lx:'',index: '发电量',data1:this.multipleSelection[0].dayfdl,data2:this.multipleSelection[1].dayfdl});
-					this.sortInOrder.push({lx:'',index: '理论发电量',data1:this.multipleSelection[0].dayllfdl,data2:this.multipleSelection[1].dayllfdl});
-					this.sortInOrder.push({lx:'',index: '平均功率' ,data1:this.multipleSelection[0].daygl,data2:this.multipleSelection[1].daygl});
-					this.sortInOrder.push({lx:'',index: '故障损失电量',data1:this.multipleSelection[0].daygzssdl,data2:this.multipleSelection[1].daygzssdl});
-					this.sortInOrder.push({lx:'',index: '限电损失电量',data1:this.multipleSelection[0].dayxdssdl,data2:this.multipleSelection[1].dayxdssdl});
-					this.sortInOrder.push({lx:'',index: '维护损失电量',data1:this.multipleSelection[0].daywhssdl,data2:this.multipleSelection[1].daywhssdl});
-					this.sortInOrder.push({lx:'',index: '故障时间',data1:this.multipleSelection[0].daygzsj,data2:this.multipleSelection[1].daygzsj});
-					this.sortInOrder.push({lx:'',index: '维护时间',data1:this.multipleSelection[0].daywhsj,data2:this.multipleSelection[1].daywhsj});
-					this.sortInOrder.push({lx:'',index: '运行时间',data1:this.multipleSelection[0].dayyxsj,data2:this.multipleSelection[1].dayyxsj});
-					this.sortInOrder.push({lx:'',index: '停机时间',data1:this.multipleSelection[0].daytjsj,data2:this.multipleSelection[1].daytjsj});
-					this.sortInOrder.push({lx:'性能',index: '平均切入风速',data1:this.multipleSelection[0].dayxfqr,data2:this.multipleSelection[1].dayxfqr});
-					this.sortInOrder.push({lx:'性能',index: '性能损失电量',data1:this.multipleSelection[0].dayxnssdl,data2:this.multipleSelection[1].dayxnssdl});
-					this.sortInOrder.push({lx:'性能',index: '拟合优度',data1:this.multipleSelection[0].daynhyd,data2:this.multipleSelection[1].daynhyd});
-					this.sortInOrder.push({lx:'性能',index: '功率一致性系数',data1:this.multipleSelection[0].dayglyzxxs,data2:this.multipleSelection[1].dayglyzxxs});
-					this.sortInOrder.push({lx:'可靠性管理',index: '利用小时',data1:this.multipleSelection[0].daylyxs,data2:this.multipleSelection[1].daylyxs});
-					this.sortInOrder.push({lx:'可靠性管理',index: '设备可利用率',data1:this.multipleSelection[0].daysbklyl,data2:this.multipleSelection[1].daysbklyl});
-					this.sortInOrder.push({lx:'可靠性管理',index: '等效可利用系数',data1:this.multipleSelection[0].daydxkyxs,data2:this.multipleSelection[1].daydxkyxs});
-					this.sortInOrder.push({lx:'可靠性管理',index: '有效风时速',data1:this.multipleSelection[0].dayyxfss,data2:this.multipleSelection[1].dayyxfss});
-					this.sortInOrder.push({lx:'资源',index: '平均风速',data1:this.multipleSelection[0].dayfs,data2:this.multipleSelection[1].dayfs});
-					this.sortInOrder.push({lx:'资源',index: '静风频率',data1:this.multipleSelection[0].daygl,data2:this.multipleSelection[1].daygl});
-				}else if(this.monthlyInformation == true){
-					this.sortInOrder.push({lx:'',index: '发电量',data1:this.multipleSelection[0].dayfdl,data2:this.multipleSelection[1].dayfdl});
-					this.sortInOrder.push({lx:'',index: '理论发电量',data1:this.multipleSelection[0].dayllfdl,data2:this.multipleSelection[1].dayllfdl});
-					this.sortInOrder.push({lx:'',index: '平均功率' ,data1:this.multipleSelection[0].daygl,data2:this.multipleSelection[1].daygl});
-					this.sortInOrder.push({lx:'',index: '故障损失电量',data1:this.multipleSelection[0].daygzssdl,data2:this.multipleSelection[1].daygzssdl});
-					this.sortInOrder.push({lx:'',index: '限电损失电量',data1:this.multipleSelection[0].dayxdssdl,data2:this.multipleSelection[1].dayxdssdl});
-					this.sortInOrder.push({lx:'',index: '维护损失电量',data1:this.multipleSelection[0].daywhssdl,data2:this.multipleSelection[1].daywhssdl});
-					this.sortInOrder.push({lx:'',index: '故障时间',data1:this.multipleSelection[0].daygzsj,data2:this.multipleSelection[1].daygzsj});
-					this.sortInOrder.push({lx:'',index: '维护时间',data1:this.multipleSelection[0].daywhsj,data2:this.multipleSelection[1].daywhsj});
-					this.sortInOrder.push({lx:'',index: '运行时间',data1:this.multipleSelection[0].dayyxsj,data2:this.multipleSelection[1].dayyxsj});
-					this.sortInOrder.push({lx:'',index: '停机时间',data1:this.multipleSelection[0].daytjsj,data2:this.multipleSelection[1].daytjsj});
-					this.sortInOrder.push({lx:'性能',index: '平均切入风速',data1:this.multipleSelection[0].dayxfqr,data2:this.multipleSelection[1].dayxfqr});
-					this.sortInOrder.push({lx:'性能',index: '性能损失电量',data1:this.multipleSelection[0].dayxnssdl,data2:this.multipleSelection[1].dayxnssdl});
-					this.sortInOrder.push({lx:'性能',index: '拟合优度',data1:this.multipleSelection[0].daynhyd,data2:this.multipleSelection[1].daynhyd});
-					this.sortInOrder.push({lx:'性能',index: '功率一致性系数',data1:this.multipleSelection[0].dayglyzxxs,data2:this.multipleSelection[1].dayglyzxxs});
-					this.sortInOrder.push({lx:'可靠性管理',index: '利用小时',data1:this.multipleSelection[0].daylyxs,data2:this.multipleSelection[1].daylyxs});
-					this.sortInOrder.push({lx:'可靠性管理',index: '设备可利用率',data1:this.multipleSelection[0].daysbklyl,data2:this.multipleSelection[1].daysbklyl});
-					this.sortInOrder.push({lx:'可靠性管理',index: '等效可利用系数',data1:this.multipleSelection[0].daydxkyxs,data2:this.multipleSelection[1].daydxkyxs});
-					this.sortInOrder.push({lx:'可靠性管理',index: '有效风时速',data1:this.multipleSelection[0].dayyxfss,data2:this.multipleSelection[1].dayyxfss});
-					this.sortInOrder.push({lx:'资源',index: '平均风速',data1:this.multipleSelection[0].dayfs,data2:this.multipleSelection[1].dayfs});
-					this.sortInOrder.push({lx:'资源',index: '静风频率',data1:this.multipleSelection[0].daygl,data2:this.multipleSelection[1].daygl});
-				}else if(this.annualInformation == true){
-					this.sortInOrder.push({lx:'',index: '发电量',data1:this.multipleSelection[0].dayfdl,data2:this.multipleSelection[1].dayfdl});
-					this.sortInOrder.push({lx:'',index: '理论发电量',data1:this.multipleSelection[0].dayllfdl,data2:this.multipleSelection[1].dayllfdl});
-					this.sortInOrder.push({lx:'',index: '平均功率' ,data1:this.multipleSelection[0].daygl,data2:this.multipleSelection[1].daygl});
-					this.sortInOrder.push({lx:'',index: '故障损失电量',data1:this.multipleSelection[0].daygzssdl,data2:this.multipleSelection[1].daygzssdl});
-					this.sortInOrder.push({lx:'',index: '限电损失电量',data1:this.multipleSelection[0].dayxdssdl,data2:this.multipleSelection[1].dayxdssdl});
-					this.sortInOrder.push({lx:'',index: '维护损失电量',data1:this.multipleSelection[0].daywhssdl,data2:this.multipleSelection[1].daywhssdl});
-					this.sortInOrder.push({lx:'',index: '故障时间',data1:this.multipleSelection[0].daygzsj,data2:this.multipleSelection[1].daygzsj});
-					this.sortInOrder.push({lx:'',index: '维护时间',data1:this.multipleSelection[0].daywhsj,data2:this.multipleSelection[1].daywhsj});
-					this.sortInOrder.push({lx:'',index: '运行时间',data1:this.multipleSelection[0].dayyxsj,data2:this.multipleSelection[1].dayyxsj});
-					this.sortInOrder.push({lx:'',index: '停机时间',data1:this.multipleSelection[0].daytjsj,data2:this.multipleSelection[1].daytjsj});
-					this.sortInOrder.push({lx:'性能',index: '平均切入风速',data1:this.multipleSelection[0].dayxfqr,data2:this.multipleSelection[1].dayxfqr});
-					this.sortInOrder.push({lx:'性能',index: '性能损失电量',data1:this.multipleSelection[0].dayxnssdl,data2:this.multipleSelection[1].dayxnssdl});
-					this.sortInOrder.push({lx:'性能',index: '拟合优度',data1:this.multipleSelection[0].daynhyd,data2:this.multipleSelection[1].daynhyd});
-					this.sortInOrder.push({lx:'性能',index: '功率一致性系数',data1:this.multipleSelection[0].dayglyzxxs,data2:this.multipleSelection[1].dayglyzxxs});
-					this.sortInOrder.push({lx:'可靠性管理',index: '利用小时',data1:this.multipleSelection[0].daylyxs,data2:this.multipleSelection[1].daylyxs});
-					this.sortInOrder.push({lx:'可靠性管理',index: '设备可利用率',data1:this.multipleSelection[0].daysbklyl,data2:this.multipleSelection[1].daysbklyl});
-					this.sortInOrder.push({lx:'可靠性管理',index: '等效可利用系数',data1:this.multipleSelection[0].daydxkyxs,data2:this.multipleSelection[1].daydxkyxs});
-					this.sortInOrder.push({lx:'可靠性管理',index: '有效风时速',data1:this.multipleSelection[0].dayyxfss,data2:this.multipleSelection[1].dayyxfss});
-					this.sortInOrder.push({lx:'资源',index: '平均风速',data1:this.multipleSelection[0].dayfs,data2:this.multipleSelection[1].dayfs});
-					this.sortInOrder.push({lx:'资源',index: '静风频率',data1:this.multipleSelection[0].daygl,data2:this.multipleSelection[1].daygl});
-				}
+				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) {
@@ -656,29 +633,31 @@
 </script>
 
 <style>
-	.leftNavigation {
-		width: 15%;
-		height: 790px;
+	.box{
+		width: 100%;
+		display: flex;
+		justify-content: space-around;
+ 		align-items: center;
+ 		overflow: hidden;
 	}
 
-	#leiDaTu {
-		margin-left: 4%;
-		height: 480px;
-		width: 500px;
-		float: left;
+	.left{
+		width: 25%;
+		height: 790px;
+		border: 1px solid #F5F7FA;
+	}
+	.right{
 	}
 
-	#leiDaTuMonth {
-		margin-left: 4%;
-		height: 480px;
-		width: 500px;
-		float: left;
+	.leftNavigation {
+		width: 15%;
+		height: 790px;
 	}
 
-	#leiDaTuYear {
-		margin-left: 4%;
+	#leiDaTu {
+		margin-left: 5%;
 		height: 480px;
-		width: 500px;
+		width: 450px;
 		float: left;
 	}
 
@@ -689,108 +668,16 @@
 	}
 
 	.dialogLeftData {
-		width: 50%;
+		width: 42%;
 		height: 120px;
 		text-align: center;
 		float: left;
 	}
 
-	.fanNumber1 {
-		width: 50%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: left;
-		line-height: 40px;
-	}
-
-	.fanNumber2 {
-		width: 49%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: left;
-		line-height: 40px;
-	}
-
-	.quantitativerating1 {
-		width: 50%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: left;
-		line-height: 40px;
-	}
-
-	.quantitativerating2 {
-		width: 49%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: left;
-		line-height: 40px;
-	}
-
-	.comprehensiveRanking1 {
-		width: 50%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: left;
-		line-height: 40px;
-	}
-
-	.comprehensiveRanking2 {
-		width: 49%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: left;
-		line-height: 40px;
-	}
-
 	.dialogRightData {
-		width: 50%;
+		width: 58%;
 		height: 650px;
 		text-align: center;
-		float: right;
-	}
-
-	.basicIndex {
-		width: 100%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: right;
-		line-height: 40px;
-	}
-
-	.score {
-		width: 16%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: right;
-		line-height: 40px;
-	}
-
-	.ranking {
-		width: 16%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: right;
-		line-height: 40px;
-	}
-
-	.fan2 {
-		width: 17%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: right;
-		line-height: 40px;
-	}
-
-	.fan1 {
-		width: 17%;
-		height: 40px;
-		border: #000000 1px solid;
-		float: right;
-		line-height: 40px;
+		float: left;
 	}
-
-
-
-	/* .el-dialog_body{height: 600vh;overflow: auto;} */
 </style>