实时数据-谐波频谱接口调试
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user