From 7ff97bd871330b1d13d1ed291cec071801bbd301 Mon Sep 17 00:00:00 2001
From: limengnan <420004014@qq.com>
Date: Wed, 3 Dec 2025 10:22:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=AF=8A=E6=96=AD=E8=AF=84?=
 =?UTF-8?q?=E4=BB=B7=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devices/test/templates/deviceTest.html    |  2 +-
 frontend/src/renderer/index.html              |  2 +-
 frontend/src/renderer/src/style.css           |  2 +-
 frontend/src/renderer/src/views/Detection.vue | 53 +++++++--------
 .../renderer/src/views/DiagnosticMessage.vue  | 65 +++++++++++++------
 frontend/src/renderer/src/views/Login.vue     |  6 +-
 .../src/renderer/src/views/PatientProfile.vue |  4 +-
 7 files changed, 79 insertions(+), 55 deletions(-)

diff --git a/backend/devices/test/templates/deviceTest.html b/backend/devices/test/templates/deviceTest.html
index 36210337..4b33736c 100644
--- a/backend/devices/test/templates/deviceTest.html
+++ b/backend/devices/test/templates/deviceTest.html
@@ -14,7 +14,7 @@
         }
 
         body {
-            font-family: 'Microsoft YaHei', Arial, sans-serif;
+            font-family: 'Noto Sans SC';
             background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
             color: #ffffff;
             min-height: 100vh;
diff --git a/frontend/src/renderer/index.html b/frontend/src/renderer/index.html
index 838d5d1a..c6979d8a 100644
--- a/frontend/src/renderer/index.html
+++ b/frontend/src/renderer/index.html
@@ -8,7 +8,7 @@
     body {
       margin: 0;
       padding: 0;
-      font-family: 'Microsoft YaHei', sans-serif;
+      font-family: 'Noto Sans SC';
       /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
       background:#191d28;
     }
diff --git a/frontend/src/renderer/src/style.css b/frontend/src/renderer/src/style.css
index 06c14be0..10257f27 100644
--- a/frontend/src/renderer/src/style.css
+++ b/frontend/src/renderer/src/style.css
@@ -7,7 +7,7 @@
 }
 
 body {
-  font-family: 'Noto Sans SC', sans-serif; 
+  font-family: 'Noto Sans SC'; 
   background-color: #f5f5f5;
   color: #333;
   line-height: 1.6;
diff --git a/frontend/src/renderer/src/views/Detection.vue b/frontend/src/renderer/src/views/Detection.vue
index 7db4fb93..b84f67ab 100644
--- a/frontend/src/renderer/src/views/Detection.vue
+++ b/frontend/src/renderer/src/views/Detection.vue
@@ -7,12 +7,12 @@
           font-size: 18px;
           font-weight: 700;
           font-style: normal;
-          color: #00CC00;
+          color: #3BF2C6;
           margin-left:20px">检测中...</div>
         <div class="patientInfotop1">{{ patientInfo.name }}</div>
-        <div> {{ patientInfo.gender }}</div>
+        <div style="font-size: 22px;"> {{ patientInfo.gender }}</div>
         <div class="username-line"></div>
-        <div>{{ calculateAge(patientInfo.birth_date) }}</div>
+        <div style="font-size: 22px;">{{ calculateAge(patientInfo.birth_date) }}</div>
         <el-button type="primary" class="endbutton" @click="endClick">结束监测</el-button>
       </div>
       <div class="displayleft">
@@ -54,15 +54,14 @@
               <div class="body-son-display">
                 <img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;"
                 @click="refreshClick('femtobolt')" title="重启深度相机">
-                <div class="connecttext" :style="{ color: femtoboltStatus == '已连接' ? '#00CC00' : '#808080' }">
+                <div class="connecttext" :style="{ color: femtoboltStatus == '已连接' ? '#3bf2c6' : '#808080' }">
                   {{ femtoboltStatus }}
                 </div>
               </div>
             </div>
-            <div ref="wholeBodyRef" style="display: flex;justify-content: center;height:calc( 100% - 50px);padding-top: 0px;
-            background-color: red;">
+            <div ref="wholeBodyRef" style="display: flex;justify-content: center;height:calc( 100% - 50px);padding-top: 0px;">
               <img :src="(femtoboltStatus === '已连接' && depthCameraImgSrc) ? depthCameraImgSrc : noImageSvg" alt="深度相机视频流"
-                style="width: 100%;height: calc(100%);object-fit:contain;background:#323232;">
+                style="width: 100%;height: calc(100%);object-fit:contain;">
             </div>
           </div>
         </el-col>
@@ -87,7 +86,7 @@
               <div class="body-son-display">
                 <img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;" title="重启IMU"
                 @click="refreshClick('imu')">
-                <div class="connecttext" :style="{ color: imuStatus == '已连接' ? '#00CC00' : '#808080' }">
+                <div class="connecttext" :style="{ color: imuStatus == '已连接' ? '#3bf2c6' : '#808080' }">
                   {{ imuStatus }}
                 </div>
               </div>
@@ -172,7 +171,7 @@
               <div class="body-son-display">
                 <img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;" title="重启足底压力板"
                 @click="refreshClick('pressure')">
-                <div class="connecttext" :style="{ color: pressureStatus == '已连接' ? '#00CC00' : '#808080' }">
+                <div class="connecttext" :style="{ color: pressureStatus == '已连接' ? '#3bf2c6' : '#808080' }">
                   {{ pressureStatus }}
                 </div>
               </div>
@@ -309,7 +308,7 @@
                 <img src="@/assets/new/refresh.svg" alt="" style="margin-right: 8px;cursor: pointer;"
                 title="重启视频"
                 @click="refreshClick('camera')">
-                <div class="connecttext" :style="{ color: cameraStatus == '已连接' ? '#00CC00' : '#808080' }">
+                <div class="connecttext" :style="{ color: cameraStatus == '已连接' ? '#3bf2c6' : '#808080' }">
                   {{ cameraStatus }}
                 </div>
               </div>
@@ -317,11 +316,11 @@
             <div class="body-video-content" ref="videoImgRef"> 
               <div class="body-video-imgbox1" ref="camera1Ref"> 
                 <img :src="(camera1Status === '已连接' && camera1ImgSrc) ? camera1ImgSrc : noImageSvg" alt="camera1"
-                  style="width: 100%; height: 100%; object-fit: contain; background:#323232;" />
+                  style="width: 100%; height: 100%; object-fit: contain; " />
               </div>
               <div class="body-video-imgbox2" ref="camera2Ref"> 
                 <img :src="(camera2Status === '已连接' && camera2ImgSrc) ? camera2ImgSrc : noImageSvg" alt="camera2"
-                    style="width: 100%; height: 100%; object-fit: contain; background:#323232;" />
+                    style="width: 100%; height: 100%; object-fit: contain; " />
               </div>
             </div>
           </div>
@@ -345,7 +344,7 @@
     <!-- 诊断信息 -->
     <div class="pop-up-mask" v-if="isDiagnosticMessage">
       <DiagnosticMessage @closeDiagnosticMessage="closeDiagnosticMessage"
-       :selectedPatient="selectedPatient" v-if="isDiagnosticMessage"/>
+       :selectedPatient="patientInfo" v-if="isDiagnosticMessage"/>
     </div>
 
     <div class="pop-up-mask" v-if="isCloseCreat">
@@ -2148,7 +2147,7 @@ function closePatientProfile(){
 .detection-container-box {
   /* display: flex; */
   height: 100vh;
-  background-color: #000000;
+  background-color: #191d28;
   color: #FFFFFF;
 }
 
@@ -2159,7 +2158,7 @@ function closePatientProfile(){
 
 .username-line {
   width: 2px;
-  height: 15px;
+  height: 22px;
   margin: 0 10px;
   background-color: #fff;
 }
@@ -2167,7 +2166,6 @@ function closePatientProfile(){
 .displaycontainer {
   width: 100%;
   height: 62px;
-  background: #000;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -2208,7 +2206,8 @@ function closePatientProfile(){
 .body-posture-box{
   width: 100%;
   height: 100%;
-  background: #282828;
+  background: linear-gradient(to bottom right, #1a1e2a, #222b38);
+  border: 1px solid #262d40;
   border-radius: 4px;
 }
 .body-header-box{
@@ -2227,7 +2226,7 @@ function closePatientProfile(){
 .body-title-display{
   width: 100%;
   height: 50px;
-  border-bottom: 1px solid #000;
+  /* border-bottom: 1px solid #000; */
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -2243,9 +2242,9 @@ function closePatientProfile(){
   align-items: center;
 }
 .connecttext{
-  font-weight: 700;
+  font-weight: 400;
   font-style: normal;
-  font-size: 16px;
+  font-size: 14px;
 }
 
 .body-header-bottombox{
@@ -2512,12 +2511,14 @@ function closePatientProfile(){
   color: #FFFFFF;
 }
 .endbutton{
-  width: 100px;
-  height: 36px;
-  background-color: rgba(255, 102, 0, 1);
-  border:1px solid rgba(255, 102, 0, 1);
-  font-size: 16px;
-  color: #FFFFFF;
+  width: 72px;
+  height: 29px;
+  background-color: rgba(11, 148, 213, 1);
+  border:1px solid rgba(11, 148, 213, 1);
+  font-weight: 400;
+  font-style: normal;
+  font-size: 14px;
+  color: #D7D7D7;
   margin-left:20px
 }
 
diff --git a/frontend/src/renderer/src/views/DiagnosticMessage.vue b/frontend/src/renderer/src/views/DiagnosticMessage.vue
index c004f442..5589232a 100644
--- a/frontend/src/renderer/src/views/DiagnosticMessage.vue
+++ b/frontend/src/renderer/src/views/DiagnosticMessage.vue
@@ -9,13 +9,16 @@
       <div style="padding:20px 40px;">
         <el-form :model="diagnosticForm" label-width="60px">
           <el-form-item label="记录">
-            <el-input v-model="diagnosticForm.diagnosis_info" :rows="6" type="textarea" placeholder="请输入" />
+            <el-input v-model="diagnosticForm.diagnosis_info" resize="none"   :rows="10" type="textarea" placeholder="记录信息" />
           </el-form-item>
           <el-form-item label="处理">
-            <el-input v-model="diagnosticForm.treatment_info" :rows="6" type="textarea" placeholder="请输入" />
+            <el-select v-model="diagnosticForm.treatment_info" placeholder="请选择">
+              <el-option  :label="'保持观察，不予处理'"  :value="'保持观察，不予处理'" />
+            </el-select>
+            <!-- <el-input v-model="diagnosticForm.treatment_info" :rows="6" type="textarea" placeholder="请输入" /> -->
           </el-form-item>
           <el-form-item label="建议">
-            <el-input v-model="diagnosticForm.suggestion_info" :rows="6" type="textarea" placeholder="请输入" />
+            <el-input v-model="diagnosticForm.suggestion_info" resize="none" :rows="5" type="textarea" placeholder="备注信息" />
           </el-form-item>
         </el-form>
         <div class="form-actions-display">
@@ -46,7 +49,7 @@ const props = defineProps({
   selectedPatient: {
     required: false,
     type: Object,
-    default: null
+    default: {}
   },
 })
 
@@ -63,11 +66,11 @@ const handleCancel = async () => {
 async function handleDiagnosticInfo(status) {
   try {
     // 检查是否有活跃的会话ID
-    if (!selectedPatient.value.sessionId) {
+    if (!props.selectedPatient.sessionId) {
       throw new Error('缺少会话Id')
     }
     // 调用后端API采集检测数据
-    const response = await fetch(`${BACKEND_URL}/api/detection/${selectedPatient.value.sessionId}/save-info`, {
+    const response = await fetch(`${BACKEND_URL}/api/detection/${props.selectedPatient.sessionId}/save-info`, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json'
@@ -77,7 +80,7 @@ async function handleDiagnosticInfo(status) {
         treatment_info: diagnosticForm.treatment_info,
         suggestion_info: diagnosticForm.suggestion_info,
         status: status,
-        session_id: selectedPatient.value.sessionId,
+        session_id: props.selectedPatient.sessionId,
       })
     })
     if (!response.ok) {
@@ -111,20 +114,20 @@ async function handleDiagnosticInfo(status) {
 
 <style scoped>
 .DiagnosticMessage-container {
-  width: 800px;
-  height: 620px;
+  width: 780px;
+  height: 610px;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   margin: auto;
-  background: #1b1b1b;
+  background: #35435a;
   border-radius: 10px;
   box-shadow: 0px 0px 10px rgba(80, 80, 80, 1);
   border-width: 1px;
   border-style: solid;
-  border-color: rgba(148, 148, 148, 1);
+  border-color: #1b2535;
 }
 
 .formreturnCancel {
@@ -161,14 +164,16 @@ async function handleDiagnosticInfo(status) {
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
-  color: #787878;
+  color: rgba(255,255,255,0.7);
+  font-family: 'Noto Sans SC';
   margin-right: 10px;
 }
 
 .DiagnosticMessage-container .el-textarea__inner{
-  background: #282828;
-   box-shadow: 0 0 0 1px rgb(54, 54, 54) inset;
-   border-radius: 4px;
+  background: #2A3649;
+  box-shadow: 0 0 0 1px rgb(54, 54, 54) inset;
+  border-radius: 4px;
+  color: #fff;
 }
 .DiagnosticMessage-container .el-textarea__inner:hover{
   box-shadow: 0 0 0 1px #266fff inset;
@@ -179,17 +184,15 @@ async function handleDiagnosticInfo(status) {
 
 .DiagnosticMessage-container .form-container-header{
   width: 100%;
-  height: 50px;
+  height: 60px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background-color: rgba(46, 52, 59, 1);
   box-sizing: border-box;
-  padding: 0 20px;
-  font-family: 'Noto Sans SC';
-  font-weight: 700;
+  padding: 0 30px;
+  font-weight: 650;
   font-style: normal;
-  font-size: 16px;
+  font-size: 20px;
   color: #FFFFFF;
   text-align: left;
   border-radius:10px 10px 0 0;
@@ -200,4 +203,24 @@ async function handleDiagnosticInfo(status) {
   padding-top: 20px;
   padding-right: 0px;
 }
+
+
+</style>
+<style>
+.DiagnosticMessage-container .el-select__wrapper {
+  background-color: #2a3649;
+  border-width: 1px;
+  border-style: solid;
+  border-color: transparent;
+  border-radius: 4px;
+  box-shadow: none;
+  height: 40px;
+}
+.DiagnosticMessage-container .el-select__wrapper:hover{
+  border-color: #3d4c65;
+  box-shadow: 0 0 0 1px transparent inset;
+}
+.DiagnosticMessage-container .el-select__placeholder{
+  color: #ffffff;
+}
 </style>
diff --git a/frontend/src/renderer/src/views/Login.vue b/frontend/src/renderer/src/views/Login.vue
index e085e561..c22c534a 100644
--- a/frontend/src/renderer/src/views/Login.vue
+++ b/frontend/src/renderer/src/views/Login.vue
@@ -681,7 +681,7 @@ const copyPassword = async () => {
 /* 系统标题 */
 .system-title {
   text-align: center;
-  font-family: "阿里妈妈数黑体 Bold", 阿里妈妈数黑体, sans-serif;
+  font-family: 'Noto Sans SC';
   font-weight: 700;
   font-style: normal;
   font-size: 40px;
@@ -717,7 +717,7 @@ const copyPassword = async () => {
 
 /* 卡片头部标题 */
 .card-header {
-  font-family: 微软雅黑, sans-serif;
+  font-family: 'Noto Sans SC';
   font-weight: 400;
   font-style: normal;
   font-size: 30px;
@@ -807,7 +807,7 @@ const copyPassword = async () => {
 
 /* 注册按钮 */
 .register-btn {
-  font-family: 微软雅黑, sans-serif;
+  font-family: 'Noto Sans SC';
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
diff --git a/frontend/src/renderer/src/views/PatientProfile.vue b/frontend/src/renderer/src/views/PatientProfile.vue
index 4fcf19cb..7d597bec 100644
--- a/frontend/src/renderer/src/views/PatientProfile.vue
+++ b/frontend/src/renderer/src/views/PatientProfile.vue
@@ -259,8 +259,8 @@
                 <div class="patientprofile-container-dataInfobg-rightbox">
                   <div class="patientprofile-container-dataInfobg-lefttext" style="padding-top:0px">处理</div>
                     <el-select v-model="profileInfo.treatment_info" placeholder="请选择">
-                    <el-option  :label="'保持观察，不予处理'"  :value="'保持观察，不予处理'" />
-                  </el-select>
+                      <el-option  :label="'保持观察，不予处理'"  :value="'保持观察，不予处理'" />
+                    </el-select>
                 </div>
                 <div  class="patientprofile-container-dataInfobg-rightbottombox">
                   <div class="patientprofile-container-dataInfobg-lefttext" style="padding-top:0px">建议</div>