ID1625-sse连接优化

zhangchen

2025-07-24 d5def43aed97b5fc7b513b9bd16a496435bb74d1

ID1625-sse连接优化

 src/store/bedsideAuxiliaryScreen.ts

@@ -2,24 +2,19 @@
import { ref } from "vue";
import cache from "../utils/cache";
import { EventSourcePolyfill } from "event-source-polyfill";
import type { BedsideAuxiliaryScreen } from './type/bedsideAuxiliaryScreen.type';
import { defaultDeviceData, defaultconsumablesCollection, formatDeviceData } from './type/bedsideAuxiliaryScreen.type';

import type { BedsideAuxiliaryScreen } from "./type/bedsideAuxiliaryScreen.type";
import {
  defaultDeviceData,
  defaultconsumablesCollection,
  formatDeviceData,
} from "./type/bedsideAuxiliaryScreen.type";
import { ElMessage } from "element-plus/es";

export const useBedsideAuxiliaryScreenStore = defineStore(
  "bedsideAuxiliaryScreen",
  () => {
    /** 设备编号 */
    const deviceCode = ref<string>(cache.get("devcieCode") || "");

    /** 床旁血压计数据 */
    const bedsideBloodPressureMonitorData = ref({
      date_time: '',
      sbp: '',
      pulseRate: '',
      dbp: '',
      zuihouTime: '',
    });

    /** 设备信息数据 */
    const deviceData = ref<BedsideAuxiliaryScreen>(defaultDeviceData());
@@ -38,12 +33,18 @@
    const message = ref<string | null>(null);
    const isConnected = ref(false);

    // 重连控制
    let retryCount = 0;
    const maxRetryCount = 60;
    const baseRetryDelay = 1000; // 1秒开始重连延迟

    /**
     * 连接 SSE 服务
     * @param url SSE 地址
     */
    const connect = (url: string) => {
      if (source.value) return; // 已连接，避免重复连接
      ElMessage.success("正在连接设备，请稍候...");

      source.value = new EventSourcePolyfill(url, {
        heartbeatTimeout: 60000,
@@ -51,12 +52,29 @@

      source.value.onopen = () => {
        console.log("[SSE] 连接成功");
        ElMessage.success("链接服务成功");
        isConnected.value = true;
        retryCount = 0; // 成功连接后重置重试计数
      };

      source.value.onerror = (e) => {
        console.warn("[SSE] 错误，等待重连中", e);
        isConnected.value = false;
        close(); // 关闭旧连接，避免残留
        if (retryCount < maxRetryCount) {
          const delay = baseRetryDelay * Math.pow(2, retryCount); // 指数退避
          retryCount++;
          console.log(`[SSE] 第${retryCount}次重连，延迟${delay}ms`);
          ElMessage.warning(
            `链接服务失败， 第${retryCount}次重连,请耐心等待重连。。`
          );
          setTimeout(() => {
            connect(url);
          }, delay);
        } else {
          console.error("[SSE] 重连次数达到上限，停止重连");
          ElMessage.error("重连次数达到上限，请检查网络或设备状态");
        }
      };

      source.value.onmessage = (e) => {
@@ -68,11 +86,12 @@
        if (beng !== -1 && end !== -1 && dif !== -1) {
          const datax = msg.slice(beng, end + 1);
          const dataBody = JSON.parse(datax);
          console.log('dataBody: ', dataBody)
          console.log("dataBody: ", dataBody);
          // 倒计时提示文本
          if (dataBody.倒计时?.提示文本) {}
          if (dataBody.倒计时?.提示文本) {
          }

          deviceData.value = formatDeviceData(dataBody)
          deviceData.value = formatDeviceData(dataBody);
        }
      };
    };
@@ -89,6 +108,12 @@
      }
    };

    /** 刷新 SSE 连接 */
    const refresh = (url: string) => {
      retryCount = 0;
      close(); // 先关闭旧连接
      connect(url); // 再重新连接
    };

    return {
      deviceCode,
@@ -99,6 +124,7 @@
      isConnected,
      connect,
      close,
      refresh,
    };
  }
);

 src/views/mobile/bedsideAuxiliaryScreen/components/SettingDeviceDialog.vue

@@ -134,10 +134,15 @@

const handleConfirm = () => {
  bedsideAuxiliaryScreenStore.setDeviceCode(devcieCode.value + "");
  handleRefresh();
  handleCancel();
};

const handleRefresh = () => {};
const handleRefresh = () => {
    bedsideAuxiliaryScreenStore.refresh(
    `${import.meta.env.VITE_SSE_BASE_URL}${devcieCode.value}`
  );
};

defineExpose({
  openDialog,