|
@@ -1,9 +1,9 @@
|
|
|
<template>
|
|
|
<div class="powerPredictionPage" :class="!theme ? 'themeDark' : 'themeLight'">
|
|
|
<el-row class="windStstus">
|
|
|
- <el-col :span="8" class="scrollbar">
|
|
|
+ <el-col :span="6" class="scrollbar">
|
|
|
<!-- <span class="scrollbarName">场站名称:</span> -->
|
|
|
- <div class="seach">
|
|
|
+ <div class="seachPower">
|
|
|
<el-form class="generat-seach" :inline="true">
|
|
|
<el-form-item label="场站">
|
|
|
<el-select v-model="reportStation" placeholder="选择场站" @change="changeWindNo">
|
|
@@ -26,7 +26,7 @@
|
|
|
</div>
|
|
|
</el-scrollbar> -->
|
|
|
</el-col>
|
|
|
- <el-col :span="15">
|
|
|
+ <el-col :span="17">
|
|
|
<div class="everyOne" v-for="(item, index) in !theme ? statusData : statusDataW" :key="index"
|
|
|
:style="statusSty(item)">
|
|
|
<div class="everyOneImg" style="width: 39px">
|
|
@@ -210,7 +210,7 @@
|
|
|
{
|
|
|
img: twoimg,
|
|
|
name: "待机",
|
|
|
- nameEn: "tjsum",
|
|
|
+ nameEn: "djsum",
|
|
|
borderSty: "#05BB4C",
|
|
|
backSty: "#258952",
|
|
|
numBack: "#212223",
|
|
@@ -219,7 +219,7 @@
|
|
|
{
|
|
|
img: sevenimg,
|
|
|
name: "故障",
|
|
|
- nameEn: "whsum",
|
|
|
+ nameEn: "jxsum",
|
|
|
borderSty: "#BA3237",
|
|
|
backSty: "#73262B",
|
|
|
numBack: "#212223",
|
|
@@ -228,7 +228,7 @@
|
|
|
{
|
|
|
img: threeimg,
|
|
|
name: "维护",
|
|
|
- nameEn: "jxsum",
|
|
|
+ nameEn: "whsum",
|
|
|
borderSty: "#E17D24",
|
|
|
backSty: "#694119",
|
|
|
numBack: "#212223",
|
|
@@ -246,7 +246,7 @@
|
|
|
{
|
|
|
img: siximg,
|
|
|
name: "受累",
|
|
|
- nameEn: "djsum",
|
|
|
+ nameEn: "tjsum",
|
|
|
borderSty: "#fff",
|
|
|
backSty: "#38393B",
|
|
|
numBack: "#212223",
|
|
@@ -274,7 +274,7 @@
|
|
|
{
|
|
|
img: twoimg1,
|
|
|
name: "待机",
|
|
|
- nameEn: "tjsum",
|
|
|
+ nameEn: "djsum",
|
|
|
borderSty: "#6BDB97",
|
|
|
backSty: "#0EAC4C",
|
|
|
numBack: "#077C35",
|
|
@@ -283,17 +283,16 @@
|
|
|
{
|
|
|
img: sevenimg1,
|
|
|
name: "故障",
|
|
|
- nameEn: "whsum",
|
|
|
+ nameEn: "jxsum",
|
|
|
borderSty: "#73262B",
|
|
|
backSty: "#BA3237",
|
|
|
numBack: "#881B1F",
|
|
|
-
|
|
|
number: 0,
|
|
|
},
|
|
|
{
|
|
|
img: threeimg1,
|
|
|
name: "维护",
|
|
|
- nameEn: "jxsum",
|
|
|
+ nameEn: "whsum",
|
|
|
borderSty: "#F1AF74",
|
|
|
backSty: "#E17D24",
|
|
|
numBack: "#A6530A",
|
|
@@ -311,7 +310,7 @@
|
|
|
{
|
|
|
img: fourimg1,
|
|
|
name: "受累",
|
|
|
- nameEn: "djsum",
|
|
|
+ nameEn: "tjsum",
|
|
|
borderSty: "#CDCDCD",
|
|
|
backSty: "#A8A8A8",
|
|
|
numBack: "#878787",
|
|
@@ -778,7 +777,7 @@
|
|
|
this.getCapacity();
|
|
|
this.getAssessmentScore();
|
|
|
this.getIrradiance();
|
|
|
- this.getwindRosetteChart();
|
|
|
+ // this.getwindRosetteChart();
|
|
|
this.getUnitStatus();
|
|
|
});
|
|
|
},
|
|
@@ -864,7 +863,7 @@
|
|
|
this.getWindSpeed();
|
|
|
this.getCapacity();
|
|
|
this.getAssessmentScore();
|
|
|
- this.getwindRosetteChart();
|
|
|
+ // this.getwindRosetteChart();
|
|
|
this.getIrradiance();
|
|
|
this.getUnitStatus();
|
|
|
},
|
|
@@ -984,37 +983,57 @@
|
|
|
let str =
|
|
|
`<span style="display:inline-block;margin-bottom: 5px">${item[0].axisValue}</span></br>`;
|
|
|
let strMsg = "";
|
|
|
- item.forEach((it, index) => {
|
|
|
- if (index !== 3) {
|
|
|
- strMsg = `<div style="margin-bottom: 5px">
|
|
|
- <span style="display:inline-block;margin-right:4px;margin-top:3px;border-radius:10px;width:10px;height:10px;background-color:${it.color};\"></span>
|
|
|
- <span style="display:inline-block;">${it.seriesName}:</span> <span>${it.value}</span>
|
|
|
- </div>`;
|
|
|
- this.showpowerLegend[index].name = it.seriesName;
|
|
|
- this.showpowerLegend[index].color = it.color;
|
|
|
- } else {
|
|
|
- if (it.axisValue === "00:15:00") {
|
|
|
- it.color = "#e96366";
|
|
|
+ if (item.length > 1) {
|
|
|
+ item.forEach((it, index) => {
|
|
|
+ // if (index !== 3) {
|
|
|
+ if (it.seriesName !== "超短期") {
|
|
|
+ strMsg = `<div style="margin-bottom: 5px">
|
|
|
+ <span style="display:inline-block;margin-right:4px;margin-top:3px;border-radius:10px;width:10px;height:10px;background-color:${it.color};\"></span>
|
|
|
+ <span style="display:inline-block;">${it.seriesName}:</span> <span>${it.value}</span>
|
|
|
+ </div>`;
|
|
|
+ this.showpowerLegend[index].name = it.seriesName;
|
|
|
+ this.showpowerLegend[index].color = it.color;
|
|
|
+ } else {
|
|
|
+ if (it.axisValue === "00:15:00") {
|
|
|
+ it.color = "#e96366";
|
|
|
+ }
|
|
|
+ strMsg = `<div style="margin-bottom: 5px">
|
|
|
+ <span style="display:inline-block;margin-right:4px;margin-top:3px;border-radius:10px;width:10px;height:10px;background-color:${
|
|
|
+ it.color
|
|
|
+ };\"></span>
|
|
|
+ <span style="display:inline-block;">${
|
|
|
+ it.color === "#e96366" ? "超短期" : "短期"
|
|
|
+ }:</span> <span>${it.value}</span>
|
|
|
+ </div>`;
|
|
|
+ if (it.color === "#e96366") {
|
|
|
+ this.showpowerLegend[index].name = "超短期";
|
|
|
+ } else {
|
|
|
+ this.showpowerLegend[index].name = "短期";
|
|
|
+ }
|
|
|
+ this.showpowerLegend[index].color = it.color;
|
|
|
}
|
|
|
- strMsg = `<div style="margin-bottom: 5px">
|
|
|
+ str = str + strMsg;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ if (item[0].axisValue === "00:15:00") {
|
|
|
+ item[0].color = "#e96366";
|
|
|
+ }
|
|
|
+ strMsg = `<div style="margin-bottom: 5px">
|
|
|
<span style="display:inline-block;margin-right:4px;margin-top:3px;border-radius:10px;width:10px;height:10px;background-color:${
|
|
|
- it.color
|
|
|
+ item[0].color
|
|
|
};\"></span>
|
|
|
<span style="display:inline-block;">${
|
|
|
- it.color === "#e96366" ? "超短期" : "短期"
|
|
|
- }:</span> <span>${
|
|
|
- it.value
|
|
|
- }</span>
|
|
|
+ item[0].color === "#e96366" ? "超短期" : "短期"
|
|
|
+ }:</span> <span>${item[0].value}</span>
|
|
|
</div>`;
|
|
|
- if (it.color === "#e96366") {
|
|
|
- this.showpowerLegend[index].name = "超短期";
|
|
|
- } else {
|
|
|
- this.showpowerLegend[index].name = "短期";
|
|
|
- }
|
|
|
- this.showpowerLegend[index].color = it.color;
|
|
|
+ if (item[0].color === "#e96366") {
|
|
|
+ this.showpowerLegend[3].name = "超短期";
|
|
|
+ } else {
|
|
|
+ this.showpowerLegend[3].name = "短期";
|
|
|
}
|
|
|
+ this.showpowerLegend[3].color = item[0].color;
|
|
|
str = str + strMsg;
|
|
|
- });
|
|
|
+ }
|
|
|
return str;
|
|
|
} : "",
|
|
|
},
|
|
@@ -1275,6 +1294,8 @@
|
|
|
this.getGaugeX("guageChart", gaugeData);
|
|
|
} else if (item.name === "湿度") {
|
|
|
this.getGaugeX("guageChart1", gaugeData);
|
|
|
+ } else if (item.name === '风向') {
|
|
|
+ this.getRose(item.data);
|
|
|
} else {
|
|
|
this.getGaugeX("guageChart2", gaugeData);
|
|
|
}
|
|
@@ -1448,6 +1469,7 @@
|
|
|
}
|
|
|
|
|
|
})
|
|
|
+ console.log("风向", datas.data.dataFormatList)
|
|
|
this.getRose(serise);
|
|
|
}
|
|
|
});
|
|
@@ -1502,7 +1524,7 @@
|
|
|
radius: [10, '80%']
|
|
|
},
|
|
|
radiusAxis: {
|
|
|
- max: 25,
|
|
|
+ // max: 25,
|
|
|
startAngle: 75
|
|
|
},
|
|
|
angleAxis: {
|