From 7641b0424d6222eed67c50092521e1858666f9ad Mon Sep 17 00:00:00 2001
From: wuyouming666 <2265557248@qq.com>
Date: 星期五, 02 八月 2024 09:21:50 +0800
Subject: [PATCH] 原片仓储离开页面关闭socket

---
 UI-Project/src/views/GlassStorage/MaterialRackManagement.vue |   24 ++++++++++++++++++------
 1 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue b/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue
index 6ca0948..433c2a3 100644
--- a/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue
+++ b/UI-Project/src/views/GlassStorage/MaterialRackManagement.vue
@@ -330,7 +330,7 @@
 
 
 <script setup>
-import { ref, onMounted, onBeforeUnmount } from "vue"; // 瀵煎叆 Vue 3 鐨勬ā鍧�
+import { ref, onMounted, onBeforeUnmount,onUnmounted } from "vue"; // 瀵煎叆 Vue 3 鐨勬ā鍧�
 //import * as echarts from 'echarts';
 import { ElMessage, ElMessageBox } from "element-plus";
 // import {tableData} from '@/stores/tableData.js';
@@ -393,6 +393,9 @@
   row.enableState = 1 - row.enableState; // Toggle between 0 and 1
   // 姝ゅ鍙互娣诲姞淇濆瓨鐘舵�佺殑閫昏緫锛屾瘮濡傝皟鐢� API 鏇存柊鏁版嵁
 };
+
+let socket = null;
+
 const socketUrl = `ws://${WebSocketHost}:${host}/api/glassStorage/api/talk/storageTask`;
 // 瀹氫箟娑堟伅澶勭悊鍑芥暟锛屾洿鏂� receivedData 鍙橀噺
 const handleMessage = (data) => {
@@ -437,12 +440,21 @@
 };
 
 onMounted(() => {
-  initializeWebSocket(socketUrl, handleMessage);
+
+ socket =  initializeWebSocket(socketUrl, handleMessage);
 });
-onBeforeUnmount(() => {
-  console.log("鍏抽棴浜�");
-  closeWebSocket();
-});
+
+
+onUnmounted(() => {
+      if (socket) {
+        closeWebSocket(socket);
+        socketStatus.value = 'closed';
+      }
+    });
+// onBeforeUnmount(() => {
+//   console.log("鍏抽棴浜�");
+//   closeWebSocket();
+// });
 
 const tasktableData = ref([]);
 

--
Gitblit v1.8.0