| | |
| | | import os from "os" |
| | | import Speech from 'speak-tts' |
| | | import { reactive, computed, toRefs, onMounted, ref, watch } from "vue" |
| | | import { sendPationCode, sendPationSet } from '../../samples/sockteStomp' |
| | | import { sendPationCodeApi } from '../../samples/httpApi' |
| | | import { formatDate } from '@/utils/formatTime' |
| | | import state1 from '@/assets/state1.png' |
| | | import state2 from '@/assets/state2.png' |
| | | import state3 from '@/assets/state3.png' |
| | | import logo from '@/assets/LOGO.png' |
| | | import step6 from '@/assets/mp3/step6.mp3' |
| | | import step5 from '@/assets/mp3/step5.mp3' |
| | | import step4 from '@/assets/mp3/step4.mp3' |
| | | import step3 from '@/assets/mp3/step3.mp3' |
| | | import step2 from '@/assets/mp3/step2.mp3' |
| | | import step1 from '@/assets/mp3/step1.mp3' |
| | | import step7 from '@/assets/mp3/chongfuchengzhong.mp3' |
| | | import login from '@/views/login/index.vue' |
| | | import { confingInfoStore } from '@/stores/StoresConfing' |
| | | import { ElMessage } from 'element-plus' |
| | |
| | | return !sockte.isLink |
| | | }) |
| | | const netLink = computed(() => { |
| | | if(!sockte.netLink){ |
| | | ipcRenderer.invoke('logger', '网络已经断开') |
| | | }else{ |
| | | ipcRenderer.invoke('logger', '网络已经恢复') |
| | | } |
| | | return !sockte.netLink |
| | | }) |
| | | const weightInfo = computed(() => { |
| | |
| | | state.clockNum = patientInfoStore().viewNumber |
| | | // 清除定时器 |
| | | clearInterval(state.timerNum) |
| | | console.log('------------------') |
| | | timer = setInterval(() => { |
| | | if (state.clockNum > 0) { |
| | | state.clockNum-- |
| | | } |
| | | else { |
| | | clearInterval(timer) |
| | | const datetimeCON = patientInfoStore().patientInfo.datetime |
| | | patientInfoStore().setpatientInfo({ |
| | | id: 0, |
| | | code: '', |
| | |
| | | deviceCode: '', |
| | | hemoCode: '', |
| | | pureWeight: '', |
| | | datetime: datetimeCON |
| | | datetime: '' |
| | | }) |
| | | state.clockNum = patientInfoStore().viewNumber |
| | | sockteStore().setweightSockte({ |
| | | type: '体重秤', |
| | | deviceName: '', |
| | |
| | | }, 1000) |
| | | // 记录定时器 |
| | | state.timerNum = timer |
| | | console.log(timer) |
| | | } |
| | | //发送消除某些状态 |
| | | const fuxuan=()=>{ |
| | | console.log('返回---') |
| | | const datetimeCON = patientInfoStore().patientInfo.datetime |
| | | // 获取是否是一台主机连2个设备 |
| | | const islinkDouble=confingInfoStore().confingInfo.islinkDouble |
| | | // 如果不是就马上清空 |
| | | if(!islinkDouble){ |
| | | patientInfoStore().setpatientInfo({ |
| | | id: 0, |
| | | code: '', |
| | | name: '', |
| | | patientAvatarIcon: '', |
| | | deviceCode: '', |
| | | hemoCode: '', |
| | | pureWeight: '', |
| | | datetime: datetimeCON |
| | | }) |
| | | sockteStore().setweightSockte({ |
| | | type: '体重秤', |
| | | deviceName: '', |
| | | result: '0', |
| | | resultTime: '', |
| | | state: 2 |
| | | }) |
| | | sockteStore().setxyjSockte({ |
| | | type: '血压计', |
| | | deviceName: '', |
| | | result: '', |
| | | resultTime: '', |
| | | state: 2 |
| | | }) |
| | | sockteStore().setfaceSockte({ |
| | | type: '人脸识别', |
| | | deviceName: '', |
| | | result: '', |
| | | resultTime: '', |
| | | state: 2 |
| | | }) |
| | | state.clockNum = patientInfoStore().viewNumber |
| | | state.aimTSL = '' |
| | | state.gao_ya = '' |
| | | state.di_ya = '' |
| | | state.mai_bu = '' |
| | | } |
| | | if (isUseFaceRecogService.value) { |
| | | console.log('开启人脸识别') |
| | | state.dialogVisible = true |
| | | }else{ |
| | | console.log('关闭人脸识别') |
| | | state.dialogVisible = false |
| | | } |
| | | |
| | | } |
| | | const state = reactive({ |
| | | fasongNum:0, |
| | | caozuo: 0,// 点击10下才能关闭 |
| | | logo: logo, |
| | | step5: step5, |
| | | step4: step4, |
| | | step3: step3, |
| | | step7: step7, |
| | | step2: step2, |
| | | step1: step1, |
| | | step6: step6, |
| | | state1: state1, |
| | | state2: state2, |
| | | state3: state3, |
| | | dialogVisible: false, |
| | | dialogVisible: true, |
| | | isActive: false, |
| | | inputCode: "", |
| | | Newdate: "", |
| | |
| | | mai_bu: "",//脉搏, |
| | | haodu: "0px", |
| | | }) |
| | | // 监控患者信息变化 |
| | | watch( |
| | | () => patientInfo.value.datetime, |
| | | () => { |
| | | console.log('患者信息变化,置空临时患者code', patientInfo.value) |
| | | patientCodeLs = '' |
| | | patientCodeLsXy = '' |
| | | console.log(patientCodeLs, '患者codec初始化') |
| | | state.aimTSL = '' |
| | | sockteStore().setweightSockte({ |
| | | type: "体重秤", |
| | | state: 2, |
| | | deviceName: "", |
| | | result: "0", |
| | | resultTime: "" |
| | | }) |
| | | sockteStore().setxyjSockte({ |
| | | type: "血压计", |
| | | state: 2, |
| | | deviceName: "", |
| | | result: "", |
| | | resultTime: "" |
| | | }) |
| | | // 定时数秒器 |
| | | settime() |
| | | if (patientInfo.value.id !== 0 && patientInfo.value.name !== '' && patientInfo.value.isScheduled === 1) { |
| | | let str = `${patientInfo.value.name}识别成功。` |
| | | // console.log(`患者信息识别成功:${patientInfo.value.name}`) |
| | | ipcRenderer.invoke('logger', `患者信息识别成功:${patientInfo.value.name}`) |
| | | let str = `${patientInfo.value.name}识别成功。床号:${patientInfo.value.deviceNo}` |
| | | state.dialogVisible = false |
| | | speech.value?.speak({ text: str }).then(() => { |
| | | console.log("播报完成...") |
| | | }) |
| | | sockteStore().setweightSockte({ |
| | | type: "体重秤", |
| | | state: 2, |
| | | deviceName: "", |
| | | result: "0", |
| | | resultTime: "" |
| | | }) |
| | | sockteStore().setxyjSockte({ |
| | | type: "血压计", |
| | | state: 2, |
| | | deviceName: "", |
| | | result: "", |
| | | resultTime: "" |
| | | }) |
| | | |
| | | } |
| | | // 没有找到患者 |
| | | else if (patientInfo.value.name === '') { |
| | | // speech.value?.speak({ text: "没有找到患者,请重新刷卡" }).then(() => { |
| | | // console.log("播报完成...") |
| | | // }) |
| | | ipcRenderer.invoke('logger', '接收到的患者为空') |
| | | // console.log('接收到的患者为空') |
| | | if (isUseFaceRecogService.value) { |
| | | state.dialogVisible = true |
| | | } |
| | |
| | | } |
| | | // 没有排班 |
| | | else if (patientInfo.value.isScheduled === 0) { |
| | | ipcRenderer.invoke('logger', `患者没有排班:${patientInfo.value.name}`) |
| | | // console.log( `患者没有排班:${patientInfo.value.name}`) |
| | | //关闭人脸弹框 |
| | | state.dialogVisible = false |
| | | speech.value?.speak({ text: `${patientInfo.value.name}今日没有排班,不能自助签到` }).then(() => { |
| | | console.log("播报完成...") |
| | | // console.log("播报完成...") |
| | | }) |
| | | if (isUseFaceRecogService.value) { |
| | | state.dialogVisible = true |
| | | } |
| | | sockteStore().setweightSockte({ |
| | | type: "体重秤", |
| | | state: 2, |
| | | deviceName: "", |
| | | result: "0", |
| | | resultTime: "" |
| | | }) |
| | | sockteStore().setxyjSockte({ |
| | | type: "血压计", |
| | | state: 2, |
| | | deviceName: "", |
| | | result: "", |
| | | resultTime: "" |
| | | }) |
| | | return |
| | | } |
| | | } |
| | | ); |
| | | // 体重发生了变化 |
| | | watch( |
| | | () => weightInfo.value.resultTime, |
| | | async () => { |
| | | console.log("体重变化了", weightInfo.value) |
| | | // 体重不能0 |
| | | if (weightInfo.value.result !== "0"&&patientInfo.value.code!=='') { |
| | | ipcRenderer.invoke('logger', `体重变化了:${weightInfo.value.result}`) |
| | | console.log(`体重变化了:${weightInfo.value.result}`) |
| | | // 发送结果到sockte服务 |
| | | const mode = { |
| | | patientCode: patientInfo.value.code, |
| | |
| | | } |
| | | if (patientCodeLs !== mode.patientCode) { |
| | | const tt = mode.weight.replace('.', '点') |
| | | console.log('发送患者结果', tt) |
| | | speech.value?.speak({ text: `称重完成,${tt}kg` }).then(() => { |
| | | console.log("播报完成...") |
| | | }) |
| | | console.log(111111) |
| | | patientCodeLs = mode.patientCode |
| | | for(let x=0;x<3;x++){ |
| | | const res= await updatePatient(mode) |
| | | if(res.code===200){ |
| | | return false |
| | | } |
| | | } |
| | | state.fasongNum=0 |
| | | // console.log(`开始发送结果到服务器:患者:${patientInfo.value.name},体重结果:${weightInfo.value.result}`) |
| | | ipcRenderer.invoke('logger', `开始发送结果到服务器:患者:${patientInfo.value.name},体重结果:${weightInfo.value.result}`) |
| | | console.log(`开始发送结果到服务器:患者:${patientInfo.value.name},体重结果:${weightInfo.value.result}`) |
| | | sundModeTz() |
| | | } |
| | | else { |
| | | // 临时患者code=当前患者code |
| | | console.log(22222222222) |
| | | patientCodeLs = mode.patientCode |
| | | } |
| | | // 计算目标脱水量 |
| | | if (Number(weightInfo.value.result) > 0 && Number(patientInfo.value.pureWeight) !== 0) { |
| | | if (Number(weightInfo.value.result) > 0 && Number(patientInfo.value.pureWeight) !== 0&&patientInfo.value.isAfterMed===0) { |
| | | state.aimTSL = (Number(weightInfo.value.result) - Number(patientInfo.value.pureWeight)- Number(patientInfo.value.clothesWeight)).toFixed(2) |
| | | }else if(Number(weightInfo.value.result) > 0 && Number(patientInfo.value.pureWeight) !== 0&&patientInfo.value.isAfterMed===1 && patientInfo.value.preWeight>10){ |
| | | state.aimTSL = (Number(weightInfo.value.result) - Number(patientInfo.value.preWeight)- Number(patientInfo.value.clothesWeight)).toFixed(2) |
| | | } |
| | | } |
| | | } |
| | | ); |
| | | // 血压发送了变化 |
| | | watch( |
| | | () => xyjInfo.value.resultTime, |
| | | () => { |
| | | async () => { |
| | | if (xyjInfo.value.result !== '') { |
| | | ipcRenderer.invoke('logger', `血压发生变化了:${weightInfo.value.result}`) |
| | | console.log(`血压发生变化了:${weightInfo.value.result}`) |
| | | const list = xyjInfo.value.result.split(',') |
| | | if (list.length === 3) { |
| | | state.gao_ya = list[0] |
| | | state.di_ya = list[1] |
| | | state.mai_bu = list[2] |
| | | } |
| | | // 患者信息为空 |
| | | if (patientInfo.value.id === 0) { |
| | | speech.value?.speak({ text: "没有识别的患者,请先验证患者" }).then(() => { |
| | | console.log("播报完成...") |
| | | // console.log("播报完成...") |
| | | }) |
| | | // 有患者信息 |
| | | } else { |
| | | speech.value?.speak({ text: `收缩压:${state.gao_ya},舒张压:${state.di_ya},脉搏:${state.mai_bu}` }).then(() => { |
| | | // console.log("播报完成...") |
| | | }) |
| | | const mode = { |
| | | patientCode: patientInfo.value.code, |
| | | weight: '', |
| | | bloodPressure: xyjInfo.value.result |
| | | |
| | | } |
| | | console.log('发送患者结果', mode) |
| | | if (patientCodeLsXy === mode.patientCode) { |
| | | speech.value?.speak({ text: '不能重复测量血压,请重新识别患者再测量血压' }).then(() => { |
| | | console.log("播报完成...") |
| | | }) |
| | | console.log('如果是重复提交 就不要上传到api') |
| | | return false |
| | | } else { |
| | | updatePatient(mode).then(re => { |
| | | speech.value?.speak({ text: `收缩压:${state.gao_ya},舒张压:${state.di_ya},脉搏:${state.mai_bu}` }).then(() => { |
| | | console.log("播报完成...") |
| | | }) |
| | | patientCodeLsXy = mode.patientCode |
| | | console.log(re) |
| | | }) |
| | | sendPationSet(mode) |
| | | } |
| | | state.fasongNum=0 |
| | | // console.log(`开始发送结果到服务器:患者:${patientInfo.value.name},血压结果:${mode.bloodPressure}`) |
| | | ipcRenderer.invoke('logger', `开始发送结果到服务器:患者:${patientInfo.value.name},血压结果:${mode.bloodPressure}`) |
| | | sundModeXyj() |
| | | } |
| | | } else { |
| | | state.gao_ya = "" |
| | |
| | | console.log(dkqInfo.value, '读卡器') |
| | | if (dkqInfo.value.result !== '' && dkqInfo.value.result !== undefined) { |
| | | const code = dkqInfo.value.result.split(",")[0] |
| | | console.log('获取读卡器的code', code) |
| | | console.log(`获取读卡器的code=${code},发送到服务请求患者信息`) |
| | | sendPationCodeApi(code) |
| | | } |
| | | } |
| | | ); |
| | | // 患者code 发生变化 冲人脸识别来 |
| | | watch( |
| | | ()=>faceInfo.value.result, |
| | | ()=>{ |
| | | console.log('页面收到了人脸识别') |
| | | sendPationCodeApi(faceInfo.value.result) |
| | | // console.log(faceInfo.value.result) |
| | | if(faceInfo.value.result!==''){ |
| | | console.log(`获取人脸识别code=${faceInfo.value.result},发送到服务请求患者信息`) |
| | | sendPationCodeApi(faceInfo.value.result) |
| | | } |
| | | } |
| | | ) |
| | | watch(() => viewNumber, |
| | |
| | | state.clockNum = viewNumber.value |
| | | } |
| | | ); |
| | | const sundModeTz= ()=>{ |
| | | const mode = { |
| | | patientCode: patientInfo.value.code, |
| | | weight: weightInfo.value.result, |
| | | bloodPressure: '' |
| | | } |
| | | state.fasongNum++ |
| | | ipcRenderer.invoke('logger', `患者结果上传,第${state.fasongNum}次`) |
| | | ipcRenderer.invoke('logger', '参数:'+JSON.stringify(mode)) |
| | | updatePatient(mode).then(re=>{ |
| | | ElMessage.success('结果发送成功') |
| | | ipcRenderer.invoke('logger', '结果上传成功') |
| | | setTimeout(() => { |
| | | fuxuan() |
| | | },8000) |
| | | return false |
| | | }).catch(re=>{ |
| | | ElMessage('结果发送失败') |
| | | console.log('结果发送失败') |
| | | ipcRenderer.invoke('logger', `结果发送失败:第${state.fasongNum}次,3秒后重新发送`) |
| | | if(state.fasongNum<3){ |
| | | setTimeout(sundModeTz,5000); |
| | | } |
| | | else{ |
| | | ipcRenderer.invoke('logger', '3次结果上传都失败放弃本次请求') |
| | | return false |
| | | } |
| | | }) |
| | | } |
| | | const sundModeXyj= ()=>{ |
| | | const mode = { |
| | | patientCode: patientInfo.value.code, |
| | | weight: '', |
| | | bloodPressure: xyjInfo.value.result |
| | | } |
| | | state.fasongNum++ |
| | | ipcRenderer.invoke('logger', `患者结果上传,第${state.fasongNum}次`) |
| | | ipcRenderer.invoke('logger', '参数:'+JSON.stringify(mode)) |
| | | updatePatient(mode).then(re=>{ |
| | | ElMessage.success('结果发送成功') |
| | | ipcRenderer.invoke('logger', '结果上传成功') |
| | | setTimeout(() => { |
| | | fuxuan() |
| | | },8000) |
| | | return false |
| | | }).catch(re=>{ |
| | | ElMessage('结果发送失败') |
| | | console.log('结果发送失败') |
| | | ipcRenderer.invoke('logger', `结果发送失败:第${state.fasongNum}次,3秒后重新发送`) |
| | | if(state.fasongNum<3){ |
| | | setTimeout(sundModeXyj,5000); |
| | | } |
| | | else{ |
| | | ipcRenderer.invoke('logger', '3次结果上传都失败放弃本次请求') |
| | | return false |
| | | } |
| | | }) |
| | | } |
| | | const inputChabge = () => { |
| | | sendPationCodeApi(state.inputCode) |
| | | setTimeout(function () { |
| | |
| | | if (state.caozuo > 10) { |
| | | ipcRenderer.send('winClose') |
| | | } |
| | | console.log(state.caozuo) |
| | | } |
| | | onMounted(() => { |
| | | console.log('页面初始化', os.hostname()) |
| | | console.log('页面初始化读取配置文件', confingInfoStore().confingInfo) |
| | | // 是否开启脸识别 |
| | | isUseFaceRecogService.value = confingInfoStore().confingInfo.isUseFaceRecogService |
| | | if (isUseFaceRecogService.value) { |
| | | state.dialogVisible = true |
| | | } |
| | | state.haodu = (document.documentElement.clientHeight - 180) / 2 + 'px' |
| | | state.clockNum = patientInfoStore().viewNumber |
| | | setInterval(function () { |
| | | inputRef.value.focus(); |
| | | }, 1000) |
| | | speech.value = new Speech(); |
| | | speech.value?.setLanguage('zh-CN') |
| | | speech.value?.init().then(() => { |
| | | console.log('语音初始化成功') |
| | | }) |
| | | |
| | | setTimeout(()=>{ |
| | | console.log('3秒后执行') |
| | | // 是否开启脸识别 |
| | | isUseFaceRecogService.value = confingInfoStore().confingInfo.isUseFaceRecogService |
| | | console.log('人脸识别',isUseFaceRecogService.value) |
| | | if (isUseFaceRecogService.value) { |
| | | console.log('开启人脸识别') |
| | | state.dialogVisible = true |
| | | }else{ |
| | | console.log('关闭人脸识别') |
| | | state.dialogVisible = false |
| | | } |
| | | state.haodu = (document.documentElement.clientHeight - 180) / 2 + 'px' |
| | | state.clockNum = patientInfoStore().viewNumber |
| | | setInterval(function () { |
| | | inputRef.value.focus(); |
| | | }, 1000) |
| | | speech.value = new Speech(); |
| | | speech.value?.setLanguage('zh-CN') |
| | | speech.value?.init().then(() => { |
| | | console.log('语音初始化成功') |
| | | }) |
| | | },3000) |
| | | }) |
| | | return { |
| | | ...toRefs(state), guyanbi, loginRef, isLink, netLink, weightInfo, patientInfo, xyjInfo, inputRef, inputChabge |
| | | ...toRefs(state),isUseFaceRecogService,fuxuan, guyanbi, loginRef, isLink, netLink, weightInfo, patientInfo, xyjInfo, inputRef, inputChabge |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <template> |
| | | <div> |
| | | <div class="pagehome"> |
| | | <el-dialog v-model="dialogVisible" width="80%" center :show-close="false"> |
| | | <div class="devcont"> |
| | | <div class="pagehome" v-if="isUseFaceRecogService"> |
| | | <el-dialog v-model="dialogVisible" :close-on-click-modal="false" width="800px" center :show-close="false"> |
| | | <template> |
| | | <div class="my-header"> |
| | | <h4>人脸识别中。。。</h4> |
| | | </div> |
| | | </template> |
| | | <login ref="loginRef" /> |
| | | <login ref="loginRef" :dialogVisible="dialogVisible" /> |
| | | </el-dialog> |
| | | </div> |
| | | <el-dialog title="提示" v-model="netLink" width="30%"> |
| | |
| | | <el-col :span="8" class="imgclass"> |
| | | <el-image style="width: 100%; height: 85%" :src="patientInfo.patientAvatarIcon" fit="cover" /> |
| | | </el-col> |
| | | <el-col :span="15" class="userinfo"> |
| | | <el-col :span="15" class="userinfo" style="margin-top: -5%;"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <div class="lableclass"> |
| | |
| | | <el-col :span="12"> |
| | | <div class="textclass"> |
| | | {{ patientInfo.hemoCode }} |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row style="margin-top: 10%;"> |
| | | <el-col :span="12"> |
| | | <div class="lableclass"> |
| | | 床号: |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <div class="textclass"> |
| | | {{ patientInfo.deviceNo }} |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | </el-row> |
| | | <el-row class="rowdiv"> |
| | | <el-col :span="12"> |
| | | <div class="lableclass"> |
| | | <div v-if="patientInfo.isAfterMed===0" class="lableclass"> |
| | | 目标脱水量(L): |
| | | </div> |
| | | <div v-else class="lableclass"> |
| | | 体重减少(kg): |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | <div class="divcol" :style="{ height: haodu }"> |
| | | <el-row class="titleHand"> |
| | | <el-col :span="12"> |
| | | <div class="tilaft"> |
| | | <div class="tilaft" v-if="patientInfo.isAfterMed===0"> |
| | | 透前体重(kg): |
| | | </div> |
| | | <div class="tilaft" v-else> |
| | | 透后体重(kg): |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | <div class="chongzhi" @click="fuxuan"> |
| | | 返回 |
| | | </div> |
| | | </div> |
| | | |
| | | </template> |
| | |
| | | body { |
| | | background: #F3F6FE; |
| | | padding: 0; |
| | | margin: 0; |
| | | |
| | | } |
| | | .chongzhi{ |
| | | width: 100px; |
| | | height: 100px; |
| | | background: #769AFF; |
| | | color: #FFFFFF; |
| | | font-size: 20px; |
| | | line-height: 100px; |
| | | text-align: center; |
| | | position:fixed; |
| | | bottom:0px; |
| | | right:0px; |
| | | border-radius: 50px; |
| | | } |
| | | .devcont{ |
| | | width: 100%; |
| | | height: 99%; |
| | | } |
| | | |
| | | .inpu { |
| | | margin-top: 20px; |
| | | // margin-top: 20px; |
| | | position: absolute; |
| | | top:0.2rem; |
| | | right: 40px; |
| | | z-index: 999; |
| | | } |
| | | |
| | | .header { |
| | |
| | | box-shadow: 1px 2px 4px 0px rgba(201, 223, 246, 0.5); |
| | | background-color: rgba(255, 255, 255, 1); |
| | | border-radius: 20px; |
| | | height: 426px; |
| | | height: 100%; |
| | | padding-left: 1.5rem; |
| | | padding-top: 5%; |
| | | padding-right: 0.5rem; |