From 68bbeb63fd79bad5ada10a9190cdb3f8f4297566 Mon Sep 17 00:00:00 2001
From: limengnan <420004014@qq.com>
Date: Fri, 6 Feb 2026 18:36:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A3=80=E6=9F=A5=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/renderer/src/views/Detection.vue | 324 ++++++++++++------
 .../src/renderer/src/views/PatientCreate.vue  |  11 +-
 .../src/renderer/src/views/PatientProfile.vue |   4 +-
 3 files changed, 227 insertions(+), 112 deletions(-)

diff --git a/frontend/src/renderer/src/views/Detection.vue b/frontend/src/renderer/src/views/Detection.vue
index 5e7ccc51..825f13e0 100644
--- a/frontend/src/renderer/src/views/Detection.vue
+++ b/frontend/src/renderer/src/views/Detection.vue
@@ -3,7 +3,6 @@
     <Header />
     <div class="displaycontainer">
       <div class="displayleft" style="width: 550px;">
-
         <img src="@/assets/detection/progress.png" alt=""  style=" margin-left:10px;margin-right:15px">
         <div style="
           font-size: 18px;
@@ -48,7 +47,7 @@
         </div>
       </div>
     </div>
-    <div style="width:100%;height: calc(100% - 131px);" ref="contenGridRef">
+    <div style="width:100%;height: calc(100% - 115px);" ref="contenGridRef">
       <!-- 主内容区域 -->
       <el-row :gutter="15" style="padding: 10px;padding-top:0" >
         <el-col :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
@@ -193,74 +192,93 @@
               </div>
             </div>
             <div class="body-footbottom-box" ref="pressureRef">
-              <div class="body-footbottom-left">
-                <div style="width:100%;height: 50px;"></div>
-                <div class="body-footbottom-leftbottom">
-                  <div class="body-footbottom-leftbox">
-                    <span class="currencytext1">左前足</span>
-                    <span class="currencytext2">
-                      {{ footPressure.left_front }}%
-                    </span>
+              <div style="width: 100%;height: calc(100% - 57px);display: flex; align-items: center;justify-content: center;">
+                <div class="body-footbottom-left">
+                  <div style="width:100%;height: 50px;"></div>
+                  <div class="body-footbottom-leftbottom">
+                    <div class="body-footbottom-leftbox">
+                      <span class="currencytext1">左前足</span>
+                      <span class="currencytext2">
+                        {{ footPressure.left_front }}%
+                      </span>
+                    </div>
+                    <div class="body-footbottom-leftbox">
+                      <span class="currencytext1">左后足</span>
+                      <span class="currencytext2">
+                        {{ footPressure.left_rear }}%
+                      </span>
+                    </div>
+                    <!-- <div class="body-footbottom-leftbox">
+                      <span class="currencytext1">左足总压力</span>
+                      <span class="currencytext2">
+                        {{ footPressure.left_total}}%
+                      </span>
+                    </div> -->
                   </div>
-                  <div class="body-footbottom-leftbox">
-                    <span class="currencytext1">左后足</span>
-                    <span class="currencytext2">
-                      {{ footPressure.left_rear }}%
-                    </span>
+                </div>
+                <div class="body-footbottom-center">
+                  <div class="body-footbottom-topbox">
+                    <div class="currencytext1" style="font-size:22px;text-align:center;">左足</div>
+                    <div class="currencytext1" style="font-size:22px;text-align:center;">右足</div>
                   </div>
-                  <div class="body-footbottom-leftbox">
-                    <span class="currencytext1">左足总压力</span>
-                    <span class="currencytext2">
-                      {{ footPressure.left_total}}%
-                    </span>
+                  <div style="position: relative;width: 100%;height:calc(100% - 60px) ;" 
+                  :class="(pressureStatus === '已连接' && footImgSrc)?'':'noImageSvg-bg'">
+                    
+                    <img v-if="(pressureStatus === '已连接' && footImgSrc)"  :src="footImgSrc" style="width: 100%;height: 100%;" alt="">
+                    <div v-else style="width:90px;height:60px">
+                      <img :src="noImageSvg" style="margin-left: 15px;">
+                      <div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开！</div>
+                    </div>
+                    <div class="xline"></div>
+                    <div class="yline"></div>
+                    <!-- <div v-if="(pressureStatus === '已连接' && footImgSrc)" class="xline"></div>
+                    <div v-if="(pressureStatus === '已连接' && footImgSrc)" class="yline"></div> -->
+                  </div>
+                </div>
+                <div class="body-footbottom-left">
+                  <div style="width:100%;height: 50px;"></div>
+                  <div class="body-footbottom-leftbottom">
+                    <div class="body-footbottom-leftbox">
+                      <span class="currencytext1">右前足</span>
+                      <span class="currencytext2">
+                        {{ footPressure.right_front }}%
+                      </span>
+                    </div>
+                    <div class="body-footbottom-leftbox">
+                      <span class="currencytext1">右后足</span>
+                      <span class="currencytext2">
+                        {{ footPressure.right_rear }}%
+                      </span>
+                    </div>
+                    <!-- <div class="body-footbottom-leftbox">
+                      <span class="currencytext1">右足总压力</span>
+                      <span class="currencytext2">
+                        {{ footPressure.right_total}}%
+                      </span>
+                    </div> -->
                   </div>
                 </div>
               </div>
