谐波频谱数据展示
This commit is contained in:
@@ -12,9 +12,20 @@
|
||||
<!-- <el-button v-if="deviceType == '1'" type="primary" @click="handleDownLoadTemplate">
|
||||
模版下载
|
||||
</el-button> -->
|
||||
<el-button v-if="deviceType == '1'" type="primary" icon="el-icon-Connection" @click="handleImport">离线补召</el-button>
|
||||
<el-button v-if="deviceType == '1'" type="primary" icon="el-icon-Monitor" @click="handleaddDevice">在线补召</el-button>
|
||||
<el-button v-if="deviceType == '1'" type="primary" icon="el-icon-Tickets" @click="handleAnalysisList">补招日志</el-button>
|
||||
<el-button v-if="deviceType == '1'" type="primary" icon="el-icon-Connection" @click="handleImport">
|
||||
离线补召
|
||||
</el-button>
|
||||
<el-button v-if="deviceType == '1'" type="primary" icon="el-icon-Monitor" @click="handleaddDevice">
|
||||
在线补召
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="deviceType == '1'"
|
||||
type="primary"
|
||||
icon="el-icon-Tickets"
|
||||
@click="handleAnalysisList"
|
||||
>
|
||||
补招日志
|
||||
</el-button>
|
||||
</template>
|
||||
<el-descriptions-item label="名称">
|
||||
{{ deviceData.name ? deviceData.name : '/' }}
|
||||
@@ -373,8 +384,6 @@ const handleRecordWaves = () => {
|
||||
}
|
||||
//实时趋势
|
||||
const realTrendRef = ref()
|
||||
//谐波频谱
|
||||
const harmonicSpectrumRef = ref()
|
||||
const changeTrendType = (val: any) => {
|
||||
activeTrendName.value = val * 1
|
||||
handleTrend()
|
||||
@@ -409,12 +418,17 @@ const handleTrend = async () => {
|
||||
realTrendRef.value.open({ devId: deviceId.value, lineId: lineId.value, activeTrendName: activeTrendName.value })
|
||||
}
|
||||
//谐波频谱
|
||||
const harmonicSpectrumRef = ref()
|
||||
//谐波频谱
|
||||
const handleHarmonicSpectrum = () => {
|
||||
realTimeFlag.value = false
|
||||
sonTab.value = 2
|
||||
harmonicSpectrumRef.value &&
|
||||
harmonicSpectrumRef.value.getHarmonicSpectrumParams({ devId: deviceId.value, lineId: lineId.value })
|
||||
// harmonicSpectrumRef.value &&
|
||||
// harmonicSpectrumRef.value.getHarmonicSpectrumParams({ devId: deviceId.value, lineId: lineId.value })
|
||||
window.clearInterval(timer.value)
|
||||
clearInterval(realDataTimer.value)
|
||||
realTimeFlag.value = false
|
||||
sonTab.value = 2
|
||||
getRealDataMqttMsg()
|
||||
}
|
||||
//返回
|
||||
const handleReturn = () => {
|
||||
@@ -542,9 +556,172 @@ const connectMqtt = () => {
|
||||
}
|
||||
mqttRef.value = mqtt.connect(url, options)
|
||||
}
|
||||
const getRealDataMqttMsg = async () => {
|
||||
//新的实时数据
|
||||
//1.调用接口 mqtt推送数据
|
||||
await getBasicRealData(lineId.value).then((res: any) => {
|
||||
if (res.code == 'A0000') {
|
||||
ElMessage.success('装置应答成功')
|
||||
} else {
|
||||
ElMessage.success('装置应答失败')
|
||||
}
|
||||
})
|
||||
//2.建立mqtt通讯
|
||||
//每隔30s调用一下接口,通知后台推送mqtt消息
|
||||
realDataTimer.value = await setInterval(() => {
|
||||
getBasicRealData(lineId.value).then((res: any) => {
|
||||
console.log(res, '获取基础实时数据')
|
||||
})
|
||||
}, 30000)
|
||||
connectMqtt()
|
||||
mqttRef.value.on('connect', (e: any) => {
|
||||
// ElMessage.success('连接mqtt服务器成功!')
|
||||
console.log('mqtt客户端已连接....')
|
||||
// mqttRef.value.subscribe('/Web/Progress')
|
||||
mqttRef.value.subscribe('/Web/RealData/+')
|
||||
//假数据
|
||||
})
|
||||
|
||||
mqttRef.value.on('message', (topic: any, message: any) => {
|
||||
mqttMessage.value = {}
|
||||
// console.log('mqtt接收到消息', message,topic)
|
||||
console.log('mqtt接收到消息', JSON.parse(JSON.stringify(JSON.parse(new TextDecoder().decode(message)))))
|
||||
let obj = JSON.parse(JSON.stringify(JSON.parse(new TextDecoder().decode(message))))
|
||||
//处理mqtt数据 1转2除 2转1乘
|
||||
//如果消息返回值是二次值,下拉框是二次值只需要单位换算 除以1000
|
||||
//如果消息返回值是一次值,下拉框是一次值只需要单位换算 除以1000
|
||||
if (obj.dataLevel == formInline.dataLevel) {
|
||||
obj = {
|
||||
...obj,
|
||||
// 电压有效值
|
||||
vRmsA: obj.vRmsA / 1000,
|
||||
vRmsB: obj.vRmsB / 1000,
|
||||
vRmsC: obj.vRmsC / 1000,
|
||||
//基波电压幅值
|
||||
v1A: obj.v1A / 1000,
|
||||
v1B: obj.v1B / 1000,
|
||||
v1C: obj.v1C / 1000,
|
||||
//有功功率
|
||||
pA: obj.pA / 1000,
|
||||
pB: obj.pB / 1000,
|
||||
pC: obj.pC / 1000,
|
||||
pTot: obj.pTot / 1000,
|
||||
//无功功率
|
||||
qA: obj.qA / 1000,
|
||||
qB: obj.qB / 1000,
|
||||
qC: obj.qC / 1000,
|
||||
qTot: obj.qTot / 1000,
|
||||
//视在功率
|
||||
sA: obj.sA / 1000,
|
||||
sB: obj.sB / 1000,
|
||||
sC: obj.sC / 1000,
|
||||
sTot: obj.sTot / 1000
|
||||
}
|
||||
}
|
||||
//如果消息返回值是二次值,下拉框是一次值需要单位换算 除以1000 并且乘以pt ct
|
||||
if (obj.dataLevel == 'Secondary' && formInline.dataLevel == 'Primary') {
|
||||
obj = {
|
||||
...obj,
|
||||
// 电压有效值
|
||||
vRmsA: (obj.vRmsA * obj.pt) / 1000,
|
||||
vRmsB: (obj.vRmsA * obj.pt) / 1000,
|
||||
vRmsC: (obj.vRmsA * obj.pt) / 1000,
|
||||
// 电流有效值
|
||||
iRmsA: obj.iRmsA * obj.ct,
|
||||
iRmsB: obj.iRmsA * obj.ct,
|
||||
iRmsC: obj.iRmsA * obj.ct,
|
||||
//基波电压幅值
|
||||
v1A: (obj.v1A * obj.pt) / 1000,
|
||||
v1B: (obj.v1B * obj.pt) / 1000,
|
||||
v1C: (obj.v1C * obj.pt) / 1000,
|
||||
//基波电流幅值
|
||||
i1A: obj.i1A * obj.ct,
|
||||
i1B: obj.i1B * obj.ct,
|
||||
i1C: obj.i1C * obj.ct,
|
||||
//有功功率
|
||||
pA: (obj.pA * obj.pt * obj.ct) / 1000,
|
||||
pB: (obj.pB * obj.pt * obj.ct) / 1000,
|
||||
pC: (obj.pC * obj.pt * obj.ct) / 1000,
|
||||
pTot: (obj.pTot * obj.pt * obj.ct) / 1000,
|
||||
//无功功率
|
||||
qA: (obj.qA * obj.pt * obj.ct) / 1000,
|
||||
qB: (obj.qB * obj.pt * obj.ct) / 1000,
|
||||
qC: (obj.qC * obj.pt * obj.ct) / 1000,
|
||||
qTot: (obj.qTot * obj.pt * obj.ct) / 1000,
|
||||
//视在功率
|
||||
sA: (obj.sA * obj.pt * obj.ct) / 1000,
|
||||
sB: (obj.sB * obj.pt * obj.ct) / 1000,
|
||||
sC: (obj.sC * obj.pt * obj.ct) / 1000,
|
||||
sTot: (obj.sTot * obj.pt * obj.ct) / 1000
|
||||
}
|
||||
}
|
||||
//如果消息返回值是一次值,下拉框是二次值需要单位换算 乘以1000 并且除以pt ct
|
||||
if (obj.dataLevel == 'Primary' && formInline.dataLevel == 'Secondary') {
|
||||
console.log(6666)
|
||||
obj = {
|
||||
...obj,
|
||||
// 电压有效值
|
||||
vRmsA: (obj.vRmsA / obj.pt) * 1000,
|
||||
vRmsB: (obj.vRmsA / obj.pt) * 1000,
|
||||
vRmsC: (obj.vRmsA / obj.pt) * 1000,
|
||||
// 电流有效值
|
||||
iRmsA: obj.iRmsA / obj.ct,
|
||||
iRmsB: obj.iRmsA / obj.ct,
|
||||
iRmsC: obj.iRmsA / obj.ct,
|
||||
//基波电压幅值
|
||||
v1A: (obj.v1A / obj.pt) * 1000,
|
||||
v1B: (obj.v1B / obj.pt) * 1000,
|
||||
v1C: (obj.v1C / obj.pt) * 1000,
|
||||
//基波电流幅值
|
||||
i1A: obj.i1A / obj.ct,
|
||||
i1B: obj.i1B / obj.ct,
|
||||
i1C: obj.i1C / obj.ct,
|
||||
//有功功率
|
||||
pA: (obj.pA / obj.pt / obj.ct) * 1000,
|
||||
pB: (obj.pB / obj.pt / obj.ct) * 1000,
|
||||
pC: (obj.pC / obj.pt / obj.ct) * 1000,
|
||||
pTot: (obj.pTot / obj.pt / obj.ct) * 1000,
|
||||
//无功功率
|
||||
qA: (obj.qA / obj.pt / obj.ct) * 1000,
|
||||
qB: (obj.qB / obj.pt / obj.ct) * 1000,
|
||||
qC: (obj.qC / obj.pt / obj.ct) * 1000,
|
||||
qTot: (obj.qTot / obj.pt / obj.ct) * 1000,
|
||||
//视在功率
|
||||
sA: (obj.sA / obj.pt / obj.ct) * 1000,
|
||||
sB: (obj.sB / obj.pt / obj.ct) * 1000,
|
||||
sC: (obj.sC / obj.pt / obj.ct) * 1000,
|
||||
sTot: (obj.sTot / obj.pt / obj.ct) * 1000
|
||||
}
|
||||
}
|
||||
//保留两位小数
|
||||
for (var i in obj) {
|
||||
if (typeof obj[i] == 'number' && obj[i] != 0 && Math.abs(obj[i]) % 1 != 0) {
|
||||
obj[i] = obj[i].toFixed(2)
|
||||
}
|
||||
}
|
||||
mqttMessage.value = obj
|
||||
//更新实时数据值
|
||||
realTimeFlag.value && realTimeRef.value && realTimeRef.value.setRealData(mqttMessage.value)
|
||||
//更新谐波频谱数据
|
||||
!realTimeFlag.value &&
|
||||
sonTab.value == 2 &&
|
||||
harmonicSpectrumRef.value &&
|
||||
harmonicSpectrumRef.value.setHarmonicSpectrumData(mqttMessage.value)
|
||||
})
|
||||
|
||||
mqttRef.value.on('error', (error: any) => {
|
||||
console.log('mqtt连接失败...', error)
|
||||
mqttRef.value.end()
|
||||
})
|
||||
|
||||
mqttRef.value.on('close', function () {
|
||||
console.log('mqtt客户端已断开连接.....')
|
||||
})
|
||||
}
|
||||
//tab点击事件
|
||||
|
||||
const realDataTimer: any = ref()
|
||||
const mqttMessage = ref<any>({})
|
||||
const handleClick = async (tab?: any) => {
|
||||
if (realDataTimer.value) {
|
||||
window.clearInterval(realDataTimer.value)
|
||||
@@ -614,163 +791,7 @@ const handleClick = async (tab?: any) => {
|
||||
tableLoading.value = false
|
||||
}, 1500)
|
||||
|
||||
//新的实时数据
|
||||
//1.调用接口 mqtt推送数据
|
||||
await getBasicRealData(lineId.value).then((res: any) => {
|
||||
if (res.code == 'A0000') {
|
||||
ElMessage.success('装置应答成功')
|
||||
} else {
|
||||
ElMessage.success('装置应答失败')
|
||||
}
|
||||
})
|
||||
//2.建立mqtt通讯
|
||||
|
||||
const mqttMessage = ref<any>({})
|
||||
|
||||
//每隔30s调用一下接口,通知后台推送mqtt消息
|
||||
realDataTimer.value = setInterval(() => {
|
||||
getBasicRealData(lineId.value).then((res: any) => {
|
||||
console.log(res, '获取基础实时数据')
|
||||
})
|
||||
}, 30000)
|
||||
connectMqtt()
|
||||
mqttRef.value.on('connect', (e: any) => {
|
||||
// ElMessage.success('连接mqtt服务器成功!')
|
||||
console.log('mqtt客户端已连接....')
|
||||
// mqttRef.value.subscribe('/Web/Progress')
|
||||
mqttRef.value.subscribe('/Web/RealData/+')
|
||||
//假数据
|
||||
})
|
||||
|
||||
mqttRef.value.on('message', (topic: any, message: any) => {
|
||||
mqttMessage.value = {}
|
||||
// console.log('mqtt接收到消息', message,topic)
|
||||
console.log('mqtt接收到消息', JSON.parse(JSON.stringify(JSON.parse(new TextDecoder().decode(message)))))
|
||||
let obj = JSON.parse(JSON.stringify(JSON.parse(new TextDecoder().decode(message))))
|
||||
//处理mqtt数据 1转2除 2转1乘
|
||||
//如果消息返回值是二次值,下拉框是二次值只需要单位换算 除以1000
|
||||
//如果消息返回值是一次值,下拉框是一次值只需要单位换算 除以1000
|
||||
if (obj.dataLevel == formInline.dataLevel) {
|
||||
obj = {
|
||||
...obj,
|
||||
// 电压有效值
|
||||
vRmsA: obj.vRmsA / 1000,
|
||||
vRmsB: obj.vRmsB / 1000,
|
||||
vRmsC: obj.vRmsC / 1000,
|
||||
//基波电压幅值
|
||||
v1A: obj.v1A / 1000,
|
||||
v1B: obj.v1B / 1000,
|
||||
v1C: obj.v1C / 1000,
|
||||
//有功功率
|
||||
pA: obj.pA / 1000,
|
||||
pB: obj.pB / 1000,
|
||||
pC: obj.pC / 1000,
|
||||
pTot: obj.pTot / 1000,
|
||||
//无功功率
|
||||
qA: obj.qA / 1000,
|
||||
qB: obj.qB / 1000,
|
||||
qC: obj.qC / 1000,
|
||||
qTot: obj.qTot / 1000,
|
||||
//视在功率
|
||||
sA: obj.sA / 1000,
|
||||
sB: obj.sB / 1000,
|
||||
sC: obj.sC / 1000,
|
||||
sTot: obj.sTot / 1000
|
||||
}
|
||||
}
|
||||
//如果消息返回值是二次值,下拉框是一次值需要单位换算 除以1000 并且乘以pt ct
|
||||
if (obj.dataLevel == 'Secondary' && formInline.dataLevel == 'Primary') {
|
||||
obj = {
|
||||
...obj,
|
||||
// 电压有效值
|
||||
vRmsA: (obj.vRmsA * obj.pt) / 1000,
|
||||
vRmsB: (obj.vRmsA * obj.pt) / 1000,
|
||||
vRmsC: (obj.vRmsA * obj.pt) / 1000,
|
||||
// 电流有效值
|
||||
iRmsA: obj.iRmsA * obj.ct,
|
||||
iRmsB: obj.iRmsA * obj.ct,
|
||||
iRmsC: obj.iRmsA * obj.ct,
|
||||
//基波电压幅值
|
||||
v1A: (obj.v1A * obj.pt) / 1000,
|
||||
v1B: (obj.v1B * obj.pt) / 1000,
|
||||
v1C: (obj.v1C * obj.pt) / 1000,
|
||||
//基波电流幅值
|
||||
i1A: obj.i1A * obj.ct,
|
||||
i1B: obj.i1B * obj.ct,
|
||||
i1C: obj.i1C * obj.ct,
|
||||
//有功功率
|
||||
pA: (obj.pA * obj.pt * obj.ct) / 1000,
|
||||
pB: (obj.pB * obj.pt * obj.ct) / 1000,
|
||||
pC: (obj.pC * obj.pt * obj.ct) / 1000,
|
||||
pTot: (obj.pTot * obj.pt * obj.ct) / 1000,
|
||||
//无功功率
|
||||
qA: (obj.qA * obj.pt * obj.ct) / 1000,
|
||||
qB: (obj.qB * obj.pt * obj.ct) / 1000,
|
||||
qC: (obj.qC * obj.pt * obj.ct) / 1000,
|
||||
qTot: (obj.qTot * obj.pt * obj.ct) / 1000,
|
||||
//视在功率
|
||||
sA: (obj.sA * obj.pt * obj.ct) / 1000,
|
||||
sB: (obj.sB * obj.pt * obj.ct) / 1000,
|
||||
sC: (obj.sC * obj.pt * obj.ct) / 1000,
|
||||
sTot: (obj.sTot * obj.pt * obj.ct) / 1000
|
||||
}
|
||||
}
|
||||
//如果消息返回值是一次值,下拉框是二次值需要单位换算 乘以1000 并且除以pt ct
|
||||
if (obj.dataLevel == 'Primary' && formInline.dataLevel == 'Secondary') {
|
||||
console.log(6666)
|
||||
obj = {
|
||||
...obj,
|
||||
// 电压有效值
|
||||
vRmsA: (obj.vRmsA / obj.pt) * 1000,
|
||||
vRmsB: (obj.vRmsA / obj.pt) * 1000,
|
||||
vRmsC: (obj.vRmsA / obj.pt) * 1000,
|
||||
// 电流有效值
|
||||
iRmsA: obj.iRmsA / obj.ct,
|
||||
iRmsB: obj.iRmsA / obj.ct,
|
||||
iRmsC: obj.iRmsA / obj.ct,
|
||||
//基波电压幅值
|
||||
v1A: (obj.v1A / obj.pt) * 1000,
|
||||
v1B: (obj.v1B / obj.pt) * 1000,
|
||||
v1C: (obj.v1C / obj.pt) * 1000,
|
||||
//基波电流幅值
|
||||
i1A: obj.i1A / obj.ct,
|
||||
i1B: obj.i1B / obj.ct,
|
||||
i1C: obj.i1C / obj.ct,
|
||||
//有功功率
|
||||
pA: (obj.pA / obj.pt / obj.ct) * 1000,
|
||||
pB: (obj.pB / obj.pt / obj.ct) * 1000,
|
||||
pC: (obj.pC / obj.pt / obj.ct) * 1000,
|
||||
pTot: (obj.pTot / obj.pt / obj.ct) * 1000,
|
||||
//无功功率
|
||||
qA: (obj.qA / obj.pt / obj.ct) * 1000,
|
||||
qB: (obj.qB / obj.pt / obj.ct) * 1000,
|
||||
qC: (obj.qC / obj.pt / obj.ct) * 1000,
|
||||
qTot: (obj.qTot / obj.pt / obj.ct) * 1000,
|
||||
//视在功率
|
||||
sA: (obj.sA / obj.pt / obj.ct) * 1000,
|
||||
sB: (obj.sB / obj.pt / obj.ct) * 1000,
|
||||
sC: (obj.sC / obj.pt / obj.ct) * 1000,
|
||||
sTot: (obj.sTot / obj.pt / obj.ct) * 1000
|
||||
}
|
||||
}
|
||||
//保留两位小数
|
||||
for (var i in obj) {
|
||||
if (typeof obj[i] == 'number' && obj[i] != 0) {
|
||||
obj[i].toFixed(2)
|
||||
}
|
||||
}
|
||||
mqttMessage.value = obj
|
||||
realTimeRef.value && realTimeRef.value.setRealData(mqttMessage.value)
|
||||
})
|
||||
|
||||
mqttRef.value.on('error', (error: any) => {
|
||||
console.log('mqtt连接失败...', error)
|
||||
mqttRef.value.end()
|
||||
})
|
||||
|
||||
mqttRef.value.on('close', function () {
|
||||
console.log('mqtt客户端已断开连接.....')
|
||||
})
|
||||
getRealDataMqttMsg()
|
||||
}
|
||||
//查询暂态事件
|
||||
if (dataSet.value.includes('_event')) {
|
||||
|
||||
Reference in New Issue
Block a user