From 1ca6a7156163dc9d489a7b0bbff77f1b84933178 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期六, 17 六月 2023 14:45:36 +0800
Subject: [PATCH] 更新页面展示

---
 src/assets/logo.png         |    0 
 imgs/1686901190509.png      |    0 
 src/samples/sockteStomp.ts  |   11 
 src/stores/StoresConfing.ts |   15 
 src/views/login/index.vue   |   88 -
 src/views/login/1.vue       |  783 ++++++++++++++++++
 imgs/1686890782280.png      |    0 
 src/main.ts                 |   18 
 /dev/null                   |    0 
 src/views/home/index.vue    | 1516 ++++++++++++++++++-----------------
 src/assets/homeback.png     |    0 
 index.html                  |   15 
 src/views/home/index.css    |   25 
 src/samples/faceApi.ts      |    7 
 src/stores/patient.ts       |    9 
 imgs/1686906719633.png      |    0 
 src/utils/axios.ts          |    5 
 imgs/1686890390880.png      |    0 
 18 files changed, 1,638 insertions(+), 854 deletions(-)

diff --git a/imgs/1681365418963.png b/imgs/1681365418963.png
deleted file mode 100644
index db59e46..0000000
--- a/imgs/1681365418963.png
+++ /dev/null
Binary files differ
diff --git a/imgs/1681367799893.png b/imgs/1681367799893.png
deleted file mode 100644
index befc1f7..0000000
--- a/imgs/1681367799893.png
+++ /dev/null
Binary files differ
diff --git a/imgs/1681367865198.png b/imgs/1681367865198.png
deleted file mode 100644
index a6d0316..0000000
--- a/imgs/1681367865198.png
+++ /dev/null
Binary files differ
diff --git a/imgs/1681367952622.png b/imgs/1681367952622.png
deleted file mode 100644
index 92c241d..0000000
--- a/imgs/1681367952622.png
+++ /dev/null
Binary files differ
diff --git a/imgs/1686890390880.png b/imgs/1686890390880.png
new file mode 100644
index 0000000..a892944
--- /dev/null
+++ b/imgs/1686890390880.png
Binary files differ
diff --git a/imgs/1686890782280.png b/imgs/1686890782280.png
new file mode 100644
index 0000000..26d8ca1
--- /dev/null
+++ b/imgs/1686890782280.png
Binary files differ
diff --git a/imgs/1686901190509.png b/imgs/1686901190509.png
new file mode 100644
index 0000000..bbdb61e
--- /dev/null
+++ b/imgs/1686901190509.png
Binary files differ
diff --git a/imgs/1686906719633.png b/imgs/1686906719633.png
new file mode 100644
index 0000000..e0818aa
--- /dev/null
+++ b/imgs/1686906719633.png
Binary files differ
diff --git a/index.html b/index.html
index d241b01..c874a94 100644
--- a/index.html
+++ b/index.html
@@ -12,3 +12,18 @@
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
+<style>
+  html, body{
+    height: 98%;
+    margin: 0;
+    padding: 0;
+  }
+  #app{
+    background: url(/src/assets/homeback.png)
+    100% no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+</style>
diff --git a/src/assets/homeback.png b/src/assets/homeback.png
new file mode 100644
index 0000000..0a20c5e
--- /dev/null
+++ b/src/assets/homeback.png
Binary files differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
index 9098a34..6dc54f5 100644
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
Binary files differ
diff --git a/src/main.ts b/src/main.ts
index c202842..634c503 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import ElementPlus from 'element-plus'
+import ElementPlus, { MessageParams } from 'element-plus'
 import 'element-plus/dist/index.css'
 import router from './router/index'
 import "tracking";
@@ -31,29 +31,29 @@
   }
 }
 // 要重写initUserMedia_ 方法，因为chrome的底层api已做调整