-              <div class="body-footbottom-center">
-                <div class="body-footbottom-topbox">
-                  <div class="currencytext1" style="font-size:22px;text-align:center;">左足</div>
-                  <div class="currencytext1" style="font-size:22px;text-align:center;">右足</div>
+              <div style="display: flex;justify-content: center; width: 100%;"> 
+                <div class="body-footbottom-leftbox" style="width:calc(22% + 2px)">
+                  <span class="currencytext1">左足总压力</span>
+                  <span class="currencytext2">
+                    {{ footPressure.left_total}}%
+                  </span>
                 </div>
-                <div style="position: relative;width: 100%;height:calc(100% - 60px) ;" 
-                :class="(pressureStatus === '已连接' && footImgSrc)?'':'noImageSvg-bg'">
-                  
-                  <img v-if="(pressureStatus === '已连接' && footImgSrc)"  :src="footImgSrc" style="width: 100%;height: 100%;" alt="">
-                  <div v-else style="width:90px;height:60px">
-                    <img :src="noImageSvg" style="margin-left: 15px;">
-                    <div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开！</div>
-                  </div>
-                  <div v-if="(pressureStatus === '已连接' && footImgSrc)" class="xline"></div>
-                  <div v-if="(pressureStatus === '已连接' && footImgSrc)" class="yline"></div>
-                </div>
-              </div>
-              <div class="body-footbottom-left">
-                <div style="width:100%;height: 50px;"></div>
-                <div class="body-footbottom-leftbottom">
-                  <div class="body-footbottom-leftbox">
-                    <span class="currencytext1">右前足</span>
-                    <span class="currencytext2">
-                      {{ footPressure.right_front }}%
-                    </span>
-                  </div>
-                  <div class="body-footbottom-leftbox">
-                    <span class="currencytext1">右后足</span>
-                    <span class="currencytext2">
-                      {{ footPressure.right_rear }}%
-                    </span>
-                  </div>
-                  <div class="body-footbottom-leftbox">
-                    <span class="currencytext1">右足总压力</span>
-                    <span class="currencytext2">
-                      {{ footPressure.right_total}}%
-                    </span>
-                  </div>
+                <div class="body-footbottom-leftbox" style="width:calc(22% + 2px);margin-left: 20px">
+                  <span class="currencytext1">右足总压力</span>
+                  <span class="currencytext2">
+                    {{ footPressure.right_total}}%
+                  </span>
                 </div>
               </div>
 
+
             </div>
           </div>
         </el-col>
-        <el-col v-if="camera1Status === '已连接' && camera2Status === '已连接'" 
+        <el-col v-if=" false || camera1Status === '已连接' && camera2Status === '已连接'" 
          :span="6" style="flex: 0 0 24%;height: calc(100% - 0px); position: relative;">
           <div class="body-userinfo-box" :class="isExpand == true?'body-userinfo-expandbox':''">
             <div class="body-title-display">
@@ -430,9 +448,9 @@
             </div>
           </div>
         </el-col>
-        <el-col v-if="camera1Status === '已连接' || camera2Status === '已连接'"
-         :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
-          <div class="body-userinfo-box1">
+        <el-col v-if="true || camera1Status === '已连接' || camera2Status === '已连接'"
+         :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);position: relative;">
+         <div class="body-userinfo-box1" :class="isExpand == true?'body-userinfo-expandbox':''">
             <div class="body-title-display">
               <div class="body-son-display">
                 <img src="@/assets/detection/title4.png" alt="" style="margin-right: 8px;">
