|
|
@@ -1,30 +1,47 @@
|
|
|
<template>
|
|
|
<div class="parcel-box">
|
|
|
- <div class="title">
|
|
|
+ <HeardSearch
|
|
|
+ :type="-2"
|
|
|
+ :hiddenLine="true"
|
|
|
+ :hiddenWtList="true"
|
|
|
+ @firstRender="firstRender"
|
|
|
+ :buttons="[
|
|
|
+ { label: '搜索', callback: getCmdb, disabled: displayDetail },
|
|
|
+ {
|
|
|
+ label: '对标分析',
|
|
|
+ callback: dbfx,
|
|
|
+ disabled:
|
|
|
+ chooseList.length <= 5 && chooseList.length > 1 ? false : true,
|
|
|
+ },
|
|
|
+ { label: '返回', callback: goBack, hide: displayDetail },
|
|
|
+ ]"
|
|
|
+ v-if="true"
|
|
|
+ />
|
|
|
+ <div class="title" v-else>
|
|
|
<el-select
|
|
|
- size="mini"
|
|
|
- :disabled="displayDetail"
|
|
|
- v-model="company"
|
|
|
- placeholder="请选择"
|
|
|
- @change="handleCompanyChange(company)"
|
|
|
+ size="mini"
|
|
|
+ :disabled="displayDetail"
|
|
|
+ v-model="company"
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="handleCompanyChange(company)"
|
|
|
>
|
|
|
<el-option
|
|
|
- v-for="item in companyOptions"
|
|
|
- :key="item.id"
|
|
|
- :label="item.aname"
|
|
|
- :value="item.id"
|
|
|
+ v-for="item in companyOptions"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.aname"
|
|
|
+ :value="item.id"
|
|
|
>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
<div class="tabCut">
|
|
|
<div
|
|
|
- @click="tabClick(val.id)"
|
|
|
- :class="[
|
|
|
+ @click="tabClick(val.id)"
|
|
|
+ :class="[
|
|
|
tabIndex === val.id ? 'active' : '',
|
|
|
displayDetail ? 'disabled' : '',
|
|
|
]"
|
|
|
- v-for="val in tabOptions"
|
|
|
- :key="val.id"
|
|
|
+ v-for="val in tabOptions"
|
|
|
+ :key="val.id"
|
|
|
>
|
|
|
<span>{{ val.name }}</span>
|
|
|
</div>
|
|
|
@@ -32,20 +49,20 @@
|
|
|
<div class="station">
|
|
|
场站：
|
|
|
<el-select
|
|
|
- size="mini"
|
|
|
- :disabled="displayDetail"
|
|
|
- v-model="stationObj"
|
|
|
- multiple
|
|
|
- collapse-tags
|
|
|
- placeholder="请选择"
|
|
|
- @change="handleStationChange(stationObj)"
|
|
|
- clearable
|
|
|
+ size="mini"
|
|
|
+ :disabled="displayDetail"
|
|
|
+ v-model="stationObj"
|
|
|
+ multiple
|
|
|
+ collapse-tags
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="handleStationChange(stationObj)"
|
|
|
+ clearable
|
|
|
>
|
|
|
<el-option
|
|
|
- v-for="item in stationList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
+ v-for="item in stationList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
@@ -53,20 +70,20 @@
|
|
|
<div class="station">
|
|
|
项目：
|
|
|
<el-select
|
|
|
- size="mini"
|
|
|
- :disabled="displayDetail"
|
|
|
- v-model="projectObj"
|
|
|
- placeholder="请选择"
|
|
|
- multiple
|
|
|
- collapse-tags
|
|
|
- @change="handleProjectChange(projectObj)"
|
|
|
- clearable
|
|
|
+ size="mini"
|
|
|
+ :disabled="displayDetail"
|
|
|
+ v-model="projectObj"
|
|
|
+ placeholder="请选择"
|
|
|
+ multiple
|
|
|
+ collapse-tags
|
|
|
+ @change="handleProjectChange(projectObj)"
|
|
|
+ clearable
|
|
|
>
|
|
|
<el-option
|
|
|
- v-for="item in projectList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
+ v-for="item in projectList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
@@ -75,12 +92,12 @@
|
|
|
开始日期
|
|
|
<div class="search-input">
|
|
|
<el-date-picker
|
|
|
- v-model="starTime"
|
|
|
- :disabled="displayDetail"
|
|
|
- type="date"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- placeholder="选择日期"
|
|
|
- popper-class="date-select"
|
|
|
+ v-model="starTime"
|
|
|
+ :disabled="displayDetail"
|
|
|
+ type="date"
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
+ placeholder="选择日期"
|
|
|
+ popper-class="date-select"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
@@ -89,42 +106,42 @@
|
|
|
结束日期
|
|
|
<div class="search-input">
|
|
|
<el-date-picker
|
|
|
- v-model="endTime"
|
|
|
- :disabled="displayDetail"
|
|
|
- type="date"
|
|
|
- value-format="YYYY-MM-DD"
|
|
|
- placeholder="选择日期"
|
|
|
- popper-class="date-select"
|
|
|
+ v-model="endTime"
|
|
|
+ :disabled="displayDetail"
|
|
|
+ type="date"
|
|
|
+ value-format="YYYY-MM-DD"
|
|
|
+ placeholder="选择日期"
|
|
|
+ popper-class="date-select"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="but">
|
|
|
<el-button
|
|
|
- round
|
|
|
- size="mini"
|
|
|
- class="buttons"
|
|
|
- :disabled="displayDetail"
|
|
|
- @click="getCmdb"
|
|
|
- >搜索</el-button
|
|
|
+ round
|
|
|
+ size="mini"
|
|
|
+ class="buttons"
|
|
|
+ :disabled="displayDetail"
|
|
|
+ @click="getCmdb"
|
|
|
+ >搜索</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
- round
|
|
|
- size="mini"
|
|
|
- class="buttons"
|
|
|
- @click="dbfx"
|
|
|
- :disabled="
|
|
|
+ round
|
|
|
+ size="mini"
|
|
|
+ class="buttons"
|
|
|
+ @click="dbfx"
|
|
|
+ :disabled="
|
|
|
chooseList.length <= 5 && chooseList.length > 1 ? false : true
|
|
|
"
|
|
|
- >对标分析</el-button
|
|
|
+ >对标分析</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
- round
|
|
|
- size="mini"
|
|
|
- class="buttons"
|
|
|
- @click="goBack"
|
|
|
- v-if="displayDetail"
|
|
|
- >返回</el-button
|
|
|
+ round
|
|
|
+ size="mini"
|
|
|
+ class="buttons"
|
|
|
+ @click="goBack"
|
|
|
+ v-if="displayDetail"
|
|
|
+ >返回</el-button
|
|
|
>
|
|
|
<!-- <el-button round size="mini" class="buttons">导出</el-button> -->
|
|
|
</div>
|
|
|
@@ -136,231 +153,231 @@
|
|
|
</div>
|
|
|
<div class="economicTable" :style="{ height: echartsHeight }">
|
|
|
<el-table
|
|
|
- :data="tableData"
|
|
|
- ref="multipleTable"
|
|
|
- size="mini"
|
|
|
- :height="echartsHeight"
|
|
|
- :cell-style="{ padding: '4px' }"
|
|
|
- :row-style="{ height: '0' }"
|
|
|
- stripe
|
|
|
- @selection-change="handleCurrentChange"
|
|
|
+ :data="tableData"
|
|
|
+ ref="multipleTable"
|
|
|
+ size="mini"
|
|
|
+ :height="echartsHeight"
|
|
|
+ :cell-style="{ padding: '4px' }"
|
|
|
+ :row-style="{ height: '0' }"
|
|
|
+ stripe
|
|
|
+ @selection-change="handleCurrentChange"
|
|
|
>
|
|
|
<el-table-column type="selection" width="55" align="center">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="name"
|
|
|
- label="名称"
|
|
|
- width="150"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="name"
|
|
|
+ label="名称"
|
|
|
+ width="150"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="zhpm"
|
|
|
- label="综合排名"
|
|
|
- width="80"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="zhpm"
|
|
|
+ label="综合排名"
|
|
|
+ width="80"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="fdlpm"
|
|
|
- label="发电量排名"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="fdlpm"
|
|
|
+ label="发电量排名"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="fdl"
|
|
|
- label="发电量"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="fdl"
|
|
|
+ label="发电量"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="gzssdlpm"
|
|
|
- label="故障损失排名"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="gzssdlpm"
|
|
|
+ label="故障损失排名"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="gzssdl"
|
|
|
- label="故障损失"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="gzssdl"
|
|
|
+ label="故障损失"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="jxssdlpm"
|
|
|
- label="检修损失排名"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="jxssdlpm"
|
|
|
+ label="检修损失排名"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="jxssdl"
|
|
|
- label="检修损失"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="jxssdl"
|
|
|
+ label="检修损失"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="xnssdlpm"
|
|
|
- label="性能损失排名"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="xnssdlpm"
|
|
|
+ label="性能损失排名"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="xnssdl"
|
|
|
- label="性能损失"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="xnssdl"
|
|
|
+ label="性能损失"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="xdssdlpm"
|
|
|
- label="限电损失排名"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="xdssdlpm"
|
|
|
+ label="限电损失排名"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="xdssdl"
|
|
|
- label="限电损失"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="xdssdl"
|
|
|
+ label="限电损失"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="slssdlpm"
|
|
|
- label="受累损失排名"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="slssdlpm"
|
|
|
+ label="受累损失排名"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="slssdl"
|
|
|
- label="受累损失"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="slssdl"
|
|
|
+ label="受累损失"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="fnlylpm"
|
|
|
- :label="(tabIndex === -1 ? '风能' : '光能') + '利用率排名'"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="fnlylpm"
|
|
|
+ :label="(tabIndex === -1 ? '风能' : '光能') + '利用率排名'"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="fnlyl"
|
|
|
- :label="(tabIndex === -1 ? '风能' : '光能') + '利用率(%)'"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="fnlyl"
|
|
|
+ :label="(tabIndex === -1 ? '风能' : '光能') + '利用率(%)'"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="gzsslpm"
|
|
|
- label="故障损失率排名"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="gzsslpm"
|
|
|
+ label="故障损失率排名"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="gzssl"
|
|
|
- label="故障损失率(%)"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="gzssl"
|
|
|
+ label="故障损失率(%)"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="jxsslpm"
|
|
|
- label="检修损失率排名"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="jxsslpm"
|
|
|
+ label="检修损失率排名"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="jxssl"
|
|
|
- label="检修损失率(%)"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="jxssl"
|
|
|
+ label="检修损失率(%)"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="qflpm"
|
|
|
- :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="qflpm"
|
|
|
+ :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="qfl"
|
|
|
- :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="qfl"
|
|
|
+ :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="xnsslpm"
|
|
|
- label="性能损失率排名"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="xnsslpm"
|
|
|
+ label="性能损失率排名"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="xnssl"
|
|
|
- label="性能损失率(%)"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="xnssl"
|
|
|
+ label="性能损失率(%)"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="slsslpm"
|
|
|
- label="受累损失率排名"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="slsslpm"
|
|
|
+ label="受累损失率排名"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="slssl"
|
|
|
- label="受累损失率(%)"
|
|
|
- sortable
|
|
|
- width="63"
|
|
|
+ align="center"
|
|
|
+ prop="slssl"
|
|
|
+ label="受累损失率(%)"
|
|
|
+ sortable
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" prop="" label="操作">
|
|
|
<template v-slot="scope">
|
|
|
<span
|
|
|
- @click="goDetail(scope.row)"
|
|
|
- style="cursor: pointer; color: #1c99ff"
|
|
|
- >详情</span
|
|
|
+ @click="goDetail(scope.row)"
|
|
|
+ style="cursor: pointer; color: #1c99ff"
|
|
|
+ >详情</span
|
|
|
>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -375,10 +392,10 @@
|
|
|
损失电量分析
|
|
|
</div>
|
|
|
<PieChart
|
|
|
- :lossPower="lossPower"
|
|
|
- width="100%"
|
|
|
- height="20vh"
|
|
|
- :showLable="false"
|
|
|
+ :lossPower="lossPower"
|
|
|
+ width="100%"
|
|
|
+ height="20vh"
|
|
|
+ :showLable="false"
|
|
|
></PieChart>
|
|
|
</div>
|
|
|
<div class="bar-echarts">
|
|
|
@@ -388,34 +405,34 @@
|
|
|
五项损失
|
|
|
</div>
|
|
|
<BarCharts
|
|
|
- :list="barList"
|
|
|
- width="100%"
|
|
|
- height="30vh"
|
|
|
- :showLegend="true"
|
|
|
- :xdate="false"
|
|
|
- :colorIndex="true"
|
|
|
+ :list="barList"
|
|
|
+ width="100%"
|
|
|
+ height="30vh"
|
|
|
+ :showLegend="true"
|
|
|
+ :xdate="false"
|
|
|
+ :colorIndex="true"
|
|
|
></BarCharts>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="displayDetail">
|
|
|
<el-table
|
|
|
- :data="detailTable"
|
|
|
- ref="multipleTable"
|
|
|
- size="mini"
|
|
|
- height="88vh"
|
|
|
- :cell-style="{ padding: '0px' }"
|
|
|
- :row-style="{ height: '0' }"
|
|
|
- stripe
|
|
|
- @selection-change="handleCurrentChange"
|
|
|
+ :data="detailTable"
|
|
|
+ ref="multipleTable"
|
|
|
+ size="mini"
|
|
|
+ height="88vh"
|
|
|
+ :cell-style="{ padding: '0px' }"
|
|
|
+ :row-style="{ height: '0' }"
|
|
|
+ stripe
|
|
|
+ @selection-change="handleCurrentChange"
|
|
|
>
|
|
|
<el-table-column type="selection" width="55" align="center">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="name"
|
|
|
- label="风机名称"
|
|
|
- width="150"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="name"
|
|
|
+ label="风机名称"
|
|
|
+ width="150"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" prop="zhpm" label="综合排名" sortable>
|
|
|
@@ -423,126 +440,126 @@
|
|
|
<el-table-column align="center" prop="gzssdl" label="故障损失" sortable>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="jxssdlpm"
|
|
|
- label="检修损失排名"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="jxssdlpm"
|
|
|
+ label="检修损失排名"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" prop="jxssdl" label="检修损失" sortable>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="xnssdlpm"
|
|
|
- label="性能损失排名"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="xnssdlpm"
|
|
|
+ label="性能损失排名"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" prop="xnssdl" label="性能损失" sortable>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="xdssdlpm"
|
|
|
- label="限电损失排名"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="xdssdlpm"
|
|
|
+ label="限电损失排名"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" prop="xdssdl" label="限电损失" sortable>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="slssdlpm"
|
|
|
- label="受累损失排名"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="slssdlpm"
|
|
|
+ label="受累损失排名"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column align="center" prop="slssdl" label="受累损失" sortable>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="gzsslpm"
|
|
|
- label="故障损失率排名"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="gzsslpm"
|
|
|
+ label="故障损失率排名"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="gzssl"
|
|
|
- label="故障损失率(%)"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="gzssl"
|
|
|
+ label="故障损失率(%)"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="jxsslpm"
|
|
|
- label="检修损失率排名"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="jxsslpm"
|
|
|
+ label="检修损失率排名"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="jxssl"
|
|
|
- label="检修损失率(%)"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="jxssl"
|
|
|
+ label="检修损失率(%)"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="qflpm"
|
|
|
- :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="qflpm"
|
|
|
+ :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率排名'"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="qfl"
|
|
|
- :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="qfl"
|
|
|
+ :label="'弃' + (tabIndex === -1 ? '风' : '光') + '率(%)'"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="xnsslpm"
|
|
|
- label="性能损失率排名"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="xnsslpm"
|
|
|
+ label="性能损失率排名"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="xnssl"
|
|
|
- label="性能损失率(%)"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="xnssl"
|
|
|
+ label="性能损失率(%)"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="slsslpm"
|
|
|
- label="受累损失率排名"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="slsslpm"
|
|
|
+ label="受累损失率排名"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- align="center"
|
|
|
- prop="slssl"
|
|
|
- label="受累损失率(%)"
|
|
|
- sortable
|
|
|
+ align="center"
|
|
|
+ prop="slssl"
|
|
|
+ label="受累损失率(%)"
|
|
|
+ sortable
|
|
|
>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
|
|
|
<el-dialog
|
|
|
- class="dialogs"
|
|
|
- width="90%"
|
|
|
- top="40px"
|
|
|
- v-model="dialogVisible"
|
|
|
- :show-close="true"
|
|
|
+ class="dialogs"
|
|
|
+ width="90%"
|
|
|
+ top="40px"
|
|
|
+ v-model="dialogVisible"
|
|
|
+ :show-close="true"
|
|
|
>
|
|
|
<template #title>
|
|
|
<div class="dialog-title">
|
|
|
<img
|
|
|
- class="dialog-title-img"
|
|
|
- src="@assets/img/images/dialog-title.png"
|
|
|
+ class="dialog-title-img"
|
|
|
+ src="@assets/img/images/dialog-title.png"
|
|
|
/>
|
|
|
<div class="title">对标排名分析</div>
|
|
|
</div>
|
|
|
@@ -550,15 +567,15 @@
|
|
|
<div class="dialog-body">
|
|
|
<img class="dialog-img" src="@assets/img/images/dialog.png" />
|
|
|
<dayinfo
|
|
|
- :radarValue="radarValue"
|
|
|
- :title="[windNum, windNum2, windNum3, windNum4, windNum5]"
|
|
|
- :windNum="windNum"
|
|
|
- :windNum2="windNum2"
|
|
|
- :windNum3="windNum3"
|
|
|
- :windNum4="windNum4"
|
|
|
- :windNum5="windNum5"
|
|
|
- :tabs="tabs"
|
|
|
- :analyisDialog="analyisDialog"
|
|
|
+ :radarValue="radarValue"
|
|
|
+ :title="[windNum, windNum2, windNum3, windNum4, windNum5]"
|
|
|
+ :windNum="windNum"
|
|
|
+ :windNum2="windNum2"
|
|
|
+ :windNum3="windNum3"
|
|
|
+ :windNum4="windNum4"
|
|
|
+ :windNum5="windNum5"
|
|
|
+ :tabs="tabs"
|
|
|
+ :analyisDialog="analyisDialog"
|
|
|
/>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
@@ -566,6 +583,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import HeardSearch from "@com/heardSearch/index.vue";
|
|
|
import dayjs from "dayjs";
|
|
|
import { companys } from "@/api/curveAnalyse";
|
|
|
import { getStation, getProject, xmdb, details } from "@/api/performance";
|
|
|
@@ -575,12 +593,14 @@ import dayinfo from "../compontent/dayinfo.vue";
|
|
|
export default {
|
|
|
name: "intervalBenchmarking", //场际对标
|
|
|
components: {
|
|
|
+ HeardSearch,
|
|
|
PieChart,
|
|
|
BarCharts,
|
|
|
dayinfo,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ isFirstLoad: true,
|
|
|
company: "",
|
|
|
companyOptions: [],
|
|
|
stationObj: [],
|
|
|
@@ -890,11 +910,11 @@ export default {
|
|
|
});
|
|
|
this.radarValue = radarValue;
|
|
|
var analyis = [],
|
|
|
- gzssdl = [],
|
|
|
- jxssdl = [],
|
|
|
- xnssdl = [],
|
|
|
- xdssdl = [],
|
|
|
- slssdl = [];
|
|
|
+ gzssdl = [],
|
|
|
+ jxssdl = [],
|
|
|
+ xnssdl = [],
|
|
|
+ xdssdl = [],
|
|
|
+ slssdl = [];
|
|
|
data.forEach((item, index) => {
|
|
|
gzssdl.push({
|
|
|
text: item.name,
|
|
|
@@ -918,34 +938,47 @@ export default {
|
|
|
});
|
|
|
});
|
|
|
analyis.push(
|
|
|
- {
|
|
|
- title: "故障损失电量",
|
|
|
- yAxisIndex: 0,
|
|
|
- value: gzssdl,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "检修损失电量",
|
|
|
- yAxisIndex: 0,
|
|
|
- value: jxssdl,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "性能损失电量",
|
|
|
- yAxisIndex: 0,
|
|
|
- value: xnssdl,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "限电损失电量",
|
|
|
- yAxisIndex: 0,
|
|
|
- value: xdssdl,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "受累损失电量",
|
|
|
- yAxisIndex: 0,
|
|
|
- value: slssdl,
|
|
|
- }
|
|
|
+ {
|
|
|
+ title: "故障损失电量",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: gzssdl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "检修损失电量",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: jxssdl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "性能损失电量",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: xnssdl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "限电损失电量",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: xdssdl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "受累损失电量",
|
|
|
+ yAxisIndex: 0,
|
|
|
+ value: slssdl,
|
|
|
+ }
|
|
|
);
|
|
|
this.analyisDialog = analyis;
|
|
|
},
|
|
|
+ firstRender(searchOptions) {
|
|
|
+ this.tabIndex = searchOptions.category;
|
|
|
+ this.company = searchOptions.orgId;
|
|
|
+ this.starTime = searchOptions.dateRange?.[0] || "";
|
|
|
+ this.endTime = searchOptions.dateRange?.[1] || "";
|
|
|
+ this.stationObj = [searchOptions.station];
|
|
|
+ this.projectObj = [searchOptions.project];
|
|
|
+ this.lineObj = [searchOptions.line];
|
|
|
+ if (this.isFirstLoad) {
|
|
|
+ this.isFirstLoad = false;
|
|
|
+ this.getCmdb();
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
watch: {
|
|
|
screenHeight(val) {
|
|
|
@@ -999,7 +1032,7 @@ export default {
|
|
|
background-color: #0c3378;
|
|
|
color: #fff;
|
|
|
}
|
|
|
- .disabled {
|
|
|
+ .disabled {
|
|
|
pointer-events: none;
|
|
|
}
|
|
|
}
|
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
2 éve