|
|
@@ -14,32 +14,42 @@
|
|
|
|
|
|
<el-main>
|
|
|
<el-card>
|
|
|
- <el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
|
+ <el-form :inline="true" class="demo-form-inline">
|
|
|
<el-row :gutter="1">
|
|
|
<el-form-item label="风场">
|
|
|
- <el-input
|
|
|
- v-model="formInline.wpIds"
|
|
|
- id="windfarm"
|
|
|
- placeholder="风场"
|
|
|
- ></el-input>
|
|
|
+ <el-select v-model="fc" clearable placeholder="请选择" @change="query_xml()">
|
|
|
+ <el-option
|
|
|
+ v-for="item in wpIdslist"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="项目">
|
|
|
- <el-input
|
|
|
- v-model="formInline.project"
|
|
|
- id="project"
|
|
|
- placeholder="项目"
|
|
|
- @focus="checkwindfarm"
|
|
|
- ></el-input>
|
|
|
+ <el-select v-model="pj" clearable placeholder="请选择" @change="query_xl()">
|
|
|
+ <el-option
|
|
|
+ v-for="item in projectlist"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="线路">
|
|
|
- <el-input
|
|
|
- v-model="formInline.line"
|
|
|
- id="line"
|
|
|
- placeholder="线路"
|
|
|
- @focus="checkproject"
|
|
|
- ></el-input>
|
|
|
+ <el-select v-model="xl" clearable placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in linelist"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="开始时间">
|
|
|
@@ -107,11 +117,17 @@
|
|
|
placement="bottom"
|
|
|
trigger="hover"
|
|
|
v-model="visible"
|
|
|
- style="position: absolute; left: 780px; top: 10px ; z-index: 99999; width : 70px"
|
|
|
+ style="
|
|
|
+ position: absolute;
|
|
|
+ left: 780px;
|
|
|
+ top: 10px;
|
|
|
+ z-index: 99999;
|
|
|
+ width: 70px;
|
|
|
+ "
|
|
|
>
|
|
|
<el-table
|
|
|
:data="gridData"
|
|
|
- :show-header=false
|
|
|
+ :show-header="false"
|
|
|
max-height="400"
|
|
|
>
|
|
|
<el-table-column
|
|
|
@@ -120,7 +136,9 @@
|
|
|
label="利用率"
|
|
|
></el-table-column>
|
|
|
</el-table>
|
|
|
- <el-button slot="reference" @click="visible = !visible" >利用率</el-button>
|
|
|
+ <el-button slot="reference" @click="visible = !visible"
|
|
|
+ >利用率</el-button
|
|
|
+ >
|
|
|
</el-popover>
|
|
|
|
|
|
<div
|
|
|
@@ -139,75 +157,89 @@
|
|
|
<el-table
|
|
|
id="fc_table"
|
|
|
:data="fc_date"
|
|
|
- style="width: 100%"
|
|
|
+ style="width: 100%; font-size: 1px"
|
|
|
max-height="400px"
|
|
|
>
|
|
|
<el-table-column label="项目列表">
|
|
|
<el-table-column fixed type="index" width="45">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="wtName" label="名称" width="135">
|
|
|
+ <el-table-column
|
|
|
+ prop="wtName"
|
|
|
+ sortable
|
|
|
+ label="名称"
|
|
|
+ width="103"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_total"
|
|
|
prop="total"
|
|
|
label="理论发电"
|
|
|
- width="78"
|
|
|
+ width="83"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daydl2"
|
|
|
prop="daydl2"
|
|
|
label="SCADA"
|
|
|
- width="76"
|
|
|
+ width="81"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_dayspeed"
|
|
|
prop="dayspeed"
|
|
|
label="风速"
|
|
|
- width="58"
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhgzssdl"
|
|
|
prop="daynhgzssdl"
|
|
|
label="非计划检修"
|
|
|
- width="98"
|
|
|
+ width="103"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhwhssdl"
|
|
|
prop="daynhwhssdl"
|
|
|
label="计划检修"
|
|
|
- width="80"
|
|
|
+ width="85"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhcfdl"
|
|
|
prop="daynhcfdl"
|
|
|
label="受累"
|
|
|
- width="70"
|
|
|
+ width="75"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="限电"
|
|
|
- width="58"
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="性能"
|
|
|
- width="58"
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_lyl"
|
|
|
prop="lyl"
|
|
|
label="利用率%"
|
|
|
- width="100"
|
|
|
+ width="90"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
@@ -234,16 +266,21 @@
|
|
|
vertical-align: middle;
|
|
|
"
|
|
|
>
|
|
|
-
|
|
|
- <el-popover
|
|
|
+ <el-popover
|
|
|
placement="bottom"
|
|
|
trigger="hover"
|
|
|
v-model="visible2"
|
|
|
- style="position: absolute; left: 780px; top: 10px ; z-index: 99999; width : 70px"
|
|
|
+ style="
|
|
|
+ position: absolute;
|
|
|
+ left: 780px;
|
|
|
+ top: 10px;
|
|
|
+ z-index: 99999;
|
|
|
+ width: 70px;
|
|
|
+ "
|
|
|
>
|
|
|
<el-table
|
|
|
:data="gridData"
|
|
|
- :show-header=false
|
|
|
+ :show-header="false"
|
|
|
max-height="400"
|
|
|
>
|
|
|
<el-table-column
|
|
|
@@ -252,7 +289,9 @@
|
|
|
label="利用率"
|
|
|
></el-table-column>
|
|
|
</el-table>
|
|
|
- <el-button slot="reference" @click="visible2 = !visible2" >利用率</el-button>
|
|
|
+ <el-button slot="reference" @click="visible2 = !visible2"
|
|
|
+ >利用率</el-button
|
|
|
+ >
|
|
|
</el-popover>
|
|
|
|
|
|
<div
|
|
|
@@ -270,75 +309,89 @@
|
|
|
<el-table
|
|
|
id="pj_table"
|
|
|
:data="pj_date"
|
|
|
- style="width: 100%"
|
|
|
+ style="width: 100%; font-size: 1px"
|
|
|
max-height="400px"
|
|
|
>
|
|
|
<el-table-column label="项目列表">
|
|
|
<el-table-column fixed type="index" width="45">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="wtName" label="名称" width="125">
|
|
|
+ <el-table-column
|
|
|
+ prop="wtName"
|
|
|
+ sortable
|
|
|
+ label="名称"
|
|
|
+ width="103"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_total"
|
|
|
prop="total"
|
|
|
label="理论发电"
|
|
|
- width="78"
|
|
|
+ width="83"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daydl2"
|
|
|
prop="daydl2"
|
|
|
label="SCADA"
|
|
|
- width="76"
|
|
|
+ width="81"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_dayspeed"
|
|
|
prop="dayspeed"
|
|
|
label="风速"
|
|
|
- width="58"
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhgzssdl"
|
|
|
prop="daynhgzssdl"
|
|
|
label="非计划检修"
|
|
|
- width="98"
|
|
|
+ width="103"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhwhssdl"
|
|
|
prop="daynhwhssdl"
|
|
|
label="计划检修"
|
|
|
- width="80"
|
|
|
+ width="85"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhcfdl"
|
|
|
prop="daynhcfdl"
|
|
|
label="受累"
|
|
|
- width="70"
|
|
|
+ width="75"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="限电"
|
|
|
- width="58"
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="性能"
|
|
|
- width="58"
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_lyl"
|
|
|
prop="lyl"
|
|
|
label="利用率%"
|
|
|
- width="100"
|
|
|
+ width="90"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
@@ -360,16 +413,21 @@
|
|
|
shadow="always"
|
|
|
style="width: 48%; display: table-cell; vertical-align: middle"
|
|
|
>
|
|
|
-
|
|
|
- <el-popover
|
|
|
+ <el-popover
|
|
|
placement="bottom"
|
|
|
trigger="hover"
|
|
|
v-model="visible3"
|
|
|
- style="position: absolute; left: 780px; top: 10px ; z-index: 99999; width : 70px"
|
|
|
+ style="
|
|
|
+ position: absolute;
|
|
|
+ left: 780px;
|
|
|
+ top: 10px;
|
|
|
+ z-index: 99999;
|
|
|
+ width: 70px;
|
|
|
+ "
|
|
|
>
|
|
|
<el-table
|
|
|
:data="gridData"
|
|
|
- :show-header=false
|
|
|
+ :show-header="false"
|
|
|
max-height="500"
|
|
|
>
|
|
|
<el-table-column
|
|
|
@@ -378,7 +436,9 @@
|
|
|
label="利用率"
|
|
|
></el-table-column>
|
|
|
</el-table>
|
|
|
- <el-button slot="reference" @click="visible3 = !visible3" >利用率</el-button>
|
|
|
+ <el-button slot="reference" @click="visible3 = !visible3"
|
|
|
+ >利用率</el-button
|
|
|
+ >
|
|
|
</el-popover>
|
|
|
|
|
|
<div
|
|
|
@@ -397,75 +457,89 @@
|
|
|
<el-table
|
|
|
id="xl_table"
|
|
|
:data="xl_date"
|
|
|
- style="width: 100%"
|
|
|
+ style="width: 100%; font-size: 1px"
|
|
|
max-height="1200px"
|
|
|
>
|
|
|
<el-table-column label="项目列表">
|
|
|
<el-table-column fixed type="index" width="45">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="wtName" label="名称" width="153">
|
|
|
+ <el-table-column
|
|
|
+ prop="wtName"
|
|
|
+ sortable
|
|
|
+ label="名称"
|
|
|
+ width="103"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_total"
|
|
|
prop="total"
|
|
|
label="理论发电"
|
|
|
- width="78"
|
|
|
+ width="83"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daydl2"
|
|
|
prop="daydl2"
|
|
|
label="SCADA"
|
|
|
- width="76"
|
|
|
+ width="81"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_dayspeed"
|
|
|
prop="dayspeed"
|
|
|
label="风速"
|
|
|
- width="58"
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhgzssdl"
|
|
|
prop="daynhgzssdl"
|
|
|
label="非计划检修"
|
|
|
- width="98"
|
|
|
+ width="103"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhwhssdl"
|
|
|
prop="daynhwhssdl"
|
|
|
label="计划检修"
|
|
|
- width="80"
|
|
|
+ width="85"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhcfdl"
|
|
|
prop="daynhcfdl"
|
|
|
label="受累"
|
|
|
- width="70"
|
|
|
+ width="75"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="限电"
|
|
|
- width="58"
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_daynhxdssdl"
|
|
|
prop="daynhxdssdl"
|
|
|
label="性能"
|
|
|
- width="58"
|
|
|
+ width="63"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
+ sortable
|
|
|
:formatter="filter_lyl"
|
|
|
prop="lyl"
|
|
|
label="利用率%"
|
|
|
- width="100"
|
|
|
+ width="90"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
</el-table-column>
|
|
|
@@ -485,18 +559,26 @@ import excelHelper from "@/utils/excelHelper";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ fc:"",
|
|
|
+ pj:"",
|
|
|
+ xl:"",
|
|
|
visible: false,
|
|
|
visible2: false,
|
|
|
visible3: false,
|
|
|
- gridData: [
|
|
|
-
|
|
|
- ],
|
|
|
+ gridData: [],
|
|
|
judge: true,
|
|
|
autoHeight: 1200,
|
|
|
- formInline: {
|
|
|
- wpIds: "NSS_FDC",
|
|
|
- project: "NSS01_GC",
|
|
|
- line: "NSS01_XL",
|
|
|
+ wpIdslist: {
|
|
|
+ name:"",
|
|
|
+ id:"",
|
|
|
+ },
|
|
|
+ projectlist:{
|
|
|
+ name:"",
|
|
|
+ id:"",
|
|
|
+ },
|
|
|
+ linelist:{
|
|
|
+ name:"",
|
|
|
+ id:"",
|
|
|
},
|
|
|
fc_date: [],
|
|
|
pj_date: [],
|
|
|
@@ -513,14 +595,34 @@ export default {
|
|
|
table_xm: {},
|
|
|
table_jdxl: {},
|
|
|
queryAll_querybutton: {},
|
|
|
+ formInline: {
|
|
|
+ wpIds: "NSS_FDC",
|
|
|
+ project: "NSS01_GC",
|
|
|
+ line: "NSS01_XL",
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
onSubmit() {},
|
|
|
- query_lyl(queryAll_table){
|
|
|
+ query_wpid() {
|
|
|
+ this.$http.get("powercompare/windfarmAjax?").then((res) => {
|
|
|
+ this.wpIdslist = res.data.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ query_xml(){
|
|
|
+ this.$http.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
|
|
|
+ this.projectlist = res.data.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ query_xl(){
|
|
|
+ this.$http.get("powercompare/lineAjax?pjIds=" + this.pj).then((res) => {
|
|
|
+ this.linelist = res.data.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ query_lyl(queryAll_table) {
|
|
|
Object.assign(this.$data.gridData, this.$options.data().gridData);
|
|
|
- queryAll_table.splice(-1,1);
|
|
|
- this.gridData =queryAll_table;
|
|
|
+ queryAll_table.splice(-1, 1);
|
|
|
+ this.gridData = queryAll_table;
|
|
|
},
|
|
|
handleClick(tab) {
|
|
|
if (tab.name === "first") {
|
|
|
@@ -544,7 +646,7 @@ export default {
|
|
|
this.$http
|
|
|
.get(
|
|
|
"powercompare/queryPowerAll?wpIds=" +
|
|
|
- this.formInline.wpIds +
|
|
|
+ this.fc +
|
|
|
"&beginDate=" +
|
|
|
this.beginDate +
|
|
|
"&endDate=" +
|
|
|
@@ -567,7 +669,7 @@ export default {
|
|
|
this.$http
|
|
|
.get(
|
|
|
"powercompare/powerAjaxAll?wpIds=" +
|
|
|
- this.formInline.wpIds +
|
|
|
+ this.fc +
|
|
|
"&beginDate=" +
|
|
|
this.beginDate +
|
|
|
"&endDate=" +
|
|
|
@@ -575,7 +677,7 @@ export default {
|
|
|
"&queryType=" +
|
|
|
this.tableid +
|
|
|
"&sortName=" +
|
|
|
- this.formInline.wpIds +
|
|
|
+ this.fc +
|
|
|
"&sortOrder=" +
|
|
|
"Asc"
|
|
|
)
|
|
|
@@ -612,20 +714,20 @@ export default {
|
|
|
this.pj_date = "";
|
|
|
|
|
|
if (
|
|
|
- that.formInline.wpIds == "" ||
|
|
|
- that.formInline.wpIds == null ||
|
|
|
- that.formInline.wpIds == undefined
|
|
|
+ that.fc == "" ||
|
|
|
+ that.fc == null ||
|
|
|
+ that.fc == undefined
|
|
|
) {
|
|
|
that.query();
|
|
|
} else {
|
|
|
this.$http
|
|
|
.get(
|
|
|
"powercompare/queryPower?wpIds=" +
|
|
|
- this.formInline.wpIds +
|
|
|
+ this.fc +
|
|
|
"&pjIds=" +
|
|
|
- this.formInline.project +
|
|
|
+ this.pj +
|
|
|
"&lineIds=" +
|
|
|
- this.formInline.line +
|
|
|
+ this.xl +
|
|
|
"&beginDate=" +
|
|
|
this.beginDate +
|
|
|
"&endDate=" +
|
|
|
@@ -645,17 +747,17 @@ export default {
|
|
|
this.$http
|
|
|
.get(
|
|
|
"powercompare/powerAjax?wpIds=" +
|
|
|
- this.formInline.wpIds +
|
|
|
+ this.fc +
|
|
|
"&pjIds=" +
|
|
|
- this.formInline.project +
|
|
|
+ this.pj +
|
|
|
"&lineIds=" +
|
|
|
- this.formInline.line +
|
|
|
+ this.xl +
|
|
|
"&beginDate=" +
|
|
|
this.beginDate +
|
|
|
"&endDate=" +
|
|
|
this.endDate +
|
|
|
"&sortName=" +
|
|
|
- this.formInline.wpIds +
|
|
|
+ this.fc +
|
|
|
"&sortOrder=" +
|
|
|
"Asc"
|
|
|
)
|
|
|
@@ -673,13 +775,13 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
checkwindfarm() {
|
|
|
- if (this.formInline.windfarm == "") {
|
|
|
+ if (this.fc == "") {
|
|
|
this.$message.error("请选择风场！");
|
|
|
return;
|
|
|
}
|
|
|
},
|
|
|
checkproject() {
|
|
|
- if (this.formInline.project == "") {
|
|
|
+ if (this.fc == "") {
|
|
|
this.$message.error("请选择项目！");
|
|
|
return;
|
|
|
}
|
|
|
@@ -1185,6 +1287,7 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
mounted() {
|
|
|
+ this.query_wpid();
|
|
|
this.query();
|
|
|
},
|
|
|
};
|
zhaomiao