实时数据-谐波频谱接口调试

This commit is contained in:
zhujiyan
2024-08-01 15:01:32 +08:00
parent f056aa3eb1
commit 7e5cefa40f
2 changed files with 169 additions and 499 deletions

View File

@@ -227,7 +227,10 @@
<!-- 实时数据-实时趋势组件 -->
<realTrend v-show="!realTimeFlag && sonTab == 1" ref="realTrendRef"></realTrend>
<!-- 实时数据-谐波频谱组件 -->
<harmonicSpectrum v-show="!realTimeFlag && sonTab == 2" ref="harmonicSpectrumRef"></harmonicSpectrum>
<harmonicSpectrum
v-show="!realTimeFlag && sonTab == 2"
ref="harmonicSpectrumRef"
></harmonicSpectrum>
</div>
<!-- 暂态事件 -->
<div style="height: calc(100vh - 200px)" v-show="dataSet.indexOf('_event') != -1">
@@ -292,43 +295,6 @@ const formInline = reactive({
lineId: ''
})
const detail = ref<any>(null)
// WebSocket
const socket: any = ref(null)
const url = 'wss://your-websocket-url'
//连接websocket
const connectWebSocket = () => {
return
socket.value = new WebSocket(url)
socket.value.onopen = () => {
console.log('WebSocket connected')
socket.value.isConnected = true
}
socket.value.onerror = (error: any) => {
console.error('WebSocket error:', error)
}
socket.value.onmessage = (message: any) => {
console.log('Received message:', message.data)
}
socket.value.onclose = () => {
console.log('WebSocket disconnected')
socket.value.isConnected = false
}
}
//建立连接发送消息
const sendMessage = () => {
if (socket.value.isConnected) {
socket.value.send('Your message here')
}
}
//关闭websocket
const disconnectWebSocket = () => {
if (socket.value.isConnected) {
socket.value.close()
}
}
//是否显示实时数据默认内容
const realTimeFlag = ref(true)
//实时数据子菜单
@@ -353,13 +319,15 @@ 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)
}
//返回
const handleReturn = () => {
realTimeFlag.value = true
sonTab.value = null
handleClick()
}
const getDeviceDataTrend = (e: any) => {
detail.value = {
@@ -621,9 +589,7 @@ watch(
}
}
)
onMounted(() => {
connectWebSocket()
})
onMounted(() => {})
</script>
<style lang="scss">