修改实时检查保存方法，添加删除历史检查方法

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.173:5000'
+      config.baseURL = 'http://192.168.1.58:5000'
     }
     
     // 只为需要发送数据的请求设置Content-Type
@@ -610,16 +610,22 @@ export const historyAPI = {
     // 删除检测数据记录
     detectionDelById(id) {
       return api.delete(`/api/detection/data/${id}`, {})
+    },
+    // 删除检测会话及其相关的检测数据
+    sessionsDelById(id) {
+      return api.delete(`api/detection/sessions/${id}`, {})
     },
      // 获取检测会话历史
     sessionById(id) {
       return api.get(`/api/history/sessions/${id}`)
     },
-    // detectionLatestById(id) {
-    //   return api.get(`/api/detection/data/detail/${id}`)
-    // },
 
-    detectionLatestById(id) {
+    //获取最新的检测数据
+    detectionLatestList(id) {
+      return api.get(`/api/detection/data/detail/${id}/latest`)
+    },
+     //根据主键ID查询检测数据详情
+    detectionById(id) {
       return api.get(`/api/detection/data/detail/${id}`)
     },
 
@@ -631,7 +637,7 @@ export const getBackendUrl = () => {
   if (window.electronAPI) {
     return window.electronAPI.getBackendUrl()
   } else {
-    return 'http://192.168.1.173:5000'
+    return 'http://192.168.1.58:5000'
   }
 }
 

frontend/src/renderer/src/views/Detection.vue

@@ -64,7 +64,7 @@
             <div :style="{ color: femtoboltStatus == '已连接' ? '#00CC33' : '#808080' }" style="font-size: 14px;">
               {{ femtoboltStatus }}</div>
           </div>
-          <div style="display: flex;justify-content: center;height: 100%;padding-top: 0px;">
+          <div ref="wholeBodyRef" style="display: flex;justify-content: center;height: 100%;padding-top: 0px;">
             <!-- 使用深度相机视频流替换静态图片 -->
             <img :src="(femtoboltStatus === '已连接' && depthCameraImgSrc) ? depthCameraImgSrc : noImageSvg" alt="深度相机视频流"
               style="width: 100%;height: calc(100% - 40px);object-fit:contain;background:#323232;">
@@ -323,7 +323,7 @@
           </div>
           <!-- 视频模块 -->
           <div class="module-card" style="height: 50%;">
-            <div style="display: flex;margin-bottom: 15px;">
+            <div style="display: flex;">
               <div class="module-header">
                 <div class="module-title">
                   <div class="module-title-bg">
@@ -334,9 +334,12 @@
                 <div :style="{ color: cameraStatus == '已连接' ? '#00CC33' : '#808080' }" style="font-size: 14px;">{{ cameraStatus }}</div>
               </div>
             </div>
+            <div ref="videoImgRef" style="width: 100%;height: calc(100% - 40px)">
+              <img :src="(cameraStatus === '已连接' && rtspImgSrc) ? rtspImgSrc : noImageSvg" alt=""
+              style="width: 100%;height: calc(100%);object-fit:contain;background:#323232;" />
+            </div>
             <!-- 使用img元素显示视频流（优化的Data URL方案） -->
-            <img :src="(cameraStatus === '已连接' && rtspImgSrc) ? rtspImgSrc : noImageSvg" alt=""
+            
-              style="width: 100%;height: calc(100% - 80px);object-fit:contain;background:#323232;" />
           </div>
         </div>
       </div>
@@ -569,6 +572,9 @@ const dataCollectionLoading = ref(false)
 const isRecording = ref(false)
 const cameraDialogVisible =ref(false) // 设置相机参数弹框
 
+const wholeBodyRef = ref(null) // 身体姿态ref
+const videoImgRef =ref(null) // 视频流图片ref
+
 // 录像相关变量
 let mediaRecorder = null
 let recordedChunks = []
@@ -908,6 +914,7 @@ const editPatient = () => {
   }
   dialogVisible.value = true
 }
+const tempInfo = ref({})
 // WebSocket连接函数
 function connectWebSocket() {
   try {
@@ -1037,25 +1044,29 @@ function connectWebSocket() {
     // 监听各设备数据事件
     devicesSocket.on('camera_frame', (data) => {
       frameCount++
+      tempInfo.value.camera_frame = data
       displayFrame(data.image)
     })
-    devicesSocket.on('video_frame', (data) => {
+    // devicesSocket.on('video_frame', (data) => {
-      frameCount++
+    //   frameCount++
-      displayFrame(data.image)
+    //   displayFrame(data.image)
-    })
+    // })
     
     devicesSocket.on('femtobolt_frame', (data) => {
+      tempInfo.value.femtobolt_frame = data
       displayDepthCameraFrame(data.depth_image || data.image)
     })
-    devicesSocket.on('depth_camera_frame', (data) => {
+    // devicesSocket.on('depth_camera_frame', (data) => {
-      displayDepthCameraFrame(data.depth_image || data.image)
+    //   displayDepthCameraFrame(data.depth_image || data.image)
-    })
+    // })
     
     devicesSocket.on('imu_data', (data) => {
+      tempInfo.value.imu_data = data
       handleIMUData(data)
     })
     
     devicesSocket.on('pressure_data', (data) => {
+       tempInfo.value.pressure_data = data
        handlePressureData(data)
      })
      
@@ -1634,11 +1645,12 @@ async function saveDetectionData() {
       patientId: patientInfo.value.id,
       patientName: patientInfo.value.name,
       sessionId: patientInfo.value.sessionId,
-      head_pose: {},
+      head_data: imu_data,
-      body_pose: {},
+      body_data: femtobolt_frame,
-      foot_data: {}
+      foot_data: pressure_data,
+      camera_data: camera_frame,
     })
-
+    tempInfo.value
     // 显示成功消息和文件路径
     ElMessage.success({
       message: `截图保存成功！`,
@@ -2286,6 +2298,9 @@ const getDevicesInit = async () => {
 }
 
 onMounted(() => {
+  // wholeBodyRef.value
+  console.log(wholeBodyRef.value.getBoundingClientRect())
+  console.log(videoImgRef.value.getBoundingClientRect())
   // 加载患者信息
   loadPatientInfo()
 
@@ -2301,6 +2316,7 @@ onMounted(() => {
 })
 
 onUnmounted(() => {
+  
   if (timerId.value) {
     clearInterval(timerId.value);
   }

frontend/src/renderer/src/views/PatientProfile.vue

@@ -26,7 +26,7 @@
           <div class="content-left-text2">{{ item.created_at }}</div>
           <div class="content-left-text3" v-if="index==0">最近会诊</div>
           <div class="content-left-text3" v-else>{{ getDayNum(item.created_at,index) }}</div>
-          <!-- <el-button type="danger" style="margin-top: 20px;" @click="deleteClick(item,index)">删除</el-button> -->
+          <el-button type="danger" style="margin-top: 20px;" @click="sessionsDelById(item,index)">删除</el-button>
           
         </div>
         <div class="content-center">
@@ -75,11 +75,11 @@
                 
                 </div>
                 <div style="margin-top: 15px;">
-                  <div @click="patientdetails(item)">
+                  <div @click="patientdetails(item2)">
                     <img src="@/assets/svg/datalist.svg" alt="" style="cursor: pointer;" title="查看详情">
                   </div>
                   <div>
-                    <img src="@/assets/svg/del.svg" alt=""  style="cursor: pointer;"  title="删除"  @click="deleteClick(item2,index)">
+                    <img src="@/assets/svg/del.svg" alt=""  style="cursor: pointer;"  title="删除"  @click="deleteClick(item,item2,index)">
                   </div>
                 </div>
               </div>
@@ -435,6 +435,10 @@ function getDayNum(date2,index){
 
   // 转换为天数
   const daysDiff = Math.floor(timeDiff / (1000 * 3600 * 24));
+  
+  if(daysDiff == 0){
+    return  "当天";
+  }
   return daysDiff + "天";
 }
 
@@ -544,6 +548,7 @@ const deleteScreenshot = async (screenshot) => {
   }
 }
 
+
 const exportReport = async (record) => {
   try {
     ElMessage.info('正在生成报告...')
@@ -712,8 +717,7 @@ function editClick(row,index) {
 }
 //数据详情
 function patientdetails(row) {
-  // historyAPI.sessionById(row.id).then(res => { 
+  detectionById(row)
-  // })
   detailsDialogVisible.value = true
 }
 async function handleDiagnosticInfo(status) {
@@ -776,8 +780,42 @@ const playNewVideo = () => {
     videoPlayerRef.value[index].play()
   }
 }
+function detectionById(row) { 
+  historyAPI.detectionById(row.id).then((response)=>{
+    if(response.success){
+      debugger
+    }
+  }).catch(()=>{
 
-const deleteClick = async (row) => {
+  })
+}
+const deleteClick = async (row,row2) => {
+  detectionLatestList(row.id)
+  ElMessageBox.confirm(
+    '确定义删除此条数据?',
+    '提示',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    }
+  ).then(() => {
+      historyAPI.detectionDelById(row2.id).then((response)=>{
+        if(response.success){
+          ElMessage.success({
+            message: response.message,
+            duration: 5000
+          });
+          sessionsInit()
+          // detectionLatestList(row.id)
+        }
+      }).catch(()=>{
+      })
+    })
+}
+
+
+const sessionsDelById = async (row) => {
 
   ElMessageBox.confirm(
     '确定义删除此条数据?',
@@ -788,7 +826,7 @@ const deleteClick = async (row) => {
       type: 'warning',
     }
   ).then(() => {
-      historyAPI.detectionDelById(row.id).then((response)=>{
+      historyAPI.sessionsDelById(row.id).then((response)=>{
         if(response.success){
           ElMessage.success({
             message: response.message,
@@ -796,63 +834,20 @@ const deleteClick = async (row) => {
           });
           sessionsInit()
         }
-     
-        
       }).catch(()=>{
-
       })
     })
+}
 
-
+const  detectionLatestList = async(id)=>{
-  // try {
+  const response = await historyAPI.detectionLatestList(id)
-  //   // 检查是否有活跃的会话ID
+  console.log(response)
-  //   if (!row.id) {
+  // historyAPI.detectionLatestList(id).then((response)=>{
-  //     throw new Error('缺少会话Id');
+  //   if(response.success){
+  //     console.log(response)
   //   }
-    
+  // }).catch(()=>{
-  //   // 显示确认对话框
+  // })
-  //   await ElMessageBox.confirm(
-  //     '确定要删除此条数据?',
-  //     '警告',
-  //     {
-  //       confirmButtonText: '确定',
-  //       cancelButtonText: '取消',
-  //       type: 'warning',
-  //     }
-  //   );
-    
-  //   // 调用后端API删除数据
-  //   const response = await fetch(`${BACKEND_URL}/api/detection/data/${row.id}`, {
-  //     method: 'DELETE',
-  //     headers: {
-  //       'Content-Type': 'application/json'
-  //     },
-  //   });
-    
-  //   if (!response.ok) {
-  //     throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-  //   }
-    
-  //   const result = await response.json();
-  //   if (result.success) {
-  //     ElMessage.success({
-  //       message: '删除成功',
-  //       duration: 5000
-  //     });
-  //   } else {
-  //     throw new Error(result.message || '删除失败');
-  //   }
-  // } catch (error) {
-  //   // 如果是用户取消操作，不显示错误
-  //   if (error === 'cancel' || error === 'close') {
-  //     return;
-  //   }
-    
-  //   ElMessage.error({
-  //     message: error.message || '删除过程中发生错误',
-  //     duration: 5000
-  //   });
-  // }
 }
 // // 其他控制方法
 // const togglePlayPause = () => {