| | |
|---|
| | | <script setup> |
|---|
| | | import { ref, watchEffect ,onMounted,onUnmounted} from 'vue'; |
|---|
| | | import { useI18n } from 'vue-i18n' |
|---|
| | | const { t } = useI18n() |
|---|
| | | let language = ref(localStorage.getItem('lang') || 'zh') |
|---|
| | | const { t } = useI18n() |
|---|
| | | let language = ref(localStorage.getItem('lang') || 'zh') |
|---|
| | | import Swal from 'sweetalert2' |
|---|
| | | import request from "@/utils/request"; |
|---|
| | | import { initializeWebSocket,closeWebSocket } from '@/utils/WebSocketService'; |
|---|
| | |
|---|
| | | |
|---|
| | | { x: 280, y: 100, height: 100, width: 60, fillColor: '#6a6da9', item: { height: 90, width: 10, fillColor: 'yellow', content: 'NG12345678',downGlassInfoList:"" } }, |
|---|
| | | |
|---|
| | | |
|---|
| | | ]); |
|---|
| | | watchEffect(() => { |
|---|
| | | // 触发数据变化时重新渲染 |
|---|
| | |
|---|
| | | }; |
|---|
| | | let socket = null; |
|---|
| | | const socketUrl = `ws://${WebSocketHost}:8085/api/talk/unloadglass2`; |
|---|
| | | //const socketUrl = `ws://${WebSocketHost}:88/api/unLoadGlass/api/talk/unloadglass2`; |
|---|
| | | // 定义消息处理函数，更新 receivedData 变量 |
|---|
| | | const handleMessage = (data) => { |
|---|
| | | // 更新 tableData 的数据 |
|---|
| | | data.glassinfo[0].forEach((itemData, index) => { |
|---|
| | | if (index < racks.value.length) { |
|---|
| | | const rack = racks.value[index]; |
|---|
| | |
|---|
| | | newItem.height = 20; |
|---|
| | | } |
|---|
| | | rack.item = newItem; |
|---|
| | | // console.log("显示图1",racks.value); // 打印更新后的 racks 值 |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | onMounted(() => { |
|---|
| | | fetchFlowCardId(); // 获取数据 |
|---|
| | | fetchFlowCardId(); |
|---|
| | | socket = initializeWebSocket(socketUrl, handleMessage); |
|---|
| | | }); |
|---|
| | | onUnmounted(() => { |
|---|
| | |
|---|
| | | const showCustomAlert = (downGlassInfoList) => { |
|---|
| | | let tableContent = '<table border="1" style="border-collapse: collapse; width: 100%;">'; |
|---|
| | | tableContent += '<tr><th style="background-color: #f2f2f2;">玻璃ID</th><th style="background-color: #f2f2f2;">膜系</th><th style="background-color: #f2f2f2;">厚度</th><th style="background-color: #f2f2f2;">宽度</th><th style="background-color: #f2f2f2;">高度</th></tr>'; |
|---|
| | | |
|---|
| | | downGlassInfoList.forEach(info => { |
|---|
| | | tableContent += `<tr> |
|---|
| | | <td>${info.glassId}</td> |
|---|
