From 0263e3842d2c8b9b6a7b382876af96f678e01391 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期一, 15 一月 2024 11:23:22 +0800
Subject: [PATCH] 更新ui 血压体重趋势图
---
src/views/home/index.vue | 1453 ++++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 1,111 insertions(+), 342 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 1416729..4430fbc 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,355 +1,1124 @@
-<script lang="ts">
+<template>
+ <div class="homeclass">
+ <!-- {{dialogVisible}} -->
+ <div class="page" v-if="!dialogVisible">
+
+ <el-row style="height: 11.3%;">
+ </el-row>
+ <el-row style="height: 50%;margin-bottom: 2%;" :gutter="20">
+ <el-col :span="7" style="height: 100%;">
+ <el-row style="height: 65%;background: rgba(243, 247, 243, 0.3);border-radius: 8px;">
+ <el-col :span="11">
+ <el-image style="width: 100%; height:100%;border-radius: ;"
+ :src="patientInfo.patientAvatarIcon" fit="cover" />
+ </el-col>
+ <el-col :span="13" style="width: 100%; height: 85%;">
+ <div style="width: 100%; height: 20%;">
+ <div style="width: 50%;height: 100%;text-align:center; background: #DFB144;border-radius: 0px 8px 0px 50px;color: aliceblue; font-size: 2rem;float:right">
+ <template v-if="patientInfo.patientGender===0">男</template>
+ <template v-else>女</template>
+ </div>
+ </div>
+ <div style="width: 100%; height: 20%;" >
+ <div style="font-size: 2rem; color: #FFFFFF;margin-left: 0.5rem;" >
+ {{timeShidaun}}
+ </div>
+ </div>
+ <div style="width: 100%; height: 30%;" >
+ <div style="font-size: 2.5rem; color: #FFFFFF;margin-left: 0.5rem;">{{ patientInfo.name }}</div>
+ </div>
+ <div style="width: 100%; height: 20%;">
+ <div style="font-size: 1.5rem; color: #FFFFFF;margin-left: 0.5rem;">透析号：{{ patientInfo.hemoCode }}</div>
+ </div>
+ <div v-if="is_ce_wen" style="width: 100%; height: 20%;">
+ <div style="font-size: 1.5rem; color: #FFFFFF;margin-left: 0.5rem;">
+ 体温:<span v-if="dangqian_wendu>30">{{dangqian_wendu}}°C</span>
+ <span v-else> /</span>
+ </div>
+ </div>
+ </el-col>
+ </el-row>
+ <el-row style="height: 30%;background: rgba(243, 247, 243, 0.3);border-radius: 8px; margin-top: 5%; font-size: 2rem;">
+
+ <div style="height: 25%; line-height: 100%; width: 100%;color: #FFFFFF; " >
+ <div v-if="patientInfo.isAfterMed===0" style="width: 200px; font-size: 2rem; text-align: center; height: 63px; line-height: 63px;background: #2CAAFD;border-radius: 0px 8px 0px 50px;float:right">
+ 签到时间
+ </div>
+ <div v-if="patientInfo.isAfterMed===1" style="width: 200px; font-size: 2rem; text-align: center; height: 63px; line-height: 63px;background: #2CAAFD;border-radius: 0px 8px 0px 50px;float:right">
+ 下次透析时间
+ </div>
+ </div>
+ <div v-if="patientInfo.isAfterMed===0" style="height: 75%; line-height: 100%; width: 100%;color: #FFFFFF; padding-top: 35px; padding-left: 20px; ">
+ <div >{{date}}</div>
+ </div>
+ <div v-else style="height: 75%; line-height: 100%; width: 100%;color: #FFFFFF; padding-top: 35px; padding-left: 20px; ">
+ <div v-if="patientInfo.nextRecordDate!==''&&patientInfo.nextRecordDate!==null">{{patientInfo.nextRecordDate.substring(0,11)}}</div>
+ </div>
+ </el-row>
+ </el-col>
+ <el-col :span="10" style="height: 100%;">
+ <div style="width: 100%; height: 100%;position: relative;">
+ <div style="position: absolute;width: 100px; height: 100%;color: #FFFFFF; background-color: #41B593;font-size: 2rem;text-align: center;">
+ <div style="width: 100%; height:25%;margin-top: 2rem;">透</div>
+
+ <div v-if="patientInfo.isAfterMed===0" style="width: 100%; height:25%;">前</div>
+ <div v-if="patientInfo.isAfterMed===1" style="width: 100%; height:25%;">后</div>
+
+ <div style="width: 100%; height:25%;" v-if="configData.deviceType==='体重秤'"> 称
+ </div>
+ <div style="width: 100%; height:25%;" v-if="configData.deviceType==='体重秤'">重</div>
+ <div style="width: 100%; height:25%;" v-if="configData.deviceType==='血压计'"> 血
+ </div>
+ <div style="width: 100%; height:25%;" v-if="configData.deviceType==='血压计'">压</div>
+ </div>
+ <div style="margin-left:100px; height:100%; line-height: 100%; color: #FFFFFF; background: rgba(243, 247, 243, 0.3);font-size: 8rem; font-weight: 900;">
+ <div v-if="configData.deviceType==='体重秤'" class="textjuzhong">
+ {{ weightInfo.result }}
+ </div>
+ <div v-if="configData.deviceType==='血压计'" style="height: 100%; width: 100%;font-size: 7rem;" >
+ <!-- <div style=" height:100%;" class="textjuzhong">
+ {{ Number(gao_ya) }}<br/> {{ Number(di_ya) }}
+ </div> -->
+ <div style=" height:50%;" class="textjuzhong">
+ {{ Number(gao_ya) }}
+ <span style="font-size: 1rem; line-height: 1rem; margin-top: 5rem;">
+ mmHg
+ </span>
+ </div>
+ <div style=" height:50%;" class="textjuzhong">
+ {{ Number(di_ya) }}
+ <span style="font-size: 1rem; line-height: 1rem; margin-top: 5rem;">
+ mmHg
+ </span>
+ </div>
+ </div>
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="7">
+ <div style="height: 48%; border-radius: 8px;">
+ <div style="height: 25%;">
+ <div class="textjuzhong" v-if="patientInfo.isAfterMed===0" style="background: #41B593; font-size: 2rem; color: #FFFFFF;">
+ <template v-if="configData.deviceType==='体重秤'">上次透后体重(kg)</template>
+ <template v-if="configData.deviceType==='血压计'">上次透后血压</template>
+ </div>
+ <div class="textjuzhong" v-if="patientInfo.isAfterMed===1" style="background: #41B593; font-size: 2rem; color: #FFFFFF;">
+
+ <template v-if="configData.deviceType==='体重秤'">体重减少(kg)</template>
+ <template v-if="configData.deviceType==='血压计'">透前血压</template>
+ </div>
+ </div>
+ <div style="height: 75%;">
+ <div class="textjuzhong" v-if="patientInfo.isAfterMed===0" style="background: rgba(243, 247, 243, 0.3); font-size: 6rem; font-weight: 800; color: #41B593;">
+ <template v-if="configData.deviceType==='体重秤'"> {{patientInfo.lastTimeAfterWeight}}</template>
+ <template v-if="configData.deviceType==='血压计'">{{patientInfo.lastTimeAfterBP}}</template>
+ </div>
+ <div class="textjuzhong" v-if="patientInfo.isAfterMed===1" style="background: rgba(243, 247, 243, 0.3); font-size: 6rem; font-weight: 800; color: #41B593;">
+ <template v-if="configData.deviceType==='体重秤'">{{tzjs}}</template>
+ <template v-if="configData.deviceType==='血压计'">{{patientInfo.preBP}}</template>
+ </div>
+ </div>
+ </div>
+ <div style="height: 48%; margin-top: 4%;">
+ <div style="height: 25%;">
+ <div class="textjuzhong" style="background: #65AAF6; font-size: 2rem; color: #FFFFFF;">
+ <template v-if="configData.deviceType==='体重秤'&&patientInfo.isAfterMed===0">目标脱水量(L)</template>
+ <template v-if="configData.deviceType==='体重秤'&&patientInfo.isAfterMed===1">实际超滤量(L)</template>
+ <template v-if="configData.deviceType==='血压计'">透前脉搏(次/分)</template>
+
+ </div>
+ </div>
+ <div style="height: 75%;">
+ <div class="textjuzhong" style="background: rgba(243, 247, 243, 0.3); font-size: 6rem; font-weight: 800; color: #65AAF6;">
+ <template v-if="configData.deviceType==='体重秤'&&patientInfo.isAfterMed===0">{{aimTSL}}</template>
+ <template v-if="configData.deviceType==='体重秤'&&patientInfo.isAfterMed===1">{{patientInfo.actuallyClliang}}</template>
+ <template v-if="configData.deviceType==='血压计'">{{mai_bu}}</template>
+ </div>
+ </div>
+ </div>
+ </el-col>
+ </el-row>
+ <el-row style="height: 30%;" :gutter="20">
+ <el-col :span="7" style="height: 100%;">
+ <div style="height: 25%;">
+ <div class="textjuzhong" style="background: #DFB144; font-size: 2rem; color: #FFFFFF;">
+ 机位/床位号
+ </div>
+ </div>
+ <div style="height: 81%;background-color: #FFFFFF;">
+ <div class="textjuzhong" style="background: rgba(243, 247, 243, 0.3); font-size: 6rem; font-weight: 800; color: #DFB144;">
+ {{ patientInfo.deviceNo }}
+ </div>
+ </div>
+ </el-col>
+ <el-col :span="17">
+ <!-- <div style="height: 25%;">
+ <div class="textjuzhong" style="background: #DFB144; font-size: 2rem; color: #FFFFFF;">
+ 治疗信息
+ </div>
+ </div> -->
+ <div style="height: 100%;background-color: #FFFFFF;">
+ <div ref="myChartRef" style="background: rgba(243, 247, 243, 0.3); height: 100%; width: 100%; font-size: 2.5rem; line-height: 4.5rem; font-weight: 800; color: #FFFFFF; text-align: center;padding-top: 1rem;">
+ <!-- <div ref="myChartRef" style="height: 300px; width: 100%;"></div> -->
+ <!-- <span style="font-size: 4rem; color:#DFB144 ; " >干体重 {{patientInfo.pureWeight}}kg</span>
+ <br>
+ <span > 透析器:{{patientInfo.txq}}</span>
+ <span > 治疗模式:{{patientInfo.medMethod}}</span>
+ <span > 灌流器:{{patientInfo.glq}}</span> -->
+ </div>
+ </div>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="wrapp">
+ <div class="toupu" style="height: 11.3%;">
+ <el-row style="100%">
+ <el-col :span="12" >
+ <img class="image_1" @click="guyanbi" referrerpolicy="no-referrer" src="@/assets/logo.png" />
+ </el-col>
+ <el-col :span="12" >
+ <el-row>
+ <el-col :span="24" style="text-align: right; line-height: 67px;padding-right: 0px; font-size: 40px;font-weight: 400;color: #EB6F1C;">
+ <div v-if="!dialogVisible">{{clockNum}}S</div>
+ <el-input v-else v-model="inputCode" ref="inputRef" id="inputCode" style="width: 200px; height: 40px;ime-mode:active" @change="inputChabge"
+ placeholder="请输入患者卡号或扫描条码" />
+ </el-col>
+ </el-row>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="rWrapp">
+ <video ref="video" id="myVideo" preload="preload" autoplay loop muted />
+
+ <canvas ref="canvas" width="{this.width}" height="{this.height}" />
+
+ <div style="text-align: center; font-size: 2rem; color: bisque;margin-top: 1rem;">请将脸部对准摄像头</div>
+ </div>
+ <div v-if="imgSrc" class="img_bg_camera" style="margin-top: 200px;">
+ <p>效果预览</p>
+ <img :src="imgSrc" class="tx_img" />
+ </div>
+ <div style="margin-top: 0px; z-index: -1;position:absolute;" >
+
+ </div>
+ <div class="footer" style="text-align: right;">
+ <div class="fanhuikey" v-if="!dialogVisible" @click="fuxuan">
+ 返回
+ </div>
+ </div>
+ </div>
+ <!-- <el-dialog title="提示" v-model="netLink" width="30%">
+ <span>无法链接到网络！</span>
+ </el-dialog> -->
+ </div>
+</template>
+<script setup lang="ts">
+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 { reactive, computed, toRefs, onMounted, ref, watch } from "vue"
-import { sendPationCode, sendPationSet } from '../../samples/sockteStomp'
-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 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{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 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>("没识别到人脸...");
-export default {
- setup() {
- let timer: any = 0
- const user = userInfoStore()
- const sockte = sockteStore()
- const inputRef = ref()
- const AudioRef0 = ref()
- const AudioRef = ref()
- const AudioRef2 = ref()
- const AudioRef3 = ref()
- const AudioRef4=ref()
- const isLink = computed(() => {
- return !sockte.isLink
- })
- const netLink = computed(() => {
- return !sockte.netLink
- })
- const weightInfo = computed(() => {
- return sockte.weightSockte
- })
- const xyjInfo = computed(() => {
- return sockte.xyjSockte
- })
- const patientInfo = computed(() => {
- return patientInfoStore().patientInfo
- })
- const viewNumber = computed(() => {
- return patientInfoStore().viewNumber
- })
+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 settime = () => {
- // 计数倒计时
- 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: '',
- name: '',
- patientAvatarIcon: '',
- deviceCode: '',
- hemoCode: '',
- pureWeight: '',
- datetime:datetimeCON
- })
- state.clockNum = patientInfoStore().viewNumber
- sockteStore().setweightSockte({
- type:'体重秤',
- deviceName: '',
- result: '',
- resultTime: '',
- state: 2
- })
- sockteStore().setxyjSockte({
- type:'血压计',
- deviceName: '',
- result: '',
- resultTime: '',
- state: 2
- })
- state.aimTSL=''
- state.gao_ya=''
- state.di_ya=''
- state.mai_bu=''
- }
- }, 1000)
- // 记录定时器
- state.timerNum = timer
- console.log(timer)
- }
- const state = reactive({
- logo:logo,
- state1:state1,
- state2:state2,
- state3:state3,
- dialogVisible: false,
- isActive: false,
- inputCode: "",
- Newdate: "",
- clockNum: 60,
- timerNum: 0,//定时器数
- aimTSL: '',// 目标脱水量,
- gao_ya: "",//高压
- di_ya: "",//低压
- mai_bu: ""//脉搏
- })
- watch(
- () => patientInfo.value.datetime,
- () => {
- if (patientInfo.value.id !== 0) {
- AudioRef.value.play();
- sockteStore().setweightSockte({
- type: "体重秤",
- state: 2,
- deviceName: "",
- result: "0",
- resultTime: ""
- })
- sockteStore().setxyjSockte({
- type: "血压计",
- state: 2,
- deviceName: "",
- result: "",
- resultTime: ""
- })
- settime()
+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 ''
+ }
+
+})
- }else{
- if(patientInfo.value.name===''){
- AudioRef4.value.play();
- }
-
- }
- }
- )
- watch(
- () => weightInfo.value.resultTime,
- () => {
- settime()
- console.log("体重变化了")
- // AudioRef2.value.play()
- if (patientInfo.value.id === 0) {
- AudioRef0.value.play()
- }
- else {
- AudioRef2.value.play()
- // 发送结果到sockte服务
- const mode = {
- patientCode: patientInfo.value.code,
- weight: weightInfo.value.result,
- bloodPressure: ''
+const configData=computed(()=>{
+ return confingInfoStore().confingInfo
+})
+const isLink = computed(() => {
+ return !sockte.isLink
+})
- }
- console.log('发送患者结果', mode)
- sendPationSet(mode)
- // 计算目标脱水量
- if (Number(weightInfo.value.result) > 0 && Number(patientInfo.value.pureWeight) !== 0) {
- state.aimTSL = (Number(weightInfo.value.result) - Number(patientInfo.value.pureWeight)).toFixed(2)
- }
- }
- }
- )
- watch(
- () => xyjInfo.value.resultTime,
- () => {
- if (xyjInfo.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) {
- AudioRef0.value.play()
- settime()
- } else {
- AudioRef3.value.play()
- settime()
- const mode = {
- patientCode: patientInfo.value.code,
- weight: weightInfo.value.result,
- bloodPressure: xyjInfo.value.result
+// 网络链接
+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('网络已断开,等待重连')
+ }
+})
- }
- console.log('发送患者结果', mode)
- sendPationSet(mode)
- }
- } else {
- state.gao_ya = ""
- state.di_ya = ""
- state.mai_bu = ""
- }
- }
- )
- watch(() => viewNumber,
- () => {
- state.clockNum = viewNumber.value
- }
- )
- const inputChabge = () => {
- sendPationCode(state.inputCode)
- setTimeout(function () {
- state.inputCode = ''
- }, 1000)
- }
- onMounted(() => {
- console.log('页面初始化', os.hostname())
- state.clockNum = patientInfoStore().viewNumber
- setTimeout(function () {
- console.log('7秒后操作')
- inputRef.value.focus();
- }, 7000)
- setInterval(function () {
- state.Newdate = formatDate(new Date(), "YYYY-mm-dd HH:MM:SS")
- }, 1000)
- })
- return {
- ...toRefs(state), isLink, netLink, weightInfo, patientInfo, xyjInfo, inputRef, AudioRef0, AudioRef, AudioRef4, AudioRef2, AudioRef3, inputChabge
- }
+// 体重
+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[])=>{
+ const myChart = echarts.init(proxy.$refs.myChartRef);
+ const option = {
+ title: {
+ text: '体重趋势图',
+ 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 intiTubiao=()=>{
+ console.log('----------3333')
+ 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: []
+ },
+ ]
+ console.log(patientInfo.value)
+ 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:'#E6A23C',
+ smooth: true,
+ data: []
+ }
+ ]
+ 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=['透前伸缩压', '透前舒张压', '透后伸缩压','透后舒张压']
+ huatu(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(() => {
+ })
+ if(configData.value.deviceType==='体重秤'){
+ setTimeout(()=>{intiTubiao()},1000)
+ }else{
+ 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)
+ 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()
+ // 定时数秒器
+ const tt = mode.weight.replace('.', '点')
+ speech.value?.speak({ text: `称重完成,${tt}千克` }).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
+ }
+ // 计算目标脱水量
+ 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(2)
+ }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(() => {
+ })
+ }
+ }
+);
+// 血压发送了变化
+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')
+ }
+}
+onMounted(() => {
+ console.log(0%5)
+ console.log('页面初始化', os.hostname())
+ setTimeout(()=>{
+ console.log('8秒后执行')
+ 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==='zhiRongHehui'){
+ zhiRongHehui(configData.value.tzcPortPath,configData.value.tzcBaudRate)
+ }
+ 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 = false
+ }
+ 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
+ console.log('sssdsdsd')
+ 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>
-<template>
- <div class="page flex-col">
- <!-- 提醒刷卡 -->
- <audio src="https://dhcdn.leon056.com/hemo/autoselfsign/step1.mp3" ref="AudioRef0" id="eventAudio2"></audio>
- <!-- 患者信息读取成功 -->
- <audio src="https://dhcdn.leon056.com/hemo/autoselfsign/step2.mp3" ref="AudioRef" id="eventAudio2"></audio>
- <!-- 体重结果回传成功 -->
- <audio src="https://dhcdn.leon056.com/hemo/autoselfsign/step3.mp3" ref="AudioRef2" id="eventAudio3"></audio>
- <!-- 血压结果回传成功 -->
- <audio src="https://dhcdn.leon056.com/hemo/autoselfsign/step4.mp3" ref="AudioRef3" id="eventAudio4"></audio>
- <!-- 没有找到患者 -->
- <audio src="https://dhcdn.leon056.com/hemo/autoselfsign/step5.mp3" ref="AudioRef4" id="eventAudio5"></audio>
- <el-dialog title="提示" v-model="netLink" width="30%">
- <span>无法链接到网络！</span>
- </el-dialog>
- <el-dialog title="提示" v-model="isLink" width="30%">
- <span>sockte连接失败正在重连。。。。。。</span>
- </el-dialog>
- <div class="box_7 flex-col justify-between">
- <div class="header flex-col">
- <div class="box_8 flex-row">
- <img
- class="image_1"
- referrerpolicy="no-referrer"
- :src="logo"
- />
- <span class="text_1">自助签到</span> <span class="text_2">{{clockNum}}</span>
- </div>
- </div>
- <div class="grid_3 flex-row">
- <div class="section_1 flex-col">
- <div class="block_2 flex-row justify-between">
- <div class="image-wrapper_1 flex-col">
- <img
- class="image_2"
- referrerpolicy="no-referrer"
- :src="patientInfo.patientAvatarIcon"
- />
- </div>
- <div class="group_6 flex-col">
- <div class="text-wrapper_13 flex-row justify-between">
- <span class="text_3">姓名:</span>
- <span class="text_4">{{patientInfo.name}}</span>
- </div>
- <div class="block_1 flex-col"></div>
- <div class="text-wrapper_14 flex-row justify-between">
- <span class="text_5">透析号:</span>
- <span class="text_6">{{patientInfo.hemoCode}}</span>
- </div>
- </div>
- </div>
- </div>
- <div class="section_4 flex-col">
- <div class="group_7 flex-row justify-between">
- <span class="text_7">血压(mmHg):</span>
- <img
- v-if="xyjInfo.state === 2"
- class="group_1"
- referrerpolicy="no-referrer"
- :src="state1"
- />
- <img
- v-if="xyjInfo.state === 1"
- class="group_1"
- referrerpolicy="no-referrer"
- :src="state2"
- />
- <img
- v-if="xyjInfo.state === 0"
- class="group_1"
- referrerpolicy="no-referrer"
- :src="state3"
- />
- </div>
- <div class="text-wrapper_15 flex-row">
- <span class="text_8">{{ gao_ya }}/{{ di_ya }}</span>
- </div>
- </div>
- <div class="section_5 flex-col">
- <div class="box_9 flex-col">
- <div class="text-wrapper_16 flex-row justify-between">
- <span class="text_9">机号:</span>
- <span class="text_10">{{patientInfo.deviceCode}}</span>
- </div>
- <div class="box_3 flex-col"></div>
- <div class="text-wrapper_17 flex-row justify-between">
- <span class="text_11">干体重(kg):</span>
- <span class="text_12">{{ patientInfo.pureWeight }}</span>
- </div>
- <div class="box_4 flex-col"></div>
- <div class="text-wrapper_18 flex-row justify-between">
- <span class="text_13">目标脱水量(L):</span>
- <span class="text_14">{{aimTSL}}</span>
- </div>
- </div>
- </div>
- <div class="section_6 flex-col">
- <div class="section_12 flex-row justify-between">
- <span class="text_15">透前体重(kg):</span>
- <img
- v-if="weightInfo.state === 2"
- class="group_1"
- referrerpolicy="no-referrer"
- :src="state1"
- />
- <img
- v-if="weightInfo.state === 1"
- class="group_1"
- referrerpolicy="no-referrer"
- :src="state2"
- />
- <img
- v-if="weightInfo.state === 0"
- class="group_1"
- referrerpolicy="no-referrer"
- :src="state3"
- />
- </div>
- <div class="section_13 flex-row justify-between">
- <span class="text_16">{{ weightInfo.result }}</span>
- </div>
- </div>
- </div>
- </div>
- <el-input id="inputCode" style="width:50px" @change="inputChabge" v-model="inputCode" ref="inputRef" placeholder="" />
- </div>
-
-</template>
-<style>
-@import './css/common.css';
-@import './css/index.css';
+<style src="./index.css" />
+<style lang="less" scoped>
+.wrapp {
+ height: 100%;
+ background-size: 100% 100%;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ border-radius: 2px;
+ .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;
+ }
+ }
+ .status {
+ //margin-top: 100px;
+ text-align: center;
+ }
+ .img_bg_camera{
+ position: absolute;
+ top: -500px;
+
+ z-index: -999;
+ }
+}
+.footer{
+ height: 100px;
+ width: 100%;
+ line-height: 100px;
+ font-size: 2rem;
+ color: beige;
+ // background-color: #922d2d;
+ position: fixed;
+ bottom: 20px;
+ text-align: right;
+}
+.toupu{
+ height: 100px;
+ width: 100%;
+ line-height: 100px;
+ font-size: 2rem;
+ color: beige;
+ // background-color: #ddd;
+ position: fixed;
+ top: 10px;
+}
+.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__inner {background-color: transparent !important;}
</style>
+
--
Gitblit v1.8.0