| | |
| | | } |
| | | }); |
| | | } |
| | | // const connectWebSocket = () => { |
| | | // if (!webSocket) { |
| | | // const socketUrl = `ws://${WebSocketHost}:${host}/api/cacheGlass/api/talk/cacheGlass`; |
| | | // webSocket = new WebSocket(socketUrl); |
| | | // webSocket.onmessage = (event) => { |
| | | // const data = JSON.parse(event.data); |
| | | // const scaleFactor = 1621.78/6000; |
| | | // adjustedRects.value = data.currentCutTerritory[0].map(rect => ({ |
| | | // ...rect, |
| | | // x_axis: (6000 -(rect.x_axis + rect.width)) * scaleFactor, |
| | | // y_axis: rect.y_axis * 0.17, |
| | | // width: rect.width * scaleFactor , |
| | | // widtha: rect.width , |
| | | // heighta: rect.height , |
| | | // height: rect.height * 0.165 , |
| | | // glass_state: rect.glass_state, |
| | | // isActive: false |
| | | // })); |
| | | // }; |
| | | // webSocket.onerror = (error) => { |
| | | // console.error('WebSocket Error:', error); |
| | | // }; |
| | | // webSocket.onclose = () => { |
| | | // console.log('WebSocket Connection Closed'); |
| | | // // 可以选择重新连接 |
| | | // }; |
| | | // } |
| | | // }; |
| | | const connectWebSocket = () => { |
| | | if (!webSocket) { |
| | | const socketUrl = `ws://${WebSocketHost}:${host}/api/cacheGlass/api/talk/cacheGlass`; |
| | |
| | | webSocket.onmessage = (event) => { |
| | | const data = JSON.parse(event.data); |
| | | const scaleFactor = 1621.78 / 6000; |
| | | if (data.currentCutTerritory && data.currentCutTerritory.length > 0) { |
| | | const newRects = data.currentCutTerritory[0].map(rect => { |
| | | const existingRect = adjustedRects.value.find(r => r.glass_id === rect.glass_id); |
| | | |
| | | if (existingRect) { |
| | | return { |
| | | ...existingRect, |
| | |
| | | } |
| | | }); |
| | | adjustedRects.value = newRects; |
| | | } else if (data.currentCutTerritory == '') { |
| | | adjustedRects.value = []; |
| | | } |
| | | }; |
| | | } |
| | | }; |
| | | |
| | | onMounted(() => { |
| | | // 初始时,如果输入框为空,则连接WebSocket |
| | | if (!inputValue.value) { |