|
|
@@ -103,6 +103,26 @@
|
|
|
vertical-align: middle;
|
|
|
"
|
|
|
>
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ trigger="hover"
|
|
|
+ v-model="visible"
|
|
|
+ style="position: absolute; left: 780px; top: 10px ; z-index: 99999; width : 70px"
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ :data="gridData"
|
|
|
+ :show-header=false
|
|
|
+ max-height="400"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ width="70"
|
|
|
+ property="lyl"
|
|
|
+ label="利用率"
|
|
|
+ ></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-button slot="reference" @click="visible = !visible" >利用率</el-button>
|
|
|
+ </el-popover>
|
|
|
+
|
|
|
<div
|
|
|
id="histogram_fc"
|
|
|
ref="fc_zzt"
|
|
|
@@ -128,23 +148,25 @@
|
|
|
<el-table-column prop="wtName" label="名称" width="135">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_total"
|
|
|
+ :formatter="filter_total"
|
|
|
prop="total"
|
|
|
label="理论发电"
|
|
|
width="78"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
-
|
|
|
- :formatter="filter_daydl2"
|
|
|
+ :formatter="filter_daydl2"
|
|
|
prop="daydl2"
|
|
|
label="SCADA"
|
|
|
width="76"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- :formatter="filter_dayspeed"
|
|
|
- prop="dayspeed" label="风速" width="58">
|
|
|
+ <el-table-column
|
|
|
+ :formatter="filter_dayspeed"
|
|
|
+ prop="dayspeed"
|
|
|
+ label="风速"
|
|
|
+ width="58"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
:formatter="filter_daynhgzssdl"
|
|
|
@@ -154,29 +176,39 @@
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_daynhwhssdl"
|
|
|
+ :formatter="filter_daynhwhssdl"
|
|
|
prop="daynhwhssdl"
|
|
|
label="计划检修"
|
|
|
width="80"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column :formatter="filter_daynhcfdl" prop="daynhcfdl" label="受累" width="70">
|
|
|
+ <el-table-column
|
|
|
+ :formatter="filter_daynhcfdl"
|
|
|
+ prop="daynhcfdl"
|
|
|
+ label="受累"
|
|
|
+ width="70"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_daynhxdssdl"
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="限电"
|
|
|
width="58"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_daynhxdssdl"
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="性能"
|
|
|
width="58"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column :formatter="filter_lyl" prop="lyl" label="利用率%" width="100">
|
|
|
+ <el-table-column
|
|
|
+ :formatter="filter_lyl"
|
|
|
+ prop="lyl"
|
|
|
+ label="利用率%"
|
|
|
+ width="100"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -202,6 +234,27 @@
|
|
|
vertical-align: middle;
|
|
|
"
|
|
|
>
|
|
|
+
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ trigger="hover"
|
|
|
+ v-model="visible2"
|
|
|
+ style="position: absolute; left: 780px; top: 10px ; z-index: 99999; width : 70px"
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ :data="gridData"
|
|
|
+ :show-header=false
|
|
|
+ max-height="400"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ width="70"
|
|
|
+ property="lyl"
|
|
|
+ label="利用率"
|
|
|
+ ></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-button slot="reference" @click="visible2 = !visible2" >利用率</el-button>
|
|
|
+ </el-popover>
|
|
|
+
|
|
|
<div
|
|
|
id="histogram_xm"
|
|
|
style="width: 800px; height: 400px; margin: auto"
|
|
|
@@ -226,23 +279,25 @@
|
|
|
<el-table-column prop="wtName" label="名称" width="125">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_total"
|
|
|
+ :formatter="filter_total"
|
|
|
prop="total"
|
|
|
label="理论发电"
|
|
|
width="78"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
-
|
|
|
- :formatter="filter_daydl2"
|
|
|
+ :formatter="filter_daydl2"
|
|
|
prop="daydl2"
|
|
|
label="SCADA"
|
|
|
width="76"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- :formatter="filter_dayspeed"
|
|
|
- prop="dayspeed" label="风速" width="58">
|
|
|
+ <el-table-column
|
|
|
+ :formatter="filter_dayspeed"
|
|
|
+ prop="dayspeed"
|
|
|
+ label="风速"
|
|
|
+ width="58"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
:formatter="filter_daynhgzssdl"
|
|
|
@@ -252,29 +307,39 @@
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_daynhwhssdl"
|
|
|
+ :formatter="filter_daynhwhssdl"
|
|
|
prop="daynhwhssdl"
|
|
|
label="计划检修"
|
|
|
width="80"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column :formatter="filter_daynhcfdl" prop="daynhcfdl" label="受累" width="70">
|
|
|
+ <el-table-column
|
|
|
+ :formatter="filter_daynhcfdl"
|
|
|
+ prop="daynhcfdl"
|
|
|
+ label="受累"
|
|
|
+ width="70"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_daynhxdssdl"
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="限电"
|
|
|
width="58"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_daynhxdssdl"
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="性能"
|
|
|
width="58"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column :formatter="filter_lyl" prop="lyl" label="利用率%" width="100">
|
|
|
+ <el-table-column
|
|
|
+ :formatter="filter_lyl"
|
|
|
+ prop="lyl"
|
|
|
+ label="利用率%"
|
|
|
+ width="100"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -293,16 +358,33 @@
|
|
|
>
|
|
|
<el-card
|
|
|
shadow="always"
|
|
|
- style="
|
|
|
- width: 48%;
|
|
|
- display: table-cell;
|
|
|
- vertical-align: middle;
|
|
|
- "
|
|
|
+ style="width: 48%; display: table-cell; vertical-align: middle"
|
|
|
>
|
|
|
+
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ trigger="hover"
|
|
|
+ v-model="visible3"
|
|
|
+ style="position: absolute; left: 780px; top: 10px ; z-index: 99999; width : 70px"
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ :data="gridData"
|
|
|
+ :show-header=false
|
|
|
+ max-height="500"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ width="70"
|
|
|
+ property="lyl"
|
|
|
+ label="利用率"
|
|
|
+ ></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-button slot="reference" @click="visible3 = !visible3" >利用率</el-button>
|
|
|
+ </el-popover>
|
|
|
+
|
|
|
<div
|
|
|
id="histogram_jdxl"
|
|
|
- style="width: 800px; margin: auto"
|
|
|
- :style="{height : judge === true ? '1200px' : '600px'}"
|
|
|
+ style="width: 800px; margin: auto"
|
|
|
+ :style="{ height: judge === true ? '1200px' : '600px' }"
|
|
|
></div>
|
|
|
</el-card>
|
|
|
|
|
|
@@ -324,23 +406,25 @@
|
|
|
<el-table-column prop="wtName" label="名称" width="153">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_total"
|
|
|
+ :formatter="filter_total"
|
|
|
prop="total"
|
|
|
label="理论发电"
|
|
|
width="78"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
-
|
|
|
- :formatter="filter_daydl2"
|
|
|
+ :formatter="filter_daydl2"
|
|
|
prop="daydl2"
|
|
|
label="SCADA"
|
|
|
width="76"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- :formatter="filter_dayspeed"
|
|
|
- prop="dayspeed" label="风速" width="58">
|
|
|
+ <el-table-column
|
|
|
+ :formatter="filter_dayspeed"
|
|
|
+ prop="dayspeed"
|
|
|
+ label="风速"
|
|
|
+ width="58"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
:formatter="filter_daynhgzssdl"
|
|
|
@@ -350,29 +434,39 @@
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_daynhwhssdl"
|
|
|
+ :formatter="filter_daynhwhssdl"
|
|
|
prop="daynhwhssdl"
|
|
|
label="计划检修"
|
|
|
width="80"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column :formatter="filter_daynhcfdl" prop="daynhcfdl" label="受累" width="70">
|
|
|
+ <el-table-column
|
|
|
+ :formatter="filter_daynhcfdl"
|
|
|
+ prop="daynhcfdl"
|
|
|
+ label="受累"
|
|
|
+ width="70"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_daynhxdssdl"
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="限电"
|
|
|
width="58"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- :formatter="filter_daynhxdssdl"
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="性能"
|
|
|
width="58"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column :formatter="filter_lyl" prop="lyl" label="利用率%" width="100">
|
|
|
+ <el-table-column
|
|
|
+ :formatter="filter_lyl"
|
|
|
+ prop="lyl"
|
|
|
+ label="利用率%"
|
|
|
+ width="100"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -391,14 +485,20 @@ import excelHelper from "@/utils/excelHelper";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- judge:true,
|
|
|
- autoHeight:1200,
|
|
|
+ visible: false,
|
|
|
+ visible2: false,
|
|
|
+ visible3: false,
|
|
|
+ gridData: [
|
|
|
+
|
|
|
+ ],
|
|
|
+ judge: true,
|
|
|
+ autoHeight: 1200,
|
|
|
formInline: {
|
|
|
wpIds: "NSS_FDC",
|
|
|
project: "NSS01_GC",
|
|
|
line: "NSS01_XL",
|
|
|
},
|
|
|
- fc_date: {},
|
|
|
+ fc_date: [],
|
|
|
pj_date: [],
|
|
|
xl_date: [],
|
|
|
beginDate: "2021-01-01",
|
|
|
@@ -416,7 +516,11 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
- onSubmit() {
|
|
|
+ onSubmit() {},
|
|
|
+ query_lyl(queryAll_table){
|
|
|
+ Object.assign(this.$data.gridData, this.$options.data().gridData);
|
|
|
+ queryAll_table.splice(-1,1);
|
|
|
+ this.gridData =queryAll_table;
|
|
|
},
|
|
|
handleClick(tab) {
|
|
|
if (tab.name === "first") {
|
|
|
@@ -478,6 +582,7 @@ export default {
|
|
|
.then((res) => {
|
|
|
let that = this;
|
|
|
let queryAll_table = res.data.data;
|
|
|
+ this.query_lyl(queryAll_table);
|
|
|
if (this.tableid === "fc") {
|
|
|
that.fc_date = queryAll_table;
|
|
|
} else if (this.tableid === "pj") {
|
|
|
@@ -491,16 +596,21 @@ export default {
|
|
|
this.judge = false;
|
|
|
this.autoHeight = 600;
|
|
|
let that = this;
|
|
|
- if (this.beginDate == "" || this.endDate == "" || this.beginDate == undefined || this.endDate == undefined) {
|
|
|
+ if (
|
|
|
+ this.beginDate == "" ||
|
|
|
+ this.endDate == "" ||
|
|
|
+ this.beginDate == undefined ||
|
|
|
+ this.endDate == undefined
|
|
|
+ ) {
|
|
|
this.beginDate = "2021-01-01";
|
|
|
- that.endDate = "2021-01-02";
|
|
|
+ that.endDate = "2021-01-02";
|
|
|
that.$message.error("请选时间！");
|
|
|
return;
|
|
|
}
|
|
|
this.fc_date = "";
|
|
|
this.xl_date = "";
|
|
|
this.pj_date = "";
|
|
|
-
|
|
|
+
|
|
|
if (
|
|
|
that.formInline.wpIds == "" ||
|
|
|
that.formInline.wpIds == null ||
|
|
|
@@ -587,48 +697,54 @@ export default {
|
|
|
queryApDataMx() {
|
|
|
this.$router.push({ path: "/new_performanceList_fan" });
|
|
|
},
|
|
|
- filter_total(cellValue){
|
|
|
- return parseFloat(cellValue.total).toFixed(2);
|
|
|
+ filter_total(cellValue) {
|
|
|
+ return parseFloat(cellValue.total).toFixed(2);
|
|
|
},
|
|
|
-
|
|
|
- filter_daydl2(cellValue){
|
|
|
- return parseFloat(cellValue.daydl2).toFixed(2);
|
|
|
+
|
|
|
+ filter_daydl2(cellValue) {
|
|
|
+ return parseFloat(cellValue.daydl2).toFixed(2);
|
|
|
},
|
|
|
- filter_dayspeed(cellValue){
|
|
|
- return parseFloat(cellValue.dayspeed).toFixed(2);
|
|
|
+ filter_dayspeed(cellValue) {
|
|
|
+ return parseFloat(cellValue.dayspeed).toFixed(2);
|
|
|
},
|
|
|
- filter_daynhwhssdl(cellValue){
|
|
|
- return parseFloat(cellValue.daynhwhssdl).toFixed(2);
|
|
|
+ filter_daynhwhssdl(cellValue) {
|
|
|
+ return parseFloat(cellValue.daynhwhssdl).toFixed(2);
|
|
|
},
|
|
|
- filter_daynhcfdl(cellValue){
|
|
|
- return parseFloat(cellValue.daynhcfdl).toFixed(2);
|
|
|
+ filter_daynhcfdl(cellValue) {
|
|
|
+ return parseFloat(cellValue.daynhcfdl).toFixed(2);
|
|
|
},
|
|
|
- filter_daynhxdssdl(cellValue){
|
|
|
- return parseFloat(cellValue.daynhxdssdl).toFixed(2);
|
|
|
+ filter_daynhxdssdl(cellValue) {
|
|
|
+ return parseFloat(cellValue.daynhxdssdl).toFixed(2);
|
|
|
},
|
|
|
- filter_lyl(cellValue){
|
|
|
- return parseFloat(cellValue.lyl).toFixed(2);
|
|
|
+ filter_lyl(cellValue) {
|
|
|
+ return parseFloat(cellValue.lyl).toFixed(2);
|
|
|
},
|
|
|
- filter_daynhgzssdl(cellValue){
|
|
|
- return parseFloat(cellValue.daynhgzssdl).toFixed(2);
|
|
|
+ filter_daynhgzssdl(cellValue) {
|
|
|
+ return parseFloat(cellValue.daynhgzssdl).toFixed(2);
|
|
|
},
|
|
|
toExcel() {
|
|
|
- let that = this;
|
|
|
- if (this.tableid === "fc") {
|
|
|
- excelHelper.exportExcel("fc_table","fc数据",".xls",true);
|
|
|
- } else if (this.tableid === "pj") {
|
|
|
- excelHelper.exportExcel("pj_table","pj数据",".xls",true);
|
|
|
- } else if (this.tableid === "xl") {
|
|
|
- excelHelper.exportExcel("xl_table","xl数据",".xls",true);
|
|
|
- }
|
|
|
-
|
|
|
+ let that = this;
|
|
|
+ if (this.tableid === "fc") {
|
|
|
+ excelHelper.exportExcel("fc_table", "fc数据", ".xls", true);
|
|
|
+ } else if (this.tableid === "pj") {
|
|
|
+ excelHelper.exportExcel("pj_table", "pj数据", ".xls", true);
|
|
|
+ } else if (this.tableid === "xl") {
|
|
|
+ excelHelper.exportExcel("xl_table", "xl数据", ".xls", true);
|
|
|
+ }
|
|
|
},
|
|
|
drawhistogram_fc(date) {
|
|
|
this.chartLine = echarts.init(document.getElementById("histogram_fc"));
|
|
|
|
|
|
var option;
|
|
|
option = {
|
|
|
- color:["#64E572","#24CBE5","#DDDF00","#ED561B","#50B432","#058DC7"],
|
|
|
+ color: [
|
|
|
+ "#64E572",
|
|
|
+ "#24CBE5",
|
|
|
+ "#DDDF00",
|
|
|
+ "#ED561B",
|
|
|
+ "#50B432",
|
|
|
+ "#058DC7",
|
|
|
+ ],
|
|
|
title: {
|
|
|
text: "风机绩效榜单",
|
|
|
left: 300,
|
|
|
@@ -771,7 +887,14 @@ export default {
|
|
|
|
|
|
var option;
|
|
|
option = {
|
|
|
- color:["#64E572","#24CBE5","#DDDF00","#ED561B","#50B432","#058DC7"],
|
|
|
+ color: [
|
|
|
+ "#64E572",
|
|
|
+ "#24CBE5",
|
|
|
+ "#DDDF00",
|
|
|
+ "#ED561B",
|
|
|
+ "#50B432",
|
|
|
+ "#058DC7",
|
|
|
+ ],
|
|
|
title: {
|
|
|
text: "风机绩效榜单",
|
|
|
left: 300,
|
|
|
@@ -911,12 +1034,19 @@ export default {
|
|
|
drawhistogram_xl(date) {
|
|
|
this.chartLine = echarts.init(document.getElementById("histogram_jdxl"));
|
|
|
this.chartLine.clear();
|
|
|
- this.chartLine.resize({height: this.autoHeight})
|
|
|
+ this.chartLine.resize({ height: this.autoHeight });
|
|
|
var option;
|
|
|
|
|
|
var option;
|
|
|
option = {
|
|
|
- color:["#64E572","#24CBE5","#DDDF00","#ED561B","#50B432","#058DC7"],
|
|
|
+ color: [
|
|
|
+ "#64E572",
|
|
|
+ "#24CBE5",
|
|
|
+ "#DDDF00",
|
|
|
+ "#ED561B",
|
|
|
+ "#50B432",
|
|
|
+ "#058DC7",
|
|
|
+ ],
|
|
|
title: {
|
|
|
text: "风机绩效榜单",
|
|
|
left: 300,
|
zhaomiao