From d518ec81bbdb5f9f66584609bf5ae4c18347cd59 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期一, 30 六月 2025 22:21:39 +0800
Subject: [PATCH] gx本地人脸识别匹配百度sdk
---
src/views/home/index.vue | 227 ++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 161 insertions(+), 66 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 12bf9b3..4360935 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -9,14 +9,12 @@
<img class="image_1" style="margin-left: 20px;display: inline-block;" referrerpolicy="no-referrer" src="@/assets/logo.png" />
</div>
- <div class="titlecss">自助签到系统</div>
+ <div @click="yanzhengTUpian" class="titlecss">自助签到系统</div>
</div>
</el-col>
<el-col v-if="dialogVisible" :span="12" style="text-align: right;padding-top: 10px;">
<el-input v-model="inputCode" ref="inputRef" id="inputCode" @change="inputChabge" 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;">
@@ -53,14 +51,15 @@
<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(${patientInfo.patientAvatarIcon})`}" style="background-size:100% 100%;height: 100%;" >
- <div style="width:140px; height: 50px; line-height: 50px; font-size: 25px; background: #DFB144;color: #FFFFFF; font-weight: 500; text-align: center; border-radius: 0px 8px 0px 30px; float: right;">
+ <div :style="{backgroundImage:`url(${patientInfo.patientAvatarIcon.replace(/\\/g, '/').replace(/%EF%BF%BD/g, '')})`}" style="background-size:100% 100%;height: 100%;" >
+ <div style="width:140px; height: 50px; line-height: 50px; font-size: 25px; background: #9F61DC;color: #FFFFFF; font-weight: 500; text-align: center; border-radius: 0px 8px 0px 30px; float: right;">
{{patientInfo.name}}
</div>
</div>
- <div style="display: grid;place-items: center;font-size: 120px;font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;font-weight: 800;color: #65AAF6;">
+ <div style="display: grid;place-items: center;font-size: 120px;font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;font-weight: 800;color: black;">
<template v-if="configData.deviceType==='体重秤'">
- {{ weightInfo.result }}
+ <!-- {{ weightInfo.result }} -->
+ {{weightInfoResult}}
</template>
<template v-else>
{{ Number(gao_ya) }}
@@ -75,38 +74,39 @@
<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 class="textwenben" style="height: 28%; font-size: 25px;background-color: #9F61DC; border-radius: 12px 0 0 0;">
<template v-if="configData.deviceType==='体重秤'">
- <template v-if="patientInfo.isAfterMed===0">
+ <template v-if="patientInfo.isAfterMed===0&&!configData.gantiziShow">
机号/床位号
</template>
- <template v-else>干体重(kg)</template>
+ <template v-else>理想体重(kg)</template>
</template>
<template v-else>
- <template v-if="patientInfo.isAfterMed===0">
+ <template v-if="!configData.gantiziShow">
机号/床位号
</template>
- <template v-else>
- 机号/床位号
- </template>
+ <template v-else>理想体重(kg)</template>
</template>
</div>
- <div class="textwenben" style="height: 70%; font-size: 80px; color: #DFB144;">
+ <div class="textwenben" style="height: 70%; font-size: 80px; color: black;font-weight: 1000;text-align: center;">
<template v-if="configData.deviceType==='体重秤'">
- <template v-if="patientInfo.isAfterMed===0">
- {{ patientInfo.deviceNo }}
+ <template v-if="patientInfo.isAfterMed===0&&!configData.gantiziShow">
+ <div style="font-size: 50px"> {{ patientInfo.设备分区名称 }}<br/>{{ patientInfo.deviceNo }}</div>
+
</template>
- <template v-else>{{patientInfo.pureWeight}}</template>
+ <template v-else>
+ {{patientInfo.pureWeight}}
+ </template>
</template>
<template v-else>
<template v-if="patientInfo.isAfterMed===0">
- {{ patientInfo.deviceNo }}
+ <div style="font-size: 50px"> {{ patientInfo.设备分区名称 }}<br/>{{ patientInfo.deviceNo }}</div>
</template>
<template v-else>
- {{ patientInfo.deviceNo }}
+ {{patientInfo.pureWeight}}
</template>
</template>
@@ -131,7 +131,7 @@
</template>
</div>
- <div class="textwenben" style="height: 70%; font-size: 80px; color: #41B593;
+ <div class="textwenben" style="height: 70%; font-size: 80px; color: black; font-weight: 1000;
border-left: #FFFFFF solid 2px;border-right: #FFFFFF solid 2px;">
<template v-if="configData.deviceType==='体重秤'">
<template v-if="patientInfo.isAfterMed===0">
@@ -156,7 +156,7 @@
</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 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)
@@ -174,7 +174,7 @@
</template>
</div>
- <div class="textwenben" style="height: 70%; font-size: 80px; color: #65AAF6;">
+ <div class="textwenben" style="height: 70%; font-size: 80px; color:black ;">
<template v-if="configData.deviceType==='体重秤'">
<template v-if="patientInfo.isAfterMed===0">
<!-- 目标脱水量(L) -->
@@ -220,9 +220,10 @@
<div style="height: 18%;">
<el-row>
<el-col :span="6" style="padding-left: 40px; font-size: 34px; color: #FFFFFF;">
- {{formatDate(new Date(),'HH:MM')}}
+ {{date.substring(11,16)}}
<br>
- {{formatDate(new Date(),'YYYY-mm-dd')}}
+ <!-- {{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;">
请将脸部对准摄像头
@@ -241,6 +242,20 @@
返回
</div>
</div>
+ <el-dialog
+ v-model="centerDialogVisible"
+ title=""
+ width="40%"
+ align-center
+ >
+ <span>
+ <div>
+ 找到该程序根目录下imgs/1708401593426.png下路径 把图片名改成一致 就可以测试了，
+ </div>
+
+ <el-button @click="yanzhengTUpianClick">验证</el-button>
+ </span>
+ </el-dialog>
</div>
@@ -261,24 +276,37 @@
import { sendPationCodeApi } from '../../samples/httpApi'
import { formatDate,jgTime,isworkTime } from '@/utils/formatTime'
import { confingInfoStore } from '@/stores/StoresConfing'
-import {base64toFile} from '@/samples/faceApi'
+import {base64toFile,yanzhengimg} 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 zhiRongShantou } from '@/samples/deviceApi/zhiRongShantou'
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 mbp7000qy} from '@/samples/deviceApi/mbp7000qy'
+import {initPort as omlhbp9020} from '@/samples/deviceApi/oml-HBP-9020'
+
+import {initPort as mbp9020} from '@/samples/deviceApi/mbp-9020'
+import {initPort as rbp9000c} from '@/samples/deviceApi/RBP-9000c'
+import {initPort as yuyueDevice} from '@/samples/deviceApi/yuyue'
import {initPort as M503} from '@/samples/deviceApi/M503'
import {initPort as seca102} from '@/samples/deviceApi/seca102'
+import {initPort as seca101Banger} from '@/samples/deviceApi/seca101Banger'
+import {initPort as liangjiang} from '@/samples/deviceApi/liangjiang'
+import {initPort as xinanguojiTZC} from '@/samples/deviceApi/xinanguojiTZC'
+
+
// 引入模块
import config from '../../../package.json'
+import { Delete, Download, Plus, ZoomIn } from '@element-plus/icons-vue'
// 读取体重文件
import{todatatzs } from '@/samples/deviceApi/seca101'
-import {ElMessage } from 'element-plus'
+import {ElMessage, ElNotification, UploadFile, UploadInstance, UploadProps } from 'element-plus'
const { proxy } = getCurrentInstance() as any;
// 人脸检测对象
const options = new SsdMobilenetv1Options({
@@ -292,11 +320,12 @@
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')
})
+/**体重发送时候显示在界面的体重 */
+const weightInfoResult=ref()
let timer:any=new Date()
const date=ref('')
const timeShidaun=ref('')
@@ -321,7 +350,17 @@
const gao_ya=ref("")//高压
const di_ya=ref("")//低压
const mai_bu=ref("")//脉搏,
-
+const centerDialogVisible=ref(false)
+// 打开图片验证
+const yanzhengTUpian=()=>{
+
+ centerDialogVisible.value=true
+}
+//验证图片
+const yanzhengTUpianClick=()=>{
+ const path = './imgs/1708401593426.png'
+ yanzhengimg(path)
+}
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)
@@ -330,29 +369,21 @@
}
})
-
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
+ return sockte.netLink
})
watch(netLink,()=>{
- if(!netLink.value){
+ if(netLink.value){
+ ipcRenderer.invoke('logger', `检查网络状态True`)
ElMessage.success('网络已经连接')
}else{
- ElMessage.warning('网络已断开,等待重连')
+ // ElMessage.warning('网络已经断开')
+ ipcRenderer.invoke('logger', `检查网络状态Fales`)
}
})
@@ -433,10 +464,11 @@
}
if (isUseFaceRecogService.value) {
console.log('开启人脸识别')
+ lsDateTime=new Date()
dialogVisible.value = true
}else{
console.log('关闭人脸识别')
- dialogVisible.value = true
+ dialogVisible.value = false
}
}
@@ -630,6 +662,7 @@
watch(
() => patientInfo.value.datetime,
() => {
+ weightInfoResult.value=''
patientCodeLs = ''
patientCodeLsXy = ''
aimTSL.value = ''
@@ -640,7 +673,7 @@
// 人脸识别成功后 1查看是否开启测温
// console.log(`患者信息识别成功:${patientInfo.value.name}`)
ipcRenderer.invoke('logger', `患者信息识别成功:${patientInfo.value.name}`)
- let str = `${patientInfo.value.name}识别成功。床号：${patientInfo.value.deviceNo}`
+ let str = `${patientInfo.value.name}识别成功,分区：${patientInfo.value.设备分区名称},床号：${patientInfo.value.deviceNo},`
dialogVisible.value = false
speech.value?.speak({ text: str }).then(() => {
})
@@ -669,6 +702,7 @@
}
// 没有找到患者
else if (patientInfo.value.name === '') {
+ timer=new Date()
ipcRenderer.invoke('logger', '接收到的患者为空')
console.log('接收到的患者为空')
if (isUseFaceRecogService.value) {
@@ -734,6 +768,7 @@
ipcRenderer.invoke('logger', `开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
sundModeTz()
+ weightInfoResult.value=weightInfo.value.result
}
else {
// 临时患者code=当前患者code
@@ -745,14 +780,36 @@
}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(2)
}
- }// 要过4秒才能重复播报这个消息
- else if(patientInfo.value.code===''&&weightInfo.value.result !== "0"&&X>configData.value.BobaoJg){
- timer=new Date()
- speech.value?.speak({ text: "没有识别的患者,请先验证患者" }).then(() => {
- })
+ }// 要过设置的10秒才能重复播报这个消息
+ else if(patientInfo.value.code===''&&weightInfo.value.result !== "0"){
+ //10后才执行
+ if(播报是否完成.value){
+ 播报是否完成.value=false
+ setTimeout(bobaoyuy, configData.value.BobaoJg*1000);
+ }else{
+ console.log('上一次播报还没完成，放弃这次播报',播报是否完成.value)
+ }
+
+
}
}
);
+// 默认播报完成
+const 播报是否完成=ref(true)
+const bobaoyuy=()=>{
+
+ if(patientInfo.value.name===''){
+ speech.value?.speak({ text: "没有识别的患者,请先验证患者",onend:()=>{
+ console.log('播报完成')
+
+ 播报是否完成.value=true
+ console.log('播报完成111111',播报是否完成.value)
+ }
+ })
+ 播报是否完成.value=true
+ }
+
+}
// 血压发送了变化
watch(
() => xyjInfo.value.resultTime,
@@ -810,6 +867,12 @@
updatePatient(mode).then(re=>{
ElMessage.success('结果发送成功')
ipcRenderer.invoke('logger', '结果上传成功')
+ // 测量结果发送成功后就一定要体重秤归零才行 关闭体重秤归零状态为false
+ // 只增对M503
+ if(configData.value.tzc_type==='M503'||configData.value.tzc_type==='seca101Banger'||configData.value.tzc_type==='XK3190-A12'){
+ console.log('发送清理体重归零')
+ sockteStore().setis测量准备(false)
+ }
clockNum.value = Number(configData.value.timeJg/1000)
return false
}).catch(re=>{
@@ -842,16 +905,17 @@
ipcRenderer.invoke('logger', '结果上传成功')
// 倒计时结果显示
clockNum.value = Number(configData.value.timeJg/1000)
+
return false
}).catch(re=>{
ElMessage('结果发送失败')
console.log('结果发送失败')
- ipcRenderer.invoke('logger', `结果发送失败:第${fasongNum.value}次，3秒后重新发送`)
+ ipcRenderer.invoke('logger', `结果发送失败:第${fasongNum.value}次，2秒后重新发送`)
if(fasongNum.value<3){
- setTimeout(sundModeXyj,5000);
+ setTimeout(sundModeXyj,2000);
}
else{
- ipcRenderer.invoke('logger', '3次结果上传都失败放弃本次请求')
+ ipcRenderer.invoke('logger', '2次结果上传都失败放弃本次请求')
return false
}
})
@@ -912,8 +976,13 @@
}
}
const updateChengxu=()=>{
- console.log('检查更新')
- ipcRenderer.invoke("check-update");
+ console.log('检查更新',)
+ if(configData.value.isLanFace===true||sockteStore().isLink){
+ console.log('是内网不能检查更新')
+ }else{
+ ipcRenderer.invoke("check-update");
+ }
+
}
onMounted(() => {
console.log('页面初始化', os.hostname())
@@ -935,6 +1004,18 @@
TM2655VP(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
}else if(configData.value.xyj_type==='mbp7000'){
mbp7000(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
+ }else if(configData.value.xyj_type==='mbp7000qy'){
+ mbp7000qy(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
+ }else if(configData.value.xyj_type==='mbp9020'){
+ mbp9020(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
+ }
+ else if(configData.value.xyj_type==='RBP-9000c'){
+ rbp9000c(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
+ // 鱼跃血压计
+ }else if(configData.value.xyj_type==='yuyue'){
+ yuyueDevice(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
+ }else if(configData.value.xyj_type==='oml-HBP-9020'){
+ omlhbp9020(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
}
else{
oumulongHbp9030(configData.value.xueyanjiPortPath,configData.value.xueyanjiBaudRate)
@@ -950,16 +1031,24 @@
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('体重是读取文件')
+ else if(configData.value.tzc_type==='seca101Banger'){
+ seca101Banger(configData.value.tzcPortPath,configData.value.tzcBaudRate)
}// 耀华XK3190-A12
else if(configData.value.tzc_type==='XK3190-A12'){
XK3190A12(configData.value.tzcPortPath,configData.value.tzcBaudRate)
}else if(configData.value.tzc_type==='zhiRongHehui'){
zhiRongHehui(configData.value.tzcPortPath,configData.value.tzcBaudRate)
+ // 福州连江 就是1200 南京圣洁 9600
+ }else if(configData.value.tzc_type==='lianjiang'){
+ liangjiang(configData.value.tzcPortPath,configData.value.tzcBaudRate)
+ }else if(configData.value.tzc_type==='xinanguojiTZC'){
+ xinanguojiTZC(configData.value.tzcPortPath,9600)
+ }
+ // 志荣粤康 2400
+ else if(configData.value.tzc_type==='zhiRongShantou'){
+ zhiRongShantou(configData.value.tzcPortPath,configData.value.tzcBaudRate)
}
else{
zhiRongT605(configData.value.tzcPortPath,configData.value.tzcBaudRate)
@@ -981,6 +1070,7 @@
// 获取用户媒体流
getUserMedia(
(streams: null) => {
+ console.log('打开视频流')
//后续用于停止视频流
stream.value = streams
//显示视频
@@ -1027,7 +1117,7 @@
speech.value = new Speech();
speech.value?.setLanguage('zh-CN')
speech.value?.init().then(() => {
- console.log('语音初始化成功')
+ console.log('加载人脸采集模型成功')
})
},8000)
})
@@ -1048,7 +1138,10 @@
const resizedResult = resizeResults(result, dims)
const box = resizedResult.box
// 不要小头像
- if(box._height<120) return detectFace()
+ // console.log('000')
+ const h=configData.value.imgHeight===undefined?140:configData.value.imgHeight
+ // console.log('000',h)
+ if(box._height<h) return detectFace()
//检测框是否在取景框内
// if (!checkInViewFinder(box)) return detectFace()
// drawViewFinder()
@@ -1056,7 +1149,6 @@
draw.drawDetections(canvas.value, resizedResult.box);
drawBox(box, '')
// video.value.pause()
-
// //截取人脸图片
const image = await cameraShoot(
video.value,
@@ -1066,15 +1158,15 @@
)
if (!image) {
drawBox(box, '识别失败')
- video.value.play()
+ // 开启识别
+ // 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())){
+ //人脸上传到阿里云
+ // 只有是结果归零状态才能进行识别
+ if(dialogVisible.value&&X>configData.value.face_push&&sockteStore().is测量准备){
lsDateTime=new Date()
- console.log(X,'上传阿里识别间隔')
base64toFile(image)
}
return detectFace()
@@ -1111,8 +1203,11 @@
const canvas = document.createElement('canvas')
canvas.width = video.videoWidth
canvas.height = video.videoHeight
- canvas.getContext('2d')?.drawImage(video, 0, 0, canvas.width, canvas.height)
+ // 参数：图片，裁剪开始x坐标，裁剪开始y坐标，裁剪宽度，裁剪高度，目标x坐标，目标y坐标，目标宽度，目标高度
+ // context.drawImage(image, 100, 100, 200, 200, 0, 0, 200, 200);
+ canvas.getContext('2d')?.drawImage(video, startPoint.x-20,startPoint.y-20,width+60,height+60,20,20,width+60,height+60)
const imgSrc = canvas?.toDataURL('image/png');
+
return imgSrc
}
// 画盒子
--
Gitblit v1.8.0