单应用项目,可以创建很多独立工具类页面 ,不用登录 初始化的页面
zhangchen
2025-07-01 c7ec2fc769d64eecf04d1f2786c07e40ac945d0b
src/views/deviceWindoes2.vue
@@ -24,20 +24,31 @@
          <span
            class="grid-container"
            @click="initTupiao"
            style="margin-left: 5%; font-size: 350%; height: 100%"
            style="margin-left: 2%; font-size: 200%; height: 100%"
            >{{ deviceData.患者姓名 }}
          </span>
          <span
            class="grid-container"
            v-if="deviceData.年龄 !== null"
            style="margin-left: 5%; font-size: 300%; height: 100%"
            style="margin-left: 2%; font-size: 200%; height: 100%"
            >{{ deviceData.年龄 }}岁</span
          >
          <span
            class="grid-container"
            style="margin-left: 5%; font-size: 300%; height: 100%"
            style="margin-left: 2%; font-size: 200%; height: 100%"
            >{{ deviceData.性别 }}</span
          >
          <span
            class="grid-container"
            style="margin-left: 2%; font-size: 200%; height: 100%"
            >{{ patientSourceAndCode }}</span
          >
          <span
          v-if="deviceData.签到号"
            class="grid-container"
            style="margin-left: 2%; font-size: 200%; height: 100%"
            >{{ deviceData.签到号 }}</span
          >
          <div
@@ -81,7 +92,8 @@
      </div>
      <el-carousel v-if="contentHeight > 0" height="auto" :autoplay="false" motion-blur :initial-index="0" always="always">
        <el-carousel-item :style="{ height: (contentHeight - 10) + 'px' }">
          <div class="chongjian" style="height: 50%">
          <div :style="{ height: (contentHeight - 10) + 'px' }">
            <div class="chongjian" style="height: 50%;">
            <el-row :gutter="20" style="height: 100%; padding: 20px 20px 10px 20px">
              <el-col :span="6" style="height: 100%; padding-bottom: 10px">
                <div style="height: 100%">
@@ -475,14 +487,13 @@
                          height: 75%;
                          text-align: center;
                          font-weight: 600;
                          font-size: 50px;
                          color: #333333;
                              color: #333333;
                          color: #ca7070;
                          overflow: hidden;
                          overflow-y: auto;
                        "
                      >
                        <el-row style="font-size: 30px; overflow: hidden;">
                        <el-row style="font-size: 20px; overflow: hidden;">
                          <el-col
                            v-for="(row, index) in deviceData.异常检验指标"
                            :span="8"
@@ -516,7 +527,7 @@
                          height: 75%;
                          text-align: center;
                          font-weight: 600;
                          font-size: 50px;
                          font-size: 25px;
                          color: #8079cb;
                        "
                        class="grid-container"
@@ -631,7 +642,7 @@
          <!-- 治疗中 -->
          <div
            class="mowei"
            style="height: 39%"
            style="height: 39%;"
            v-if="Number(deviceData.透析状态) > 0"
          >
            <el-row style="height: 100%; padding: 0px 20px 10px 20px">
@@ -866,7 +877,7 @@
                            overflow-y: auto;
                          "
                        >
                          <el-row style="font-size: 30px">
                          <el-row style="font-size: 20px">
                            <el-col
                              v-for="(row, index) in deviceData.异常检验指标"
                              :span="12"
@@ -1093,6 +1104,7 @@
                </div>
              </el-col>
            </el-row>
          </div>
          </div>
      </el-carousel-item>
      <el-carousel-item :style="{ height: (contentHeight - 10) + 'px' }">
@@ -1542,8 +1554,8 @@
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="centerDialogVisible = false">取消</el-button>
          <el-button @click="test">测试播报</el-button>
          <el-button @click="toggleAlarm">测试报警</el-button>
          <!-- <el-button @click="test">测试播报</el-button> -->
          <!-- <el-button @click="toggleAlarm">测试报警</el-button> -->
          <el-button type="primary" @click="saveSet"> 确认 </el-button>
          <el-button type="success" @click="shuaxin"> 刷新 </el-button>
        </div>
