原片仓储离开页面关闭socket

wuyouming666

2024-08-02 7641b0424d6222eed67c50092521e1858666f9ad

 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([]);