| | |
|---|
| | | <script setup> |
|---|
| | | import {Search} from "@element-plus/icons-vue"; |
|---|
| | | import {reactive, onMounted, onBeforeUnmount} from "vue"; |
|---|
| | | import {reactive, onMounted, onBeforeUnmount,onUnmounted} from "vue"; |
|---|
| | | import {useRouter} from "vue-router" |
|---|
| | | const router = useRouter() |
|---|
| | | import { useI18n } from 'vue-i18n' |
|---|
| | |
|---|
| | | ElMessage.error('获取表格数据失败，请重试'); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | let socket = null; |
|---|
| | | const socketUrl = `ws://${WebSocketHost}:${host}/api/unLoadGlass/api/talk/unloadglass`; |
|---|
| | | // 定义消息处理函数，更新 receivedData 变量 |
|---|
| | | const handleMessage = (data) => { |
|---|
| | |
|---|
| | | onMounted(() => { |
|---|
| | | fetchFlowCardId(); |
|---|
| | | fetchTableData(); // 获取数据 |
|---|
| | | initializeWebSocket(socketUrl, handleMessage); |
|---|
| | | socket = initializeWebSocket(socketUrl, handleMessage); |
|---|
| | | }); |
|---|
| | | onUnmounted(() => { |
|---|
| | | if (socket) { |
|---|
| | | closeWebSocket(socket); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | onBeforeUnmount(() => { |
|---|
| | | console.log("关闭了") |
|---|
| | | closeWebSocket(); |
|---|
