From 9d9916a15d8cfbf8f354be8821cb25ea4d5ae3e6 Mon Sep 17 00:00:00 2001
From: limengnan <420004014@qq.com>
Date: Mon, 1 Sep 2025 18:16:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B9=B3=E8=A1=A1=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/renderer/src/services/api.js     |   4 +-
 .../src/renderer/src/views/PatientProfile.vue | 118 +++++++++++++++---
 2 files changed, 101 insertions(+), 21 deletions(-)

diff --git a/frontend/src/renderer/src/services/api.js b/frontend/src/renderer/src/services/api.js
index dc470627..542cdc4c 100644
--- a/frontend/src/renderer/src/services/api.js
+++ b/frontend/src/renderer/src/services/api.js
@@ -13,7 +13,7 @@ api.interceptors.request.use(
     if (window.electronAPI) {
       config.baseURL = window.electronAPI.getBackendUrl()
     } else {
-      config.baseURL = 'http://192.168.1.58:5000'
+      config.baseURL = 'http://192.168.1.65:5000'
     }
     
     // 只为需要发送数据的请求设置Content-Type
@@ -637,7 +637,7 @@ export const getBackendUrl = () => {
   if (window.electronAPI) {
     return window.electronAPI.getBackendUrl()
   } else {
-    return 'http://192.168.1.58:5000'
+    return 'http://192.168.1.65:5000'
   }
 }
 
diff --git a/frontend/src/renderer/src/views/PatientProfile.vue b/frontend/src/renderer/src/views/PatientProfile.vue
index cf9ba9bf..1bc66e07 100644
--- a/frontend/src/renderer/src/views/PatientProfile.vue
+++ b/frontend/src/renderer/src/views/PatientProfile.vue
@@ -190,7 +190,7 @@
       </template>
     </el-dialog>
     <!-- 数据详情 -->
-    <el-dialog class="detailsDialog" v-model="detailsDialogVisible" top="5vh" title="当前保存数据" width="50%"
+    <el-dialog class="detailsDialog" v-model="detailsDialogVisible" top="5vh" title="当前保存数据" width="1000px"
       :before-close="detailshandleClose">
       <div style="margin: 20px 50px; height: calc(100vh - 200px);overflow: auto;">
         <div>
@@ -266,8 +266,8 @@
               <div class="module-title-text">身体姿态</div>
             </div>
           </div>
-          <div>
-            图片
+          <div style="display: flex;justify-content: center;align-items: center;">
+            <img :src="BACKEND_URL+'/' +  profileForm.body_image" alt="">
           </div>
         </div>
         <div class="patient-profile-dialog-box" style="height: 230px;">
@@ -292,36 +292,72 @@
             </div>
           </div>
         </div>
-        <div class="patient-profile-dialog-box" style="height: 370px;">
+        <div class="patient-profile-dialog-box">
           <div class="detail-header">
             <div class="module-title">
               <div class="module-title-text">足底压力</div>
             </div>
           </div>
-          <div>
+          <div style="display: flex;justify-content: center;margin-bottom: 8px;font-size: 20px;    color: #FFFFFF;">
             <div>
-              <div>左前足<span>54%</span></div>
-              <div>右前足<span>54%</span></div>
+              <span>左足</span>
             </div>
-            <div>
-              <div></div>
-              <div></div>
-              <div></div>
-            </div>
-            <div>
-              <div>左后足<span>54%</span></div>
-              <div>右后足<span>54%</span></div>
+            <div class="foot-container-marginleft">
+              <span>右足</span>
             </div>
           </div>
+          <div style="display: flex;justify-content: center;align-items: center; width: 460px;margin: 0 auto; position: relative;">
+            <div class="foot-container-left" style="font-size: 18px;color: #FFFFFF;">
+              <div style="width: 180px;text-align: right;">
+                <span>左前足</span>
+                <span class="foot-container-paddingcolor">{{ footPressure.left_front
+                }}%</span>
+              </div>
+              <div class="foot-container-margintop" style="width: 180px;text-align: right;">
+                <span>左后足</span>
+                <span class="foot-container-paddingcolor">{{ footPressure.left_rear }}%</span>
+              </div>
+            </div>
+            <img :src="BACKEND_URL+'/' +  profileForm.foot_data_image" alt="" style="margin: 0 10px;">
+            <div class="foot-container-shuline"></div>
+            <div class="foot-container-hengline"></div>
+            <div class="foot-container-right" style="font-size: 18px;color: #FFFFFF;">
+              <div style="width: 180px;">
+                <span>右前足</span>
+                <span class="foot-container-paddingcolor">{{ footPressure.right_front
+                }}%</span>
+              </div>
+              <div class="foot-container-margintop" style="width: 180px;">
+                <span>右后足</span>
+                <span class="foot-container-paddingcolor">{{ footPressure.right_rear
+                }}%</span>
+              </div>
+            </div>
+          </div>
+          <div
+          style="display: flex;justify-content: center;font-size: 18px;width: 456px;color:#FFFFFF;margin: auto;">
+          <div style="width: 215px;display: flex;align-items: center;justify-content: flex-end;">
+            <div style="width:95px;">左足总压力</div>
+            <div style="" class="foot-container-paddingcolor">{{ footPressure.left_total
+            }}%</div>
+          </div>
+          <div class="foot-container-marginleft" style="width: 215px;display: flex;align-items: center;">
+            <div style="width:95px;">右足总压力</div>
+            <div style="width:130px;" class="foot-container-paddingcolor">{{ footPressure.right_total
+            }}%</div>
+          </div>
         </div>
+            
+        </div>
+       
         <div class="patient-profile-dialog-box" style="height: 370px;">
           <div class="detail-header">
             <div class="module-title">
               <div class="module-title-text">视频图片</div>
             </div>
           </div>
-          <div>
-            图片
+          <div style="display: flex;justify-content: center;align-items: center;">
+            <img :src="BACKEND_URL+'/' +  profileForm.foot_image" alt="">
           </div>
         </div>
       </div>
@@ -386,6 +422,7 @@ const filteredRecords = computed(() => {
     formatDate(record.createdAt).includes(searchKeyword.value)
   )
 })