-window.tracking.initUserMedia_ = function (element, opt_options) {
+window.tracking.initUserMedia_ = function (element: { srcObject: any; src: string; }, opt_options: { audio: any; }) {
   const options = {
       video: true,
       audio: !!(opt_options && opt_options.audio)
   };
-  getUserMedia(options, function (stream) {
+  getUserMedia(options, function (stream: Blob | MediaSource) {
       try {
           element.srcObject = stream;
       } catch (err) {
           element.src = window.URL.createObjectURL(stream);
       }
-  }, function (e) {
-      Notify(e.message);
+  }, function (e: { message: MessageParams; }) {
+    ElMessage(e.message);
   }
   );
 };
 // 重写视频捕获方法，因为不能停止 stop无效的bug
-window.tracking.trackVideo_ = function (element, tracker) {
+window.tracking.trackVideo_ = function (element: CanvasImageSource, tracker: tracking.Tracker) {
   console.log('trackVideo_');
   var canvas = document.createElement('canvas');
   var context = canvas.getContext('2d');
-  var width;
-  var height;
+  var width: number;
+  var height: number;
 
   var resizeCanvas_ = function () {
       width = element.offsetWidth;
@@ -64,7 +64,7 @@
   resizeCanvas_();
   element.addEventListener('resize', resizeCanvas_);
 
-  var requestId;
+  var requestId: number;
   var stopped = false;
   var requestAnimationFrame_ = function () {
       requestId = window.requestAnimationFrame(function () {
diff --git a/src/samples/faceApi.ts b/src/samples/faceApi.ts
index 24c1117..a4c5d9c 100644
--- a/src/samples/faceApi.ts
+++ b/src/samples/faceApi.ts
@@ -28,7 +28,6 @@
   });
   // 访问的域名
   config.endpoint = `facebody.cn-shanghai.aliyuncs.com`;
-  console.log('人脸识别客户端已启动')
   return new facebody20191230(config);
 }
 // 将文件上传到oss
@@ -47,16 +46,12 @@
   // 通过本地文件
   const facedata= confingInfoStore().confingInfo.face_database
   const faceScore=confingInfoStore().confingInfo.face_score
-  console.log(facedata,'人脸数据库')
   let searchFaceAdvanceRequest = new $facebody20191230.SearchFaceAdvanceRequest();
   searchFaceAdvanceRequest.imageUrlObject = fileStream;
   searchFaceAdvanceRequest.dbName = facedata
   searchFaceAdvanceRequest.limit = 2;
   let runtime = new $Util.RuntimeOptions({ });
-  console.log('-----监测图片--')
   client.searchFaceAdvance(searchFaceAdvanceRequest, runtime).then(re=>{
-    // console.log('返回结果')
-    // console.log(re.statusCode)
     if(re.statusCode===200){
       const matchList=re.body.data?.matchList
       // console.log('得到的人脸库')
@@ -73,7 +68,7 @@
             resultTime: ''
           })
         }else{
-          console.log('那些人脸都不是')
+          console.log('没有找到患者对应的人脸')
         }
       }
 
diff --git a/src/samples/sockteStomp.ts b/src/samples/sockteStomp.ts
index 6f5064a..d85e949 100644
--- a/src/samples/sockteStomp.ts
+++ b/src/samples/sockteStomp.ts
@@ -87,6 +87,7 @@
         name:resultInfo.patientInfo===null?'':resultInfo.patientInfo.patientName,
         patientAvatarIcon:resultInfo.patientInfo===null?'':resultInfo.patientInfo.patientAvatarIcon,
         deviceCode:resultInfo.deviceCode===null?"":resultInfo.deviceCode,
+        patientGender:resultInfo.patientInfo.patientGender,
         hemoCode:resultInfo.hemoCode===null?"":resultInfo.hemoCode,
         pureWeight:resultInfo.pureWeight===null?"":resultInfo.pureWeight,
         datetime:da,
@@ -94,7 +95,15 @@
         isScheduled:resultInfo.isScheduled,
         isAfterMed:resultInfo.isAfterMed,
         deviceNo:resultInfo.deviceNo,
-        preWeight:resultInfo.preWeight
+        preWeight:resultInfo.preWeight,
+        // s上次体重
+        lastTimeAfterWeight:resultInfo.lastTimeAfterWeight,
+        // 上次血压
+        lastTimeAfterBP:resultInfo.lastTimeAfterBP,
+        txq:resultInfo.txq,
+        medMethod:resultInfo.medMethod,
+        glq:resultInfo.glq,
+        preBP:resultInfo.preBP
     }
     // 写入vuex里
     patientInfoStore().setpatientInfo(info)
diff --git a/src/stores/StoresConfing.ts b/src/stores/StoresConfing.ts
index ce88aa2..5edd275 100644
--- a/src/stores/StoresConfing.ts
+++ b/src/stores/StoresConfing.ts
@@ -1,10 +1,19 @@
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
 export const confingInfoStore =defineStore('confingInfo',()=>{
-    const confingInfo=ref({})
+    const confingInfo=ref({
+        screenTimeout: 150,
+        isUseFaceRecogService: true,
+        deviceType:"体重秤",
+        face_database:"Face_jq",
+        face_score:0.55,
+        timeJg:10000,
+        base_api:"",
+        
+    })
     /**
-     * 更新用户选择角色
-     * @param roleText 角色名称
+     * 更新配置文件设置 
+     * @param roleText 配置文件设置 
      */
     function setconfingInfo(info:any){
         confingInfo.value=info
diff --git a/src/stores/patient.ts b/src/stores/patient.ts
index c930d25..487fc97 100644
--- a/src/stores/patient.ts
+++ b/src/stores/patient.ts
@@ -8,6 +8,7 @@
             code:'',
             name:'',
             patientAvatarIcon:'',
+            patientGender:0,
             deviceCode:'',
             hemoCode:'',
             pureWeight:'',
@@ -17,6 +18,14 @@
             isAfterMed:0,
             preWeight:0,
             deviceNo:'',
+            preBP:'',
+            // s上次体重
+            lastTimeAfterWeight:'',
+            // 上次血压
+            lastTimeAfterBP:'',
+            txq:'',
+            medMethod:'',
+            glq:''
 
        })// 初始值
     const viewNumber=ref(150)
diff --git a/src/utils/axios.ts b/src/utils/axios.ts
index 228c332..9d80d04 100644
--- a/src/utils/axios.ts
+++ b/src/utils/axios.ts
@@ -2,8 +2,11 @@
 import { Session } from '@/utils/storage'
 import { ElMessage } from 'element-plus'
 
+import { confingInfoStore } from '@/stores/StoresConfing'
 
-const BASE_URL = 'https://hemobs.icoldchain.cn'
+
+// const BASE_URL = 'https://hemobs.icoldchain.cn'
+const BASE_URL = confingInfoStore().confingInfo.base_api
 const TIME_OUT = 10 * 1000
 
 /**
diff --git a/src/views/home/index.css b/src/views/home/index.css
new file mode 100644
index 0000000..b28a4fb
--- /dev/null
+++ b/src/views/home/index.css
@@ -0,0 +1,25 @@
+
+.homeclass{
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+.page{
+    width: 98%;
+    height: 100%;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    padding-left: 1%;
+    padding-right: 1%;
+  
+}
+.textjuzhong{
+
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    border-radius: 2px
+}
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index b8103bc..fc46c7f 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,4 +1,198 @@
-<script lang="ts">
+<template>
+  <div class="homeclass">
+    <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: 1rem;" >
+                      {{timeShidaun}}
+                    </div>
+                </div>
+                <div style="width: 100%; height: 25%;padding-top: 0.5rem;" >
+                    <div style="font-size: 2.5rem; color: #FFFFFF;margin-left: 1rem;">{{ patientInfo.name }}</div>
+                </div>
+                <div style="width: 100%; height: 25%; padding-top: 1rem;">
+                    <div style="font-size: 1.5rem;  color: #FFFFFF;margin-left: 1rem;">透析号：{{ patientInfo.hemoCode }}</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  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 style="height: 75%; line-height: 100%; width: 100%;color: #FFFFFF; padding-top: 35px; padding-left: 20px; ">
+                  <div >{{date}}</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==='体重秤'">目标脱水量(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==='体重秤'">{{aimTSL}}</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: 75%;">
+                <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: 75%;">
+                <div style="background: rgba(243, 247, 243, 0.3); height: 100%; width: 100%; font-size: 1.3rem; font-weight: 800; color: #FFFFFF;">
+                  <div class="textjuzhong" style="height: 25%;  width: 100%;">干体重  {{patientInfo.preWeight}}  kg</div>
+                  <div class="textjuzhong" style="height: 25%;  width: 100%;">透析器  {{patientInfo.txq}}</div>
+                  <div class="textjuzhong" style="height: 25%;  width: 100%;">治疗模式  {{patientInfo.medMethod}}</div>
+                  <div class="textjuzhong" style="height: 25%;  width: 100%;">灌流器  {{patientInfo.glq}}</div>
+                </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="23" style="text-align: right; line-height: 67px;padding-right: 0px; font-size: 40px;font-weight: 400;color: #EB6F1C;">
+                  <div>{{clockNum}}S</div>
+                </el-col>
+                <el-col :span="1" style="padding-right: 10px;" class="divinput">
+                  <el-input  v-model="inputCode" ref="inputRef" id="inputCode" style="width: 0px; height: 0px;"  @change="inputChabge"
+                    placeholder="请输入患者卡号或扫描条码" />
+                  </el-col>
+              </el-row>
+            </el-col>
+          </el-row>
+        </div>
+        <div class="rWrapp">
+          <video id="myVideo" preload="preload" autoplay loop muted />
+          <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;" >
+          <canvas ref="myCanvas" id="myCanvas" class="myCanvas" width="200" height="200" ></canvas>
+        </div>
+        <div class="footer" style="text-align: right;">
+          <div class="fanhuikey" v-if="!dialogVisible" @click="fuxuan">
+           返回
+            <!-- <el-button type="primary" :icon="RefreshRight" circle /> -->
+          </div>
+        </div>
+    </div>
+    <el-dialog title="提示" v-model="netLink" width="30%">
+      <span>无法链接到网络！</span>
+    </el-dialog>
+  </div>
+</template>
+<script setup lang="ts">
 import { userInfoStore } from '@/stores/userInfo'
 import { sockteStore } from '@/stores/sockteInfo'
 import { ipcRenderer } from 'electron'
@@ -6,776 +200,590 @@
 import { updatePatient } from '@/api/user/index'
 import os from "os"
 import Speech from 'speak-tts'
-import { reactive, computed, toRefs, onMounted, ref, watch } from "vue"
+import { reactive,computed, toRefs, onMounted, watch, ref } from "vue"
+import { RefreshRight } from '@element-plus/icons-vue'
 import { sendPationCodeApi } from '../../samples/httpApi'
 import { formatDate } from '@/utils/formatTime'
-import state1 from '@/assets/state1.png'
-import state2 from '@/assets/state2.png'
-import state3 from '@/assets/state3.png'
-import logo from '@/assets/LOGO.png'
-import login from '@/views/login/index.vue'
 import { confingInfoStore } from '@/stores/StoresConfing'
+import {base64toFile} from '@/samples/faceApi'
 import { ElMessage } from 'element-plus'
-
-export default {
-  name: 'hoem',
-  components: { login },
-  setup() {
-    let timer: any = 0
-    const loginRef = ref();
-    const speech = ref(null)
-    const user = userInfoStore()
-    const sockte = sockteStore()
-    const inputRef = ref()
-    let patientCodeLs = ''
-    let patientCodeLsXy = ''
-    const isUseFaceRecogService = ref(false)
-    const isLink = computed(() => {
-      return !sockte.isLink
-    })
-    const netLink = computed(() => {
-      if(!sockte.netLink){
-        ipcRenderer.invoke('logger', '网络已经断开')
-      }else{
-        ipcRenderer.invoke('logger', '网络已经恢复')
-      }
-      return !sockte.netLink
-    })
-    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 viewNumber = computed(() => {
-      return patientInfoStore().viewNumber
-    })
-
-    const settime = () => {
-      // 计数倒计时
-      state.clockNum = patientInfoStore().viewNumber
-      // 清除定时器
-      clearInterval(state.timerNum)
-      timer = setInterval(() => {
-        if (state.clockNum > 0) {
-          state.clockNum--
-        }
-        else {
-          clearInterval(timer)
-          patientInfoStore().setpatientInfo({
-            id: 0,
-            code: '',
-            name: '',
-            patientAvatarIcon: '',
-            deviceCode: '',
-            hemoCode: '',
-            pureWeight: '',
-            datetime: ''
-          })
-          sockteStore().setweightSockte({
-            type: '体重秤',
-            deviceName: '',
-            result: '0',
-            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
+let trackerTask: any = null;
+// 标识用的画布
+const myCanvas = ref<HTMLCanvasElement | null>(null);
+let imgSrc:'';
+const msg = ref<string>("没识别到人脸...");
+// 实例人脸检查器
+const myTracker: any = new tracking.ObjectTracker("face");
+myTracker.setInitialScale(4);
+myTracker.setStepSize(2);
+myTracker.setEdgesDensity(0.1);
+// 监听人脸检查器
+myTracker.on("track", (event: tracking.TrackEvent) => {
+  const context = myCanvas.value?.getContext("2d") as CanvasRenderingContext2D;
+  if (myCanvas.value) {
+    context.clearRect(0, 0, myCanvas.value.width, myCanvas.value.height);
+  }
+  if (event.data.length === 0) {
+    msg.value = "没识别到人脸...";
+  } else if(event.data.length === 1) {
+    trackerTask.stop();
+    msg.value = "检测到人脸";
+    const myCanvas = document.getElementById("myCanvas");// 
+    const thisContext = myCanvas?.getContext("2d");
+    const myVideo = document.querySelector("#myVideo") as HTMLVideoElement;
+    thisContext.drawImage(myVideo, 0,0, 250, 200);
+    imgSrc = myCanvas?.toDataURL('image/png');
+    // 转文件
+    // 识别框显示才能到传阿里云识别
+    if(dialogVisible.value){
+      base64toFile(imgSrc)
     }
-    //发送消除某些状态
-    const fuxuan=()=>{
-      console.log('返回---')
-      const datetimeCON = patientInfoStore().patientInfo.datetime
-      // 获取是否是一台主机连2个设备
-      const islinkDouble=confingInfoStore().confingInfo.islinkDouble
-      // 如果不是就马上清空
-      if(!islinkDouble){
-        patientInfoStore().setpatientInfo({
-          id: 0,
-          code: '',
-          name: '',
-          patientAvatarIcon: '',
-          deviceCode: '',
-          hemoCode: '',
-          pureWeight: '',
-          datetime: datetimeCON
-        })
-        sockteStore().setweightSockte({
-            type: '体重秤',
-            deviceName: '',
-            result: '0',
-            resultTime: '',
-            state: 2
-        })
-        sockteStore().setxyjSockte({
-          type: '血压计',
-          deviceName: '',
-          result: '',
-          resultTime: '',
-          state: 2
-        })
-        sockteStore().setfaceSockte({
-          type: '人脸识别',
-          deviceName: '',
-          result: '',
-          resultTime: '',
-          state: 2
-          })
-        state.clockNum = patientInfoStore().viewNumber
-        state.aimTSL = ''
-        state.gao_ya = ''
-        state.di_ya = ''
-        state.mai_bu = ''
-      }
-      if (isUseFaceRecogService.value) {
-        console.log('开启人脸识别')
-        state.dialogVisible = true
-      }else{
-        console.log('关闭人脸识别')
-        state.dialogVisible = false
-      }
-
-    }
-    const state = reactive({
-      fasongNum:0,
-      caozuo: 0,// 点击10下才能关闭
-      logo: logo,
-      state1: state1,
-      state2: state2,
-      state3: state3,
-      dialogVisible: true,
-      isActive: false,
-      inputCode: "",
-      Newdate: "",
-      clockNum: 60,
-      timerNum: 0,//定时器数
-      aimTSL: '',// 目标脱水量,
-      gao_ya: "",//高压
-      di_ya: "",//低压
-      mai_bu: "",//脉搏,
-      haodu: "0px",
-    })
-    // 监控患者信息变化
-    watch(
-      () => patientInfo.value.datetime,
-      () => {
-        patientCodeLs = ''
-        patientCodeLsXy = ''
-        state.aimTSL = ''
-         // 定时数秒器
-        settime()
-        if (patientInfo.value.id !== 0 && patientInfo.value.name !== '' && patientInfo.value.isScheduled === 1) {
-          // console.log(`患者信息识别成功:${patientInfo.value.name}`)
-          ipcRenderer.invoke('logger', `患者信息识别成功:${patientInfo.value.name}`)
-          let str = `${patientInfo.value.name}识别成功。床号：${patientInfo.value.deviceNo}`
-          state.dialogVisible = false
-          speech.value?.speak({ text: str }).then(() => {
-          })
-          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) {
-            state.dialogVisible = true
-          }
-          return
-        }
-        // 没有排班
-        else if (patientInfo.value.isScheduled === 0) {
-          ipcRenderer.invoke('logger', `患者没有排班:${patientInfo.value.name}`)
-          // console.log( `患者没有排班:${patientInfo.value.name}`)
-          //关闭人脸弹框
-          state.dialogVisible = false
-          speech.value?.speak({ text: `${patientInfo.value.name}今日没有排班,不能自助签到` }).then(() => {
-            // console.log("播报完成...")
-          })
-          sockteStore().setweightSockte({
-            type: "体重秤",
-            state: 2,
-            deviceName: "",
-            result: "0",
-            resultTime: ""
-          })
-          sockteStore().setxyjSockte({
-            type: "血压计",
-            state: 2,
-            deviceName: "",
-            result: "",
-            resultTime: ""
-          })
-          return
-        }
-      }
-    );
-    // 体重发生了变化
-    watch(
-      () => weightInfo.value.resultTime,
-      async () => {
-        // 体重不能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) {
-              const tt = mode.weight.replace('.', '点')
-              speech.value?.speak({ text: `称重完成,${tt}kg` }).then(() => {
-                console.log("播报完成...")
-              })
-              patientCodeLs = mode.patientCode
-              state.fasongNum=0
-              // console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
-              ipcRenderer.invoke('logger', `开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
-              console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
-              sundModeTz()
-            }
-            else {
-               // 临时患者code=当前患者code
-                patientCodeLs = mode.patientCode
-              }
-            // 计算目标脱水量
-            if (Number(weightInfo.value.result) > 0 && Number(patientInfo.value.pureWeight) !== 0&&patientInfo.value.isAfterMed===0) {
-              state.aimTSL = (Number(weightInfo.value.result) - Number(patientInfo.value.pureWeight)- Number(patientInfo.value.clothesWeight)).toFixed(2)
-            }else if(Number(weightInfo.value.result) > 0 && Number(patientInfo.value.pureWeight) !== 0&&patientInfo.value.isAfterMed===1 && patientInfo.value.preWeight>10){
-              state.aimTSL = (Number(weightInfo.value.result) - Number(patientInfo.value.preWeight)- Number(patientInfo.value.clothesWeight)).toFixed(2)
-            }
-          }
-      }
-    );
-    // 血压发送了变化
-    watch(
-      () => xyjInfo.value.resultTime,
-      async () => {
-        if (xyjInfo.value.result !== '') {
-          ipcRenderer.invoke('logger', `血压发生变化了:${weightInfo.value.result}`)
-          console.log(`血压发生变化了:${weightInfo.value.result}`)
-          const list = xyjInfo.value.result.split(',')
-          if (list.length === 3) {
-            state.gao_ya = list[0]
-            state.di_ya = list[1]
-            state.mai_bu = list[2]
-          }
-          // 患者信息为空
-          if (patientInfo.value.id === 0) {
-            speech.value?.speak({ text: "没有识别的患者,请先验证患者" }).then(() => {
-              // console.log("播报完成...")
-            })
-            // 有患者信息
-          } else {
-            speech.value?.speak({ text: `收缩压：${state.gao_ya},舒张压：${state.di_ya},脉搏：${state.mai_bu}` }).then(() => {
-              // console.log("播报完成...")
-            })
-            const mode = {
-              patientCode: patientInfo.value.code,
-              weight: '',
-              bloodPressure: xyjInfo.value.result
-            }
-            state.fasongNum=0
-            // console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},血压结果：${mode.bloodPressure}`)
-            ipcRenderer.invoke('logger', `开始发送结果到服务器：患者：${patientInfo.value.name},血压结果：${mode.bloodPressure}`)
-            sundModeXyj()
-          }
-        } else {
-          state.gao_ya = ""
-          state.di_ya = ""
-          state.mai_bu = ""
-        }
-      }
-    );
-    watch(
-      () => dkqInfo.value.resultTime,
-      () => {
-        state.dialogVisible = 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,
-      () => {
-        state.clockNum = viewNumber.value
-      }
-    );
-    const sundModeTz= ()=>{
-      const mode = {
-        patientCode: patientInfo.value.code,
-        weight: weightInfo.value.result,
-        bloodPressure: ''
-      }
-      state.fasongNum++
-      ipcRenderer.invoke('logger', `患者结果上传,第${state.fasongNum}次`)
-      ipcRenderer.invoke('logger', '参数：'+JSON.stringify(mode))
-      updatePatient(mode).then(re=>{
-        ElMessage.success('结果发送成功')
-        ipcRenderer.invoke('logger', '结果上传成功')
-        setTimeout(() => {
-          fuxuan()
-        },8000)
-        return false
-      }).catch(re=>{
-        ElMessage('结果发送失败')
-        console.log('结果发送失败')
-        ipcRenderer.invoke('logger', `结果发送失败:第${state.fasongNum}次，3秒后重新发送`)
-        if(state.fasongNum<3){
-          setTimeout(sundModeTz,5000);
-        }
-        else{
-          ipcRenderer.invoke('logger', '3次结果上传都失败放弃本次请求')
-          return false
-        }
-      })
-    }
-    const sundModeXyj= ()=>{
-      const mode = {
-        patientCode: patientInfo.value.code,
-        weight: '',
-        bloodPressure: xyjInfo.value.result
-      }
-      state.fasongNum++
-      ipcRenderer.invoke('logger', `患者结果上传,第${state.fasongNum}次`)
-      ipcRenderer.invoke('logger', '参数：'+JSON.stringify(mode))
-      updatePatient(mode).then(re=>{
-        ElMessage.success('结果发送成功')
-        ipcRenderer.invoke('logger', '结果上传成功')
-        setTimeout(() => {
-          fuxuan()
-        },8000)
-        return false
-      }).catch(re=>{
-        ElMessage('结果发送失败')
-        console.log('结果发送失败')
-        ipcRenderer.invoke('logger', `结果发送失败:第${state.fasongNum}次，3秒后重新发送`)
-        if(state.fasongNum<3){
-          setTimeout(sundModeXyj,5000);
-        }
-        else{
-          ipcRenderer.invoke('logger', '3次结果上传都失败放弃本次请求')
-          return false
-        }
-      })
-    }
-    const inputChabge = () => {
-      sendPationCodeApi(state.inputCode)
-      setTimeout(function () {
-        state.inputCode = ''
-      }, 1000)
-    }
-    const guyanbi = () => {
-      state.caozuo++
-      if (state.caozuo > 10) {
-        ipcRenderer.send('winClose')
-      }
-    }
-    onMounted(() => {
-      console.log('页面初始化', os.hostname())
-      setTimeout(()=>{
-        console.log('3秒后执行')
-         // 是否开启脸识别
-        isUseFaceRecogService.value = confingInfoStore().confingInfo.isUseFaceRecogService
-        console.log('人脸识别',isUseFaceRecogService.value)
-        if (isUseFaceRecogService.value) {
-          console.log('开启人脸识别')
-          state.dialogVisible = true
-        }else{
-          console.log('关闭人脸识别')
-          state.dialogVisible = false
-        }
-        state.haodu = (document.documentElement.clientHeight - 180) / 2 + 'px'
-        state.clockNum = patientInfoStore().viewNumber
-        setInterval(function () {
-          inputRef.value.focus();
-        }, 1000)
-        speech.value = new Speech();
-        speech.value?.setLanguage('zh-CN')
-        speech.value?.init().then(() => {
-          console.log('语音初始化成功')
-        })
-      },3000)
-    })
-    return {
-      ...toRefs(state),isUseFaceRecogService,fuxuan, guyanbi, loginRef, isLink, netLink, weightInfo, patientInfo, xyjInfo, inputRef, inputChabge
+    setTimeout(() => {
+      console.log('监测到人脸后3s')
+      trackerTask.run();
+    }, 3000);
+    // @ts-ignore
+    if (typeof window.stream === "object") {
+      myVideo.srcObject = null;
+      // @ts-ignore
+      window.stream.getTracks().forEach((track) => track.stop());
     }
   }
+});
+
+let timer: any = 0
+const date=ref('')
+const timeShidaun=ref('')
+// 语音播报
+const speech = ref(null)
+const sockte = sockteStore()
+const inputRef = ref()
+// 临时患者code
+let patientCodeLs = ''
+// 临时血压
+let patientCodeLsXy = ''
+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
+})
+
+// 体重
+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 viewNumber = computed(() => {
+  return patientInfoStore().viewNumber
+})
+const settime = () => {
+  // 计数倒计时
+  clockNum.value = patientInfoStore().viewNumber
+  // 清除定时器
+  clearInterval(timerNum.value)
+  timer = setInterval(() => {
+    if (clockNum.value > 0) {
+      clockNum.value--
+    }
+    else {
+      clearInterval(timer)
+      patientInfoStore().setpatientInfo({
+        id: 0,
+        code: '',
+        name: '',
+        patientAvatarIcon: '',
+        deviceCode: '',
+        hemoCode: '',
+        pureWeight: '',
+        datetime: ''
+      })
+      sockteStore().setweightSockte({
+        type: '体重秤',
+        deviceName: '',
+        result: '0',
+        resultTime: '',
+        state: 2
+      })
+      sockteStore().setxyjSockte({
+        type: '血压计',
+        deviceName: '',
+        result: '',
+        resultTime: '',
+        state: 2
+      })
+      aimTSL.value = ''
+      gao_ya.value = ''
+      di_ya.value = ''
+      mai_bu.value = ''
+    }
+  }, 1000)
+  // 记录定时器
+  timerNum.value = timer
 }
+//发送消除某些状态
+const fuxuan=()=>{
+  console.log('返回---')
+  const datetimeCON = patientInfoStore().patientInfo.datetime
+  // 获取是否是一台主机连2个设备
+  const islinkDouble=confingInfoStore().confingInfo.islinkDouble
+  // 如果不是就马上清空
+  if(!islinkDouble){
+    patientInfoStore().setpatientInfo({
+      id: 0,
+      code: '',
+      name: '',
+      patientAvatarIcon: '',
+      deviceCode: '',
+      hemoCode: '',
+      pureWeight: '',
+      datetime: datetimeCON
+    })
+    sockteStore().setweightSockte({
+        type: '体重秤',
+        deviceName: '',
+        result: '0',
+        resultTime: '',
+        state: 2
+    })
+    sockteStore().setxyjSockte({
+      type: '血压计',
+      deviceName: '',
+      result: '',
+      resultTime: '',
+      state: 2
+    })
+    sockteStore().setfaceSockte({
+      type: '人脸识别',
+      deviceName: '',
+      result: '',
+      resultTime: '',
+      state: 2
+      })
+    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 = false
+  }
+
+}
+// 监控患者信息变化
+watch(
+  () => patientInfo.value.datetime,
+  () => {
+    patientCodeLs = ''
+    patientCodeLsXy = ''
+    aimTSL.value = ''
+      // 定时数秒器
+    settime()
+    if (patientInfo.value.id !== 0 && patientInfo.value.name !== '' && patientInfo.value.isScheduled === 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(() => {
+      })
+      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) {
+      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 () => {
+    // 体重不能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) {
+          const tt = mode.weight.replace('.', '点')
+          speech.value?.speak({ text: `称重完成,${tt}kg` }).then(() => {
+            console.log("播报完成...")
+          })
+          patientCodeLs = mode.patientCode
+          fasongNum.value=0
+          // console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
+          ipcRenderer.invoke('logger', `开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
+          console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
+          sundModeTz()
+        }
+        else {
+            // 临时患者code=当前患者code
+            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)
+        }
+      }
+  }
+);
+// 血压发送了变化
+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 = list[0]
+        di_ya.value = list[1]
+        mai_bu.value = list[2]
+      }
+      // 患者信息为空
+      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}`)
+        sundModeXyj()
+      }
+    } else {
+      gao_ya.value = ""
+      di_ya.value = ""
+      mai_bu.value = ""
+    }
+  }
+);
+const sundModeTz= ()=>{
+  const mode = {
+    patientCode: patientInfo.value.code,
+    weight: weightInfo.value.result,
+    bloodPressure: ''
+  }
+  fasongNum.value++
+  ipcRenderer.invoke('logger', `患者结果上传,第${fasongNum.value}次`)
+  ipcRenderer.invoke('logger', '参数：'+JSON.stringify(mode))
+  updatePatient(mode).then(re=>{
+    ElMessage.success('结果发送成功')
+    ipcRenderer.invoke('logger', '结果上传成功')
+    setTimeout(() => {
+      fuxuan()
+    },configData.value.timeJg)
+    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
+  }
+  fasongNum.value++
+  ipcRenderer.invoke('logger', `患者结果上传,第${fasongNum.value}次`)
+  ipcRenderer.invoke('logger', '参数：'+JSON.stringify(mode))
+  updatePatient(mode).then(re=>{
+    ElMessage.success('结果发送成功')
+    ipcRenderer.invoke('logger', '结果上传成功')
+    setTimeout(() => {
+      fuxuan()
+    },configData.value.timeJg)
+    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 = () => {
+  sendPationCodeApi(inputCode.value)
+  setTimeout(function () {
+    inputCode.value = ''
+  }, 1000)
+}
+// 点击10下关闭程序
+const guyanbi = () => {
+  caozuo.value++
+  if (caozuo.value > 10) {
+    ipcRenderer.send('winClose')
+  }
+}
+onMounted(() => {
+  console.log('页面初始化', os.hostname())
+  setTimeout(()=>{
+    console.log('3秒后执行')
+    console.log('打印设置文件')
+    console.log(configData.value)
+      // 是否开启脸识别
+    isUseFaceRecogService.value = configData.value.isUseFaceRecogService
+    console.log('人脸识别',isUseFaceRecogService.value)
+    if (isUseFaceRecogService.value) {
+      console.log('开启人脸识别')
+      trackerTask = tracking.track("#myVideo", myTracker, { camera: true });
+      dialogVisible.value = true
+    }else{
+      console.log('关闭人脸识别')
+      dialogVisible.value = false
+    }
+    clockNum.value = patientInfoStore().viewNumber
+    setInterval(function () {
+      inputRef.value.focus();
+      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='晚上好！'
+      }
+    }, 1000)
+    speech.value = new Speech();
+    speech.value?.setLanguage('zh-CN')
+    speech.value?.init().then(() => {
+      console.log('语音初始化成功')
+    })
+  },3000)
+})
+
+
 </script>
-<template>
-  <div class="devcont">
-    <div class="pagehome" v-if="isUseFaceRecogService">
-      <el-dialog v-model="dialogVisible" :close-on-click-modal="false" width="800px" center :show-close="false">
-        <template>
-          <div class="my-header">
-            <h4>人脸识别中。。。</h4>
-          </div>
-        </template>
-        <login ref="loginRef" :dialogVisible="dialogVisible" />
-      </el-dialog>
-    </div>
-    <el-dialog title="提示" v-model="netLink" width="30%">
-      <span>无法链接到网络！</span>
-    </el-dialog>
-    <el-row class="header">
-      <el-col :span="8">
-        <img class="image_1" referrerpolicy="no-referrer" :src="logo" />
-        <div class="inpu">
-          <el-input v-model="inputCode" ref="inputRef" id="inputCode" class="inputCode" @change="inputChabge"
-            placeholder="请输入患者卡号或扫描条码" />
-        </div>
-      </el-col>
-      <el-col :span="8" class="titleText">
-        <span class="text_1" @click="guyanbi">自助签到</span> <span class="text_2"></span>
-      </el-col>
-      <el-col :span="8" class="inputcla">
-        {{ clockNum }}
-      </el-col>
-    </el-row>
-    <el-row :gutter="20">
-      <el-col :span="12">
-        <div class="divcol" :style="{ height: haodu }">
-          <el-row style="width: 100%; height: 100%">
-            <el-col :span="8" class="imgclass">
-              <el-image style="width: 100%; height: 85%" :src="patientInfo.patientAvatarIcon" fit="cover" />
-            </el-col>
-            <el-col :span="15" class="userinfo" style="margin-top: -5%;">
-              <el-row>
-                <el-col :span="12">
-                  <div class="lableclass">
-                    姓名：
-                  </div>
-                </el-col>
-                <el-col :span="12">
-                  <div class="textclass">
-                    {{ patientInfo.name }}
-                  </div>
-                </el-col>
-
-              </el-row>
-              <el-row style="margin-top: 10%;">
-                <el-col :span="12">
-                  <div class="lableclass">
-                    透析号：
-                  </div>
-                </el-col>
-                <el-col :span="12">
-                  <div class="textclass">
-                    {{ patientInfo.hemoCode }}
-                  </div>
-                </el-col>
-              </el-row>
-              <el-row style="margin-top: 10%;">
-                <el-col :span="12">
-                  <div class="lableclass">
-                    床号：
-                  </div>
-                </el-col>
-                <el-col :span="12">
-                  <div class="textclass">
-                    {{ patientInfo.deviceNo }}
-                  </div>
-                </el-col>
-              </el-row>
-            </el-col>
-          </el-row>
-        </div>
-      </el-col>
-      <el-col :span="12">
-        <div class="divcol" :style="{ height: haodu }">
-          <el-row class="titleHand">
-            <el-col :span="12">
-              <div class="tilaft">
-                血压(mmHg):
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="tiregth">
-                <img class="image_3" v-if="xyjInfo.state === 2" referrerpolicy="no-referrer" :src="state1" />
-                <img class="image_3" v-if="xyjInfo.state === 1" referrerpolicy="no-referrer" :src="state2" />
-                <img class="image_3" v-if="xyjInfo.state === 0" referrerpolicy="no-referrer" :src="state3" />
-              </div>
-            </el-col>
-          </el-row>
-          <el-row class="divbody">
-            <div class="bodeText">
-              {{ Number(gao_ya) }}/{{ Number(di_ya) }}
-              <br />{{ Number(mai_bu) }}
-            </div>
-          </el-row>
-        </div>
-      </el-col>
-    </el-row>
-    <el-row style="margin-top: 20px;" :gutter="20">
-      <el-col :span="12">
-        <div class="divcol" :style="{ height: haodu }">
-          <el-row class="rowdiv">
-            <el-col :span="12">
-              <div class="lableclass">
-                衣物重(kg)：
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="textclass">
-                {{ patientInfo.clothesWeight }}
-              </div>
-            </el-col>
-          </el-row>
-          <el-row class="rowdiv">
-            <el-col :span="12">
-              <div class="lableclass">
-                干体重(kg)：
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="textclass">
-                {{ patientInfo.pureWeight }}
-              </div>
-            </el-col>
-          </el-row>
-          <el-row class="rowdiv">
-            <el-col :span="12">
-              <div v-if="patientInfo.isAfterMed===0" class="lableclass">
-                目标脱水量(L)：
-              </div>
-              <div v-else class="lableclass">
-                体重减少(kg)：
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="textclass">
-                {{ aimTSL }}
-              </div>
-            </el-col>
-          </el-row>
-        </div>
-      </el-col>
-      <el-col :span="12">
-        <div class="divcol" :style="{ height: haodu }">
-          <el-row class="titleHand">
-            <el-col :span="12">
-              <div class="tilaft" v-if="patientInfo.isAfterMed===0">
-                透前体重(kg):
-              </div>
-              <div class="tilaft" v-else>
-                透后体重(kg):
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="tiregth">
-                <img v-if="weightInfo.state === 2" class="image_4" referrerpolicy="no-referrer" :src="state1" />
-                <img v-if="weightInfo.state === 1" class="image_4" referrerpolicy="no-referrer" :src="state2" />
-                <img v-if="weightInfo.state === 0" class="image_4" referrerpolicy="no-referrer" :src="state3" />
-              </div>
-            </el-col>
-          </el-row>
-          <el-row class="divbody">
-            <div class="bodeText">
-              {{ weightInfo.result }}
-            </div>
-          </el-row>
-        </div>
-      </el-col>
-    </el-row>
-    <div class="chongzhi" @click="fuxuan">
-      返回
-    </div>
-  </div>
-
-</template>
-<style lang="less"  scoped>
-body {
-  background: #F3F6FE;
-  padding: 0;
-  margin: 0;
-
+<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 {
+    width: 500px;
+    height: 500px;
+    margin: auto;
+    // margin-top: 30px;
+    position: relative;
+    .myCanvas {
+      position: absolute;
+      top: 0;
+      left: 0;
+      border-radius: 50%;
+      width: 100%;
+      height: 100%;
+    }
+    #myVideo {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      object-fit: cover;
+    }
+  }
+  .status {
+    //margin-top: 100px;
+    text-align: center;
+  }
+  .img_bg_camera{
+    position: absolute;
+    top: -500px;
+    
+    z-index: -999;
+  }
 }
-.chongzhi{
-  width: 100px;
+.footer{
   height: 100px;
-  background: #769AFF;
-  color: #FFFFFF;
-  font-size: 20px;
+  width: 100%;
   line-height: 100px;
-  text-align: center;
-  position:fixed;
-	bottom:0px;
-	right:0px;
-  border-radius: 50px;
-}
-.devcont{
-  width: 100%;
-  height: 99%;
-}
-
-.inpu {
-  // margin-top: 20px;
-  position: absolute;
-    top:0.2rem;
-    right: 40px;
-    z-index: 999;
-}
-
-.header {
-  height: 40px;
-  background: #FFFFFF;
-  box-shadow: 1px 3px 5px 0px #E9E9E9;
-  margin-bottom: 10px;
-}
-
-.inputcla {
-  padding-top: 5px;
-  text-align: right;
-  font-size: 27px;
-  font-family: PingFangSC-Medium, PingFang SC;
-  font-weight: 500;
-  color: #FF7472;
-
-}
-
-.titleText {
-  text-align: center;
-  color: red;
   font-size: 2rem;
-  height: 40px;
-  line-height: 40px;
-
-}
-
-.divcol {
-  box-shadow: 1px 2px 4px 0px rgba(201, 223, 246, 0.5);
-  background-color: rgba(255, 255, 255, 1);
-  border-radius: 20px;
-  height: 100%;
-  padding-left: 1.5rem;
-  padding-top: 5%;
-  padding-right: 0.5rem;
-  background: #FFFFFF;
-}
-
-.rowdiv {
-  /* background: #769AFF; */
-  font-size: 300%;
-  height: 15%;
-  margin-top: 5%;
-}
-
-.titleHand {
-  /* background: #769AFF; */
-  height: 15%;
-}
-
-.tilaft {
-  text-align: left;
-  font-size: 300%;
-  font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
-  font-weight: 400;
-  color: #333333;
-  line-height: 42px;
-  letter-spacing: 1px;
-}
-
-.tiregth {
+  color: beige;
+  // background-color: #922d2d;
+  position: fixed;
+  bottom: 20px;
   text-align: right;
-  padding-left: 5px;
 }
-
-.divbody {
-  height: 70%;
+.toupu{
+  height: 100px;
   width: 100%;
-  display: table;
+  line-height: 100px;
+  font-size: 2rem;
+  color: beige;
+  // background-color: #ddd;
+  position: fixed;
+  top: 10px;
 }
-
-.bodeText {
-  display: table-cell;
-  vertical-align: middle;
-  width: 100%;
+.fanhuikey{
   text-align: center;
-  font-size: 700%;
-  font-family: DINAlternate-Bold, DINAlternate;
-  font-weight: bold;
-  color: #769AFF;
-  /* line-height: 100%; */
-}
-
-.imgclass {
-  /* background: red; */
-  height: 100%;
-  /* padding-top: 5%; */
-  /* padding-top: ; */
-}
-
-.userinfo {
-  padding-top: 6%;
-  /* background: #769AFF; */
-  font-size: 300%;
-  text-align: right;
-}
-
-.lableclass {
-  text-align: right;
-  font-weight: 400;
-  color: #777777;
-  /* background: #769AFF; */
-
-}
-
-.textclass {
-  text-align: left;
-  font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
-  font-weight: 500;
-  color: #769AFF;
-
+  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;
+ 
 }
 </style>
+
diff --git a/src/views/login/1.vue b/src/views/login/1.vue
new file mode 100644
index 0000000..54211c7
--- /dev/null
+++ b/src/views/login/1.vue
@@ -0,0 +1,783 @@
+<script lang="ts">
+import { userInfoStore } from '@/stores/userInfo'
+import { sockteStore } from '@/stores/sockteInfo'
+import { ipcRenderer } from 'electron'
+import { patientInfoStore } from '@/stores/patient'
+import { updatePatient } from '@/api/user/index'
+import os from "os"
+import Speech from 'speak-tts'
+import { reactive, computed, toRefs, onMounted, ref, watch } from "vue"
+import { sendPationCodeApi } from '../../samples/httpApi'
+import { formatDate } from '@/utils/formatTime'
+import state1 from '@/assets/state1.png'
+import state2 from '@/assets/state2.png'
+import state3 from '@/assets/state3.png'
+import logo from '@/assets/LOGO.png'
+import login from '@/views/login/index.vue'
+import { confingInfoStore } from '@/stores/StoresConfing'
+import { ElMessage } from 'element-plus'
+
+export default {
+  name: 'hoem',
+  components: { login },
+  setup() {
+    let timer: any = 0
+    const loginRef = ref();
+    const speech = ref(null)
+    const user = userInfoStore()
+    const sockte = sockteStore()
+    const inputRef = ref()
+    let patientCodeLs = ''
+    let patientCodeLsXy = ''
+    const isUseFaceRecogService = ref(false)
+    const isLink = computed(() => {
+      return !sockte.isLink
+    })
+    const netLink = computed(() => {
+      if(!sockte.netLink){
+        ipcRenderer.invoke('logger', '网络已经断开')
+      }else{
+        ipcRenderer.invoke('logger', '网络已经恢复')
+      }
+      return !sockte.netLink
+    })
+    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 viewNumber = computed(() => {
+      return patientInfoStore().viewNumber
+    })
+
+    const settime = () => {
+      // 计数倒计时
+      state.clockNum = patientInfoStore().viewNumber
+      // 清除定时器
+      clearInterval(state.timerNum)
+      timer = setInterval(() => {
+        if (state.clockNum > 0) {
+          state.clockNum--
+        }
+        else {
+          clearInterval(timer)
+          patientInfoStore().setpatientInfo({
+            id: 0,
+            code: '',
+            name: '',
+            patientAvatarIcon: '',
+            deviceCode: '',
+            hemoCode: '',
+            pureWeight: '',
+            datetime: ''
+          })
+          sockteStore().setweightSockte({
+            type: '体重秤',
+            deviceName: '',
+            result: '0',
+            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
+    }
+    //发送消除某些状态
+    const fuxuan=()=>{
+      console.log('返回---')
+      const datetimeCON = patientInfoStore().patientInfo.datetime
+      // 获取是否是一台主机连2个设备
+      const islinkDouble=confingInfoStore().confingInfo.islinkDouble
+      // 如果不是就马上清空
+      if(!islinkDouble){
+        patientInfoStore().setpatientInfo({
+          id: 0,
+          code: '',
+          name: '',
+          patientAvatarIcon: '',
+          deviceCode: '',
+          hemoCode: '',
+          pureWeight: '',
+          datetime: datetimeCON
+        })
+        sockteStore().setweightSockte({
+            type: '体重秤',
+            deviceName: '',
+            result: '0',
+            resultTime: '',
+            state: 2
+        })
+        sockteStore().setxyjSockte({
+          type: '血压计',
+          deviceName: '',
+          result: '',
+          resultTime: '',
+          state: 2
+        })
+        sockteStore().setfaceSockte({
+          type: '人脸识别',
+          deviceName: '',
+          result: '',
+          resultTime: '',
+          state: 2
+          })
+        state.clockNum = patientInfoStore().viewNumber
+        state.aimTSL = ''
+        state.gao_ya = ''
+        state.di_ya = ''
+        state.mai_bu = ''
+      }
+      if (isUseFaceRecogService.value) {
+        console.log('开启人脸识别')
+        state.dialogVisible = true
+      }else{
+        console.log('关闭人脸识别')
+        state.dialogVisible = false
+      }
+
+    }
+    const state = reactive({
+      fasongNum:0,
+      caozuo: 0,// 点击10下才能关闭
+      logo: logo,
+      state1: state1,
+      state2: state2,
+      state3: state3,
+      dialogVisible: true,
+      isActive: false,
+      inputCode: "",
+      Newdate: "",
+      clockNum: 60,
+      timerNum: 0,//定时器数
+      aimTSL: '',// 目标脱水量,
+      gao_ya: "",//高压
+      di_ya: "",//低压
+      mai_bu: "",//脉搏,
+      haodu: "0px",
+    })
+    // 监控患者信息变化
+    watch(
+      () => patientInfo.value.datetime,
+      () => {
+        patientCodeLs = ''
+        patientCodeLsXy = ''
+        state.aimTSL = ''
+         // 定时数秒器
+        settime()
+        if (patientInfo.value.id !== 0 && patientInfo.value.name !== '' && patientInfo.value.isScheduled === 1) {
+          // console.log(`患者信息识别成功:${patientInfo.value.name}`)
+          ipcRenderer.invoke('logger', `患者信息识别成功:${patientInfo.value.name}`)
+          let str = `${patientInfo.value.name}识别成功。床号：${patientInfo.value.deviceNo}`
+          state.dialogVisible = false
+          speech.value?.speak({ text: str }).then(() => {
+          })
+          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) {
+            state.dialogVisible = true
+          }
+          return
+        }
+        // 没有排班
+        else if (patientInfo.value.isScheduled === 0) {
+          ipcRenderer.invoke('logger', `患者没有排班:${patientInfo.value.name}`)
+          // console.log( `患者没有排班:${patientInfo.value.name}`)
+          //关闭人脸弹框
+          state.dialogVisible = false
+          speech.value?.speak({ text: `${patientInfo.value.name}今日没有排班,不能自助签到` }).then(() => {
+            // console.log("播报完成...")
+          })
+          sockteStore().setweightSockte({
+            type: "体重秤",
+            state: 2,
+            deviceName: "",
+            result: "0",
+            resultTime: ""
+          })
+          sockteStore().setxyjSockte({
+            type: "血压计",
+            state: 2,
+            deviceName: "",
+            result: "",
+            resultTime: ""
+          })
+          return
+        }
+      }
+    );
+    // 体重发生了变化
+    watch(
+      () => weightInfo.value.resultTime,
+      async () => {
+        // 体重不能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) {
+              const tt = mode.weight.replace('.', '点')
+              speech.value?.speak({ text: `称重完成,${tt}kg` }).then(() => {
+                console.log("播报完成...")
+              })
+              patientCodeLs = mode.patientCode
+              state.fasongNum=0
+              // console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
+              ipcRenderer.invoke('logger', `开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
+              console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},体重结果：${weightInfo.value.result}`)
+              sundModeTz()
+            }
+            else {
+               // 临时患者code=当前患者code
+                patientCodeLs = mode.patientCode
+              }
+            // 计算目标脱水量
+            if (Number(weightInfo.value.result) > 0 && Number(patientInfo.value.pureWeight) !== 0&&patientInfo.value.isAfterMed===0) {
+              state.aimTSL = (Number(weightInfo.value.result) - Number(patientInfo.value.pureWeight)- Number(patientInfo.value.clothesWeight)).toFixed(2)
+            }else if(Number(weightInfo.value.result) > 0 && Number(patientInfo.value.pureWeight) !== 0&&patientInfo.value.isAfterMed===1 && patientInfo.value.preWeight>10){
+              state.aimTSL = (Number(weightInfo.value.result) - Number(patientInfo.value.preWeight)- Number(patientInfo.value.clothesWeight)).toFixed(2)
+            }
+          }
+      }
+    );
+    // 血压发送了变化
+    watch(
+      () => xyjInfo.value.resultTime,
+      async () => {
+        if (xyjInfo.value.result !== '') {
+          ipcRenderer.invoke('logger', `血压发生变化了:${weightInfo.value.result}`)
+          console.log(`血压发生变化了:${weightInfo.value.result}`)
+          const list = xyjInfo.value.result.split(',')
+          if (list.length === 3) {
+            state.gao_ya = list[0]
+            state.di_ya = list[1]
+            state.mai_bu = list[2]
+          }
+          // 患者信息为空
+          if (patientInfo.value.id === 0) {
+            speech.value?.speak({ text: "没有识别的患者,请先验证患者" }).then(() => {
+              // console.log("播报完成...")
+            })
+            // 有患者信息
+          } else {
+            speech.value?.speak({ text: `收缩压：${state.gao_ya},舒张压：${state.di_ya},脉搏：${state.mai_bu}` }).then(() => {
+              // console.log("播报完成...")
+            })
+            const mode = {
+              patientCode: patientInfo.value.code,
+              weight: '',
+              bloodPressure: xyjInfo.value.result
+            }
+            state.fasongNum=0
+            // console.log(`开始发送结果到服务器：患者：${patientInfo.value.name},血压结果：${mode.bloodPressure}`)
+            ipcRenderer.invoke('logger', `开始发送结果到服务器：患者：${patientInfo.value.name},血压结果：${mode.bloodPressure}`)
+            sundModeXyj()
+          }
+        } else {
+          state.gao_ya = ""
+          state.di_ya = ""
+          state.mai_bu = ""
+        }
+      }
+    );
+    watch(
+      () => dkqInfo.value.resultTime,
+      () => {
+        state.dialogVisible = 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,
+      () => {
+        state.clockNum = viewNumber.value
+      }
+    );
+    const sundModeTz= ()=>{
+      const mode = {
+        patientCode: patientInfo.value.code,
+        weight: weightInfo.value.result,
+        bloodPressure: ''
+      }
+      state.fasongNum++
+      ipcRenderer.invoke('logger', `患者结果上传,第${state.fasongNum}次`)
+      ipcRenderer.invoke('logger', '参数：'+JSON.stringify(mode))
+      updatePatient(mode).then(re=>{
+        ElMessage.success('结果发送成功')
+        ipcRenderer.invoke('logger', '结果上传成功')
+        setTimeout(() => {
+          fuxuan()
+        },8000)
+        return false
+      }).catch(re=>{
+        ElMessage('结果发送失败')
+        console.log('结果发送失败')
+        ipcRenderer.invoke('logger', `结果发送失败:第${state.fasongNum}次，3秒后重新发送`)
+        if(state.fasongNum<3){
+          setTimeout(sundModeTz,5000);
+        }
+        else{
+          ipcRenderer.invoke('logger', '3次结果上传都失败放弃本次请求')
+          return false
+        }
+      })
+    }
+    const sundModeXyj= ()=>{
+      const mode = {
+        patientCode: patientInfo.value.code,
+        weight: '',
+        bloodPressure: xyjInfo.value.result
+      }
+      state.fasongNum++
+      ipcRenderer.invoke('logger', `患者结果上传,第${state.fasongNum}次`)
+      ipcRenderer.invoke('logger', '参数：'+JSON.stringify(mode))
+      updatePatient(mode).then(re=>{
+        ElMessage.success('结果发送成功')
+        ipcRenderer.invoke('logger', '结果上传成功')
+        setTimeout(() => {
+          fuxuan()
+        },8000)
+        return false
+      }).catch(re=>{
+        ElMessage('结果发送失败')
+        console.log('结果发送失败')
+        ipcRenderer.invoke('logger', `结果发送失败:第${state.fasongNum}次，3秒后重新发送`)
+        if(state.fasongNum<3){
+          setTimeout(sundModeXyj,5000);
+        }
+        else{
+          ipcRenderer.invoke('logger', '3次结果上传都失败放弃本次请求')
+          return false
+        }
+      })
+    }
+    const inputChabge = () => {
+      sendPationCodeApi(state.inputCode)
+      setTimeout(function () {
+        state.inputCode = ''
+      }, 1000)
+    }
+    const guyanbi = () => {
+      state.caozuo++
+      if (state.caozuo > 10) {
+        ipcRenderer.send('winClose')
+      }
+    }
+    onMounted(() => {
+      console.log('页面初始化', os.hostname())
+      setTimeout(()=>{
+        console.log('3秒后执行')
+         // 是否开启脸识别
+        isUseFaceRecogService.value = confingInfoStore().confingInfo.isUseFaceRecogService
+        console.log('人脸识别',isUseFaceRecogService.value)
+        if (isUseFaceRecogService.value) {
+          console.log('开启人脸识别')
+          state.dialogVisible = true
+        }else{
+          console.log('关闭人脸识别')
+          state.dialogVisible = false
+        }
+        state.haodu = (document.documentElement.clientHeight - 180) / 2 + 'px'
+        state.clockNum = patientInfoStore().viewNumber
+        setInterval(function () {
+          inputRef.value.focus();
+        }, 1000)
+        speech.value = new Speech();
+        speech.value?.setLanguage('zh-CN')
+        speech.value?.init().then(() => {
+          console.log('语音初始化成功')
+        })
+      },3000)
+    })
+    return {
+      ...toRefs(state),isUseFaceRecogService,fuxuan, guyanbi, loginRef, isLink, netLink, weightInfo, patientInfo, xyjInfo, inputRef, inputChabge
+    }
+  }
+}
+</script>
+<template>
+  <div class="devcont">
+    <div class="pagehome" v-if="isUseFaceRecogService">
+      <el-dialog v-model="dialogVisible" :close-on-click-modal="false" width="800px" center :show-close="false">
+        <template>
+          <div class="my-header">
+            <h4>人脸识别中。。。</h4>
+          </div>
+        </template>
+        <login ref="loginRef" :dialogVisible="dialogVisible" />
+      </el-dialog>
+    </div>
+    <el-dialog title="提示" v-model="netLink" width="30%">
+      <span>无法链接到网络！</span>
+    </el-dialog>
+    <el-row class="header">
+      <el-col :span="8">
+        <img class="image_1" referrerpolicy="no-referrer" :src="logo" />
+        <div class="inpu">
+          <el-input v-model="inputCode" ref="inputRef" id="inputCode" class="inputCode" @change="inputChabge"
+            placeholder="请输入患者卡号或扫描条码" />
+        </div>
+      </el-col>
+      <el-col :span="8" class="titleText">
+        <span class="text_1" @click="guyanbi">自助签到</span> <span class="text_2"></span>
+      </el-col>
+      <el-col :span="8" class="inputcla">
+        {{ clockNum }}
+      </el-col>
+    </el-row>
+    <el-row :gutter="20">
+      <el-col :span="12">
+        <div class="divcol" :style="{ height: haodu }">
+          <el-row style="width: 100%; height: 100%">
+            <el-col :span="8" class="imgclass">
+              <el-image style="width: 100%; height: 85%" :src="patientInfo.patientAvatarIcon" fit="cover" />
+            </el-col>
+            <el-col :span="15" class="userinfo" style="margin-top: -5%;">
+              <el-row>
+                <el-col :span="12">
+                  <div class="lableclass">
+                    姓名：
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="textclass">
+                    {{ patientInfo.name }}
+                  </div>
+                </el-col>
+
+              </el-row>
+              <el-row style="margin-top: 10%;">
+                <el-col :span="12">
+                  <div class="lableclass">
+                    透析号：
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="textclass">
+                    {{ patientInfo.hemoCode }}
+                  </div>
+                </el-col>
+              </el-row>
+              <el-row style="margin-top: 10%;">
+                <el-col :span="12">
+                  <div class="lableclass">
+                    床号：
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="textclass">
+                    {{ patientInfo.deviceNo }}
+                  </div>
+                </el-col>
+              </el-row>
+            </el-col>
+          </el-row>
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <div class="divcol" :style="{ height: haodu }">
+          <el-row class="titleHand">
+            <el-col :span="12">
+              <div class="tilaft">
+                血压(mmHg):
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="tiregth">
+                <img class="image_3" v-if="xyjInfo.state === 2" referrerpolicy="no-referrer" :src="state1" />
+                <img class="image_3" v-if="xyjInfo.state === 1" referrerpolicy="no-referrer" :src="state2" />
+                <img class="image_3" v-if="xyjInfo.state === 0" referrerpolicy="no-referrer" :src="state3" />
+              </div>
+            </el-col>
+          </el-row>
+          <el-row class="divbody">
+            <div class="bodeText">
+              {{ Number(gao_ya) }}/{{ Number(di_ya) }}
+              <br />{{ Number(mai_bu) }}
+            </div>
+          </el-row>
+        </div>
+      </el-col>
+    </el-row>
+    <el-row style="margin-top: 20px;" :gutter="20">
+      <el-col :span="12">
+        <div class="divcol" :style="{ height: haodu }">
+          <el-row class="rowdiv">
+            <el-col :span="12">
+              <div class="lableclass">
+                衣物重(kg)：
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="textclass">
+                {{ patientInfo.clothesWeight }}
+              </div>
+            </el-col>
+          </el-row>
+          <el-row class="rowdiv">
+            <el-col :span="12">
+              <div class="lableclass">
+                干体重(kg)：
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="textclass">
+                {{ patientInfo.pureWeight }}
+              </div>
+            </el-col>
+          </el-row>
+          <el-row class="rowdiv">
+            <el-col :span="12">
+              <div v-if="patientInfo.isAfterMed===0" class="lableclass">
+                目标脱水量(L)：
+              </div>
+              <div v-else class="lableclass">
+                体重减少(kg)：
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="textclass">
+                {{ aimTSL }}
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <div class="divcol" :style="{ height: haodu }">
+          <el-row class="titleHand">
+            <el-col :span="12">
+              <div class="tilaft" v-if="patientInfo.isAfterMed===0">
+                透前体重(kg):
+              </div>
+              <div class="tilaft" v-else>
+                透后体重(kg):
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="tiregth">
+                <img v-if="weightInfo.state === 2" class="image_4" referrerpolicy="no-referrer" :src="state1" />
+                <img v-if="weightInfo.state === 1" class="image_4" referrerpolicy="no-referrer" :src="state2" />
+                <img v-if="weightInfo.state === 0" class="image_4" referrerpolicy="no-referrer" :src="state3" />
+              </div>
+            </el-col>
+          </el-row>
+          <el-row class="divbody">
+            <div class="bodeText">
+              {{ weightInfo.result }}
+            </div>
+          </el-row>
+        </div>
+      </el-col>
+    </el-row>
+    <div class="chongzhi" @click="fuxuan">
+      返回
+    </div>
+  </div>
+
+</template>
+<style lang="less"  scoped>
+body {
+  background: #F3F6FE;
+  padding: 0;
+  margin: 0;
+
+}
+.chongzhi{
+  width: 100px;
+  height: 100px;
+  background: #769AFF;
+  color: #FFFFFF;
+  font-size: 20px;
+  line-height: 100px;
+  text-align: center;
+  position:fixed;
+	bottom:0px;
+	right:0px;
+  border-radius: 50px;
+}
+.devcont{
+  width: 100%;
+  height: 99%;
+  
+
+}
+
+.inpu {
+  // margin-top: 20px;
+  position: absolute;
+    top:0.2rem;
+    right: 40px;
+    z-index: 999;
+}
+
+.header {
+  height: 40px;
+  background: #FFFFFF;
+  box-shadow: 1px 3px 5px 0px #E9E9E9;
+  margin-bottom: 10px;
+}
+
+.inputcla {
+  padding-top: 5px;
+  text-align: right;
+  font-size: 27px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  color: #FF7472;
+
+}
+
+.titleText {
+  text-align: center;
+  color: red;
+  font-size: 2rem;
+  height: 40px;
+  line-height: 40px;
+
+}
+
+.divcol {
+  box-shadow: 1px 2px 4px 0px rgba(201, 223, 246, 0.5);
+  background-color: rgba(255, 255, 255, 1);
+  border-radius: 20px;
+  height: 100%;
+  padding-left: 1.5rem;
+  padding-top: 5%;
+  padding-right: 0.5rem;
+  background: #FFFFFF;
+}
+
+.rowdiv {
+  /* background: #769AFF; */
+  font-size: 300%;
+  height: 15%;
+  margin-top: 5%;
+}
+
+.titleHand {
+  /* background: #769AFF; */
+  height: 15%;
+}
+
+.tilaft {
+  text-align: left;
+  font-size: 300%;
+  font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
+  font-weight: 400;
+  color: #333333;
+  line-height: 42px;
+  letter-spacing: 1px;
+}
+
+.tiregth {
+  text-align: right;
+  padding-left: 5px;
+}
+
+.divbody {
+  height: 70%;
+  width: 100%;
+  display: table;
+}
+
+.bodeText {
+  display: table-cell;
+  vertical-align: middle;
+  width: 100%;
+  text-align: center;
+  font-size: 700%;
+  font-family: DINAlternate-Bold, DINAlternate;
+  font-weight: bold;
+  color: #769AFF;
+  /* line-height: 100%; */
+}
+
+.imgclass {
+  /* background: red; */
+  height: 100%;
+  /* padding-top: 5%; */
+  /* padding-top: ; */
+}
+
+.userinfo {
+  padding-top: 6%;
+  /* background: #769AFF; */
+  font-size: 300%;
+  text-align: right;
+}
+
+.lableclass {
+  text-align: right;
+  font-weight: 400;
+  color: #777777;
+  /* background: #769AFF; */
+
+}
+
+.textclass {
+  text-align: left;
+  font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
+  font-weight: 500;
+  color: #769AFF;
+
+}
+</style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 8be8141..025c168 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,41 +1,15 @@
-<template>
-  <div class="wrapp">
-    <div class="inpu">
-      <el-input v-model="inputCode" ref="inputRef" id="inputCode" class="inputCode" @change="inputChabge"
-        placeholder="请输入患者卡号或扫描条码" />
-    </div>
-    <div
-        class="status"
-        :style="{ color: msg === '检测到人脸' ? 'green' : 'red' }">
-      {{ msg }}
-    </div>
-    <div class="rWrapp">
-      <video id="myVideo" preload="preload" autoplay loop muted />
-      <canvas ref="myCanvas" id="myCanvas" class="myCanvas" width="200" height="200" ></canvas>
-    </div>
-    <div v-if="imgSrc" class="img_bg_camera">
-      <p>效果预览</p>
-      <img :src="imgSrc"  class="tx_img" />
-    </div>
-  </div>
-</template>
 <script setup lang="ts">
-import { onMounted, ref } from "vue";
-import {faceShibie,base64toFile} from '@/samples/faceApi'
-import { sendPationCodeApi } from '../../samples/httpApi'
+import { computed, onMounted, ref } from "vue";
+import {base64toFile} from '@/samples/faceApi'
+import { formatDate } from "@/utils/formatTime";
 import { confingInfoStore } from "@/stores/StoresConfing";
 
 const msg = ref<string>("没识别到人脸...");
-const props = defineProps({
-  dialogVisible:{
-    type:Boolean,
-    default:false
-  }
-})
+const dialogVisible=ref(true)
+const date=ref('')
 let trackerTask: any = null;
 const inputCode=ref('')
 const inputRef = ref()
-
 // 标识用的画布
 const myCanvas = ref<HTMLCanvasElement | null>(null);
 let imgSrc:'';
@@ -44,7 +18,6 @@
 myTracker.setInitialScale(4);
 myTracker.setStepSize(2);
 myTracker.setEdgesDensity(0.1);
-
 // 监听人脸检查器
 myTracker.on("track", (event: tracking.TrackEvent) => {
   const context = myCanvas.value?.getContext("2d") as CanvasRenderingContext2D;
@@ -63,7 +36,7 @@
     imgSrc = myCanvas?.toDataURL('image/png');
     // 转文件
     // 识别框显示才能到传阿里云识别
-    if(props.dialogVisible){
+    if(dialogVisible.value){
       base64toFile(imgSrc)
     }
     setTimeout(() => {
@@ -78,19 +51,13 @@
     }
   }
 });
-const inputChabge = () => {
-  sendPationCodeApi(inputCode.value)
-  setTimeout(function () {
-    inputCode.value = ''
-  }, 1000)
-}
 onMounted(() => {
   // 触发人脸检查器
   console.log('人脸识别初始化')
   const  isUseFaceRecogService = confingInfoStore().confingInfo.isUseFaceRecogService
   console.log('人脸识别',isUseFaceRecogService)
   setInterval(function () {
-    inputRef.value.focus();
+    date.value= formatDate(new Date(),'YYYY-mm-dd HH:MM')
   }, 1000)
   if (isUseFaceRecogService) {
     console.log('开启人脸识别初始化')
@@ -105,43 +72,4 @@
  
  
 });
-</script>
-<style lang="less" scoped>
-.wrapp {
-  height: 100%;
-  background-size: 100% 100%;
-  padding-top: 10px;
-  .rWrapp {
-    width: 500px;
-    height: 500px;
-    margin: auto;
-    // margin-top: 30px;
-    position: relative;
-    .myCanvas {
-      position: absolute;
-      top: 0;
-      left: 0;
-      border-radius: 50%;
-      width: 100%;
-      height: 100%;
-    }
-    #myVideo {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      object-fit: cover;
-    }
-  }
-  .status {
-    //margin-top: 100px;
-    text-align: center;
-  }
-  .img_bg_camera{
-    position: absolute;
-    top: -500px;
-    
-    z-index: -999;
-  }
-}
-</style>
-
+</script>
\ No newline at end of file

--
Gitblit v1.8.0