@@ -444,7 +462,7 @@
               <div class="body-userinfo-content-top">
                 
                 <img src="@/assets/detection/useredit.png" alt="" title="编辑患者信息"
-                class="userinfo-edit-img" style="cursor: pointer;" @click="handleEditUserInfo">
+                  class="userinfo-edit-img" style="cursor: pointer;" @click="handleEditUserInfo">
                 <div class="useravatar-box">
                   <img src="@/assets/detection/useravatar.svg" alt="">
                 </div>
@@ -461,61 +479,116 @@
                 </div>
 
               </div>
-              <div class="body-userinfo-content-bottom1">
-                <div class="userinfo-disyplaypadding4">
-                  <div class="userinfo-text4">出生日期</div>
+              <div class="body-userinfo-content-bottom0" v-if="isExpand == false">
+                <img src="@/assets/detection/userinfo.png" alt=""
+                class="userinfo-edit-img"   style="cursor: pointer;"
+                  @click="viewClick(true)">
+                <div class="userinfo-disyplaypadding1 ">
+                  <div class="userinfo-text4 padding10">出生日期</div>
                   <div class="userinfo-text5">
                     <span  v-if="patientInfo && patientInfo.birth_date">
                   {{ formatDate(patientInfo.birth_date) }}
                   </span>
                   </div>
                 </div>
-                <div class="userinfo-disyplaypadding5">
-                  <div class="userinfo-text4">身高</div>
+                <div class="userinfo-disyplaypadding2">
+                  <div class="userinfo-text4 padding10">身高</div>
                   <div class="userinfo-text5">
                     {{ patientInfo.height ==''||patientInfo.height ==null ?'—':patientInfo.height}}cm
                   </div>
                 </div>
-                <div class="userinfo-disyplaypadding4">
-                  <div class="userinfo-text4">体重</div>
+                <div class="userinfo-disyplaypadding1">
+                  <div class="userinfo-text4 padding10">体重</div>
                   <div class="userinfo-text5">
                     {{ patientInfo.weight ==''||patientInfo.weight ==null ?'—':patientInfo.weight}}kg
                   </div>
                 </div>
-                <div class="userinfo-disyplaypadding5">
-                  <div class="userinfo-text4">鞋码</div>
+                <div class="userinfo-disyplaypadding2">
+                  <div class="userinfo-text4 padding10">鞋码</div>
                   <div class="userinfo-text5">
                     {{ patientInfo.shoe_size ==''||patientInfo.shoe_size ==null ?'—':patientInfo.shoe_size}}码</div>
                 </div>
-                <div class="userinfo-disyplaypadding4">
-                  <div class="userinfo-text4">电话</div>
+                <div class="userinfo-disyplaypadding1">
+                  <div class="userinfo-text4 padding10">电话</div>
                   <div class="userinfo-text5">
                     {{ patientInfo.phone ==''||patientInfo.phone ==null ?'—':patientInfo.phone}}
                   </div>
                 </div>
-                <div class="userinfo-disyplaypadding5">
-                  <div class="userinfo-text4">民族</div>
+                <div class="userinfo-disyplaypadding2">
+                  <div class="userinfo-text4 padding10">民族</div>
                   <div class="userinfo-text5">
                     {{ patientInfo.nationality ==''||patientInfo.nationality ==null ?'—':patientInfo.nationality}}</div>
                 </div>
-                <div class="userinfo-disyplaypadding4">
-                  <div class="userinfo-text4">身份证号</div>
+                <div class="userinfo-disyplaypadding1">
+                  <div class="userinfo-text4 padding10">身份证号</div>
                   <div class="userinfo-text5">
                     {{ patientInfo.idcode ==''||patientInfo.idcode ==null ?'—':patientInfo.idcode}}
                   </div>
                 </div>
-                <div class="userinfo-disyplaypadding5">
-                  <div class="userinfo-text4">职业</div>
+                <div class="userinfo-disyplaypadding2">
+                  <div class="userinfo-text4 padding10">职业</div>
                   <div class="userinfo-text5">
                     {{ patientInfo.occupation ==''||patientInfo.occupation ==null ?'—':patientInfo.occupation}}</div>
                 </div>
