|
|
@@ -0,0 +1,796 @@
|
|
|
+<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']">
|
|
|
+ <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-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>
|
|
|
+ <div style="margin-left: 5%;width: 20%;float: left;">
|
|
|
+ <span>风场</span>
|
|
|
+ <el-select v-model="value" placeholder="请选择" style="margin-left: 5%;" @change="currentSel">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="block" style="width:20%;float: left;">
|
|
|
+ <span>日期</span>
|
|
|
+ <el-date-picker v-model="value1" type="date" placeholder="选择日期" style="margin-left: 5%;">
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ <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>
|
|
|
+ <div class="margin">
|
|
|
+ <div class="dialogLeftData">
|
|
|
+ <el-table
|
|
|
+ :data="sortInOrderTop"
|
|
|
+ height="97"
|
|
|
+ border
|
|
|
+ :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">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="zhpm"
|
|
|
+ :label=fanNumber2
|
|
|
+ width="276">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div id="leiDaTu" class="echart"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="dialogRightData">
|
|
|
+ <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">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="index" label="指标" width="115">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="data1" :label=fan1 width="100">
|
|
|
+ </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>
|
|
|
+ <el-table-column prop="address" label="评分" width="75">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="风机月信息等级评估管理" name="second" :key="'second'">
|
|
|
+ <div style="float: left;">查询条件</div>
|
|
|
+ <div style="margin-left: 5%;width: 20%;float: left;">
|
|
|
+ <span>风场</span>
|
|
|
+ <el-select v-model="value" placeholder="请选择" style="margin-left: 5%;" @change="currentSel">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="block" style="width:20%;float: left;">
|
|
|
+ <span>日期</span>
|
|
|
+ <el-date-picker v-model="value1" type="date" placeholder="选择日期" style="margin-left: 5%;">
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ <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"
|
|
|
+ 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' }"
|
|
|
+ style="width: 100%;font-size: 10px;">
|
|
|
+ <el-table-column
|
|
|
+ prop="lhpj"
|
|
|
+ :label=fanNumber1
|
|
|
+ width="276">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="zhpm"
|
|
|
+ :label=fanNumber2
|
|
|
+ width="276">
|
|
|
+ </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' }"
|
|
|
+ style="width: 100%;font-size: 10px;">
|
|
|
+ <el-table-column label="基础指标">
|
|
|
+ <el-table-column prop="lx" label="类型" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="index" label="指标" width="115">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="data1" :label=fan1 width="100">
|
|
|
+ </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>
|
|
|
+ <el-table-column prop="address" label="评分" width="75">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="风机年信息等级评估管理" name="cord" :key="'cord'">
|
|
|
+ <div style="float: left;">查询条件</div>
|
|
|
+ <div style="margin-left: 5%;width: 20%;float: left;">
|
|
|
+ <span>风场</span>
|
|
|
+ <el-select v-model="value" placeholder="请选择" style="margin-left: 5%;" @change="currentSel">
|
|
|
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="block" style="width:20%;float: left;">
|
|
|
+ <span>日期</span>
|
|
|
+ <el-date-picker v-model="value1" type="date" placeholder="选择日期" style="margin-left: 5%;">
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
+ <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">
|
|
|
+ <div class="dialogLeftData">
|
|
|
+ <el-table
|
|
|
+ :data="sortInOrderTop"
|
|
|
+ height="97"
|
|
|
+ border
|
|
|
+ :row-style="{ height: '10px' }"
|
|
|
+ :header-cell-style="headStyle" :cell-style="{ textAlign: 'center',padding:'0px' }"
|
|
|
+ style="width: 100%;font-size: 10px;">
|
|
|
+ <el-table-column
|
|
|
+ prop="lhpj"
|
|
|
+ :label=fanNumber1
|
|
|
+ width="276">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="zhpm"
|
|
|
+ :label=fanNumber2
|
|
|
+ width="276">
|
|
|
+ </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' }"
|
|
|
+ style="width: 100%;font-size: 10px;">
|
|
|
+ <el-table-column label="基础指标">
|
|
|
+ <el-table-column prop="lx" label="类型" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="index" label="指标" width="115">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="data1" :label=fan1 width="100">
|
|
|
+ </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>
|
|
|
+ <el-table-column prop="address" label="评分" width="75">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </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"
|
|
|
+ :cell-style="{ textAlign: 'center' }" style="font-size: 10px;">
|
|
|
+ <el-table-column label="等级评定日信息查看">
|
|
|
+ <el-table-column type="selection" width="40">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="windturbineid" label="风机编号" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="level" label="等级" width="50">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="rank" label="综合排名" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dayfdl" label="发电量" width="60">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dayllfdl" label="理论发电量" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dayfs" label="平均风速" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="daygl" label="平均功率" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="daygzssdl" label="故障损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dayxdssdl" label="限电损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="daywhssdl" label="维护损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dayxnssdl" label="性能损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dayslssdl" label="日受累损失电量">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="daylyxs" label="利用小时数" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="daynhyd" label="拟合优度" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="daysbklyl" label="设备可利用率" width="95">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="daydxkyxs" label="等效可用系数" width="95">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dayyxfss" label="有效风时数" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dayxfqr" label="平均切入风速" width="95">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dayjfpl" label="静风频率" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="dayglyzxxs" label="功率一致性系数" width="110">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div style="text-align: center;">
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage2"
|
|
|
+ :page-size="pagesize" layout="prev, pager, next" :total="1000">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </el-main>
|
|
|
+ <el-main v-if="monthlyInformation == true">
|
|
|
+ <el-table :data="gridData" height="600" @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">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="windturbineid" label="风机编号" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="level" label="等级" width="50">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="rank" label="综合排名" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthfdl" label="发电量" width="60">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthllfdl" label="理论发电量" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthfs" label="平均风速" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthgl" label="平均功率" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthgzssdl" label="故障损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthxdssdl" label="限电损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthwhssdl" label="维护损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthxnssdl" label="性能损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthslssdl" label="日受累损失电量">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthlyxs" label="利用小时数" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthnhyd" label="拟合优度" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthsbklyl" label="设备可利用率" width="95">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthdxkyxs" label="等效可用系数" width="95">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthyxfss" label="有效风时数" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthxfqr" label="平均切入风速" width="95">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthjfpl" label="静风频率" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="monthglyzxxs" label="功率一致性系数" width="110">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div style="text-align: center;">
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage2"
|
|
|
+ :page-size="pagesize" layout="prev, pager, next" :total="1000">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </el-main>
|
|
|
+ <el-main v-if="annualInformation == true">
|
|
|
+ <el-table :data="gridData" height="600" @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">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="windturbineid" label="风机编号" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="level" label="等级" width="50">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="rank" label="综合排名" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearfdl" label="发电量" width="60">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearllfdl" label="理论发电量" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearfs" label="平均风速" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yeargl" label="平均功率" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yeargzssdl" label="故障损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearxdssdl" label="限电损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearwhssdl" label="维护损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearxnssdl" label="性能损失" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearslssdl" label="日受累损失电量">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearlyxs" label="利用小时数" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearnhyd" label="拟合优度" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearsbklyl" label="设备可利用率" width="95">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yeardxkyxs" label="等效可用系数" width="95">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearyxfss" label="有效风时数" width="85">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearxfqr" label="平均切入风速" width="95">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearjfpl" label="静风频率" width="70">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="yearglyzxxs" label="功率一致性系数" width="110">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div style="text-align: center;">
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage2"
|
|
|
+ :page-size="pagesize" layout="prev, pager, next" :total="1000">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </el-main>
|
|
|
+ </el-container>
|
|
|
+ </el-container>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ options: [{
|
|
|
+ value: 'MHS_FDC',
|
|
|
+ label: '麻黄山'
|
|
|
+ }, {
|
|
|
+ value: 'NSS_FDC',
|
|
|
+ label: '牛首山'
|
|
|
+ }],
|
|
|
+ gridData: [],
|
|
|
+ value: 'MHS_FDC',
|
|
|
+ value1: '2021-01-01',
|
|
|
+ dialogTableVisible: false,
|
|
|
+ dialogTableVisibleMonth: false,
|
|
|
+ dialogTableVisibleYear: false,
|
|
|
+ multipleSelection: [],
|
|
|
+ currentPage2: 1,
|
|
|
+ pagesize: 10,
|
|
|
+ radarChartData1: [],
|
|
|
+ radarChartData2: [],
|
|
|
+ radarChartName: "",
|
|
|
+ radatChartWindturbineid1: '',
|
|
|
+ radatChartWindturbineid2: '',
|
|
|
+ fan1: '',
|
|
|
+ fan2: '',
|
|
|
+ fanNumber1 : '',
|
|
|
+ fanNumber2 : '',
|
|
|
+ dailyInformation: true,
|
|
|
+ monthlyInformation: false,
|
|
|
+ annualInformation: false,
|
|
|
+ activeName: 'first',
|
|
|
+ sortInOrder : [],
|
|
|
+ sortInOrderTop: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.gradeByDaygData();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleOpen(key, keyPath) {
|
|
|
+ console.log(key, keyPath);
|
|
|
+ },
|
|
|
+ handleClose(key, keyPath) {
|
|
|
+ console.log(key, keyPath);
|
|
|
+ },
|
|
|
+ headStyle() {
|
|
|
+ return "text-align:center"
|
|
|
+ },
|
|
|
+ currentSel(){
|
|
|
+ this.gradeByDaygData();
|
|
|
+ },
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ this.sortInOrder = [];
|
|
|
+ this.sortInOrderTop = [];
|
|
|
+ this.multipleSelection = val;
|
|
|
+ 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.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.radarChartData();
|
|
|
+ },
|
|
|
+ handleSizeChange(val) {
|
|
|
+ console.log(`每页 ${val} 条`);
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ // console.log(`当前页: ${val}`);
|
|
|
+ this.gradeByDaygData();
|
|
|
+ },
|
|
|
+ dialogTableVisibleOpen() {
|
|
|
+ this.dialogTableVisible = true;
|
|
|
+ this.radatChartWindturbineid1 = this.multipleSelection[0].windturbineid;
|
|
|
+ this.radatChartWindturbineid2 = this.multipleSelection[1].windturbineid;
|
|
|
+ this.$nextTick(function() {
|
|
|
+ this.drawPie('leiDaTu')
|
|
|
+ })
|
|
|
+ },
|
|
|
+ dialogTableVisibleOpenMonth() {
|
|
|
+ this.dialogTableVisibleMonth = true;
|
|
|
+ this.radatChartWindturbineid1 = this.multipleSelection[0].windturbineid;
|
|
|
+ this.radatChartWindturbineid2 = this.multipleSelection[1].windturbineid;
|
|
|
+ this.$nextTick(function() {
|
|
|
+ this.drawPie('leiDaTu')
|
|
|
+ })
|
|
|
+ },
|
|
|
+ dialogTableVisibleOpenYear() {
|
|
|
+ this.dialogTableVisibleYear = true;
|
|
|
+ this.radatChartWindturbineid1 = this.multipleSelection[0].windturbineid;
|
|
|
+ this.radatChartWindturbineid2 = this.multipleSelection[1].windturbineid;
|
|
|
+ this.$nextTick(function() {
|
|
|
+ this.drawPie('leiDaTu')
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleClick(tab) {
|
|
|
+ // this.sortInOrder = [];
|
|
|
+ // this.sortInOrderTop = [];
|
|
|
+ if (tab.name === 'first') {
|
|
|
+ this.dailyInformation = true
|
|
|
+ this.monthlyInformation = false
|
|
|
+ this.annualInformation = false
|
|
|
+ this.gradeByDaygData();
|
|
|
+ } else if (tab.name === 'second') {
|
|
|
+ this.dailyInformation = false
|
|
|
+ this.monthlyInformation = true
|
|
|
+ this.annualInformation = false
|
|
|
+ this.gradeByDaygData();
|
|
|
+ } else if (tab.name === 'cord') {
|
|
|
+ this.dailyInformation = false
|
|
|
+ this.monthlyInformation = false
|
|
|
+ this.annualInformation = true
|
|
|
+ this.gradeByDaygData();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ gradeByDaygData() {
|
|
|
+ let that = this;
|
|
|
+ var page = new URLSearchParams();
|
|
|
+ page.append('pageNum', this.currentPage2);
|
|
|
+ page.append('pageSize', this.pagesize);
|
|
|
+ page.append('wpId', this.value);
|
|
|
+ page.append('recorddate', this.value1);
|
|
|
+ this.$http.post("/benchmarking/gadaylistByPage", page).then((res) => {
|
|
|
+ that.gridData = res.data.data.list;
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ radarChartData() {
|
|
|
+ let that = this;
|
|
|
+ this.$http.get("/benchmarking/wtchart?gaid1=" + this.multipleSelection[0].id +
|
|
|
+ "&gaid2=" + this.multipleSelection[1].id).then((res) => {
|
|
|
+ console.log(res)
|
|
|
+ var arr1 = [];
|
|
|
+ var name = [];
|
|
|
+ res.data.data.gaid1.forEach(function(item) {
|
|
|
+ arr1.push({
|
|
|
+ data1: item.data1
|
|
|
+ })
|
|
|
+ name.push({
|
|
|
+ name: item.name
|
|
|
+ })
|
|
|
+ })
|
|
|
+ that.radarChartName = name
|
|
|
+ var target = {
|
|
|
+ max: 15
|
|
|
+ }
|
|
|
+ for (let v = 0; v < that.radarChartName.length; v++) {
|
|
|
+ const returnedTarget = Object.assign(that.radarChartName[v], target);
|
|
|
+ }
|
|
|
+ for (let i = 0; i < arr1.length; i++) {
|
|
|
+ that.radarChartData1.push(arr1[i].data1)
|
|
|
+ }
|
|
|
+ var arr2 = [];
|
|
|
+ res.data.data.gaid2.forEach(function(item) {
|
|
|
+ arr2.push({
|
|
|
+ data1: item.data1
|
|
|
+ })
|
|
|
+ })
|
|
|
+ for (let j = 0; j < arr2.length; j++) {
|
|
|
+ that.radarChartData2.push(arr2[j].data1)
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+ drawPie() {
|
|
|
+ var charts;
|
|
|
+ if (charts != null && charts != "" && charts != undefined){
|
|
|
+ charts.dispose();
|
|
|
+ }
|
|
|
+ charts= this.$echarts.init(document.getElementById('leiDaTu'));
|
|
|
+ let option = {
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ charts.clear();
|
|
|
+ charts.setOption(option);
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style>
|
|
|
+ .leftNavigation {
|
|
|
+ width: 15%;
|
|
|
+ height: 790px;
|
|
|
+ }
|
|
|
+
|
|
|
+ #leiDaTu {
|
|
|
+ margin-left: 4%;
|
|
|
+ height: 480px;
|
|
|
+ width: 500px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ #leiDaTuMonth {
|
|
|
+ margin-left: 4%;
|
|
|
+ height: 480px;
|
|
|
+ width: 500px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ #leiDaTuYear {
|
|
|
+ margin-left: 4%;
|
|
|
+ height: 480px;
|
|
|
+ width: 500px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .margin {
|
|
|
+ width: 100%;
|
|
|
+ height: 618px;
|
|
|
+ border: #000000 1px solid;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dialogLeftData {
|
|
|
+ width: 50%;
|
|
|
+ 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%;
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ /* .el-dialog_body{height: 600vh;overflow: auto;} */
|
|
|
+</style>
|
