绘制电脑治理信息页面
This commit is contained in:
guanj
@@ -739,126 +739,129 @@ export default {
|
||||
// console.log('接收推送信息：', JSON.parse(message.toString()), topic)
|
||||
if (!this.connection) return
|
||||
// console.log('🚀 ~ .on ~ topic:', topic, this.userInfo.userIndex)
|
||||
|
||||
|
||||
if (topic == `/Web/RealData/${this.lineId}`) {
|
||||
if (
|
||||
topic == `/Web/RealData/${this.lineId}` ||
|
||||
topic == `/Web/RealData/${this.userInfo.userIndex}`
|
||||
) {
|
||||
let list = JSON.parse(message.toString())
|
||||
if (list.lineId != this.lineId) return
|
||||
// if (list.userId == this.userInfo.userIndex) {
|
||||
// console.log(list)
|
||||
this.realTime = list.dataTime
|
||||
let pt = list.pt || 0
|
||||
let ct = list.ct || 0
|
||||
// console.log(list)
|
||||
this.realTime = list.dataTime
|
||||
let pt = list.pt || 0
|
||||
let ct = list.ct || 0
|
||||
|
||||
let data = {
|
||||
vRmsA: ((list.vRmsA * pt) / 1000).toFixed(2),
|
||||
vRmsB: ((list.vRmsB * pt) / 1000).toFixed(2),
|
||||
vRmsC: ((list.vRmsC * pt) / 1000).toFixed(2),
|
||||
iRmsA: (list.iRmsA * ct).toFixed(2),
|
||||
iRmsB: (list.iRmsB * ct).toFixed(2),
|
||||
iRmsC: (list.iRmsC * ct).toFixed(2),
|
||||
v1A: ((list.v1A * pt) / 1000).toFixed(2),
|
||||
v1B: ((list.v1B * pt) / 1000).toFixed(2),
|
||||
v1C: ((list.v1C * pt) / 1000).toFixed(2),
|
||||
v1AngA: list.v1AngA.toFixed(2),
|
||||
v1AngB: list.v1AngB.toFixed(2),
|
||||
v1AngC: list.v1AngC.toFixed(2),
|
||||
let data = {
|
||||
vRmsA: ((list.vRmsA * pt) / 1000).toFixed(2),
|
||||
vRmsB: ((list.vRmsB * pt) / 1000).toFixed(2),
|
||||
vRmsC: ((list.vRmsC * pt) / 1000).toFixed(2),
|
||||
iRmsA: (list.iRmsA * ct).toFixed(2),
|
||||
iRmsB: (list.iRmsB * ct).toFixed(2),
|
||||
iRmsC: (list.iRmsC * ct).toFixed(2),
|
||||
v1A: ((list.v1A * pt) / 1000).toFixed(2),
|
||||
v1B: ((list.v1B * pt) / 1000).toFixed(2),
|
||||
v1C: ((list.v1C * pt) / 1000).toFixed(2),
|
||||
v1AngA: list.v1AngA.toFixed(2),
|
||||
v1AngB: list.v1AngB.toFixed(2),
|
||||
v1AngC: list.v1AngC.toFixed(2),
|
||||
|
||||
i1A: (list.i1A * ct).toFixed(2),
|
||||
i1B: (list.i1B * ct).toFixed(2),
|
||||
i1C: (list.i1C * ct).toFixed(2),
|
||||
i1AngA: list.i1AngA.toFixed(2),
|
||||
i1AngB: list.i1AngB.toFixed(2),
|
||||
i1AngC: list.i1AngC.toFixed(2),
|
||||
vDevA: list.vDevA.toFixed(2),
|
||||
vDevB: list.vDevB.toFixed(2),
|
||||
vDevC: list.vDevC.toFixed(2),
|
||||
vThdA: list.vThdA.toFixed(2),
|
||||
vThdB: list.vThdB.toFixed(2),
|
||||
vThdC: list.vThdC.toFixed(2),
|
||||
i1A: (list.i1A * ct).toFixed(2),
|
||||
i1B: (list.i1B * ct).toFixed(2),
|
||||
i1C: (list.i1C * ct).toFixed(2),
|
||||
i1AngA: list.i1AngA.toFixed(2),
|
||||
i1AngB: list.i1AngB.toFixed(2),
|
||||
i1AngC: list.i1AngC.toFixed(2),
|
||||
vDevA: list.vDevA.toFixed(2),
|
||||
vDevB: list.vDevB.toFixed(2),
|
||||
vDevC: list.vDevC.toFixed(2),
|
||||
vThdA: list.vThdA.toFixed(2),
|
||||
vThdB: list.vThdB.toFixed(2),
|
||||
vThdC: list.vThdC.toFixed(2),
|
||||
}
|
||||
this.realTimeData = [
|
||||
{ name: '电压有效值(kV)', A: data.vRmsA, B: data.vRmsB, C: data.vRmsC },
|
||||
{ name: '电流有效值(A)', A: data.iRmsA, B: data.iRmsB, C: data.iRmsC },
|
||||
{ name: '基波电压幅值(kV)', A: data.v1A, B: data.v1B, C: data.v1C },
|
||||
{ name: '基波电压相位(°)', A: data.v1AngA, B: data.v1AngB, C: data.v1AngC },
|
||||
{ name: '基波电流幅值(A)', A: data.i1A, B: data.i1B, C: data.i1C },
|
||||
{ name: '基波电流相位(°)', A: data.i1AngA, B: data.i1AngB, C: data.i1AngC },
|
||||
{ name: '电压偏差(%)', A: data.vDevA, B: data.vDevB, C: data.vDevC },
|
||||
{ name: '电压总谐波畸变率(%)', A: data.vThdA, B: data.vThdB, C: data.vThdC },
|
||||
]
|
||||
// 电压
|
||||
let vMax =
|
||||
Math.ceil(
|
||||
(Math.max(
|
||||
...[
|
||||
Math.floor(data.vRmsA * 100) / 100 || 1,
|
||||
Math.floor(data.vRmsB * 100) / 100 || 1,
|
||||
Math.floor(data.vRmsC * 100) / 100 || 1,
|
||||
],
|
||||
) *
|
||||
1.2) /
|
||||
10,
|
||||
) * 10
|
||||
this.echartsDataV1.series[0].max = vMax
|
||||
this.echartsDataV2.series[0].max = vMax
|
||||
this.echartsDataV3.series[0].max = vMax
|
||||
this.echartsDataV1.series[0].data[0].value = data.vRmsA
|
||||
this.echartsDataV2.series[0].data[0].value = data.vRmsB
|
||||
this.echartsDataV3.series[0].data[0].value = data.vRmsC
|
||||
|
||||
// 电流
|
||||
let aMax =
|
||||
Math.ceil(
|
||||
(Math.max(
|
||||
...[
|
||||
Math.floor(data.iRmsA * 100) / 100 || 1,
|
||||
Math.floor(data.iRmsB * 100) / 100 || 1,
|
||||
Math.floor(data.iRmsC * 100) / 100 || 1,
|
||||
],
|
||||
) *
|
||||
1.2) /
|
||||
10,
|
||||
) * 10
|
||||
this.echartsDataA1.series[0].max = aMax
|
||||
this.echartsDataA2.series[0].max = aMax
|
||||
this.echartsDataA3.series[0].max = aMax
|
||||
this.echartsDataA1.series[0].data[0].value = data.iRmsA
|
||||
this.echartsDataA2.series[0].data[0].value = data.iRmsB
|
||||
this.echartsDataA3.series[0].data[0].value = data.iRmsC
|
||||
|
||||
this.echartsData0.series[0].data[0].value = data.i1AngA
|
||||
this.echartsData0.series[0].data[1].value = data.i1AngB
|
||||
this.echartsData0.series[0].data[2].value = data.i1AngC
|
||||
|
||||
this.echartsData1.series[0].data[0].value = data.v1AngA
|
||||
this.echartsData1.series[0].data[1].value = data.v1AngB
|
||||
this.echartsData1.series[0].data[2].value = data.v1AngC
|
||||
|
||||
const charts = [
|
||||
{ instance: this.echart0, data: this.echartsData0 },
|
||||
{ instance: this.echart1, data: this.echartsData1 },
|
||||
{ instance: this.echartV1, data: this.echartsDataV1 },
|
||||
{ instance: this.echartV2, data: this.echartsDataV2 },
|
||||
{ instance: this.echartV3, data: this.echartsDataV3 },
|
||||
{ instance: this.echartA1, data: this.echartsDataA1 },
|
||||
{ instance: this.echartA2, data: this.echartsDataA2 },
|
||||
{ instance: this.echartA3, data: this.echartsDataA3 },
|
||||
]
|
||||
|
||||
charts.forEach(({ instance, data }) => {
|
||||
if (instance && instance.setOption) {
|
||||
instance.setOption(data, true)
|
||||
}
|
||||
this.realTimeData = [
|
||||
{ name: '电压有效值(kV)', A: data.vRmsA, B: data.vRmsB, C: data.vRmsC },
|
||||
{ name: '电流有效值(A)', A: data.iRmsA, B: data.iRmsB, C: data.iRmsC },
|
||||
{ name: '基波电压幅值(kV)', A: data.v1A, B: data.v1B, C: data.v1C },
|
||||
{ name: '基波电压相位(°)', A: data.v1AngA, B: data.v1AngB, C: data.v1AngC },
|
||||
{ name: '基波电流幅值(A)', A: data.i1A, B: data.i1B, C: data.i1C },
|
||||
{ name: '基波电流相位(°)', A: data.i1AngA, B: data.i1AngB, C: data.i1AngC },
|
||||
{ name: '电压偏差(%)', A: data.vDevA, B: data.vDevB, C: data.vDevC },
|
||||
{ name: '电压总谐波畸变率(%)', A: data.vThdA, B: data.vThdB, C: data.vThdC },
|
||||
]
|
||||
// 电压
|
||||
let vMax =
|
||||
Math.ceil(
|
||||
(Math.max(
|
||||
...[
|
||||
Math.floor(data.vRmsA * 100) / 100 || 1,
|
||||
Math.floor(data.vRmsB * 100) / 100 || 1,
|
||||
Math.floor(data.vRmsC * 100) / 100 || 1,
|
||||
],
|
||||
) *
|
||||
1.2) /
|
||||
10,
|
||||
) * 10
|
||||
this.echartsDataV1.series[0].max = vMax
|
||||
this.echartsDataV2.series[0].max = vMax
|
||||
this.echartsDataV3.series[0].max = vMax
|
||||
this.echartsDataV1.series[0].data[0].value = data.vRmsA
|
||||
this.echartsDataV2.series[0].data[0].value = data.vRmsB
|
||||
this.echartsDataV3.series[0].data[0].value = data.vRmsC
|
||||
})
|
||||
|
||||
// 电流
|
||||
let aMax =
|
||||
Math.ceil(
|
||||
(Math.max(
|
||||
...[
|
||||
Math.floor(data.iRmsA * 100) / 100 || 1,
|
||||
Math.floor(data.iRmsB * 100) / 100 || 1,
|
||||
Math.floor(data.iRmsC * 100) / 100 || 1,
|
||||
],
|
||||
) *
|
||||
1.2) /
|
||||
10,
|
||||
) * 10
|
||||
this.echartsDataA1.series[0].max = aMax
|
||||
this.echartsDataA2.series[0].max = aMax
|
||||
this.echartsDataA3.series[0].max = aMax
|
||||
this.echartsDataA1.series[0].data[0].value = data.iRmsA
|
||||
this.echartsDataA2.series[0].data[0].value = data.iRmsB
|
||||
this.echartsDataA3.series[0].data[0].value = data.iRmsC
|
||||
|
||||
this.echartsData0.series[0].data[0].value = data.i1AngA
|
||||
this.echartsData0.series[0].data[1].value = data.i1AngB
|
||||
this.echartsData0.series[0].data[2].value = data.i1AngC
|
||||
|
||||
this.echartsData1.series[0].data[0].value = data.v1AngA
|
||||
this.echartsData1.series[0].data[1].value = data.v1AngB
|
||||
this.echartsData1.series[0].data[2].value = data.v1AngC
|
||||
|
||||
const charts = [
|
||||
{ instance: this.echart0, data: this.echartsData0 },
|
||||
{ instance: this.echart1, data: this.echartsData1 },
|
||||
{ instance: this.echartV1, data: this.echartsDataV1 },
|
||||
{ instance: this.echartV2, data: this.echartsDataV2 },
|
||||
{ instance: this.echartV3, data: this.echartsDataV3 },
|
||||
{ instance: this.echartA1, data: this.echartsDataA1 },
|
||||
{ instance: this.echartA2, data: this.echartsDataA2 },
|
||||
{ instance: this.echartA3, data: this.echartsDataA3 },
|
||||
]
|
||||
|
||||
charts.forEach(({ instance, data }) => {
|
||||
if (instance && instance.setOption) {
|
||||
instance.setOption(data, true)
|
||||
}
|
||||
})
|
||||
|
||||
// this.echart0.setOption(this.echartsData0, true)
|
||||
// this.echart1.setOption(this.echartsData1, true)
|
||||
// this.echartV1.setOption(this.echartsDataV1, true)
|
||||
// this.echartV2.setOption(this.echartsDataV2, true)
|
||||
// this.echartV3.setOption(this.echartsDataV3, true)
|
||||
// this.echartA1.setOption(this.echartsDataA1, true)
|
||||
// this.echartA2.setOption(this.echartsDataA2, true)
|
||||
// this.echartA3.setOption(this.echartsDataA3, true)
|
||||
// this.echart0.setOption(this.echartsData0, true)
|
||||
// this.echart1.setOption(this.echartsData1, true)
|
||||
// this.echartV1.setOption(this.echartsDataV1, true)
|
||||
// this.echartV2.setOption(this.echartsDataV2, true)
|
||||
// this.echartV3.setOption(this.echartsDataV3, true)
|
||||
// this.echartA1.setOption(this.echartsDataA1, true)
|
||||
// this.echartA2.setOption(this.echartsDataA2, true)
|
||||
// this.echartA3.setOption(this.echartsDataA3, true)
|
||||
// }
|
||||
}
|
||||
})
|
||||
@@ -1029,7 +1032,8 @@ export default {
|
||||
.table-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 20rpx 30rpx;
|
||||
padding: 15rpx 30rpx;
|
||||
height: 20px;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
text {
|
||||
flex: 1;
|
||||
|
||||
Reference in New Issue
Block a user