-                <div class="userinfo-disyplaypadding6">
-                  <div class="userinfo-text4">居住地</div>
+              </div>
+              <div class="body-userinfo-content-bottom2" v-if="isExpand == true">
+                <img src="@/assets/detection/userinfo.png" alt=""
+                  class="userinfo-edit-img"   style="cursor: pointer;"
+                    @click="viewClick(false)">
+                <div class="userinfo-disyplaypadding1 ">
+                  <div class="userinfo-text4 padding10">出生日期</div>
+                  <div class="userinfo-text5">
+                    <span  v-if="patientInfo && patientInfo.birth_date">
+                      {{ formatDate(patientInfo.birth_date) }}
+                    </span>
+                  </div>
+                </div>
+                <div class="userinfo-disyplaypadding2">
+                  <div class="userinfo-text4 padding10">身高</div>
+                  <div class="userinfo-text5">
+                    {{ patientInfo.height ==''||patientInfo.height ==null ?'—':patientInfo.height}}cm
+                  </div>
+                </div>
+                <div class="userinfo-disyplaypadding1">
+                  <div class="userinfo-text4 padding10">体重</div>
+                  <div class="userinfo-text5">
+                    {{ patientInfo.weight ==''||patientInfo.weight ==null ?'—':patientInfo.weight}}kg
+                  </div>
+                </div>
+                <div class="userinfo-disyplaypadding2">
+                  <div class="userinfo-text4 padding10">鞋码</div>
+                  <div class="userinfo-text5">
+                    {{ patientInfo.shoe_size ==''||patientInfo.shoe_size ==null ?'—':patientInfo.shoe_size}}码</div>
+                </div>
+                <div class="userinfo-disyplaypadding1">
+                  <div class="userinfo-text4 padding10">电话</div>
+                  <div class="userinfo-text5">
+                    {{ patientInfo.phone ==''||patientInfo.phone ==null ?'—':patientInfo.phone}}
+                  </div>
+                </div>
+                <div class="userinfo-disyplaypadding2">
+                  <div class="userinfo-text4 padding10">民族</div>
+                  <div class="userinfo-text5">
+                    {{ patientInfo.nationality ==''||patientInfo.nationality ==null ?'—':patientInfo.nationality}}</div>
+                </div>
+                <div class="userinfo-disyplaypadding1">
+                  <div class="userinfo-text4 padding10">身份证号</div>
+                  <div class="userinfo-text5">
+                    {{ patientInfo.idcode ==''||patientInfo.idcode ==null ?'—':patientInfo.idcode}}
+                  </div>
+                </div>
+                <div class="userinfo-disyplaypadding2">
+                  <div class="userinfo-text4 padding10">职业</div>
+                  <div class="userinfo-text5">
+                    {{ patientInfo.occupation ==''||patientInfo.occupation ==null ?'—':patientInfo.occupation}}</div>
+                </div>
+                <div class="userinfo-disyplaypadding3">
+                  <div class="userinfo-text4 padding10">居住地</div>
                   <div class="userinfo-text5">
                     {{ patientInfo.residence ==''||patientInfo.residence ==null ?'—':patientInfo.residence}}</div>
                 </div>
-                <div class="userinfo-disyplaypadding6">
-                  <div class="userinfo-text4">邮箱</div>
+                <div class="userinfo-disyplaypadding3">
+                  <div class="userinfo-text4 padding10">邮箱</div>
                   <div class="userinfo-text5">
                     {{ patientInfo.email ==''||patientInfo.email ==null ?'—':patientInfo.email}}</div>
                 </div>
@@ -523,7 +596,8 @@
               </div>
             </div>
           </div>
-          <div class="body-video-box1">
+          <div class="body-video-box1" style="position: absolute; top: 522px; width: calc(100% - 15px);">
+
             <div class="body-title-display">
               <div class="body-son-display">
                 <img src="@/assets/detection/title5.png" alt="" style="margin-right: 8px;">
@@ -538,14 +612,14 @@
                 </div>
               </div>
             </div>
-            <div class="body-video-content"> 
+            <div class="body-video-content" style="padding: 0;"> 
               <div v-show="camera1Status === '已连接'" class="body-video-imgbox3" ref="camera1Ref" :class="(camera1Status === '已连接' && camera1ImgSrc)?'':'noImageSvg-bg'"> 
                 <div  v-if="(camera1Status === '已连接' && camera1ImgSrc)" 
                 @click="isBig1 = true" class="big-img">
                   <img src="@/assets/detection/big.png">
                 </div>
                 <img v-if="(camera1Status === '已连接' && camera1ImgSrc)" :src="camera1ImgSrc" alt="camera1"
