|
@@ -80,6 +80,9 @@
|
|
|
import sevenimg1 from "@/assets/windStatusPic/guzhang_W.png";
|
|
|
|
|
|
import jsonData from "./component/panoramicPower.json";
|
|
|
+ import {
|
|
|
+ apiGethomeData
|
|
|
+ } from "@/api/gengra";
|
|
|
export default {
|
|
|
components: {
|
|
|
panoramaDialog,
|
|
@@ -97,6 +100,7 @@
|
|
|
showpowerLegend: [],
|
|
|
echartsTheme: "",
|
|
|
theme: null,
|
|
|
+ wpId: "GJNY_SXGS_DBXNY_ZGS0",
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
@@ -116,7 +120,7 @@
|
|
|
this.statusData = [{
|
|
|
img: oneimg,
|
|
|
name: "运行",
|
|
|
- nameEn: "yx",
|
|
|
+ nameEn: "yxsum",
|
|
|
borderSty: "#1C99FF",
|
|
|
backSty: "#0046C7",
|
|
|
numBack: "#212223",
|
|
@@ -125,34 +129,34 @@
|
|
|
{
|
|
|
img: twoimg,
|
|
|
name: "待机",
|
|
|
- nameEn: "dj",
|
|
|
+ nameEn: "tjsum",
|
|
|
borderSty: "#05BB4C",
|
|
|
backSty: "#258952",
|
|
|
numBack: "#212223",
|
|
|
number: 0,
|
|
|
},
|
|
|
{
|
|
|
- img: threeimg,
|
|
|
- name: "维护",
|
|
|
- nameEn: "wh",
|
|
|
- borderSty: "#E17D24",
|
|
|
- backSty: "#694119",
|
|
|
+ img: sevenimg,
|
|
|
+ name: "故障",
|
|
|
+ nameEn: "whsum",
|
|
|
+ borderSty: "#BA3237",
|
|
|
+ backSty: "#73262B",
|
|
|
numBack: "#212223",
|
|
|
number: 0,
|
|
|
},
|
|
|
{
|
|
|
- img: fourimg,
|
|
|
- name: "停机",
|
|
|
- nameEn: "tj",
|
|
|
- borderSty: "#52595B",
|
|
|
- backSty: "#272a2b",
|
|
|
+ img: threeimg,
|
|
|
+ name: "维护",
|
|
|
+ nameEn: "jxsum",
|
|
|
+ borderSty: "#E17D24",
|
|
|
+ backSty: "#694119",
|
|
|
numBack: "#212223",
|
|
|
number: 0,
|
|
|
},
|
|
|
{
|
|
|
img: fiveimg,
|
|
|
name: "限电",
|
|
|
- nameEn: "xd",
|
|
|
+ nameEn: "xdsum",
|
|
|
borderSty: "#C530C8",
|
|
|
backSty: "#7A277F",
|
|
|
numBack: "#212223",
|
|
@@ -160,19 +164,19 @@
|
|
|
},
|
|
|
{
|
|
|
img: siximg,
|
|
|
- name: "离线",
|
|
|
- nameEn: "lx",
|
|
|
+ name: "受累",
|
|
|
+ nameEn: "djsum",
|
|
|
borderSty: "#fff",
|
|
|
backSty: "#38393B",
|
|
|
numBack: "#212223",
|
|
|
number: 0,
|
|
|
},
|
|
|
{
|
|
|
- img: sevenimg,
|
|
|
- name: "检修",
|
|
|
- nameEn: "jx",
|
|
|
- borderSty: "#BA3237",
|
|
|
- backSty: "#73262B",
|
|
|
+ img: fourimg,
|
|
|
+ name: "离线",
|
|
|
+ nameEn: "lxsum",
|
|
|
+ borderSty: "#52595B",
|
|
|
+ backSty: "#272a2b",
|
|
|
numBack: "#212223",
|
|
|
number: 0,
|
|
|
},
|
|
@@ -180,7 +184,7 @@
|
|
|
this.statusDataW = [{
|
|
|
img: oneimg1,
|
|
|
name: "运行",
|
|
|
- nameEn: "yx",
|
|
|
+ nameEn: "yxsum",
|
|
|
borderSty: "#3777E8",
|
|
|
backSty: "#1850B3",
|
|
|
numBack: "#073484",
|
|
@@ -189,57 +193,58 @@
|
|
|
{
|
|
|
img: twoimg1,
|
|
|
name: "待机",
|
|
|
- nameEn: "dj",
|
|
|
+ nameEn: "tjsum",
|
|
|
borderSty: "#6BDB97",
|
|
|
backSty: "#0EAC4C",
|
|
|
numBack: "#077C35",
|
|
|
number: 0,
|
|
|
},
|
|
|
{
|
|
|
+ img: sevenimg1,
|
|
|
+ name: "故障",
|
|
|
+ nameEn: "whsum",
|
|
|
+ borderSty: "#73262B",
|
|
|
+ backSty: "#BA3237",
|
|
|
+ numBack: "#881B1F",
|
|
|
+
|
|
|
+ number: 0,
|
|
|
+ },
|
|
|
+ {
|
|
|
img: threeimg1,
|
|
|
name: "维护",
|
|
|
- nameEn: "wh",
|
|
|
+ nameEn: "jxsum",
|
|
|
borderSty: "#F1AF74",
|
|
|
backSty: "#E17D24",
|
|
|
numBack: "#A6530A",
|
|
|
number: 0,
|
|
|
},
|
|
|
{
|
|
|
- img: fourimg1,
|
|
|
- name: "停机",
|
|
|
- nameEn: "tj",
|
|
|
- borderSty: "#CDCDCD",
|
|
|
- backSty: "#A8A8A8",
|
|
|
- numBack: "#878787",
|
|
|
- number: 0,
|
|
|
- },
|
|
|
- {
|
|
|
img: fiveimg1,
|
|
|
name: "限电",
|
|
|
- nameEn: "xd",
|
|
|
+ nameEn: "xdsum",
|
|
|
borderSty: "#E757EA",
|
|
|
backSty: "#C530C8",
|
|
|
numBack: "#901193",
|
|
|
number: 0,
|
|
|
},
|
|
|
{
|
|
|
+ img: fourimg1,
|
|
|
+ name: "受累",
|
|
|
+ nameEn: "djsum",
|
|
|
+ borderSty: "#CDCDCD",
|
|
|
+ backSty: "#A8A8A8",
|
|
|
+ numBack: "#878787",
|
|
|
+ number: 0,
|
|
|
+ },
|
|
|
+ {
|
|
|
img: siximg1,
|
|
|
name: "离线",
|
|
|
- nameEn: "lx",
|
|
|
+ nameEn: "lxsum",
|
|
|
borderSty: "#595D61",
|
|
|
backSty: "#38393B",
|
|
|
numBack: "#151719",
|
|
|
number: 0,
|
|
|
},
|
|
|
- {
|
|
|
- img: sevenimg1,
|
|
|
- name: "检修",
|
|
|
- nameEn: "jx",
|
|
|
- borderSty: "#73262B",
|
|
|
- backSty: "#BA3237",
|
|
|
- numBack: "#881B1F",
|
|
|
- number: 0,
|
|
|
- },
|
|
|
];
|
|
|
this.ExceedTimeList = [{
|
|
|
label: "超前15分钟",
|
|
@@ -331,7 +336,7 @@
|
|
|
// that.getChartData();
|
|
|
that.getWindStatus();
|
|
|
that.planFiveMin = setInterval(function () {
|
|
|
- that.getChartData();
|
|
|
+ // that.getChartData();
|
|
|
}, 300000);
|
|
|
},
|
|
|
computed: {
|
|
@@ -461,23 +466,31 @@
|
|
|
//获取风机状态
|
|
|
getWindStatus() {
|
|
|
let that = this;
|
|
|
- apiGetStatusInfoAll().then((datas) => {
|
|
|
- if (datas) {
|
|
|
- if (datas.data) {
|
|
|
+ let params = {
|
|
|
+ wpId: this.wpId,
|
|
|
+ };
|
|
|
+ apiGethomeData(params)
|
|
|
+ .then((res) => {
|
|
|
+ if (res && res.data.ztmap) {
|
|
|
that.statusData.forEach((item) => {
|
|
|
- for (let it in datas.data) {
|
|
|
+ for (let it in res.data.ztmap) {
|
|
|
if (item.nameEn === it) {
|
|
|
- item.number = datas.data[it];
|
|
|
+ item.number = res.data.ztmap[it];
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
that.statusDataW.forEach((item) => {
|
|
|
- for (let it in datas.data) {
|
|
|
+ for (let it in res.data.ztmap) {
|
|
|
if (item.nameEn === it) {
|
|
|
- item.number = datas.data[it];
|
|
|
+ item.number = res.data.ztmap[it];
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
+ }
|
|
|
+ })
|
|
|
+ apiGetStatusInfoAll().then((datas) => {
|
|
|
+ if (datas) {
|
|
|
+ if (datas.data) {
|
|
|
that.allStatus = datas.data;
|
|
|
}
|
|
|
}
|
|
@@ -577,41 +590,63 @@
|
|
|
tooltip: {
|
|
|
trigger: "axis",
|
|
|
formatter: (item) => {
|
|
|
+ // debugger
|
|
|
+
|
|
|
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.chartsData[numxc].showpowerLegend[index].name =
|
|
|
- it.seriesName;
|
|
|
- this.chartsData[numxc].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.chartsData[numxc].showpowerLegend[index].name = "超短期";
|
|
|
+ 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.chartsData[numxc].showpowerLegend[index].name =
|
|
|
+ it.seriesName;
|
|
|
+ this.chartsData[numxc].showpowerLegend[index].color = it.color;
|
|
|
} else {
|
|
|
- this.chartsData[numxc].showpowerLegend[index].name = "短期";
|
|
|
+ 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.chartsData[numxc].showpowerLegend[index].name = "超短期";
|
|
|
+ } else {
|
|
|
+ this.chartsData[numxc].showpowerLegend[index].name = "短期";
|
|
|
+ }
|
|
|
+ this.chartsData[numxc].showpowerLegend[index].color = it.color;
|
|
|
}
|
|
|
- this.chartsData[numxc].showpowerLegend[index].color = it.color;
|
|
|
+ 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:${
|
|
|
+ item[0].color
|
|
|
+ };\"></span>
|
|
|
+ <span style="display:inline-block;">${
|
|
|
+ item[0].color === "#e96366" ? "超短期" : "短期"
|
|
|
+ }:</span> <span>${item[0].value}</span>
|
|
|
+ </div>`;
|
|
|
+ if (item[0].color === "#e96366") {
|
|
|
+ this.chartsData[numxc].showpowerLegend[3].name = "超短期";
|
|
|
+ } else {
|
|
|
+ this.chartsData[numxc].showpowerLegend[3].name = "短期";
|
|
|
+ }
|
|
|
+ this.chartsData[numxc].showpowerLegend[3].color = item[0].color;
|
|
|
str = str + strMsg;
|
|
|
- });
|
|
|
+ }
|
|
|
return str;
|
|
|
},
|
|
|
},
|