+const footPressure = ref({})
 const profileInfo = ref([])
 const diagnosticForm = ref({
   diagnosis_info: '',
@@ -781,10 +818,17 @@ const playNewVideo = () => {
     videoPlayerRef.value[index].play()
   }
 }
+const profileForm = ref({})
 function detectionById(row) { 
+  footPressure.value = {}
   historyAPI.detectionById(row.id).then((response)=>{
     if(response.success){
-      debugger
+      profileForm.value = response.data
+      if(response.data.foot_data !=null){
+        footPressure.value = response.data.foot_data
+      }
+
+      
     }
   }).catch(()=>{
 
@@ -1433,7 +1477,7 @@ onMounted(() => {
   background-color: rgba(85, 85, 85, 0.6);
   padding: 20px;
   border-radius: 5px;
-  height: 550px;
+  /* height: 550px; */
   margin-top: 20px;
 }
 .detail-head-content{
@@ -1453,4 +1497,40 @@ onMounted(() => {
   right: 30px;
   cursor: pointer;
 }
+
+
+.foot-container-marginleft {
+  margin-left: 40px;
+}
+.foot-container-paddingcolor{
+  padding-left: 10px;
+  color: #ff9900;
+  font-size: 30px;
+  font-weight: 700;
+}
+.foot-container-shuline{
+  width: 0px;
+  height:  calc(100% + 20px);
+  border-top: 1px dashed red;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+}
+.foot-container-hengline{
+  width: calc(100% + 20px);
+  height: 0;
+  border-left: 1px dashed red;
+  position: absolute;
+  top: 0;
+  left: -10px;
+  right: 10;
+  bottom: 0;
+  margin: auto;
+}
+.foot-container-margintop {
+  margin-top: 80px;
+}
 </style>
\ No newline at end of file