-                  style="width: 100%; height: 100%;" />
+                  style="width: 100%; height: 100%;object-fit:contain;" />
                 <div v-else style="width:90px;height:60px">
                   <img :src="noImageSvg" style="margin-left: 15px;">
                   <div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开！</div>
@@ -557,7 +631,7 @@
                   <img src="@/assets/detection/big.png">
                 </div>
                 <img v-if="(camera2Status === '已连接' && camera2ImgSrc)"  :src="camera2ImgSrc" alt="camera2"
-                  style="width: 100%; height: 100%;" />
+                  style="width: 100%; height: 100%;object-fit:contain;" />
                 <div v-else style="width:90px;height:60px">
                   <img :src="noImageSvg" style="margin-left: 15px;">
                   <div style="font-size:14px;color:#ffffff99;text-align: center;">连接已断开！</div>
@@ -566,7 +640,7 @@
             </div>
           </div>
         </el-col>
-        <el-col v-if="camera1Status !== '已连接' && camera2Status !== '已连接'" :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
+        <el-col v-if="false || camera1Status !== '已连接' && camera2Status !== '已连接'" :span="6" style="flex: 0 0 24%;height: calc(100% - 0px);">
           <div class="body-userinfo-box3">
             <div class="body-title-display">
               <div class="body-son-display">
@@ -713,6 +787,7 @@
         <div class="pop-up-tip-text" v-if="!isVideoOperation">本次检测未截图或录像操作，不予存档记录！</div>
         <div class="pop-up-tip-text" v-if="isVideoOperation">本次检测未截图操作，存档记录不可生成报告！</div>
         <div class="tipconfirmbutton-box">
+          <div class="tipclosebutton" @click="handleCancel">取消</div>
           <el-button   type="primary" class="tipconfirmbutton" @click="closeTipClick">确定</el-button>         
         </div>
       </div>
@@ -824,7 +899,7 @@
     
     <PatientProfile v-if="historyDialogVisible" 
       :archiveType="true"
-      :selectedPatient="selectedPatient"
+      :selectedPatient="patientInfo"
       @closePatientProfile="closePatientProfile"/>
 
     <div v-if="isBig1" style="position: fixed;top: 122px;right: 0;
@@ -2634,9 +2709,23 @@ const isPhotoAlbum = ref(false)
 function closePhotoAlbum(){
   isPhotoAlbum.value = false
 }
