From 5d14849c54bf53624c8aa1497c2372fdf15ab8e7 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期四, 15 八月 2024 13:59:04 +0800
Subject: [PATCH] 添加鱼跃血压计联机
---
src/samples/deviceApi/mbp7000.ts | 138 +++-
src/views/home/index.vue | 3
src/samples/deviceApi/M503.ts | 8
src/stores/StoresConfing.ts | 2
src/views/home/index2.vue | 1411 ++++++++++++++++++++++++++++++++++++++++++------
src/router/index.ts | 2
src/samples/deviceApi/deviceTool.ts | 2
src/samples/deviceApi/yuyue.ts | 128 ++++
8 files changed, 1,473 insertions(+), 221 deletions(-)
diff --git a/src/router/index.ts b/src/router/index.ts
index b2e68ff..a8e6d7d 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -4,8 +4,8 @@
import { Session } from '@/utils/storage'
const routes: Array<RouteRecordRaw> = [
- // { path: '/', name: 'Home', component: () => import('@/views/home/index2.vue')},
{ path: '/', name: 'Home', component: () => import('@/views/home/index.vue')},
+ // { path: '/', name: 'Home', component: () => import('@/views/home/index2.vue')},
// { path: '/', name: 'login', component: () => import('@/views/login/index.vue')},
]
diff --git a/src/samples/deviceApi/M503.ts b/src/samples/deviceApi/M503.ts
index 85f9874..d50b218 100644
--- a/src/samples/deviceApi/M503.ts
+++ b/src/samples/deviceApi/M503.ts
@@ -95,14 +95,14 @@
// 55 53 2C 47 53 20 20 20 20 36 30 2E 35 6B 67 0D 0A HEX
const parser = serialport.pipe(new DelimiterParser({ delimiter:Buffer.from([13,10]),includeDelimiter:true }))
parser.on('data', (value: string | any[])=>{
- console.log(value.toString())
+ // console.log(value.toString())
const str=value.toString()
const list=str.split(' ')
- console.log(list)
+ // console.log(list)
if(list.length>=4&&list[0].search('ST,GS')!==-1){
const re=list[list.length-1].trim()
const res=re.substring(0,re.length-2)
- console.log(res,'获取到的体重')
+ // console.log(res,'获取到的体重')
if(Number(res)>=20){
sockteStore().setweightSockte(
{
@@ -118,7 +118,7 @@
}
}else{
- console.log('数据格式不对')
+ // console.log('数据格式不对')
}
}) // all data after READY is received
}
diff --git a/src/samples/deviceApi/deviceTool.ts b/src/samples/deviceApi/deviceTool.ts
index 8ec5420..d5f4e60 100644
--- a/src/samples/deviceApi/deviceTool.ts
+++ b/src/samples/deviceApi/deviceTool.ts
@@ -58,4 +58,4 @@
}
// 调用connectSerialPort函数尝试连接串口，例如：
-connectSerialPort('/dev/ttyUSB0');
\ No newline at end of file
+// connectSerialPort('/dev/ttyUSB0');
\ No newline at end of file
diff --git a/src/samples/deviceApi/mbp7000.ts b/src/samples/deviceApi/mbp7000.ts
index f9b9be9..f1005f9 100644
--- a/src/samples/deviceApi/mbp7000.ts
+++ b/src/samples/deviceApi/mbp7000.ts
@@ -1,53 +1,113 @@
-import { ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
const { SerialPort } = require('serialport')
const { DelimiterParser } = require('@serialport/parser-delimiter')
const { InterByteTimeoutParser } = require('@serialport/parser-inter-byte-timeout')
import {sockteStore} from '@/stores/sockteInfo'
+import { ipcRenderer } from 'electron'
+
+
+// 设置重连间隔和最大重试次数
+const RECONNECT_INTERVAL = 10000; // 重连间隔10秒
+const MAX_RECONNECT_ATTEMPTS = 10; // 最大重试次数10次
+
+let reconnectAttempts = 0; // 当前重试次数
+let serialPort:any; // 串口实例
+
const initPort=(path:String,baudRate:Number)=>{
console.log('初始化打开mbp7000口')
- const serialport = new SerialPort({ path, baudRate }, (err: any) => {
- if (err) {
- console.log(err)
- ElMessage({
- message: '端口打开失败！',
- type: 'error',
- })
- console.log(err)
- }else{
- ElMessage({
- message: '端口打开成功',
- type: 'success',
- })
- }
- })
- serialport.on("close",(err: any)=>{
- console.log('端口异常端口链接断开')
- console.log(err)
- })
- const parser = serialport.pipe(new InterByteTimeoutParser({ interval: 500 ,maxBufferSize:20}))
- // parser.on('ready', () => console.log('the ready byte sequence has been received'))
-
- parser.on('data',(value: string | any[]) =>{
- console.log('-----------------')
- if(value.length>=20){
- sockteStore().setxyjSockte(
- {
- deviceName:'mbp7000',
- type:"血压计",
- result:value[14]+','+value[16]+','+value[18],
- resultTime:new Date().toString(),
- state:2
- }
- )
- }
- console.log(value,'血压计数据')
- })
+ if(reconnectAttempts!==0){
+ ipcRenderer.invoke('logger', '串口重连第${reconnectAttempts}次')
+ ElMessage({
+ message: `串口重连第${reconnectAttempts}次启动`,
+ type: 'success',
+ })
}
-
+ if (reconnectAttempts >= MAX_RECONNECT_ATTEMPTS) {
+ console.error('重试次数达到上限，不再尝试重连。');
+ ipcRenderer.invoke('logger', '串口已经重连了${reconnectAttempts}次了，点击确认关闭程序，重启电脑后再试')
+ ElMessageBox.confirm(
+ `串口已经重连了${reconnectAttempts}次了，点击确认关闭程序，重启电脑后再试`,
+ 'Warning',
+ {
+ confirmButtonText: '确认',
+ cancelButtonText: '取消',
+ type: 'warning',
+ }
+ )
+ .then(() => {
+ ipcRenderer.send('winClose')
+ ipcRenderer.invoke('logger', '确认了关闭程序')
+ })
+ .catch(() => {
+ ElMessage({
+ type: 'info',
+ message: '取消操作',
+ })
+ })
+ return;
+ }
+
+ if (serialPort && serialPort.isOpen) {
+ reconnectAttempts=0
+ console.log('串口已打开，不再重复打开。');
+ return;
+ }
+ try {
+ serialPort = new SerialPort({ path, baudRate }, (err: any) => {
+ if (err) {
+ console.log(err)
+ ElMessage({
+ message: '端口打开失败！',
+ type: 'error',
+ })
+ console.log(err)
+ }else{
+ ElMessage({
+ message: '端口打开成功',
+ type: 'success',
+ })
+ }
+ })
+ serialPort.on("close",(err: any)=>{
+ ipcRenderer.invoke('logger', 'lmbp7000端口异常端口链接关闭')
+ console.log('mbp7000端口异常端口链接断开')
+ reconnectAttempts=0
+ setTimeout(()=>{
+ initPort(path,baudRate)
+ }, RECONNECT_INTERVAL);
+ console.log(err)
+ })
+
+ const parser = serialPort.pipe(new InterByteTimeoutParser({ interval: 500 ,maxBufferSize:20}))
+ parser.on('ready', () => console.log('the ready byte sequence has been received'))
+
+ parser.on('data',(value: string | any[]) =>{
+ console.log('-----------------')
+ if(value.length>=20){
+ sockteStore().setxyjSockte(
+ {
+ deviceName:'mbp7000',
+ type:"血压计",
+ result:value[14]+','+value[16]+','+value[18],
+ resultTime:new Date().toString(),
+ state:2
+ }
+ )
+ }
+ console.log(value,'血压计数据')
+ })
+ }catch (error:any) {
+ console.error('无法创建串口实例:', error.message);
+ reconnectAttempts=0
+ setTimeout(()=>{
+ initPort(path,baudRate)
+ }, RECONNECT_INTERVAL);
+ }
+ }
export {
initPort,
}
diff --git a/src/samples/deviceApi/yuyue.ts b/src/samples/deviceApi/yuyue.ts
new file mode 100644
index 0000000..29a50f3
--- /dev/null
+++ b/src/samples/deviceApi/yuyue.ts
@@ -0,0 +1,128 @@
+import { ElMessage, ElMessageBox } from 'element-plus'
+const { SerialPort } = require('serialport')
+const { DelimiterParser } = require('@serialport/parser-delimiter')
+const { ReadyParser } = require('@serialport/parser-ready')
+import {sockteStore} from '@/stores/sockteInfo'
+import { ipcRenderer } from 'electron'
+
+
+// 设置重连间隔和最大重试次数
+const RECONNECT_INTERVAL = 10000; // 重连间隔10秒
+const MAX_RECONNECT_ATTEMPTS = 10; // 最大重试次数10次
+
+let reconnectAttempts = 0; // 当前重试次数
+let serialPort:any; // 串口实例
+
+
+const initPort=(path:String,baudRate:Number)=>{
+ console.log('初始化打开鱼跃血压计端口')
+ if(reconnectAttempts!==0){
+ console.log('ssss',reconnectAttempts)
+ ipcRenderer.invoke('logger', '串口重连第${reconnectAttempts}次')
+ ElMessage({
+ message: `串口重连第${reconnectAttempts}次启动`,
+ type: 'success',
+ })
+ }
+ if (reconnectAttempts >= MAX_RECONNECT_ATTEMPTS) {
+ console.error('重试次数达到上限，不再尝试重连。');
+ ipcRenderer.invoke('logger', '串口已经重连了${reconnectAttempts}次了，点击确认关闭程序，重启电脑后再试')
+ ElMessageBox.confirm(
+ `串口已经重连了${reconnectAttempts}次了，点击确认关闭程序，重启电脑后再试`,
+ 'Warning',
+ {
+ confirmButtonText: '确认',
+ cancelButtonText: '取消',
+ type: 'warning',
+ }
+ )
+ .then(() => {
+ ipcRenderer.send('winClose')
+ ipcRenderer.invoke('logger', '确认了关闭程序')
+ })
+ .catch(() => {
+ ElMessage({
+ type: 'info',
+ message: '取消操作',
+ })
+ })
+ return;
+ }
+ if (serialPort && serialPort.isOpen) {
+ reconnectAttempts=0
+ console.log('串口已打开，不再重复打开。');
+ return;
+ }
+ try {
+ const serialport = new SerialPort({ path, baudRate }, (err: any) => {
+ reconnectAttempts++
+ if (err) {
+ console.log(err)
+ ipcRenderer.invoke('logger', '鱼跃血压计端口打开失败！')
+ ElMessage({
+ message: '鱼跃血压计端口打开失败！',
+ type: 'error',
+ })
+ setTimeout(()=>{
+ initPort(path,baudRate)
+ }, RECONNECT_INTERVAL);
+ }else{
+ reconnectAttempts=0
+ ipcRenderer.invoke('logger', '鱼跃血压计端口打开成功')
+ ElMessage({
+ message: '鱼跃血压计端口打开成功',
+ type: 'success',
+ })
+ }
+ })
+ serialport.on("close",(err: any)=>{
+ ipcRenderer.invoke('logger', '鱼跃血压计端口异常端口链接关闭')
+ console.log('鱼跃血压计端口异常端口链接断开')
+ reconnectAttempts=0
+ setTimeout(()=>{
+ initPort(path,baudRate)
+ }, RECONNECT_INTERVAL);
+ console.log(err)
+ })
+ // 解析分割数据流
+ //ST,GS 70.4kg
+ //
+ //32 30 32 34 2F 38 2F 31 35 2F 31 31 3A 33 33 3A 33 33 3B CA D5 CB F5 D1 B9 3A 31 32 34 20 6D 6D 48 67 3B CA E6 D5 C5 D1 B9 3A 38 30 20 6D 6D 48 67 3B C2 F6 B2 AB 3A 38 32 20 B4 CE 2F B7 D6 D6 D3 3B 0D 0A
+ //高压124 , 低压 80 , 脉搏82
+
+ const parser = serialport.pipe(new DelimiterParser({ delimiter:Buffer.from([13,10]),includeDelimiter:true }))
+ parser.on('data', (value: string | any[])=>{
+ // console.log(value.toString())
+ try{
+ const str=value.toString()
+ const gy=str.substring(23,27)
+ const dy=str.substring(36,39)
+ const mb=str.substring(47,50)
+ sockteStore().setweightSockte(
+ {
+ deviceName:'yuyue',
+ type:"血压计",
+ result:gy+','+dy+','+mb,
+ resultTime:new Date().toString(),
+ state:2
+ }
+ )
+ }catch(error:any){
+ console.error('解析数据出错了:', error.message);
+ }
+ }) // all data after READY is received
+ }
+ catch (error:any) {
+ console.error('无法创建串口实例:', error.message);
+ reconnectAttempts=0
+ setTimeout(()=>{
+ initPort(path,baudRate)
+ }, RECONNECT_INTERVAL);
+ }
+
+
+}
+
+export {
+ initPort,
+}
diff --git a/src/stores/StoresConfing.ts b/src/stores/StoresConfing.ts
index 7847735..f53b7c5 100644
--- a/src/stores/StoresConfing.ts
+++ b/src/stores/StoresConfing.ts
@@ -27,7 +27,7 @@
baudRate:115200,
Is_xyj:true,
xyj_type:'mbp7000',
- // HBP-9030 波特率115200 ，TM2655 波特率 2400 mbp7000 波特率9600
+ // HBP-9030 波特率115200 ，TM2655 波特率 2400 mbp7000 波特率9600 yuyue 波特率115300
xueyanjiPortPath:"COM35",
xueyanjiBaudRate:9600,
Is_tzc:false,
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 5d3ff14..257cc32 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -981,6 +981,9 @@
}
else if(configData.value.xyj_type==='RBP-9000c'){
rbp9000c(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
+ // 鱼跃血压计
+ }else if(configData.value.xyj_type==='yuyue'){
+ rbp9000c(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
}
else{
oumulongHbp9030(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
diff --git a/src/views/home/index2.vue b/src/views/home/index2.vue
index 0aa8411..74b04af 100644
--- a/src/views/home/index2.vue
+++ b/src/views/home/index2.vue
@@ -1,186 +1,1247 @@
<template>
<div class="homeclass">
- <div style="height: 12%;padding-top: 20px;">
- <el-row>
- <el-col :span="12" >
- <div style="display: grid;grid-template-columns: minmax(160px, 25%) 1fr;">
- <div style="margin-top: 5px;">
- <img class="image_1" style="width: 159px;height: 62px; margin-left: 20px;display: inline-block;" referrerpolicy="no-referrer" src="@/assets/logo.png" />
-
- </div>
- <div class="titlecss">自助签到系统</div>
- </div>
- </el-col>
- <el-col v-if="dialogVisible" :span="12" style="text-align: right;padding-top: 10px;">
- <el-input ref="inputRef" id="inputCode" style="width: 400px; height: 40px;ime-mode:active;margin-right: 20px;"
- placeholder="请输入患者卡号或扫描条码" />
-
-
- </el-col>
- <el-col v-else :span="12">
-
- <div class="dateclas" style="float: right;margin-top: 20px;">
- <div class="dateTimeclas" style="float: right;">07:22</div>
- 2014-09-23
- </div>
-
- </el-col>
- </el-row>
- </div>
- <template v-if="dialogVisible">
- <div style="height: 72%;" class="parentBody">
- <div style="width: 800px;height: 500px;background-color: aqua;"></div>
- </div>
- <div style="height: 18%;">
- <el-row>
- <el-col :span="6" style="padding-left: 40px; font-size: 34px; color: #FFFFFF;">
- 16:00
- <br>
- 2023-06-05
- </el-col>
- <el-col :span="12" style="font-size: 40px;color: #FFFFFF;text-align: center; padding-top: 20px;">
- 请将脸部对准摄像头
- </el-col>
- <el-col :span="6"></el-col>
- </el-row>
- <div></div>
- </div>
- </template>
- <template v-else>
- <div style="height: 84%;">
- <el-row style="height: 100%; " gutter="20">
- <el-col :span="12" >
- <div style="height: 66%; background:rgba(246, 244, 244, 0.3);border-radius: 12px;opacity: 0.9;" >
- <div style="height: 15%; border-bottom: 4px solid #EDF5FF; text-align: right; padding-right: 20px; font-size: 30px; line-height: 90px;color: #0d44dc;font-weight: 500;font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;">
- 透前称重(kg)
- </div>
- <div style="height: 77%;">
- <div style="display: grid;grid-template-columns: minmax(250px, 40%) 1fr; height: 100%; padding-left: 20px;padding-top: 20px;">
- <!-- 头像 -->
- <div :style="{backgroundImage:`url(${anv})`}" style="background-size:100% 100%;height: 100%;">
-
- </div>
- <div style="display: grid;place-items: center;font-size: 120px;font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;font-weight: 500;color: #65AAF6;">
- 112/233
- </div>
+ <!-- 标头 -->
+ <div style="height: 10%;padding-top: 20px;">
+ <el-row>
+ <el-col :span="12" >
+ <div style="display: grid;grid-template-columns: minmax(200px, 25%) 1fr;">
+ <div style="margin-top: 5px;" @click="guyanbi">
+ <img class="image_1" style="margin-left: 20px;display: inline-block;" referrerpolicy="no-referrer" src="@/assets/logo.png" />
+
+ </div>
+ <div class="titlecss">自助签到系统</div>
+ </div>
+
+ </el-col>
+ <el-col v-if="dialogVisible" :span="12" style="text-align: right;padding-top: 10px;">
+
+
+
+ </el-col>
+ <el-col v-else :span="12">
+ <div class="dateclas" style="float: right;margin-top: 20px;">
+ <div class="dateTimeclas" style="float: right;">{{clockNum}}S</div>
+ {{datetext}}
+ </div>
+
+ </el-col>
+ </el-row>
+ </div>
+ <!-- 识别后需要显示的内容 -->
+
+ <div v-if="!dialogVisible" style="height: 84%;">
+ <el-row style="height: 100%;" :gutter="20">
+ <el-col :span="24" >
+ <div style="height: 66%; background:rgba(246, 244, 244, 0.3);border-radius: 12px;opacity: 0.9;" >
+ <div style="height: 15%; border-bottom: 4px solid #EDF5FF; text-align: right; padding-right: 20px; font-size: 30px; line-height: 90px;color: #0d44dc;font-weight: 500;font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;">
+
+ <template v-if="configData.deviceType==='体重秤'">
+ <template v-if="patientInfo.isAfterMed===0">
+ 透前称重(kg)
+ </template>
+ <template v-else>透后称重(kg)</template>
+
+ </template>
+ <template v-else>
+ <template v-if="patientInfo.isAfterMed===0">
+ 透前血压(mmgh)
+ </template>
+ <template v-else>透后血压(mmgh)</template>
+
+ </template>
+ </div>
+ <div style="height: 77%;">
+ <div style="display: grid;grid-template-columns: minmax(250px, 50%) 1fr; height: 100%; padding-left: 20px;padding-top: 20px;">
+ <!-- 头像 -->
+ <div :style="{backgroundImage:`url(${patientInfo.patientAvatarIcon})`}" style="background-size:100% 100%;height: 100%;" >
+ <div class="textwenben" style="width:100%; height: 30%; font-size: 450%; background: #DFB144;color:black; font-weight: 900; ">
+ {{patientInfo.name}}
</div>
- </div>
- </div>
-
- <div style="height: 31%; margin-top: 20px;border-radius: 12px;" >
- <el-row style="height: 100%;background:rgba(246, 244, 244, 0.3);border-radius: 12px;opacity: 0.9;">
- <el-col :span="8">
- <div class="textwenben" style="height: 28%; font-size: 25px;background-color: #DFB144; border-radius: 12px 0 0 0;">
- 机号/床位好
- </div>
- <div class="textwenben" style="height: 70%; font-size: 80px; color: #DFB144;">
- 28床
- </div>
- </el-col>
- <el-col :span="8">
- <div class="textwenben" style="height: 28%; font-size: 25px;background-color: #41B593; ">
- 上次透后血压(mmgh)
- </div>
- <div class="textwenben" style="height: 70%; font-size: 80px; color: #41B593;
- border-left: #FFFFFF solid 2px;border-right: #FFFFFF solid 2px;">
- 28床
- </div>
- </el-col>
- <el-col :span="8">
- <div class="textwenben" style="height: 28%; font-size: 25px;background-color: #65AAF6;border-radius: 0 12px 0 0 ">
- 脉搏(次/分)
- </div>
- <div class="textwenben" style="height: 70%; font-size: 80px; color: #65AAF6;">
- 28床
- </div>
- </el-col>
- </el-row>
- </div>
- </el-col>
- <el-col :span="12">
- <div ref="myChartRef" class="echat" style="height: 49%;">
-
- </div>
- <div ref="myChartRef" class="echat" style="height: 48%;margin-top: 2%;">
- </div>
- </el-col>
- </el-row>
-
+ <div class="textwenben" style="width:100%; height: 20%; line-height: 100%; font-size: 35px; background: #DFB144;color: #FFFFFF; font-weight: 500; ">
+ 性别:{{patientInfo.patientGenderText}}
+ </div>
+ <div class="textwenben" style="width:100%; height: 20%; line-height: 100%; font-size: 35px; background: #DFB144;color: #FFFFFF; font-weight: 500; ">
+ 年龄:{{patientInfo.age}}
+ </div>
+ <div class="textwenben" style="width:100%; height: 30%; line-height: 100%; font-size: 450%; background: #DFB144;color: black; font-weight: 500;">
+ 干体重:{{patientInfo.pureWeight}}
+ </div>
+ </div>
+ <div style="display: grid;place-items: center;font-size: 150px;font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;font-weight: 800;color: #65AAF6;">
+ <template v-if="configData.deviceType==='体重秤'">
+ {{ weightInfo.result }}
+ </template>
+ <template v-else>
+ {{ Number(gao_ya) }}
+ <br>
+ {{ Number(di_ya) }}
+ </template>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div style="height: 31%; margin-top: 20px;border-radius: 12px;" >
+ <el-row style="height: 100%;background:rgba(246, 244, 244, 0.3);border-radius: 12px;opacity: 0.9;">
+ <el-col :span="8">
+ <div class="textwenben" style="height: 28%; font-size: 25px;background-color: #DFB144; border-radius: 12px 0 0 0;">
+ 机号/床位号
+
+ </div>
+ <div class="textwenben" style="height: 70%; font-size: 800%; color: black;">
+ {{ patientInfo.deviceNo }}
+ </div>
+ </el-col>
+ <el-col :span="8">
+ <div class="textwenben" style="height: 28%; font-size: 25px;background-color: #41B593; ">
+ <template v-if="configData.deviceType==='体重秤'">
+ <template v-if="patientInfo.isAfterMed===0">
+ 上次透后体重(kg)
+ </template>
+ <template v-else>体重减少(kg)</template>
+
+ </template>
+ <template v-else>
+ <template v-if="patientInfo.isAfterMed===0">
+ 上次透后血压(mmgh)
+ </template>
+ <template v-else>
+ 透前血压(mmgh)
+ </template>
+
+ </template>
+ </div>
+ <div class="textwenben" style="height: 70%; font-size: 120px; color: black;
+ border-left: #FFFFFF solid 2px;border-right: #FFFFFF solid 2px;">
+ <template v-if="configData.deviceType==='体重秤'">
+ <template v-if="patientInfo.isAfterMed===0">
+ {{patientInfo.lastTimeAfterWeight}}
+ </template>
+ <template v-else>{{tzjs}}</template>
+ <!-- 体重减少(kg) -->
+
+ </template>
+ <template v-else>
+ <template v-if="patientInfo.isAfterMed===0">
+ <span style="font-size: 60px;">{{patientInfo.lastTimeAfterBP}}</span>
+ <!-- 上次透后血压(mmgh) -->
+
+ </template>
+ <template v-else>
+ <span style="font-size: 60px;">{{patientInfo.preBP}}</span>
+ <!-- 透前血压(mmgh) -->
+ </template>
+
+ </template>
+ </div>
+ </el-col>
+ <el-col :span="8">
+ <div class="textwenben" style="height: 28%; font-size: 25px;background-color: #65AAF6;border-radius: 0 12px 0 0 ">
+ <template v-if="configData.deviceType==='体重秤'">
+ <template v-if="patientInfo.isAfterMed===0">
+ 目标脱水量(L)
+ </template>
+ <template v-else>实际超滤量(L)</template>
+
+ </template>
+ <template v-else>
+ <template v-if="patientInfo.isAfterMed===0">
+ 脉搏(次/分)
+ </template>
+ <template v-else>
+ 脉搏(次/分)
+ </template>
+
+ </template>
+ </div>
+ <div class="textwenben" style="height: 70%; font-size: 120px; color: black;">
+ <template v-if="configData.deviceType==='体重秤'">
+ <template v-if="patientInfo.isAfterMed===0">
+ <!-- 目标脱水量(L) -->
+ {{aimTSL}}
+ </template>
+ <template v-else> {{patientInfo.actuallyClliang}}</template>
+ <!-- 实际超滤量(L) -->
+
+ </template>
+ <template v-else>
+ <template v-if="patientInfo.isAfterMed===0">
+ <!-- 脉搏(次/分) -->
+ {{mai_bu}}
+ </template>
+ <template v-else>
+ <!-- 脉搏(次/分) -->
+ {{mai_bu}}
+ </template>
+
+ </template>
+ </div>
+ </el-col>
+ </el-row>
+ </div>
+ </el-col>
+ </el-row>
+
+ </div>
+ <template v-else>
+ <!-- 内容 识别窗口页-->
+ <div style="height: 72%;" class="parentBody">
+ <div class="rWrapp" style="width: 800px;height: 500px;">
+ <el-input v-model="inputCode" ref="inputRef" id="inputCode" @change="inputChabge" style="width: 700px; height: 80px;ime-mode:active;margin-right: 20px; font-size: 30px;"
+ placeholder="请输入患者卡号或扫描条码" />
+ </div>
+ </div>
+ <div style="height: 18%;">
+ <el-row>
+ <el-col :span="6" style="padding-left: 40px; font-size: 34px; color: #FFFFFF;">
+ {{date.substring(11,16)}}
+ <br>
+ <!-- {{formatDate(new Date(),'YYYY-mm-dd')}} -->
+ {{date.substring(0,11)}}
+ </el-col>
+ <el-col :span="12" style="font-size: 40px;color: #FFFFFF;text-align: center; padding-top: 20px;">
+ 请先刷卡
+ </el-col>
+ <el-col :span="6" style="font-size: 24px;color: #FFFFFF; text-align: right; padding-right: 20px; padding-top: 50px;">
+ <span @click="updateChengxu">
+ 版本号：{{getVersion}}
+ </span>
+ </el-col>
+ </el-row>
+ <div></div>
+ </div>
+ </template>
+
+ <div class="footer" style="text-align: right;">
+ <div class="fanhuikey" v-if="!dialogVisible" @click="fuxuan">
+ 返回
</div>
- </template>
-
-
+ </div>
+
+
</div>
</template>
<script setup lang="ts">
-import { ref } from 'vue';
-
- const dialogVisible=ref(false)
- const anv=ref('http://dhimg.leon056.com/hemodialysis/face/PAT9326175252362sKFe/face-1701040731610.jpg-202311270719101645.jpg')
+
+ import * as echarts from 'echarts';
+ import { detectSingleFace, nets, matchDimensions, resizeResults, draw, SsdMobilenetv1Options, Box } from 'face-api.js'
+ import * as faceapi from 'face-api.js'
+ import { userInfoStore } from '@/stores/userInfo'
+ import { sockteStore } from '@/stores/sockteInfo'
+ import { ipcRenderer } from 'electron'
+ import { patientInfoStore } from '@/stores/patient'
+ import { updatePatient,listWeightHistory,listBPHistory } from '@/api/user/index'
+ import os from "os"
+ import Speech from 'speak-tts'
+ import { reactive,computed, toRefs, onMounted, watch, ref, getCurrentInstance } from "vue"
+ import { sendPationCodeApi } from '../../samples/httpApi'
+ import { formatDate,jgTime,isworkTime } from '@/utils/formatTime'
+ import { confingInfoStore } from '@/stores/StoresConfing'
+ import {base64toFile} from '@/samples/faceApi'
+ import{initPort} from '@/samples/portApi'
+ import{initPort as oumulongHbp9030 } from '@/samples/deviceApi/oumulong-HBP-9030'
+ import{initPort as TM2655VP} from '@/samples/deviceApi/TM2655VP'
+ import{initPort as zhiRongT605 } from '@/samples/deviceApi/zhiRongT605'
+ import{initPort as zhiRongHehui } from '@/samples/deviceApi/zhiRongHehui'
+ import{initPort as taiHengM523 } from '@/samples/deviceApi/taiHengM523'
+ import{initPort as XK3190A12 } from '@/samples/deviceApi/XK3190A12'
+ import {initPort as mbp7000} from '@/samples/deviceApi/mbp7000'
+ import {initPort as M503} from '@/samples/deviceApi/M503'
+ import {initPort as seca102} from '@/samples/deviceApi/seca102'
+ import {initPort as lianjiangTzc} from '@/samples/deviceApi/liangjiang'
+ // 引入模块
+ import config from '../../../package.json'
+
+
+ // 读取体重文件
+ import{todatatzs } from '@/samples/deviceApi/seca101'
+ import {ElMessage } from 'element-plus'
+ const { proxy } = getCurrentInstance() as any;
+ // 人脸检测对象
+ const options = new SsdMobilenetv1Options({
+ // 最小置信阈值
+ // 默认值：0.5
+ minConfidence: 0.5
+ })
+ const getVersion=ref('ss')
+ const canvas = ref('canvas') // 图像画布
+ const video = ref('video') // 视频元素
+ const stream = ref(null) // 当前流
+ const getUserMediaFail = ref(false) // 获取用户媒体失败
+ let lsDateTime:any=new Date()
+ let imgSrc:'';
+ const msg = ref<string>("没识别到人脸...");
+ const datetext=computed(()=>{
+ return formatDate(new Date(),'YYYY-mm-dd WWW')
+ })
+ let timer:any=new Date()
+ const date=ref('')
+ const timeShidaun=ref('')
+ // 语音播报
+ const speech = ref(null)
+ const sockte = sockteStore()
+ const inputRef = ref()
+ // 临时患者code
+ let patientCodeLs = ''
+ // 临时血压
+ let patientCodeLsXy = ''
+ // 测温是否开启
+ const is_ce_wen=ref()
+ const isUseFaceRecogService = ref(false)
+ const fasongNum=ref(0)
+ const caozuo=ref(0)// 点击10下才能关闭
+ const dialogVisible=ref(true)
+ const inputCode=ref("")
+ const clockNum=ref(60)
+ const timerNum=ref(0)//定时器数
+ const aimTSL=ref('')// 目标脱水量,
+ const gao_ya=ref("")//高压
+ const di_ya=ref("")//低压
+ const mai_bu=ref("")//脉搏,
+
+ const tzjs=computed(()=>{
+ if(weightInfo.value.result!=='0'&&weightInfo.value.result!==undefined&&weightInfo.value.result!==null){
+ return (patientInfo.value.preWeight-Number(weightInfo.value.result)).toFixed(1)
+ }else{
+ return ''
+ }
+
+ })
+
+ const configData=computed(()=>{
+ return confingInfoStore().confingInfo
+ })
+ const isLink = computed(() => {
+ return !sockte.isLink
+ })
+
+ // 网络链接
+ const netLink = computed(() => {
+ if(!sockte.netLink){
+ ipcRenderer.invoke('logger', '网络已经断开')
+ }else{
+ ipcRenderer.invoke('logger', '网络已经恢复')
+
+ }
+ return !sockte.netLink
+ })
+ watch(netLink,()=>{
+ if(!netLink.value){
+ ElMessage.success('网络已经连接')
+ }else{
+ ElMessage.warning('网络已断开,等待重连')
+ }
+ })
+
+ // 体重
+ const weightInfo = computed(() => {
+ return sockte.weightSockte
+ })
+ // 人脸
+ const faceInfo = computed(() => {
+ return sockte.faceInfoSockte
+ })
+ // 血压
+ const xyjInfo = computed(() => {
+ return sockte.xyjSockte
+ })
+ //读卡器
+ const dkqInfo = computed(() => {
+ return sockte.dkqSockte
+ })
+ // 患者
+ const patientInfo = computed(() => {
+ return patientInfoStore().patientInfo
+ })
+ const dangqian_wendu=computed(()=>{
+ return sockte.wendu
+ })
+ // 计数
+ const viewNumber = computed(() => {
+ return patientInfoStore().viewNumber
+ })
+ const settime = () => {
+ clockNum.value = patientInfoStore().viewNumber
+ }
+ //发送消除某些状态
+ 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
+ })
+ clockNum.value = patientInfoStore().viewNumber
+ aimTSL.value = ''
+ gao_ya.value = ''
+ di_ya.value = ''
+ mai_bu.value = ''
+ }
+ if (isUseFaceRecogService.value) {
+ console.log('开启人脸识别')
+ dialogVisible.value = true
+ }else{
+ console.log('关闭人脸识别')
+ dialogVisible.value = true
+ }
+
+ }
+ const huatu=(series: { name: string; type: string; stack: string; data: any; }[],xAxis: any[],legendData:any[],textTitle:string)=>{
+ const myChart = echarts.init(proxy.$refs.myChartRef1);
+ const option = {
+ title: {
+ text: textTitle,//'体重趋势图',
+ borderRadius:5,
+ backgroundColor:"#409EFF",
+ left:20,
+ textStyle:{
+ color:'#ffffff',
+ fontSize:18
+ }
+ },
+ tooltip: {
+ trigger: 'axis',
+ },
+ legend: {
+ data:legendData //['透前体重', '透后体重', '干体重']
+ },
+ grid: {
+ left: '3%',
+ right: '4%',
+ bottom: '3%',
+ containLabel: true
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ // restore: {}
+ }
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: xAxis
+ },
+ yAxis: {
+ type: 'value',
+ axisLabel: {
+ formatter: '{value} kg'
+ },
+ min:30,
+ minInterval:1,
+ },
+ series: series
+ };
+ myChart.setOption(option);
+
+ }
+ const huatu2=(series: { name: string; type: string; stack: string; data: any; }[],xAxis: any[],legendData:any[],textTitle:string)=>{
+ const myChart = echarts.init(proxy.$refs.myChartRef2);
+ const option = {
+ title: {
+ text: textTitle,//'体重趋势图',
+ borderRadius:5,
+ backgroundColor:"#409EFF",
+ left:20,
+ textStyle:{
+ color:'#ffffff',
+ fontSize:18
+ }
+ },
+ tooltip: {
+ trigger: 'axis',
+ },
+ legend: {
+ data:legendData //['透前体重', '透后体重', '干体重']
+ },
+ grid: {
+ left: '3%',
+ right: '4%',
+ bottom: '3%',
+ containLabel: true
+ },
+ toolbox: {
+ show: true,
+ feature: {
+ // restore: {}
+ }
+ },
+ xAxis: {
+ type: 'category',
+ boundaryGap: false,
+ data: xAxis
+ },
+ yAxis: {
+ type: 'value',
+ axisLabel: {
+ formatter: '{value}'
+ },
+ min:30,
+ minInterval:1,
+ },
+ series: series
+ };
+ myChart.setOption(option);
+
+ }
+ // 体重趋势图
+ const intiTubiao=()=>{
+ const xAxisData: any[]=[]
+ const series=[
+ {
+ name: '透前体重',
+ type: 'line',
+ color:'#E6A23C',
+ smooth: true,
+ data: []
+ },
+ {
+ name: '透后体重',
+ color:'#409EFF',
+ type: 'line',
+ smooth: true,
+ data: <any>[]
+ },
+ {
+ name: '干体重',
+ type: 'line',
+ color:'red',
+ smooth: true,
+ data: []
+ },
+ ]
+ listWeightHistory(`patientCode=${patientInfo.value.code}`).then(res=>{
+ console.log(res.data,'-----------------------')
+ if(res.data.length>0){
+ res.data.forEach((e:any)=>{
+ xAxisData.push(e.透析日期.substring(5,10))
+ series[0].data.push(e.透前称重)
+ series[1].data.push(e.透后称重)
+ series[2].data.push(e.干体重)
+ })
+ const legendData=['透前体重', '透后体重', '干体重']
+ huatu(series,xAxisData,legendData,'体重趋势图')
+ }
+ })
+ }
+ // 血压趋势图
+ const intiTubiaoXY=()=>{
+ const xAxisData: any[]=[]
+ const series=[
+ {
+ name: '透前收缩压',
+ type: 'line',
+ color:'#E6A23C',
+ smooth: true,
+ data: []
+ },
+ {
+ name: '透前舒张压',
+ color:'#409EFF',
+ type: 'line',
+ smooth: true,
+ data: <any>[]
+ },
+ {
+ name: '透后收缩压',
+ type: 'line',
+ color:'#606266',
+ smooth: true,
+ data: []
+ },{
+ name: '透后舒张压',
+ type: 'line',
+ color:'#F56C6C',
+ smooth: true,
+ data: []
+ }
+ ]
+ console.log('xueyasdsad')
+ listBPHistory(`patientCode=${patientInfo.value.code}`).then(res=>{
+ console.log(res.data,'--------sss---')
+ if(res.data.length>0){
+ res.data.forEach((e:any)=>{
+ xAxisData.push(e.透析日期.substring(5,10))
+ series[0].data.push(e.透前伸缩压)
+ series[1].data.push(e.透前舒张压)
+ series[2].data.push(e.透后伸缩压)
+ series[3].data.push(e.透后舒张压)
+ })
+ const legendData=['透前收缩压', '透前舒张压', '透后收缩压','透后舒张压']
+ huatu2(series,xAxisData,legendData,'血压趋势图')
+ }
+ })
+ }
+ // 监控患者信息变化
+ watch(
+ () => patientInfo.value.datetime,
+ () => {
+ patientCodeLs = ''
+ patientCodeLsXy = ''
+ aimTSL.value = ''
+ // 定时数秒器
+
+ if (patientInfo.value.id !== 0 && patientInfo.value.name !== '' && patientInfo.value.isScheduled === 1) {
+ settime()
+ // 人脸识别成功后 1查看是否开启测温
+ // console.log(`患者信息识别成功:${patientInfo.value.name}`)
+ ipcRenderer.invoke('logger', `患者信息识别成功:${patientInfo.value.name}`)
+ let str = `${patientInfo.value.name}识别成功。床号：${patientInfo.value.deviceNo}`
+ dialogVisible.value = false
+ speech.value?.speak({ text: str }).then(() => {
+ })
+ // setTimeout(()=>{intiTubiao()},1000)
+ // setTimeout(()=>{intiTubiaoXY()},1000)
+
+
+ sockteStore().setweightSockte({
+ type: "体重秤",
+ state: 2,
+ deviceName: "",
+ result: "0",
+ resultTime: ""
+ })
+ sockteStore().setxyjSockte({
+ type: "血压计",
+ state: 2,
+ deviceName: "",
+ result: "",
+ resultTime: ""
+ })
+
+
+
+
+ }
+ // 没有找到患者
+ else if (patientInfo.value.name === '') {
+ ipcRenderer.invoke('logger', '接收到的患者为空')
+ console.log('接收到的患者为空')
+ if (isUseFaceRecogService.value) {
+ dialogVisible.value = true
+ }
+ return
+ }
+ // 没有排班
+ else if (patientInfo.value.isScheduled === 0) {
+ setTimeout(()=>{intiTubiao()},1000)
+ setTimeout(()=>{intiTubiaoXY()},1000)
+ settime()
+ ipcRenderer.invoke('logger', `患者没有排班:${patientInfo.value.name}`)
+ // console.log( `患者没有排班:${patientInfo.value.name}`)
+ //关闭人脸弹框
+ dialogVisible.value = false
+ speech.value?.speak({ text: `${patientInfo.value.name}今日没有排班,不能自助签到` }).then(() => {
+ // console.log("播报完成...")
+ })
+ sockteStore().setweightSockte({
+ type: "体重秤",
+ state: 2,
+ deviceName: "",
+ result: "0",
+ resultTime: ""
+ })
+ sockteStore().setxyjSockte({
+ type: "血压计",
+ state: 2,
+ deviceName: "",
+ result: "",
+ resultTime: ""
+ })
+ return
+ }
+ }
+ );
+ // 体重发生了变化
+ watch(
+ () => weightInfo.value.resultTime,
+ async () => {
+ const X= jgTime(timer,new Date())
+ console.log(X,'收到体重',configData.value.BobaoJg)
+ // 体重不能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,
+ weight: weightInfo.value.result,
+ bloodPressure: ''
+ }
+
+ if (patientCodeLs !== mode.patientCode) {
+ settime()
+ // 计算目标脱水量
+ if (Number(weightInfo.value.result) > 0 && Number(patientInfo.value.pureWeight) !== 0&&patientInfo.value.isAfterMed===0) {
+ aimTSL.value = (Number(weightInfo.value.result) - Number(patientInfo.value.pureWeight)- Number(patientInfo.value.clothesWeight)).toFixed(1)
+ }else if(Number(patientInfo.value.pureWeight) !== 0&&patientInfo.value.isAfterMed===1 && patientInfo.value.preWeight>10){
+ aimTSL.value = (Number(patientInfo.value.preWeight)- Number(patientInfo.value.pureWeight) - Number(patientInfo.value.clothesWeight)).toFixed(1)
+ }
+ // 定时数秒器
+ const tt = mode.weight.replace('.', '点').replace('2','二')
+ const tsl = aimTSL.value.replace('.', '点').replace('2','二')
+ const tzjs2=tzjs.value.replace('.', '点').replace('2','二')
+ if(patientInfo.value.isAfterMed===1){
+ speech.value?.speak({ text: `称重完成,${tt}千克,体重减少${tzjs2}kg` }).then(() => {
+ console.log("播报完成...")
+ })
+ }else{
+ speech.value?.speak({ text: `称重完成,${tt}千克,目标脱水量${tsl}` }).then(() => {
+ console.log("播报完成...")
+ })
+ }
+
+ patientCodeLs = mode.patientCode
+ fasongNum.value=0
+ ipcRenderer.invoke('logger', `开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
+ console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
+ sundModeTz()
+ }
+ else {
+ // 临时患者code=当前患者code
+ patientCodeLs = mode.patientCode
+ }
+
+ }// 要过4秒才能重复播报这个消息
+ else if(patientInfo.value.code===''&&weightInfo.value.result !== "0"&&X>configData.value.BobaoJg){
+ timer=new Date()
+ speech.value?.speak({ text: "没有识别的患者,请先验证患者" }).then(() => {
+ })
+ }
+ }
+ );
+ // 血压发送了变化
+ 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) {
+ gao_ya.value = Number(list[0]).toString()
+ di_ya.value = Number(list[1]).toString()
+ mai_bu.value = Number(list[2]).toString()
+ }
+ // 患者信息为空
+ if (patientInfo.value.id === 0) {
+ speech.value?.speak({ text: "没有识别的患者,请先验证患者" }).then(() => {
+ // console.log("播报完成...")
+ })
+ // 有患者信息
+ } else {
+ speech.value?.speak({ text: `收缩压：${gao_ya.value},舒张压：${di_ya.value},脉搏：${mai_bu.value}` }).then(() => {
+ // console.log("播报完成...")
+ })
+ const mode = {
+ patientCode: patientInfo.value.code,
+ weight: '',
+ bloodPressure: xyjInfo.value.result
+ }
+ fasongNum.value=0
+ // console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},血压结果：${mode.bloodPressure}`)
+ ipcRenderer.invoke('logger', `开始发送结果到服务器：患者：${patientInfo.value.name},血压结果：${mode.bloodPressure}`)
+ // 定时数秒器
+ settime()
+ sundModeXyj()
+ }
+ } else {
+ gao_ya.value = ""
+ di_ya.value = ""
+ mai_bu.value = ""
+ }
+ }
+ );
+ const sundModeTz= ()=>{
+ const mode = {
+ patientCode: patientInfo.value.code,
+ weight: weightInfo.value.result,
+ bloodPressure: ''
+ }
+ if(dangqian_wendu.value>30){
+ mode.temperature=dangqian_wendu.value
+ }
+ fasongNum.value++
+ ipcRenderer.invoke('logger', `患者结果上传,第${fasongNum.value}次`)
+ ipcRenderer.invoke('logger', '参数：'+JSON.stringify(mode))
+ updatePatient(mode).then(re=>{
+ ElMessage.success('结果发送成功')
+ ipcRenderer.invoke('logger', '结果上传成功')
+ clockNum.value = Number(configData.value.timeJg/1000)
+ return false
+ }).catch(re=>{
+ ElMessage('结果发送失败')
+ console.log('结果发送失败')
+ ipcRenderer.invoke('logger', `结果发送失败:第${fasongNum.value}次，3秒后重新发送`)
+ if(fasongNum.value<3){
+ setTimeout(sundModeTz,5000);
+ }
+ else{
+ ipcRenderer.invoke('logger', '3次结果上传都失败放弃本次请求')
+ return false
+ }
+ })
+ }
+ const sundModeXyj= ()=>{
+ const mode = {
+ patientCode: patientInfo.value.code,
+ weight: '',
+ bloodPressure: xyjInfo.value.result
+ }
+ if(dangqian_wendu.value>30){
+ mode.temperature=dangqian_wendu.value
+ }
+ fasongNum.value++
+ ipcRenderer.invoke('logger', `患者结果上传,第${fasongNum.value}次`)
+ ipcRenderer.invoke('logger', '参数：'+JSON.stringify(mode))
+ updatePatient(mode).then(re=>{
+ ElMessage.success('结果发送成功')
+ ipcRenderer.invoke('logger', '结果上传成功')
+ // 倒计时结果显示
+ clockNum.value = Number(configData.value.timeJg/1000)
+ return false
+ }).catch(re=>{
+ ElMessage('结果发送失败')
+ console.log('结果发送失败')
+ ipcRenderer.invoke('logger', `结果发送失败:第${fasongNum.value}次，3秒后重新发送`)
+ if(fasongNum.value<3){
+ setTimeout(sundModeXyj,5000);
+ }
+ else{
+ ipcRenderer.invoke('logger', '3次结果上传都失败放弃本次请求')
+ return false
+ }
+ })
+ }
+ //读卡器变化
+ watch(
+ () => dkqInfo.value.resultTime,
+ () => {
+ dialogVisible.value = false
+ console.log(dkqInfo.value, '读卡器')
+ if (dkqInfo.value.result !== '' && dkqInfo.value.result !== undefined) {
+ const code = dkqInfo.value.result.split(",")[0]
+ console.log(`获取读卡器的code=${code},发送到服务请求患者信息`)
+ sendPationCodeApi(code)
+ }
+ }
+ );
+ // 患者code 发生变化 从人脸识别得来
+ watch(
+ ()=>faceInfo.value.result,
+ ()=>{
+ if(faceInfo.value.result!==''){
+ console.log(`获取人脸识别code=${faceInfo.value.result},发送到服务请求患者信息`)
+ sendPationCodeApi(faceInfo.value.result)
+ }
+ }
+ )
+ watch(() => viewNumber,
+ () => {
+ clockNum.value = viewNumber.value
+ }
+ );
+ // 文本框点击事件
+ const inputChabge = () => {
+ console.log(inputCode.value.substring(0,4)==='1553')
+ // 更具沅江肾病医院的二维码匹配
+ if(inputCode.value.substring(0,4)==='1553'){
+ const list=inputCode.value.split(':')
+ console.log(list)
+ sendPationCodeApi(list[1])
+ setTimeout(function () {
+ inputCode.value = ''
+ }, 5000)
+ }else{
+ sendPationCodeApi(inputCode.value)
+ setTimeout(function () {
+ inputCode.value = ''
+ }, 5000)
+ }
+
+
+ }
+ // 点击10下关闭程序
+ const guyanbi = () => {
+ caozuo.value++
+ if (caozuo.value > 10) {
+ ipcRenderer.send('winClose')
+ }
+ }
+ const updateChengxu=()=>{
+ console.log('检查更新')
+ if(configData.value.isLanFace){
+ console.log('是内网不能检查更新')
+ }else{
+ ipcRenderer.invoke("check-update");
+ }
+
+ }
+ onMounted(() => {
+ console.log('页面初始化', os.hostname())
+ // 调用
+ getVersion.value=config.version
+ console.log("获得的版本号",config.version);
+ setTimeout(()=>{
+ console.log('8秒后执行')
+ updateChengxu()
+ console.log('打印设置文件')
+ console.log(configData.value)
+ is_ce_wen.value=configData.value.Is_ce_wen
+ if(is_ce_wen.value){
+ initPort(configData.value.portPath,configData.value.baudRate)
+ }
+ // 是否开启血压计联机
+ if(configData.value.Is_xyj){
+ if(configData.value.xyj_type==='TM2655'){
+ TM2655VP(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
+ }else if(configData.value.xyj_type==='mbp7000'){
+ mbp7000(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
+ }
+ else{
+ oumulongHbp9030(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
+ }
+ }
+ // 是否开启志荣体重秤联机
+ if(configData.value.Is_tzc){
+ //台衡M523
+ if(configData.value.tzc_type==='taiHengM523'){
+ taiHengM523(configData.value.tzcPortPath,configData.value.tzcBaudRate)
+ }
+ else if(configData.value.tzc_type==='M503'){
+ M503(configData.value.tzcPortPath,configData.value.tzcBaudRate)
+ }else if(configData.value.tzc_type==='seca102'){
+ seca102(configData.value.tzcPortPath,configData.value.tzcBaudRate)
+
+ }
+ // seca101读取文件
+ else if(configData.value.tzc_type==='seca101'){
+ console.log('体重是读取文件')
+ }// 耀华XK3190-A12
+ else if(configData.value.tzc_type==='XK3190-A12'){
+ XK3190A12(configData.value.tzcPortPath,configData.value.tzcBaudRate)
+ }else if(configData.value.tzc_type==='lianjiang'){
+ lianjiangTzc(configData.value.tzcPortPath,1200)
+ }
+ else{
+ zhiRongT605(configData.value.tzcPortPath,configData.value.tzcBaudRate)
+ }
+ }
+ // 是否开启脸识别
+ isUseFaceRecogService.value = configData.value.isUseFaceRecogService
+ console.log('人脸识别',isUseFaceRecogService.value)
+ if (isUseFaceRecogService.value) {
+ console.log('开启人脸识别')
+ faceapi.env.monkeyPatch({
+ Canvas: HTMLCanvasElement,
+ Image: HTMLImageElement,
+ ImageData: ImageData,
+ Video: HTMLVideoElement,
+ createCanvasElement: () => document.createElement('canvas'),
+ createImageElement: () => document.createElement('img')
+ })
+ // 获取用户媒体流
+ getUserMedia(
+ (streams: null) => {
+ //后续用于停止视频流
+ stream.value = streams
+ //显示视频
+ if (video.value) {
+ video.value['srcObject'] = streams
+ }
+ },
+ (error: any) => (getUserMediaFail.value = true)
+ )
+ init()
+ setTimeout(()=>{
+ detectFace()
+ },2000)
+ dialogVisible.value = true
+ }else{
+ console.log('关闭人脸识别')
+ dialogVisible.value = true
+ }
+ clockNum.value = patientInfoStore().viewNumber
+ setInterval(function () {
+ clockNum.value--
+ if(clockNum.value===0){
+ fuxuan()
+ }
+ date.value=formatDate(new Date(),'YYYY-mm-dd HH:MM')
+ if(Number(date.value.substring(11,13))<12){
+ timeShidaun.value='上午好！'
+ }else if(Number(date.value.substring(11,13))<18){
+ timeShidaun.value='下午好！'
+ }else {
+ timeShidaun.value='晚上好！'
+ }
+ // 验证人脸识别已经通过但是还没有体重数据主动获取数据
+ if(patientInfo.value.name!==''&&weightInfo.value.result==='0'&&configData.value.Is_tzc&&configData.value.tzc_type==='seca101'){
+ console.log('主动获取体重')
+ todatatzs(patientInfo.value.datetime)
+ }
+ if(inputRef.value!==null){
+ inputRef.value.focus();
+ }
+
+
+ }, 1000)
+ speech.value = new Speech();
+ speech.value?.setLanguage('zh-CN')
+ speech.value?.init().then(() => {
+ console.log('语音初始化成功')
+ })
+ },8000)
+ })
+ /** @name 人脸检测 */
+ const detectFace:any = async () => {
+ //非常重要：防止卡死
+ await new Promise((resolve) => requestAnimationFrame(resolve))
+ //绘制取景框
+ // drawViewFinder()
+ if (!canvas.value || !video.value || !video.value.currentTime || video.value.paused || video.value.ended)
+ return detectFace()
+ // 检测图像中具有最高置信度得分的脸部
+ const result = await detectSingleFace(video.value, options)
+ if (!result) return detectFace()
+ // 匹配尺寸
+ const dims = matchDimensions(canvas.value, video.value, true)
+ // 调整检测到的框的大小，以防显示的图像的大小与原始
+ const resizedResult = resizeResults(result, dims)
+ const box = resizedResult.box
+ // 不要小头像
+ if(box._height<120) return detectFace()
+ //检测框是否在取景框内
+ // if (!checkInViewFinder(box)) return detectFace()
+ // drawViewFinder()
+ //将检测结果绘制到画布（此处不用，可以直接用来绘制检测到的人脸盒子）
+ draw.drawDetections(canvas.value, resizedResult.box);
+ drawBox(box, '')
+ // video.value.pause()
+
+ // //截取人脸图片
+ const image = await cameraShoot(
+ video.value,
+ resizedResult.box.topLeft,
+ resizedResult.box.width,
+ resizedResult.box.height
+ )
+ if (!image) {
+ drawBox(box, '识别失败')
+ video.value.play()
+ return detectFace()
+ }
+ const X= jgTime(lsDateTime,new Date())
+ console.log('----',X,dialogVisible.value)
+ // console.log(image)
+ if(dialogVisible.value&&X>configData.value.face_push&&isworkTime(new Date())){
+ lsDateTime=new Date()
+ console.log(X,'上传图片间隔')
+ base64toFile(image)
+ }
+ return detectFace()
+ }
+ // 加载算法模型 文件存储在 public 文件夹下models文件夹。// 需要文件的话联系我
+ const init = async () => {
+ await nets.ssdMobilenetv1.loadFromUri('./models')
+ }
+ /** @name 调用摄像头 */
+ const getUserMedia = (success: NavigatorUserMediaSuccessCallback, error: NavigatorUserMediaErrorCallback) => {
+ const constraints = {
+ audio:false,
+ video: {
+ width: 800,
+ height: 500
+ }
+ }
+ if (navigator.mediaDevices.getUserMedia) {
+ // 最新的标准API
+ navigator.mediaDevices.getUserMedia(constraints).then(success).catch(error)
+ } else if (navigator.webkitGetUserMedia) {
+ // webkit核心浏览器
+ navigator.webkitGetUserMedia(constraints, success, error)
+ } else if (navigator.mozGetUserMedia) {
+ // firfox浏览器
+ navigator.mozGetUserMedia(constraints, success, error)
+ } else if (navigator.getUserMedia) {
+ // 旧版API
+ navigator.getUserMedia(constraints, success, error)
+ }
+ }
+ /** @name 截取快照 */
+ const cameraShoot = (video: HTMLVideoElement, startPoint: { x: number; y: number }, width: number, height: number) => {
+ const canvas = document.createElement('canvas')
+ canvas.width = video.videoWidth
+ canvas.height = video.videoHeight
+ canvas.getContext('2d')?.drawImage(video, 0, 0, canvas.width, canvas.height)
+ const imgSrc = canvas?.toDataURL('image/png');
+ return imgSrc
+ }
+ // 画盒子
+ const drawBox = (box: Box<any> | faceapi.IBoundingBox | faceapi.IRect, label: string) => {
+ if (!canvas.value) return
+ const context = canvas.value.getContext('2d')
+ context?.clearRect(box.x, box.y, box.width, box.height)
+ const drawBox = new draw.DrawBox(box, {
+ label: label,
+ boxColor:'#409EFF'
+ })
+ drawBox.draw(canvas.value)
+ }
+ // 停止
+ const handleStopVideo = () => {
+ if (stream.value) {
+ stream.value.getTracks().forEach((track: { stop: () => void; }) => {
+ track.stop()
+ })
+ }
+ }
</script>
<style src="./index.css" />
<style lang="less" scoped>
- .titlecss{
- border-left:1px solid #ffffff ;
- padding-left: 20px;
- // margin-bottom: 20px;
- font-size: 40px;
- font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
- font-weight: 500;
- color: #FFFFFF;
- line-height: 48px;
- height: 54px;
- }
- .textwenben{
- display: grid;
- place-items: center;
- font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
- font-weight: 500;
- color: #FFFFFF;
- }
- .parentBody{
- display: grid;
- place-items: center;
- }
- .echat{
- background-color: #FFFFFF;
- border-radius: 12px;
- }
- .dateclas{
- width: 334px;
- height: 42px;
- background: #FFFFFF;
- // // text-align: center;
- line-height: 42px;
- box-shadow: 0px 2px 4px 0px rgba(112,163,221,0.5);
- border-radius: 20px;
- font-size: 30px;
- }
- .dateTimeclas{
- height: 42px;
- text-align: center;
- width: 120px;
- line-height: 42px;
- background: #65AAF6;
- box-shadow: 2px 2px 4px 0px rgba(112,163,221,0.5);
- border-radius: 16px;
- font-size: 30px;
- color: #FFFFFF;
- }
-::v-deep .el-input__wrapper {
- background-color: transparent !important;
- color: #ffffff;
-}
-//提示框的字体颜色
-::v-deep input::-webkit-input-placeholder {
- color: #fff;
-}
-::v-deep input::-moz-input-placeholder {
- color: #fff;
-}
-::v-deep input::-ms-input-placeholder {
- color: #fff;
-}
- </style>
+ .titlecss{
+ border-left:1px solid #ffffff ;
+ padding-left: 20px;
+ // margin-bottom: 20px;
+ font-size: 40px;
+ font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
+ font-weight: 500;
+ color: #FFFFFF;
+ line-height: 48px;
+ height: 54px;
+ }
+ .textwenben{
+ display: grid;
+ place-items: center;
+ font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
+ font-weight: 500;
+ color: #FFFFFF;
+ }
+ .parentBody{
+ display: grid;
+ place-items: center;
+ }
+ .echat{
+ background-color: #FFFFFF;
+ border-radius: 12px;
+ padding-top: 1%;
+ }
+ .dateclas{
+ width: 404px;
+ height: 42px;
+ padding-left: 10px;
+ background: #FFFFFF;
+ color:#345683;
+ font-weight: 400;
+ // // text-align: center;
+ line-height: 42px;
+ box-shadow: 0px 2px 4px 0px rgba(112,163,221,0.5);
+ border-radius: 20px;
+ font-size: 30px;
+ }
+ .dateTimeclas{
+ height: 42px;
+ text-align: center;
+ width: 120px;
+ line-height: 42px;
+ background: #65AAF6;
+ box-shadow: 2px 2px 4px 0px rgba(112,163,221,0.5);
+ border-radius: 16px;
+ font-size: 30px;
+ color: #FFFFFF;
+ }
-
\ No newline at end of file
+ .rWrapp {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ // transform: rotateY(180deg);
+ overflow: hidden;
+ canvas {
+ position: absolute;
+ top: 0;
+ width: 800px;
+ height: 500px;
+ border-radius: 20%;
+ }
+ video {
+ object-fit: fill;
+ width: 800px;
+ height: 500px;
+ border-radius: 20px;
+ }
+ }
+ .footer{
+ height: 100px;
+ width: 100%;
+ line-height: 100px;
+ font-size: 2rem;
+ color: beige;
+ // background-color: #922d2d;
+ position: fixed;
+ bottom: 20px;
+ text-align: right;
+ }
+ .fanhuikey{
+ text-align: center;
+ background: rgba(101,170,246,0.7);
+ height: 100px;
+ line-height: 100px;
+ width: 100px;
+ line-height: 100px;
+ font-size: 2rem;
+ color: beige;
+ border-radius: 50px 0px 0px 50px;
+ position: fixed;
+ right: 0;
+ }
+ ::v-deep .el-input__wrapper {
+ background-color: transparent !important;
+ color: #ffffff;
+ }
+ //提示框的字体颜色
+ ::v-deep input::-webkit-input-placeholder {
+ color: #fff;
+ }
+ ::v-deep input::-moz-input-placeholder {
+ color: #fff;
+ }
+ ::v-deep input::-ms-input-placeholder {
+ color: #fff;
+ }
+ </style>
+
+
\ No newline at end of file
--
Gitblit v1.8.0