xzzn/emsfront
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

文案修改,实时运行图表切换站点数据未更新问题修复,电表未知类型

Browse Source
This commit is contained in:
白菜
2026-01-21 18:58:37 +08:00
parent c1c411e48a
commit 823c0949d0
6 changed files with 102 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/views/ems/dzjk/sbjk/ssyx/CnglqxChart.vue
View File

@ -1,12 +1,12 @@
<template>
<el-card
shadow="always"
class="common-card-container common-card-container-body-no-padding"
shadow="always"
class="common-card-container common-card-container-body-no-padding"
>
<div slot="header">
<span class="card-title">PCS有功功率/PCS无功功率</span>
</div>
<div style="height: 360px" id="cnglqxChart" />
<div style="height: 360px" id="cnglqxChart"/>
</el-card>
</template>
@ -14,7 +14,7 @@
<script>
import * as echarts from "echarts";
import resize from "@/mixins/ems/resize";
import { storagePower } from "@/api/ems/dzjk";
import {storagePower} from "@/api/ems/dzjk";
export default {
mixins: [resize],
@ -36,56 +36,56 @@ export default {
methods: {
init(siteId, timeRange) {
this.chart.showLoading();
const [startTime='', endTime=''] = timeRange;
storagePower(siteId,startTime,endTime)
.then((response) => {
this.setOption(response?.data?.pcsPowerList || []);
})
.finally(() => {
this.chart.hideLoading();
});
const [startTime = '', endTime = ''] = timeRange;
storagePower(siteId, startTime, endTime)
.then((response) => {
this.setOption(response?.data?.pcsPowerList || []);
})
.finally(() => {
this.chart.hideLoading();
});
},
setOption(data) {
let xdata = [],
series = [];
series = [];
data.forEach((element, index) => {
if (index === 0) {
xdata = (element.energyStoragePowList || []).map((i) => i.createDate);
}
series.push(
{
type: "line",
name: `${element.deviceId}有功功率`,
areaStyle: {
// color:'#FFBD00'
{
type: "line",
name: `${element.deviceId}有功功率`,
areaStyle: {
// color:'#FFBD00'
},
data: (element.energyStoragePowList || []).map(
(i) => {
return {
value: i.pcsTotalActPower,
year: i.dateDay || ''
}
}
)
},
data: (element.energyStoragePowList || []).map(
(i) => {
return {
value:i.pcsTotalActPower,
year:i.dateDay || ''
}
}
)
},
{
type: "line",
name: `${element.deviceId}无功功率`,
areaStyle: {
// color:'#FFBD00'
},
data: (element.energyStoragePowList || []).map(
(i) => {
return {
value: i.pcsTotalReactivePower,
year:i.dateDay || ''
}
}
),
}
{
type: "line",
name: `${element.deviceId}无功功率`,
areaStyle: {
// color:'#FFBD00'
},
data: (element.energyStoragePowList || []).map(
(i) => {
return {
value: i.pcsTotalReactivePower,
year: i.dateDay || ''
}
}
),
}
);
});
this.chart.setOption({
this.chart && this.chart.setOption({
legend: {
left: "center",
top: "5",
@ -99,29 +99,29 @@ export default {
containLabel: true,
},
tooltip: {
show:true,
show: true,
trigger: "axis",
axisPointer: {
// 坐标轴指示器，坐标轴触发有效
type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
},
formatter :(params)=>{
if(params.length <= 0) return
let result = (params[0].data.year || '')+' '+ params[0].name + '<div>'
params.forEach(item=>{
const {color,seriesName,value} = item
result += `<div style="position: relative;padding-left:20px;line-height: 20px;">
formatter: (params) => {
if (params.length <= 0) return
let result = (params[0].data.year || '') + ' ' + params[0].name + '<div>'
params.forEach(item => {
const {color, seriesName, value} = item
result += `<div style="position: relative;padding-left:20px;line-height: 20px;">
<div style="position: absolute;top:50%;left:0;width:12px;height:12px;border-radius:100%;background: ${color};transform: translateY(-50%)"></div>
<span>${seriesName}</span><span style="margin-left:20px;font-weight: 700">${value}</span></div>`
})
result+='</div>'
result += '</div>'
return result
}
},
textStyle: {
color: "#333333",
},
xAxis: { type: "category", data: xdata },
xAxis: {type: "category", data: xdata},
yAxis: {
type: "value",
},
@ -137,7 +137,7 @@ export default {
},
],
series,
});
}, true);
},
},
};

4
src/views/ems/dzjk/sbjk/ssyx/DcpjsocChart.vue
View File

@ -54,7 +54,7 @@ export default {
year:element.dateDay,
});
});
xdata = this.chart.setOption({
this.chart && this.chart.setOption({
legend: {
left: "center",
top: "5",
@ -115,7 +115,7 @@ export default {
data: ydata,
},
],
});
},true);
},
},
};

4
src/views/ems/dzjk/sbjk/ssyx/DcpjwdChart.vue
View File

@ -57,7 +57,7 @@ export default {
}
);
});
xdata = this.chart.setOption({
this.chart && this.chart.setOption({
legend: {
left: "center",
top: "5",
@ -118,7 +118,7 @@ export default {
data: ydata,
},
],
});
},true);
},
},
};

4
src/views/ems/dzjk/sbjk/ssyx/PocpjwdChart.vue
View File

@ -66,7 +66,7 @@ export default {
}),
});
});
this.chart.setOption({
this.chart && this.chart.setOption({
legend: {
left: "center",
top: "5",
@ -118,7 +118,7 @@ export default {
},
],
series,
});
},true);
},
},
};