-function closecreatbox(e){
-  if(e === true){
-    loadPatientInfo()
+function closecreatbox(e,info){
+  if(e === '编辑'){
+    patientInfo.value.age = info.age
+    patientInfo.value.birth_date = info.birth_date
+    patientInfo.value.email = info.email
+    patientInfo.value.gender = info.gender
+    patientInfo.value.height = info.height
+    patientInfo.value.id = info.id
+    patientInfo.value.idcode = info.idcode
+    patientInfo.value.name = info.name
+    patientInfo.value.nationality = info.nationality
+    patientInfo.value.occupation = info.occupation
+    patientInfo.value.phone = info.phone
+    patientInfo.value.residence = info.residence
+    patientInfo.value.shoe_size = info.shoe_size
+    patientInfo.value.weight = info.weight
+    // loadPatientInfo()
   }
   isCloseCreat.value = false
 }
@@ -2678,7 +2767,7 @@ function viewClick(e){
 
 .displaycontainer {
   width: 100%;
-  height: 62px;
+  height: 46px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -2855,10 +2944,8 @@ function viewClick(e){
   text-align: left;
 }
 .body-footbottom-box{
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: calc(100% - 70px);
+  height: calc(100% - 50px);
+  padding-bottom: 15px;
 }
 .body-footbottom-left{
   width: 28%;
@@ -2871,8 +2958,8 @@ function viewClick(e){
 .body-footbottom-leftbox{
   min-width: 215px;
   width: 80%;
-  min-height: 60px;
-  height: 20%;
+  min-height: 57px;
+  height: 57px;
   background: inherit;
   background-color: rgba(255, 255, 255, 0.1);
   border-radius: 4px;
@@ -2882,8 +2969,8 @@ function viewClick(e){
   padding: 0px 20px;
 }
 .body-footbottom-center{
-  width: 40%;
-  height: calc(100%);
+  width: 37%;
+  height: calc(100% - 0px);
 }
 .body-footbottom-topbox{
   display: flex;
@@ -2918,7 +3005,7 @@ function viewClick(e){
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
-  align-content:space-between ;
+  align-content:space-around;
 }
 
 .body-userinfo-box{
@@ -2926,18 +3013,18 @@ function viewClick(e){
   z-index: 10;
   width: 100%;
   height: 346px;
-  /* background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%); */
   background: linear-gradient(135deg, #1a1e2a 0%,  #222b38 100%);
   border: 1px solid #242E3D;
   border-radius: 4px;
 }
 .body-userinfo-expandbox{
-  height: 638px ;
+  height: 680px !important;
 }
 .body-userinfo-box1{
+  position: relative;
+  z-index: 10;
   width: 100%;
-  height: 534px ;
-  /* background: linear-gradient(135deg, rgba(42, 54, 73, 1) 0%, rgba(42, 54, 73, 1) 0%, rgba(34, 43, 56, 1) 100%, rgba(34, 43, 56, 1) 100%); */
+  height: 524px ;
   background: linear-gradient(135deg, #1a1e2a 0%,  #222b38 100%);
   border: 1px solid #242E3D;
   border-radius: 4px;
@@ -2963,7 +3050,7 @@ function viewClick(e){
 }
 .body-video-box1{
   width: 100%;
-  height:  calc(100% - 534px - 14px) ;
+  height:  calc(100% - 534px - 4px) ;
   background: linear-gradient(135deg, #1a1e2a 0%,  #222b38 100%);
   border: 1px solid #242E3D;
   border-radius: 4px;
@@ -3100,10 +3187,10 @@ function viewClick(e){
 }
 .userinfo-disyplaypadding1{
   width: calc(64%);
-  padding-bottom: 15px;
+  padding-bottom: 20px;
 }
 .padding10{
-  padding-bottom: 5px;
+  padding-bottom: 10px;
 }
 .userinfo-disyplaypadding2{
   width: calc(36%);
@@ -3338,6 +3425,25 @@ function viewClick(e){
   background:#14aaff;
   border:1px solid #14aaff;
 }
+.tipclosebutton{
+  width: 80px;
+  height: 40px;
+  background-color: #597194;
+  border-radius: 4px;
+  color: rgba(255, 255, 255, 0.6);
+  font-weight: 400;
+  font-style: normal;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 20px;
+  cursor: pointer;
+}
+.tipclosebutton:hover{
+  background-color: #14aaff;
+  color: #fff;
+}
 .pop-up-tip-text{
   width:100%;
   font-weight: 400;
diff --git a/frontend/src/renderer/src/views/PatientCreate.vue b/frontend/src/renderer/src/views/PatientCreate.vue
index f24467df..5819bbee 100644
--- a/frontend/src/renderer/src/views/PatientCreate.vue
+++ b/frontend/src/renderer/src/views/PatientCreate.vue
@@ -608,6 +608,13 @@ const handleSave = async () => {
   box-shadow: none;
   height: 40px;
 }
+.patient-create-container :deep(.el-input__wrapper:hover) {
+ 
+border-color: #14aaff;
+  box-shadow: 0 0 0 1px transparent inset;
+}
+
+
 
 :deep(.el-select__wrapper) {
   background-color: #2a3649;
@@ -619,7 +626,7 @@ const handleSave = async () => {
   height: 40px;
 }
 :deep(.el-select__wrapper:hover){
-  border-color: #3d4c65;
+  border-color: #14aaff;
   box-shadow: 0 0 0 1px transparent inset;
 }
 
@@ -724,4 +731,6 @@ const handleSave = async () => {
 .el-date-editor.el-input{
   height: 40px;
 }
+
+
 </style>
diff --git a/frontend/src/renderer/src/views/PatientProfile.vue b/frontend/src/renderer/src/views/PatientProfile.vue
index d0d8c2c4..4740a22a 100644
--- a/frontend/src/renderer/src/views/PatientProfile.vue
+++ b/frontend/src/renderer/src/views/PatientProfile.vue
@@ -1633,8 +1633,8 @@ function closecreatbox(e,info){
    box-shadow: 0 0 0 1px #191D28 inset;
 }
 .patientprofile-container-dataInfobg  .el-select__wrapper:hover{
-   background: #191D28;
-   box-shadow: 0 0 0 1px #0b94d5 inset !important;
+  border-color: #14aaff;
+  box-shadow: 0 0 0 1px transparent inset;
 }
 .patientprofile-container-dataInfobg-rightbottombox{
   display: flex;