|
@@ -3,14 +3,28 @@
|
|
<el-row class="windStstus">
|
|
<el-row class="windStstus">
|
|
<el-col :span="8" class="scrollbar">
|
|
<el-col :span="8" class="scrollbar">
|
|
<!-- <span class="scrollbarName">场站名称:</span> -->
|
|
<!-- <span class="scrollbarName">场站名称:</span> -->
|
|
- <el-scrollbar>
|
|
+ <div class="seach">
|
|
|
|
+ <el-form class="generat-seach" :inline="true">
|
|
|
|
+ <el-form-item label="场站">
|
|
|
|
+ <el-select v-model="reportStation" placeholder="选择场站" @change="changeWindNo">
|
|
|
|
+ <el-option v-for="item in stationData" :key="item.no" :label="item.stationName"
|
|
|
|
+ :value="item.no">
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item>
|
|
|
|
+ <el-button type="primary" @click="seachData">查询</el-button>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ </div>
|
|
|
|
+ <!-- <el-scrollbar>
|
|
<div class="scrollbar-flex-content">
|
|
<div class="scrollbar-flex-content">
|
|
<p v-for="item in stationData" :key="item.no" class="scrollbar-demo-item"
|
|
<p v-for="item in stationData" :key="item.no" class="scrollbar-demo-item"
|
|
:class="item.showBac ? 'changeBacksty' : 'defaultBacksty'" @click="changeStation(item.no)">
|
|
:class="item.showBac ? 'changeBacksty' : 'defaultBacksty'" @click="changeStation(item.no)">
|
|
{{ item.stationName }}
|
|
{{ item.stationName }}
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
- </el-scrollbar>
|
|
+ </el-scrollbar> -->
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="15">
|
|
<el-col :span="15">
|
|
<div class="everyOne" v-for="(item, index) in !theme ? statusData : statusDataW" :key="index"
|
|
<div class="everyOne" v-for="(item, index) in !theme ? statusData : statusDataW" :key="index"
|
|
@@ -130,6 +144,9 @@
|
|
import sevenimg1 from "@/assets/windStatusPic/guzhang_W.png";
|
|
import sevenimg1 from "@/assets/windStatusPic/guzhang_W.png";
|
|
|
|
|
|
import jsonData from "./component/power.json";
|
|
import jsonData from "./component/power.json";
|
|
|
|
+ import {
|
|
|
|
+ apiGethomeData
|
|
|
|
+ } from "@/api/gengra";
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
powerPredictionDialog,
|
|
powerPredictionDialog,
|
|
@@ -137,6 +154,8 @@
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
windTurbines: "",
|
|
windTurbines: "",
|
|
|
|
+ reportStation: "",
|
|
|
|
+ stationCode: "",
|
|
statusData: [],
|
|
statusData: [],
|
|
statusDataW: [],
|
|
statusDataW: [],
|
|
stationData: [],
|
|
stationData: [],
|
|
@@ -182,7 +201,7 @@
|
|
this.statusData = [{
|
|
this.statusData = [{
|
|
img: oneimg,
|
|
img: oneimg,
|
|
name: "运行",
|
|
name: "运行",
|
|
- nameEn: "yx",
|
|
+ nameEn: "yxsum",
|
|
borderSty: "#1C99FF",
|
|
borderSty: "#1C99FF",
|
|
backSty: "#0046C7",
|
|
backSty: "#0046C7",
|
|
numBack: "#212223",
|
|
numBack: "#212223",
|
|
@@ -191,34 +210,34 @@
|
|
{
|
|
{
|
|
img: twoimg,
|
|
img: twoimg,
|
|
name: "待机",
|
|
name: "待机",
|
|
- nameEn: "dj",
|
|
+ nameEn: "tjsum",
|
|
borderSty: "#05BB4C",
|
|
borderSty: "#05BB4C",
|
|
backSty: "#258952",
|
|
backSty: "#258952",
|
|
numBack: "#212223",
|
|
numBack: "#212223",
|
|
number: 0,
|
|
number: 0,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- img: threeimg,
|
|
+ img: sevenimg,
|
|
- name: "维护",
|
|
+ name: "故障",
|
|
- nameEn: "wh",
|
|
+ nameEn: "whsum",
|
|
- borderSty: "#E17D24",
|
|
+ borderSty: "#BA3237",
|
|
- backSty: "#694119",
|
|
+ backSty: "#73262B",
|
|
numBack: "#212223",
|
|
numBack: "#212223",
|
|
number: 0,
|
|
number: 0,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- img: fourimg,
|
|
+ img: threeimg,
|
|
- name: "停机",
|
|
+ name: "维护",
|
|
- nameEn: "tj",
|
|
+ nameEn: "jxsum",
|
|
- borderSty: "#52595B",
|
|
+ borderSty: "#E17D24",
|
|
- backSty: "#272a2b",
|
|
+ backSty: "#694119",
|
|
numBack: "#212223",
|
|
numBack: "#212223",
|
|
number: 0,
|
|
number: 0,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
img: fiveimg,
|
|
img: fiveimg,
|
|
name: "限电",
|
|
name: "限电",
|
|
- nameEn: "xd",
|
|
+ nameEn: "xdsum",
|
|
borderSty: "#C530C8",
|
|
borderSty: "#C530C8",
|
|
backSty: "#7A277F",
|
|
backSty: "#7A277F",
|
|
numBack: "#212223",
|
|
numBack: "#212223",
|
|
@@ -226,19 +245,19 @@
|
|
},
|
|
},
|
|
{
|
|
{
|
|
img: siximg,
|
|
img: siximg,
|
|
- name: "离线",
|
|
+ name: "受累",
|
|
- nameEn: "lx",
|
|
+ nameEn: "djsum",
|
|
borderSty: "#fff",
|
|
borderSty: "#fff",
|
|
backSty: "#38393B",
|
|
backSty: "#38393B",
|
|
numBack: "#212223",
|
|
numBack: "#212223",
|
|
number: 0,
|
|
number: 0,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- img: sevenimg,
|
|
+ img: fourimg,
|
|
- name: "检修",
|
|
+ name: "离线",
|
|
- nameEn: "jx",
|
|
+ nameEn: "lxsum",
|
|
- borderSty: "#BA3237",
|
|
+ borderSty: "#52595B",
|
|
- backSty: "#73262B",
|
|
+ backSty: "#272a2b",
|
|
numBack: "#212223",
|
|
numBack: "#212223",
|
|
number: 0,
|
|
number: 0,
|
|
},
|
|
},
|
|
@@ -246,7 +265,7 @@
|
|
this.statusDataW = [{
|
|
this.statusDataW = [{
|
|
img: oneimg1,
|
|
img: oneimg1,
|
|
name: "运行",
|
|
name: "运行",
|
|
- nameEn: "yx",
|
|
+ nameEn: "yxsum",
|
|
borderSty: "#3777E8",
|
|
borderSty: "#3777E8",
|
|
backSty: "#1850B3",
|
|
backSty: "#1850B3",
|
|
numBack: "#073484",
|
|
numBack: "#073484",
|
|
@@ -255,57 +274,58 @@
|
|
{
|
|
{
|
|
img: twoimg1,
|
|
img: twoimg1,
|
|
name: "待机",
|
|
name: "待机",
|
|
- nameEn: "dj",
|
|
+ nameEn: "tjsum",
|
|
borderSty: "#6BDB97",
|
|
borderSty: "#6BDB97",
|
|
backSty: "#0EAC4C",
|
|
backSty: "#0EAC4C",
|
|
numBack: "#077C35",
|
|
numBack: "#077C35",
|
|
number: 0,
|
|
number: 0,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
|
|
+ img: sevenimg1,
|
|
|
|
+ name: "故障",
|
|
|
|
+ nameEn: "whsum",
|
|
|
|
+ borderSty: "#73262B",
|
|
|
|
+ backSty: "#BA3237",
|
|
|
|
+ numBack: "#881B1F",
|
|
|
|
+
|
|
|
|
+ number: 0,
|
|
|
|
+ },
|
|
|
|
+ {
|
|
img: threeimg1,
|
|
img: threeimg1,
|
|
name: "维护",
|
|
name: "维护",
|
|
- nameEn: "wh",
|
|
+ nameEn: "jxsum",
|
|
borderSty: "#F1AF74",
|
|
borderSty: "#F1AF74",
|
|
backSty: "#E17D24",
|
|
backSty: "#E17D24",
|
|
numBack: "#A6530A",
|
|
numBack: "#A6530A",
|
|
number: 0,
|
|
number: 0,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- img: fourimg1,
|
|
|
|
- name: "停机",
|
|
|
|
- nameEn: "tj",
|
|
|
|
- borderSty: "#CDCDCD",
|
|
|
|
- backSty: "#A8A8A8",
|
|
|
|
- numBack: "#878787",
|
|
|
|
- number: 0,
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
img: fiveimg1,
|
|
img: fiveimg1,
|
|
name: "限电",
|
|
name: "限电",
|
|
- nameEn: "xd",
|
|
+ nameEn: "xdsum",
|
|
borderSty: "#E757EA",
|
|
borderSty: "#E757EA",
|
|
backSty: "#C530C8",
|
|
backSty: "#C530C8",
|
|
numBack: "#901193",
|
|
numBack: "#901193",
|
|
number: 0,
|
|
number: 0,
|
|
},
|
|
},
|
|
{
|
|
{
|
|
|
|
+ img: fourimg1,
|
|
|
|
+ name: "受累",
|
|
|
|
+ nameEn: "djsum",
|
|
|
|
+ borderSty: "#CDCDCD",
|
|
|
|
+ backSty: "#A8A8A8",
|
|
|
|
+ numBack: "#878787",
|
|
|
|
+ number: 0,
|
|
|
|
+ },
|
|
|
|
+ {
|
|
img: siximg1,
|
|
img: siximg1,
|
|
name: "离线",
|
|
name: "离线",
|
|
- nameEn: "lx",
|
|
+ nameEn: "lxsum",
|
|
borderSty: "#595D61",
|
|
borderSty: "#595D61",
|
|
backSty: "#38393B",
|
|
backSty: "#38393B",
|
|
numBack: "#151719",
|
|
numBack: "#151719",
|
|
number: 0,
|
|
number: 0,
|
|
},
|
|
},
|
|
- {
|
|
|
|
- img: sevenimg1,
|
|
|
|
- name: "检修",
|
|
|
|
- nameEn: "jx",
|
|
|
|
- borderSty: "#73262B",
|
|
|
|
- backSty: "#BA3237",
|
|
|
|
- numBack: "#881B1F",
|
|
|
|
- number: 0,
|
|
|
|
- },
|
|
|
|
];
|
|
];
|
|
this.pickerTime = [
|
|
this.pickerTime = [
|
|
new Date(
|
|
new Date(
|
|
@@ -703,12 +723,13 @@
|
|
return `border: 1px solid ${item.borderSty};background:${item.numBack}`;
|
|
return `border: 1px solid ${item.borderSty};background:${item.numBack}`;
|
|
},
|
|
},
|
|
doubleclick(name) {
|
|
doubleclick(name) {
|
|
- let title = "";
|
|
+ let title = this.reportStation;
|
|
- this.stationData.forEach((item) => {
|
|
+ // debugger
|
|
- if (item.no === this.windTurbines) {
|
|
+ // this.stationData.forEach((item) => {
|
|
- title = item.stationName;
|
|
+ // if (item.stationName === this.windTurbines) {
|
|
- }
|
|
+ // title = item.stationName;
|
|
- });
|
|
+ // }
|
|
|
|
+ // });
|
|
this.$refs.prediction.dialogVisible = true;
|
|
this.$refs.prediction.dialogVisible = true;
|
|
this.$refs.prediction.isPower = false;
|
|
this.$refs.prediction.isPower = false;
|
|
this.$refs.prediction.tableData = [];
|
|
this.$refs.prediction.tableData = [];
|
|
@@ -749,6 +770,8 @@
|
|
this.stationData = datas.data.list;
|
|
this.stationData = datas.data.list;
|
|
this.stationData[0].showBac = true;
|
|
this.stationData[0].showBac = true;
|
|
this.windTurbines = datas.data.list[0].no;
|
|
this.windTurbines = datas.data.list[0].no;
|
|
|
|
+ this.reportStation = datas.data.list[0].stationName;
|
|
|
|
+ this.stationCode = datas.data.list[0].stationCode;
|
|
this.itemVal = datas.data.list[0].itemVal;
|
|
this.itemVal = datas.data.list[0].itemVal;
|
|
this.getPowerPrediction();
|
|
this.getPowerPrediction();
|
|
this.getWindSpeed();
|
|
this.getWindSpeed();
|
|
@@ -762,41 +785,60 @@
|
|
// 根据场站编号获取机组状态信息
|
|
// 根据场站编号获取机组状态信息
|
|
getUnitStatus() {
|
|
getUnitStatus() {
|
|
let that = this;
|
|
let that = this;
|
|
|
|
+ // let params = {
|
|
|
|
+ // stationNo: that.windTurbines,
|
|
|
|
+ // };
|
|
|
|
+ // apiGetUnitStatusInfoByStationNo(params).then((datas) => {
|
|
|
|
+ // if (datas) {
|
|
|
|
+ // if (datas.data) {
|
|
|
|
+ // that.statusData.forEach((item) => {
|
|
|
|
+ // for (let it in datas.data) {
|
|
|
|
+ // if (item.nameEn === it) {
|
|
|
|
+ // item.number = datas.data[it];
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // });
|
|
|
|
+ // that.statusDataW.forEach((item) => {
|
|
|
|
+ // for (let it in datas.data) {
|
|
|
|
+ // if (item.nameEn === it) {
|
|
|
|
+ // item.number = datas.data[it];
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // });
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // });
|
|
let params = {
|
|
let params = {
|
|
- stationNo: that.windTurbines,
|
|
+ wpId: this.stationCode,
|
|
};
|
|
};
|
|
- apiGetUnitStatusInfoByStationNo(params).then((datas) => {
|
|
+ apiGethomeData(params)
|
|
- if (datas) {
|
|
+ .then((res) => {
|
|
- if (datas.data) {
|
|
+ if (res && res.data.ztmap) {
|
|
that.statusData.forEach((item) => {
|
|
that.statusData.forEach((item) => {
|
|
- for (let it in datas.data) {
|
|
+ for (let it in res.data.ztmap) {
|
|
if (item.nameEn === it) {
|
|
if (item.nameEn === it) {
|
|
- item.number = datas.data[it];
|
|
+ item.number = res.data.ztmap[it];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
that.statusDataW.forEach((item) => {
|
|
that.statusDataW.forEach((item) => {
|
|
- for (let it in datas.data) {
|
|
+ for (let it in res.data.ztmap) {
|
|
if (item.nameEn === it) {
|
|
if (item.nameEn === it) {
|
|
- item.number = datas.data[it];
|
|
+ item.number = res.data.ztmap[it];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
- }
|
|
+ })
|
|
- });
|
|
|
|
},
|
|
},
|
|
- changeStation(val) {
|
|
+ changeWindNo(val) {
|
|
- this.windTurbines = val;
|
|
+ this.windTurbines = val
|
|
this.stationData.forEach((item) => {
|
|
this.stationData.forEach((item) => {
|
|
if (item.no === val) {
|
|
if (item.no === val) {
|
|
- this.itemVal = item.itemVal;
|
|
+ this.stationCode = item.stationCode
|
|
- item.showBac = true;
|
|
+ this.reportStation = item.stationName;
|
|
- } else {
|
|
|
|
- item.showBac = false;
|
|
|
|
}
|
|
}
|
|
});
|
|
});
|
|
- this.seachData();
|
|
|
|
},
|
|
},
|
|
statusIcon(type) {
|
|
statusIcon(type) {
|
|
let picture = "";
|
|
let picture = "";
|