| | |
| | | const debouncedUpdate = debounce((data, handler) => { |
| | | handler(data); |
| | | }, 300); |
| | | const handleMessage = (data) => { |
| | | let handleMessage = (data) => { |
| | | debouncedUpdate(data, (cleanData) => { |
| | | rawGlassStorageDetailList.value = cleanData.rawGlassStorageDetailList[0]; |
| | | orderDTOS.value = cleanData.orderDTOS[0]; |
| | |
| | | let myChartTemp = null; |
| | | let myChartHollow = null; |
| | | const socketUrl1 = `ws://${WebSocketHost}:${host}/api/cacheGlass/api/talk/largenScreen`; |
| | | const handleMessage1 = (data) => { |
| | | let handleMessage1 = (data) => { |
| | | edgOneTasks.value = data.edgOneCount[0]; |
| | | edgTwoTasks.value = data.edgOneCount[0]; |
| | | engineeringOne.value = data.engineeringOne[0]; |
| | |
| | | const temperingGlassInfoList = ref([]) |
| | | const temperingGlassInfoInList = ref([]) |
| | | const socketUrl2 = `ws://${WebSocketHost}:${host}/api/temperingGlass/api/talk/largenScreen`; |
| | | const handleMessage2 = (data) => { |
| | | let handleMessage2 = (data) => { |
| | | temperingTaskType.value = data.temperingTaskType[0]; |
| | | temperingGlassInfoList.value = data.temperingGlassInfoList[0]; |
| | | if (numBoxes3.value != temperingTaskType.value) { |
| | |
| | | let socket3 = null; |
| | | const bigStorageCageUsage = ref([]) |
| | | const socketUrl3 = `ws://${WebSocketHost}:${host}/api/cacheVerticalGlass/api/talk/largenScreen`; |
| | | const handleMessage3 = (data) => { |
| | | let handleMessage3 = (data) => { |
| | | bigStorageCageUsage.value = data.bigStorageCageUsage[0]; |
| | | timeAxisCreate(t('large.temperingState'), chartTemp.value, myChartTemp, tableDataTime(false, data.tempRunTimes[0])); |
| | | }; |
| | |
| | | let socket4 = null; |
| | | const hollowBigStorageCageUsage = ref([]) |
| | | const socketUrl4 = `ws://${WebSocketHost}:${host}/api/hollowGlass/api/talk/largenScreen`; |
| | | const handleMessage4 = (data) => { |
| | | let handleMessage4 = (data) => { |
| | | hollowBigStorageCageUsage.value = data.hollowBigStorageCageUsage[0]; |
| | | timeAxisCreate(t('large.hollowState'), chartHollow.value, myChartHollow, tableDataTime(false, data.hollowRunTimes[0])); |
| | | }; |
| | |
| | | }; |
| | | myChart2.setOption(option2, true); |
| | | } |
| | | const handleMessage5 = (data) => { |
| | | let handleMessage5 = (data) => { |
| | | productionVO.value = data.productionVO[0]; |
| | | createchart(productionVO); |
| | | }; |