单应用项目,可以创建很多独立工具类页面 ,不用登录 初始化的页面
zhangchen
2025-09-09 d085d0504041e29e82b51a6ade1a183149fc9ffa
src/store/bedsideAuxiliaryScreen.ts
@@ -1,28 +1,40 @@
import { defineStore } from "pinia";
import { ref } from "vue";
import cache from "../utils/cache";
import dayjs from "dayjs";
import { EventSourcePolyfill } from "event-source-polyfill";
import type { DeviceData } from './type/bedsideAuxiliaryScreen.type';
import { defaultDeviceData, defaultconsumablesCollection } from './type/bedsideAuxiliaryScreen.type';
import type {
  BedsideAuxiliaryScreen,
  SseMsgData,
} from "./type/bedsideAuxiliaryScreen.type";
import type { Task } from "./type/task.type";
import {
  defaultDeviceData,
  defaultconsumablesCollection,
  formatDeviceData,
} from "./type/bedsideAuxiliaryScreen.type";
import { ElMessage } from "element-plus/es";
import { Local } from "@/utils/storage";
export const useBedsideAuxiliaryScreenStore = defineStore(
  "bedsideAuxiliaryScreen",
  () => {
    /** 设备编号 */
    const deviceCode = ref<string>(cache.get("devcieCode") || "");
    const deviceCode = ref<string>(Local.get("devcieCode") || "");
    /** 床旁血压计数据 */
    const bedsideBloodPressureMonitorData = ref({
      date_time: '',
      sbp: '',
      pulseRate: '',
      dbp: '',
      zuihouTime: '',
    });
    /** 副屏版本号 */
    const version = ref<string>(Local.get("version") || "0.0.0");
    /** s设备信息数据 */
    const deviceData = ref<DeviceData>(defaultDeviceData());
    /** 设备信息数据 */
    const deviceData = ref<BedsideAuxiliaryScreen>(defaultDeviceData());
    /** 任务列表 */
    const taskData = ref<Task[]>([]);
    /** 设置副屏版本号 */
    const setVersion = (val: string) => {
      version.value = val;
      Local.set("version", val);
    };
    /**
     * 设置设备编号
@@ -30,7 +42,32 @@
     */
    const setDeviceCode = (code: string) => {
      deviceCode.value = code;
      cache.set("devcieCode", code);
      Local.set("devcieCode", code);
    };
    /**
     * 清除设备信息
     */
    const clearDevice = () => {
      deviceData.value = defaultDeviceData();
    };
    /**
     * 追加定时任务
     * @param taskItem
     */
    const pushTask = (taskItem: Task) => {
      taskData.value.push(taskItem);
    };
    /** 设置当前定时任务 */
    const setSyncTask = (taskItem: Task) => {
      taskData.value = [taskItem];
    };
    /** 清除当前定时任务 */
    const clearTask = () => {
      taskData.value = [];
    };
    // SSE 相关状态
@@ -38,12 +75,18 @@
    const message = ref<string | null>(null);
    const isConnected = ref(false);
    // 重连控制
    let retryCount = 0;
    const maxRetryCount = 6000 * 60 * 24 * 30;
    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 +94,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}次重连,延迟${baseRetryDelay}ms`);
          ElMessage.warning(
            `链接服务失败, 第${retryCount}次重连,请耐心等待重连。。`
          );
          setTimeout(() => {
            connect(url);
          }, delay);
        } else {
          console.error("[SSE] 重连次数达到上限,停止重连");
          ElMessage.error("重连次数达到上限,请检查网络或设备状态");
        }
      };
      source.value.onmessage = (e) => {
@@ -67,26 +127,60 @@
        let end = msg.length - 1;
        if (beng !== -1 && end !== -1 && dif !== -1) {
          const datax = msg.slice(beng, end + 1);
          const dataBody = JSON.parse(datax);
          console.log('dataBody: ', dataBody)
          const dataBody = JSON.parse(datax) as SseMsgData;
          console.log("dataBody: ", dataBody);
          // 倒计时提示文本
          if (dataBody.倒计时?.提示文本) {}
          if (
            dataBody.倒计时?.提醒文本 &&
            Number(dataBody.倒计时?.设定提醒倒计时 > 0)
          ) {
            const serverTimeRaw = dataBody.倒计时?.当前服务器时间;
            const reminderMinutes = Number(
              dataBody.倒计时?.设定提醒倒计时 ?? 0
            );
            const serverTimeFormatted = serverTimeRaw.replace(" ", "T");
          // 床旁血压计
          if (dataBody.推送类型 === '床旁血压计') {}
          // 中央监控大屏信息
          else if (dataBody.推送类型 === '中央监控大屏信息') {
            // 存在透析状态,表示当前设备今天存在排班
            if (dataBody?.透析状态) {}
            // 不存在就是没有排班
            else {
              deviceData.value.devicdeNo = dataBody.IOT信息?.床号;
              deviceData.value.patientName = '';
              deviceData.value.consumablesCollection = dataBody?.使用耗材字典 || defaultconsumablesCollection();
            }
            const taskTime = dayjs(serverTimeFormatted).add(
              reminderMinutes,
              "second"
            );
            setSyncTask({
              deviceCode: dataBody.IOT信息.设备唯一编号,
              recordCode: dataBody.透析状态?.透析单编号,
              taskDate: taskTime.format("YYYY-MM-DD HH:mm"),
              taskName: dataBody.倒计时?.提醒文本,
              overdue: false,
              sync: true,
              countdown: dataBody.倒计时?.设定提醒倒计时,
            });
          } else {
            clearTask();
          }
          deviceData.value = formatDeviceData(deviceData.value, dataBody);
          // 判断本地的版本号与远程的版本号是否一致,如果不一致则执行刷新操作
          if (dataBody.服务端版本号 !== version.value) {
            refreshVersion(dataBody.服务端版本号);
          } else if (dataBody.是否需要立即刷新 === 1) {
            refreshVersion(dataBody.服务端版本号);
          }
        }
      };
    };
    /** 刷新副屏 */
    const refreshVersion = (val?: string) => {
      if (val) {
        setVersion(val);
      }
      ElMessage({
        type: "success",
        duration: 1000 * 3,
        message: "系统更新···",
        onClose: function () {
          window.location.reload();
        },
      });
    };
    /**
@@ -97,10 +191,21 @@
        source.value.close();
        source.value = null;
        isConnected.value = false;
        clearDevice();
        clearTask();
        console.log("[SSE] 连接已关闭");
      }
    };
    /** 刷新 SSE 连接 */
    const refresh = (url: string) => {
      retryCount = 0;
      close(); // 先关闭旧连接
      connect(url); // 再重新连接
    };
    return {
      version,
      deviceCode,
      deviceData,
      setDeviceCode,
@@ -109,6 +214,13 @@
      isConnected,
      connect,
      close,
      refresh,
      taskData,
      pushTask,
      setSyncTask,
      clearTask,
      setVersion,
      refreshVersion,
    };
  }
);