@@ -1610,6 +1622,9 @@
                <el-option label="测血压" value="测血压" />
                <el-option label="开超滤" value="开超滤" />
                <el-option label="给药" value="给药" />
                <el-option label="调电导度" value="调电导度" />
                <el-option label="调血流量" value="调血流量" />
                <el-option label="冲管" value="冲管" />
              </el-select>
            </el-form-item>
            <el-form-item label="定型文:">
@@ -1676,7 +1691,13 @@
import cljd from "../img/cljd.png";
import tizhong from "../img/tizhong.png";
import { EventSourcePolyfill } from "event-source-polyfill";
import alertbaojin from '../assets/alert.wav'
import alertbaojin from "../assets/alert.wav";
import cxybaojing from "../assets/cxy.mp3";
import gybaojing from "../assets/gy.mp3";
import kclbaojing from "../assets/kcl.mp3";
import tdddbaojing from "../assets/tzddd.mp3";
import tzxllbaojing from "../assets/tzxll.mp3";
import cgbaojing from "../assets/cg.mp3";
import {
  computed,
@@ -1694,27 +1715,86 @@
import { jgTime4 } from "../utils/formatTime";
import { setTimeoutAlert } from "../utils/httpApi";
import DoctorAdvice from '../components/doctorAdvice/index.vue';
// 创建 Audio 对象,指向 public 目录下的音频文件
const alarmSound = new Audio(alertbaojin)
const alarmSound = new Audio(alertbaojin); //一般报警声音
const alarmSoundCXY = new Audio(cxybaojing); //测血压报警
alarmSoundCXY.loop = true; // 循环播放
const alarmSoundGY = new Audio(gybaojing); //给药报警
alarmSoundGY.loop = true; // 循环播放
const alarmSoundKCL = new Audio(kclbaojing); //开超滤报警
alarmSoundKCL.loop = true; // 循环播放
const alarmSoundTZDDD = new Audio(tdddbaojing); //调整电导度
alarmSoundTZDDD.loop = true; // 循环播放
const alarmSoundTZxll = new Audio(tzxllbaojing); //调整电导度
alarmSoundTZxll.loop = true; // 循环播放
const alarmSoundCG = new Audio(cgbaojing); //冲管
alarmSoundCG.loop = true; // 循环播放
const isHeightSet = ref(false);
// 控制播放状态的变量
const isPlaying = ref(false)
const isPlaying = ref(false);
// 切换播放/暂停的方法
const toggleAlarm = () => {
  console.log('-------------')
  console.log('看看是打开还是暂停')
  if (isPlaying.value) {
    alarmSound.pause()
    if (倒计时告警文本.value === "测血压") {
      alarmSoundCXY.pause();
    } else if (倒计时告警文本.value === "冲管") {
      alarmSoundCG.pause();
    } else if (倒计时告警文本.value === "开超滤") {
      alarmSoundKCL.pause();
    } else if (倒计时告警文本.value === "给药") {
      alarmSoundGY.pause();
    } else if (倒计时告警文本.value === "调电导度") {
      alarmSoundTZDDD.pause();
    } else if (倒计时告警文本.value === "调血流量") {
      alarmSoundTZxll.pause();
    } else {
      alarmSound.pause();
    }
  } else {
    alarmSound.currentTime = 0 // 从头开始播放
    alarmSound.play().catch((err) => {
      console.error('播放失败:', err)
    })
    if (倒计时告警文本.value === "测血压") {
      alarmSoundCXY.currentTime = 0; // 从头开始
      alarmSoundCXY.play().catch((err) => {
        console.error("播放失败:", err);
      });
    } else if (倒计时告警文本.value === "冲管") {
      alarmSoundCG.currentTime = 0; // 从头开始
      alarmSoundCG.play().catch((err) => {
        console.error("播放失败:", err);
      });
    } else if (倒计时告警文本.value === "开超滤") {
      alarmSoundKCL.currentTime = 0; // 从头开始
      alarmSoundKCL.play().catch((err) => {
        console.error("播放失败:", err);
      });
    } else if (倒计时告警文本.value === "给药") {
      alarmSoundGY.currentTime = 0; // 从头开始
      alarmSoundGY.play().catch((err) => {
        console.error("播放失败:", err);
      });
    } else if (倒计时告警文本.value === "调电导度") {
      alarmSoundTZDDD.currentTime = 0; // 从头开始
      alarmSoundTZDDD.play().catch((err) => {
        console.error("播放失败:", err);
      });
    } else if (倒计时告警文本.value === "调血流量") {
      alarmSoundTZxll.currentTime = 0; // 从头开始
      alarmSoundTZxll.play().catch((err) => {
        console.error("播放失败:", err);
      });
    } else {
      alarmSound.currentTime = 0; // 从头开始播放
      alarmSound.play().catch((err) => {
        console.error("播放失败:", err);
      });
    }
  }
  isPlaying.value = !isPlaying.value
}
// 语音播报
import Speech from "speak-tts";
const speech = ref(null);
  isPlaying.value = !isPlaying.value;
};
const { proxy } = getCurrentInstance() as any;
// 在需要使用的组件中引入
import { ChatDotSquare } from "@element-plus/icons-vue";
@@ -1748,6 +1828,9 @@
const 当前客户耗材集合 = ref({});
const deviceData = ref({
  患者来源: null,
  患者门诊住院号: '',
  签到号: '',
  透析单医嘱列表: [],
  iot_传输时间: "2025-01-10 19:15:24",
  iot_当前脱水量: 2.04,
@@ -1931,6 +2014,18 @@
    return false;
  }
});
const patientSourceAndCode = computed(() => {
  let res = '';
  if (deviceData.value.患者来源 === null) {
    return ''
  } else {
    res = deviceData.value.患者来源 === 1 ? '住院号:' : '门诊号:';
    res += deviceData.value.患者门诊住院号;
  }
  return res;
})
watch(
  () => isShowXY.value,
  () => {
@@ -1964,7 +2059,6 @@
};
// 保存定时任务
const setDingshi = () => {
  console.log("--------------------");
  console.log(formInline.value);
  console.log(deviceCode.value);
@@ -1975,7 +2069,7 @@
  } else {
    alertText = formInline.value.alertText;
  }
  if (alertText==='') {
  if (alertText === "") {
    ElMessage.warning("设置报警消息不能为空");
    return true;
  }
@@ -1988,7 +2082,7 @@
    if (res.data === "OK") {
      倒计时.value = minutes * 60;
      centerDialogVisible2.value = false;
      倒计时告警文本.value = alertText
      倒计时告警文本.value = alertText;
    } else {
      ElMessage.warning(res.message);
    }
@@ -2154,24 +2248,55 @@
const 倒计时告警文本 = ref("");
// 定时器回调函数
const updateTime = () => {
  倒计时.value--;
  if (倒计时.value > 0) {
    倒计时显示.value = formatSecondsToTime(倒计时.value);
    倒计时.value--;
  } else if(倒计时.value!==-100) {
  } else if (倒计时.value > -5) {
    倒计时显示.value = "";
    // 只有没触发的时候才触发他
    if(centerDialogVisible3.value===false){
      centerDialogVisible3.value = true;
      关闭弹框警告();
      // 播报警告文本(倒计时告警文本.value);
      toggleAlarm()
    }
  }else{
     if (centerDialogVisible3.value === false) {
       centerDialogVisible3.value = true;
       关闭弹框警告();
      //  toggleAlarm();
     }
  } else {
    倒计时显示.value = "";
  }
};
let intervalId = null;
watch(()=>centerDialogVisible3.value,()=>{
  if(centerDialogVisible3.value===false){
    alarmSound.pause();
    alarmSoundCXY.pause();
    alarmSoundKCL.pause();
    alarmSoundGY.pause();
    alarmSoundTZDDD.pause();
    alarmSoundTZxll.pause();
    alarmSoundCG.pause();
  }else{
    if (倒计时告警文本.value === "测血压") {
      alarmSoundCXY.play();
    }
    else if (倒计时告警文本.value === "冲管") {
      alarmSoundCG.play();
    }
    else if (倒计时告警文本.value === "开超滤") {
      alarmSoundKCL.play();
    }
    else if (倒计时告警文本.value === "给药") {
      alarmSoundGY.play();
    }
    else if (倒计时告警文本.value === "调电导度") {
      alarmSoundTZDDD.play();
    }
    else if (倒计时告警文本.value === "调血流量") {
      alarmSoundTZxll.play();
    }
    else {
      alarmSound.play();
    }
  }
})
onMounted(() => {
  let devcieCode = Local.get("devcieCode");
  if (devcieCode) {
@@ -2181,12 +2306,12 @@
    centerDialogVisible.value = true;
  }
  intervalId = setInterval(updateTime, 1000);
  speech.value = new Speech();
  speech.value?.setLanguage("zh-CN");
  speech.value?.init().then(() => {
    console.log("语音初 始化成功");
    // test()
  });
  const width = window.innerWidth;
const height = window.innerHeight;
console.log('可视区域宽度:', width);
console.log('可视区域高度:', height);
});
// 在组件卸载前清除定时器,防止内存泄漏
onBeforeUnmount(() => {
@@ -2331,12 +2456,15 @@
          if (dataBody.倒计时?.提醒文本) {
            倒计时.value = dataBody.倒计时?.设定提醒倒计时;
            console.log("设置了倒计时值", 倒计时.value);
            if (倒计时.value <= 0 && 倒计时.value >= -60&& centerDialogVisible3.value===false) {
            if (
              倒计时.value <= 0 &&
              倒计时.value >= -60 &&
              centerDialogVisible3.value === false
            ) {
              centerDialogVisible3.value = true;
              倒计时告警文本.value = dataBody.倒计时?.提醒文本;
              关闭弹框警告();
              播报警告文本(倒计时告警文本.value);
              toggleAlarm()
              // toggleAlarm();
            } else if (倒计时.value <= -60) {
              centerDialogVisible3.value = false;
            }
@@ -2367,6 +2495,18 @@
              deviceData.value = dataBody?.透析状态;
              if ('透析单医嘱列表' in dataBody.透析状态) {
                deviceData.value.透析单医嘱列表 = dataBody.透析状态.透析单医嘱列表;
              } else {
                deviceData.value.透析单医嘱列表 = []
              }
              if ('患者来源' in dataBody.透析状态) {
                deviceData.value.患者来源 = dataBody.透析状态.患者来源;
              } else {
                deviceData.value.患者来源 = null
              }
              if ('患者门诊住院号' in dataBody.透析状态) {
                deviceData.value.患者门诊住院号 = dataBody.透析状态.患者门诊住院号;
              } else {
                deviceData.value.患者门诊住院号 = ''
              }
            } else {
              deviceData.value.设备名称 = dataBody.IOT信息.床号;
@@ -2408,56 +2548,9 @@
  setTimeout(function () {
    console.log("30秒已过,关闭报警设置弹框。");
    centerDialogVisible3.value = false;
    toggleAlarm()
    倒计时.value=-100
    倒计时.value = -100;
  }, 30000); // 30000 毫秒 = 30 秒
};
const 播报警告文本 = (tex) => {
  if (centerDialogVisible3.value) {
    console.log(centerDialogVisible3.value,'播报')
    speech.value
      .speak({
        text: tex,
        listeners: {
          //开始播放
          onstart: () => {
            console.log("开始播报");
          },
          //判断播放是否完毕
          onend: () => {
            console.log("播报完成");
          },
          //恢复播放
          onresume: () => {
            console.log("Resume utterance");
          },
        },
      })
      .then(() => {
        播报警告文本(tex);
      });
  }
};
const test=()=>{
  speech.value
      .speak({
        text: '你好,我现在在测试播报内容',
        listeners: {
          //开始播放
          onstart: () => {
            console.log("开始播报");
          },
          //判断播放是否完毕
          onend: () => {
            console.log("播报完成");
          },
          //恢复播放
          onresume: () => {
            console.log("Resume utterance");
          },
        },
      })
}
//初始化
const sourceInit = () => {
  console.log("初始化see");
@@ -2618,7 +2711,7 @@
            label: { fontSize: 20, color: "#409EFF" },
          });
          seriesData[2].markPoint.data.push({
            name: "上机血压",
            name: "上机压",
            value: e.脉搏,
            xAxis: index,
            yAxis: e.脉搏,