ThbTech/BodyBalanceEvaluation
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加单报告对比模块

Browse Source
This commit is contained in:
limengnan 2025-12-11 16:57:37 +08:00
parent da041bd292
commit 1a842b93e0
2 changed files with 183 additions and 188 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

286
frontend/src/renderer/src/views/ReportComparison - 副本.vue → frontend/src/renderer/src/views/AloneReportComparison.vue
View File

@ -1,54 +1,57 @@
<template> <template>
<div class="ReportComparison-container" id="popup-report-root"> <div class="AloneReportComparison-container" id="popup-report-root">
<img src="@/assets/header/closepage.png" <img src="@/assets/header/closepage.png"
alt="" style="cursor: pointer;position: fixed; right: 20px; top: 20px;z-index: ;" alt="" style="cursor: pointer;position: fixed; right: 20px; top: 20px;z-index: 99;"
@click="handleCancel"> @click="handleCancel">
<img src="@/assets/archive/download.png"
style="cursor: pointer;position: fixed; right: 60px; top: 17px;z-index: 99;height: 28px;"
@click="generatePDF">
<div class="ReportComparison-container-body" id="pdf-content"> <div class="AloneReportComparison-container-body" id="pdf-content">
<div style="height: 100%; padding:0 90px; box-sizing: border-box;"> <div style="height: 100%; padding:0 90px; box-sizing: border-box;">
<div class="ReportComparison-container-bodytitle">体态测量报告单</div> <div class="AloneReportComparison-container-bodytitle">体态测量报告单</div>
<div class="ReportComparison-container-display"> <div class="AloneReportComparison-container-display">
<!-- <div class="ReportComparison-container-userinfotext">检测时间：{{ detectionInfo.start_time }}</div> <!-- <div class="AloneReportComparison-container-userinfotext">检测时间：{{ detectionInfo.start_time }}</div>
<div class="ReportComparison-container-userinfotext">ID：{{ detectionInfo.id }}</div> --> <div class="AloneReportComparison-container-userinfotext">ID：{{ detectionInfo.id }}</div> -->
</div> </div>
<div class="ReportComparison-container-userinfodisplay"> <div class="AloneReportComparison-container-userinfodisplay">
<div class="ReportComparison-container-userinfotext2"> <div class="AloneReportComparison-container-userinfotext2">
ID：{{ selectedPatient.id }} ID：{{ selectedPatient.id }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-210"> <div class="AloneReportComparison-container-userinfotext2 width-210">
姓名：{{ selectedPatient.name }} 姓名：{{ selectedPatient.name }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-195"> <div class="AloneReportComparison-container-userinfotext2 width-195">
性别：{{ selectedPatient.gender }} 性别：{{ selectedPatient.gender }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-195"> <div class="AloneReportComparison-container-userinfotext2 width-195">
年龄：{{ calculateAge(selectedPatient.birth_date) }}岁 年龄：{{ calculateAge(selectedPatient.birth_date) }}岁
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-235"> <div class="AloneReportComparison-container-userinfotext2 width-235">
身高：{{ selectedPatient.height }}cm 身高：{{ selectedPatient.height }}cm
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-215"> <div class="AloneReportComparison-container-userinfotext2 width-215">
体重：{{ selectedPatient.weight }}kg 体重：{{ selectedPatient.weight }}kg
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-95"> <div class="AloneReportComparison-container-userinfotext2 width-95">
鞋码：{{ selectedPatient.shoe_size }}码 鞋码：{{ selectedPatient.shoe_size }}码
</div> </div>
<div class="ReportComparison-container-userinfotext2"> <div class="AloneReportComparison-container-userinfotext2">
电话：{{ selectedPatient.phone }} 电话：{{ selectedPatient.phone }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-405"> <div class="AloneReportComparison-container-userinfotext2 width-405">
邮箱：{{ selectedPatient.email }} 邮箱：{{ selectedPatient.email }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-430"> <div class="AloneReportComparison-container-userinfotext2 width-430">
居住地：{{ selectedPatient.residence }} 居住地：{{ selectedPatient.residence }}
</div> </div>
<div class="ReportComparison-container-userinfotext2 width-310"> <div class="AloneReportComparison-container-userinfotext2 width-310">
职业：{{ selectedPatient.occupation }} 职业：{{ selectedPatient.occupation }}
</div> </div>
</div> </div>
<div class="ReportComparison-container-testdatatitle">【检测数据】</div> <div class="AloneReportComparison-container-testdatatitle">【检测数据】</div>
<div class="ReportComparison-containerdisplay"> <div class="AloneReportComparison-containerdisplay">
<div class="ReportComparison-container-leftbox"> <div class="AloneReportComparison-container-leftbox">
<div class="displayflex"> <div class="displayflex">
<div class="displayflextext1">原始数据：</div> <div class="displayflextext1">原始数据：</div>
<div class="displayflextext1"> <div class="displayflextext1">
@ -56,23 +59,22 @@
</div> </div>
</div> </div>
<!-- 选中后显示内容 --> <!-- 选中后显示内容 -->
<div v-if="rawOneData.id && rawOneData.id!=''"> <div class="AloneReportComparison-content-title">整体数据</div>
<div class="ReportComparison-content-title">整体数据</div> <div style="width: 90%;height: 219px;">
<div style="width: 600px;height: 387px;">
<img :src="BACKEND_URL+'/' + rawOneData.screen_image" alt="" srcset="" style="width: 100%;height: 100%;"> <img :src="BACKEND_URL+'/' + rawOneData.screen_image" alt="" srcset="" style="width: 100%;height: 100%;">
</div> </div>
<div class="ReportComparison-content-title">身体姿态</div> <div class="AloneReportComparison-content-title">身体姿态</div>
<div style="width: 100%;height: 454px; display: flex;justify-content: center;"> <!-- <div style="width: 100%;height: 454px; display: flex;justify-content: center;"> -->
<img :src="BACKEND_URL+'/' + rawOneData.body_image" alt="" srcset="" style="width: 100%;height: 100%; <img :src="BACKEND_URL+'/' + rawOneData.body_image" alt="" srcset=""
object-fit:contain; "> style="width: 100%;height: 454px; object-fit:contain; ">
</div> <!-- </div> -->
<div class="ReportComparison-content-title">头部姿态</div> <div class="AloneReportComparison-content-title">头部姿态</div>
<div style="width: 555px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 380px;padding:20px 0; display: flex;justify-content: space-between;">
<img src="@/assets/archive/roll.png"> <img src="@/assets/archive/roll.png">
<img src="@/assets/archive/yaw.png"> <img src="@/assets/archive/yaw.png">
<img src="@/assets/archive/pitch.png"> <img src="@/assets/archive/pitch.png">
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 430px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesLeft.rotationLeftMax}}° {{headPoseMaxValuesLeft.rotationLeftMax}}°
</span> </span>
@ -84,7 +86,7 @@
{{headPoseMaxValuesLeft.pitchDownMax}}° {{headPoseMaxValuesLeft.pitchDownMax}}°
</span></div> </span></div>
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 430px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesLeft.rotationRightMax}}° {{headPoseMaxValuesLeft.rotationRightMax}}°
</span></div> </span></div>
@ -99,46 +101,53 @@
</span> </span>
</div> </div>
</div> </div>
<div class="ReportComparison-content-title">足底压力</div> <div class="AloneReportComparison-content-title">足底压力</div>
<div style="width: 600px;height: 370px; display: flex;margin-bottom: 100px;"> <div style="width: 90%;height: 280px; display: flex;">
<img :src="BACKEND_URL+'/' + rawOneData.foot_data_image" alt="" srcset="" style="width: 100%;height: 100%; <img :src="BACKEND_URL+'/' + rawOneData.foot_data_image" alt="" srcset="" style="width: 100%;height: 100%;
object-fit:contain; "> object-fit:contain; ">
</div> </div>
<div class="ReportComparison-content-title">视频1图片</div> <div class="AloneReportComparison-content-title">视频1图片</div>
<div style="width: 600px;height: 338px; display: flex;"> <div style="width: 90%;height: 230px; display: flex;">
<img :src="BACKEND_URL+'/' + rawOneData.foot1_image" alt="" srcset="" style="width: 100%;height: 100%;"> <img :src="BACKEND_URL+'/' + rawOneData.foot1_image" alt="" srcset=""
style="width: 100%;height: 100%;object-fit:contain;">
</div> </div>
<div class="ReportComparison-content-title">视频2图片</div> <div class="AloneReportComparison-content-title">视频2图片</div>
<div style="width: 600px;height: 338px; display: flex;"> <div style="width: 90%;height: 230px; display: flex;">
<img :src="BACKEND_URL+'/' + rawOneData.foot2_image" alt="" srcset="" style="width: 100%;height: 100%;"> <img :src="BACKEND_URL+'/' + rawOneData.foot2_image" alt="" srcset=""
style="width: 100%;height: 100%;object-fit:contain;">
</div> </div>
<div class="AloneReportComparison-container-testdatatitle">【诊断结果】</div>
<div class="AloneReportComparison-title2">记录</div>
<div class="AloneReportComparison-border1">{{ leftInfo.diagnosis_info }}</div>
<div class="AloneReportComparison-title2">处理</div>
<div class="AloneReportComparison-border2">{{ leftInfo.treatment_info }}</div>
<div class="AloneReportComparison-title2">备注</div>
<div class="AloneReportComparison-border3">{{ leftInfo.suggestion_info }}</div>
</div> </div>
</div> <div class="AloneReportComparison-container-rightbox">
<div class="ReportComparison-container-rightbox">
<div class="displayflex"> <div class="displayflex">
<div class="displayflextext1">矫正数据：</div> <div class="displayflextext1">原始数据：</div>
<div class="displayflextext1"> <div class="displayflextext1">
{{ calibrationOneData.id }} {{ rawTwoData.id }}
</div> </div>
</div> </div>
<!-- 选中后显示内容 --> <!-- 选中后显示内容 -->
<div v-if="calibrationOneData.id && calibrationOneData.id!=''"> <div v-if="rawTwoData.id && rawTwoData.id!=''">
<div class="ReportComparison-content-title">整体数据</div> <div class="AloneReportComparison-content-title">整体数据</div>
<div style="width: 600px;height: 387px;"> <div style="width: 90%;height: 219px;">
<img :src="BACKEND_URL+'/' + calibrationOneData.screen_image" alt="" srcset="" style="width: 100%;height: 100%;"> <img :src="BACKEND_URL+'/' + rawTwoData.screen_image" alt="" srcset="" style="width: 100%;height: 100%;">
</div> </div>
<div class="ReportComparison-content-title">身体姿态</div> <div class="AloneReportComparison-content-title">身体姿态</div>
<div style="width: 100%;height: 454px; display: flex;justify-content: center;">
<img :src="BACKEND_URL+'/' + calibrationOneData.body_image" alt="" srcset="" style="width: 100%;height: 100%; <img :src="BACKEND_URL+'/' + rawTwoData.body_image" alt="" srcset=""
object-fit:contain; "> style="width: 100%;height: 454px; object-fit:contain;">
</div> <div class="AloneReportComparison-content-title">头部姿态</div>
<div class="ReportComparison-content-title">头部姿态</div> <div style="width:380px;padding:20px 0; display: flex;justify-content: space-between;">
<div style="width: 555px;padding:20px 0; display: flex;justify-content: space-between;">
<img src="@/assets/archive/roll.png"> <img src="@/assets/archive/roll.png">
<img src="@/assets/archive/yaw.png"> <img src="@/assets/archive/yaw.png">
<img src="@/assets/archive/pitch.png"> <img src="@/assets/archive/pitch.png">
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 430px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">左：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesRight.rotationLeftMax}}° {{headPoseMaxValuesRight.rotationLeftMax}}°
</span> </span>
@ -150,7 +159,7 @@
{{headPoseMaxValuesRight.pitchDownMax}}° {{headPoseMaxValuesRight.pitchDownMax}}°
</span></div> </span></div>
</div> </div>
<div style="width: 630px;padding:20px 0; display: flex;justify-content: space-between;"> <div style="width: 430px;padding:20px 0; display: flex;justify-content: space-between;">
<div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor"> <div class="rollyawpitchtext">右：<span class="rollyawpitchtextcolor">
{{headPoseMaxValuesRight.rotationRightMax}}° {{headPoseMaxValuesRight.rotationRightMax}}°
</span></div> </span></div>
@ -165,38 +174,39 @@
</span> </span>
</div> </div>
</div> </div>
<div class="ReportComparison-content-title">足底压力</div> <div class="AloneReportComparison-content-title">足底压力</div>
<div style="width: 600px;height: 370px; display: flex;margin-bottom: 100px;"> <div style="width: 90%;height: 280px; display: flex;">
<img :src="BACKEND_URL+'/' + calibrationOneData.foot_data_image" alt="" srcset="" style="width: 100%;height: 100%; <img :src="BACKEND_URL+'/' + rawTwoData.foot_data_image" alt="" srcset="" style="width: 100%;height: 100%;
object-fit:contain; "> object-fit:contain; ">
</div> </div>
<div class="ReportComparison-content-title">视频1图片</div> <div class="AloneReportComparison-content-title">视频1图片</div>
<div style="width: 600px;height: 338px; display: flex;"> <div style="width: 90%;height: 230px; display: flex;">
<img :src="BACKEND_URL+'/' + calibrationOneData.foot1_image" alt="" srcset="" style="width: 100%;height: 100%;"> <img :src="BACKEND_URL+'/' + rawTwoData.foot1_image" alt="" srcset=""
style="width: 100%;height: 100%;object-fit:contain;">
</div> </div>
<div class="ReportComparison-content-title">视频2图片</div> <div class="AloneReportComparison-content-title">视频2图片</div>
<div style="width: 600px;height: 338px; display: flex;"> <div style="width: 90%;height: 230px; display: flex;">
<img :src="BACKEND_URL+'/' + calibrationOneData.foot2_image" alt="" srcset="" style="width: 100%;height: 100%;"> <img :src="BACKEND_URL+'/' + rawTwoData.foot2_image" alt="" srcset=""
style="width: 100%;height: 100%;object-fit:contain;">
</div> </div>
</div> </div>
<div class="AloneReportComparison-container-testdatatitle">【诊断结果】</div>
<div class="AloneReportComparison-title2">记录</div>
<div class="AloneReportComparison-border1">{{ rightInfo.diagnosis_info }}</div>
<div class="AloneReportComparison-title2">处理</div>
<div class="AloneReportComparison-border2">{{ rightInfo.treatment_info }}</div>
<div class="AloneReportComparison-title2">备注</div>
<div class="AloneReportComparison-border3">{{ rightInfo.suggestion_info }}</div>
</div> </div>
</div> </div>
<div class="ReportComparison-container-testdatatitle">【诊断结果】</div>
<div class="ReportComparison-title2">记录</div> <div class="AloneReportComparison-footer">
<div class="ReportComparison-border1">{{ leftInfo.diagnosis_info }}</div> <!-- <div style="margin-right: 80px;">检测时间：{{ leftInfo.created_at }}</div> -->
<div class="ReportComparison-title2">处理</div>
<div class="ReportComparison-border2">{{ leftInfo.treatment_info }}</div>
<div class="ReportComparison-title2">备注</div>
<div class="ReportComparison-border3">{{ leftInfo.suggestion_info }}</div>
<div class="ReportComparison-footer">
<div style="margin-right: 80px;">检测时间：{{ leftInfo.created_at }}</div>
<div style="margin-right: 80px;">报告时间：{{ getFormattedTime() }}</div> <div style="margin-right: 80px;">报告时间：{{ getFormattedTime() }}</div>
<div>检测医生：{{ leftInfo.creator_name }}</div> <div>检测医生：{{ leftInfo.creator_name }}</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
@ -206,7 +216,7 @@ import { ref, onMounted, onUnmounted } from 'vue'
import { historyAPI,getBackendUrl } from '@/services/api.js' import { historyAPI,getBackendUrl } from '@/services/api.js'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
const emit = defineEmits([ 'closeReportComparison' ]); const emit = defineEmits([ 'closeAloneReportComparison' ]);
const props = defineProps({ const props = defineProps({
selectedPatient: { selectedPatient: {
required: false, required: false,
@ -261,24 +271,6 @@ const calculateAge = (birthDate) => { // 获取年龄
onMounted(() => { onMounted(() => {
sessionsByIdLeft(props.selectedData[0].id) sessionsByIdLeft(props.selectedData[0].id)
sessionsByIdRight(props.selectedData[1].id) sessionsByIdRight(props.selectedData[1].id)
// imageList.value = props.detectionInfo.data
// for (let i = 0; i < imageList.value.length; i++) {
// if(imageList.value[i].id == props.selectIds[0]){
// rawOneDatavalue = imageList.value[i]
// if(imageList.value[i].head_pose !=null){
// headPoseMaxValuesLeft.value = JSON.parse(imageList.value[i].head_pose).headPoseMaxValues
// }
// }
// if(imageList.value[i].id == props.selectIds[1]){
// calibrationOneData.value = imageList.value[i]
// if(imageList.value[i].head_pose !=null){
// headPoseMaxValuesRight.value = JSON.parse(imageList.value[i].head_pose).headPoseMaxValues
// }
// }
// }
// setTimeout(() => {
// generatePDF()
// }, 500);
}) })
const leftInfo = ref({}) const leftInfo = ref({})
const rightInfo = ref({}) const rightInfo = ref({})
@ -289,16 +281,12 @@ const sessionsByIdLeft = async (session_id) => {
if (response.success) { if (response.success) {
// 回填会话诊断信息到左侧表单 // 回填会话诊断信息到左侧表单
leftInfo.value = response.data leftInfo.value = response.data
response.data.data.forEach(element => { response.data.data.forEach(element => {
if(element.id == props.selectedData[0].data_ids.split(",")[0]){ if(element.id == props.selectedData[0].data_ids.split(",")[0]){
rawOneData.value = element rawOneData.value = element
if(element.head_pose !=null){
headPoseMaxValuesLeft.value = JSON.parse(element.head_pose).headPoseMaxValues
} }
});
response.data.data.forEach(element => {
if(element.id == props.selectedData[0].data_ids.split(",")[1]){
calibrationOneData.value = element
} }
}); });
} }
@ -316,13 +304,12 @@ const sessionsByIdRight = async (session_id) => {
response.data.data.forEach(element => { response.data.data.forEach(element => {
if(element.id == props.selectedData[1].data_ids.split(",")[0]){ if(element.id == props.selectedData[1].data_ids.split(",")[0]){
rawTwoData.value = element rawTwoData.value = element
if(element.head_pose !=null){
headPoseMaxValuesRight.value = JSON.parse(element.head_pose).headPoseMaxValues
}
} }
}); });
response.data.data.forEach(element => {
if(element.id == props.selectedData[1].data_ids.split(",")[1]){
calibrationTwoData.value = element
}
});
} }
} catch (error) { } catch (error) {
@ -358,7 +345,7 @@ const generatePDF = async () => {
const url = URL.createObjectURL(blob) const url = URL.createObjectURL(blob)
const a = document.createElement('a') const a = document.createElement('a')
a.href = url a.href = url
a.download = filename a.download = '对比报告'
document.body.appendChild(a) document.body.appendChild(a)
a.click() a.click()
document.body.removeChild(a) document.body.removeChild(a)
@ -381,12 +368,12 @@ function getFormattedTime() {
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`; return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
} }
function handleCancel(){ function handleCancel(){
emit('closeReportComparison',false) emit('closeAloneReportComparison',false)
} }
</script> </script>
<style scoped> <style scoped>
.ReportComparison-container{ .AloneReportComparison-container{
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -396,23 +383,23 @@ function handleCancel(){
z-index: 50; z-index: 50;
overflow: auto; overflow: auto;
} }
.ReportComparison-container-body{ .AloneReportComparison-container-body{
margin:20px auto 0; margin:20px auto 0;
width: 1600px; width: 1048px;
background: #fff; background: #fff;
border-radius: 5px; border-radius: 5px;
padding: 20px 0 30px; padding: 20px 0 30px;
} }
.ReportComparison-container-display{ .AloneReportComparison-container-display{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding-bottom: 25px; padding-bottom: 25px;
border-bottom: 1px solid #333; border-bottom: 1px solid #333;
} }
.ReportComparison-container-bodytitle{ .AloneReportComparison-container-bodytitle{
font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
@ -421,14 +408,14 @@ function handleCancel(){
text-align: center; text-align: center;
padding-bottom: 20px; padding-bottom: 20px;
} }
.ReportComparison-container-userinfotext{ .AloneReportComparison-container-userinfotext{
font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
color: #282828; color: #282828;
font-size: 18px; font-size: 18px;
} }
.ReportComparison-container-userinfodisplay{ .AloneReportComparison-container-userinfodisplay{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-content:flex-start ; align-content:flex-start ;
@ -436,7 +423,7 @@ function handleCancel(){
padding-top: 30px; padding-top: 30px;
border-bottom: 1px solid #333; border-bottom: 1px solid #333;
} }
.ReportComparison-container-userinfotext2{ .AloneReportComparison-container-userinfotext2{
width: 240px; width: 240px;
font-family: 'Arial Negreta', 'Arial Normal', 'Arial'; font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700; font-weight: 700;
@ -454,7 +441,7 @@ function handleCancel(){
.width-430{ width: 430px; } .width-430{ width: 430px; }
.width-300{ width: 300px; } .width-300{ width: 300px; }
.ReportComparison-container-testdatatitle{ .AloneReportComparison-container-testdatatitle{
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
color: #14AAFF; color: #14AAFF;
@ -462,24 +449,23 @@ function handleCancel(){
text-align: left; text-align: left;
padding: 20px 0; padding: 20px 0;
} }
.ReportComparison-containerdisplay{ .AloneReportComparison-containerdisplay{
display: flex; display: flex;
} }
.ReportComparison-container-leftbox{ .AloneReportComparison-container-leftbox{
width: 50%; width: 50%;
border-right:1px solid rgb(208, 208, 208) ; border-right:1px solid rgb(208, 208, 208) ;
box-sizing: border-box; box-sizing: border-box;
} }
.ReportComparison-container-rightbox{ .AloneReportComparison-container-rightbox{
width: 50%; width: 50%;
box-sizing: border-box; box-sizing: border-box;
padding-left: 80px;
} }
.displayflex{ .displayflex{
display: flex; display: flex;
align-items: center; align-items: center;
} }
.ReportComparison-container .displayflextext1{ .AloneReportComparison-container .displayflextext1{
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
color: #14AAFF; color: #14AAFF;
@ -511,7 +497,7 @@ function handleCancel(){
right: 10px; right: 10px;
} }
.ReportComparison-content-title{ .AloneReportComparison-content-title{
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
color: #282828; color: #282828;
@ -528,7 +514,7 @@ function handleCancel(){
.rollyawpitchtextcolor{ .rollyawpitchtextcolor{
color:#14AAFF; color:#14AAFF;
} }
.ReportComparison-title2{ .AloneReportComparison-title2{
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
font-size: 18px; font-size: 18px;
@ -537,7 +523,7 @@ function handleCancel(){
padding-bottom: 20px; padding-bottom: 20px;
} }
.ReportComparison-border1{ .AloneReportComparison-border1{
padding: 5px; padding: 5px;
width: 100%; width: 100%;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
@ -545,28 +531,28 @@ function handleCancel(){
border-radius: 4px; border-radius: 4px;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 18px; font-size: 16px;
text-decoration: none; text-decoration: none;
color: #383838; color: #383838;
} }
.ReportComparison-border2{ .AloneReportComparison-border2{
width: 100%; width: 100%;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
box-sizing: border-box; box-sizing: border-box;
border-radius: 4px; border-radius: 4px;
font-style: normal; font-style: normal;
font-size: 18px; font-size: 16px;
text-decoration: none; text-decoration: none;
color: #383838; color: #383838;
padding: 5px; padding: 5px;
} }
.ReportComparison-border3{ .AloneReportComparison-border3{
width: 100%; width: 100%;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
box-sizing: border-box; box-sizing: border-box;
border-radius: 4px; border-radius: 4px;
font-style: normal; font-style: normal;
font-size: 18px; font-size: 16px;
text-decoration: none; text-decoration: none;
color: #383838; color: #383838;
padding: 5px; padding: 5px;
@ -612,7 +598,7 @@ function handleCancel(){
} }
/* 容器样式重置 */ /* 容器样式重置 */
.ReportComparison-container-body { .AloneReportComparison-container-body {
width: 100% !important; width: 100% !important;
margin: 0 !important; margin: 0 !important;
box-shadow: none !important; box-shadow: none !important;
@ -625,13 +611,13 @@ function handleCancel(){
} }
/* 移除内层div的固定高度 */ /* 移除内层div的固定高度 */
.ReportComparison-container-body > div { .AloneReportComparison-container-body > div {
height: auto !important; height: auto !important;
padding: 0 !important; padding: 0 !important;
} }
/* 针对克隆节点的特定样式 */ /* 针对克隆节点的特定样式 */
#electron-print-container .ReportComparison-container { #electron-print-container .AloneReportComparison-container {
position: static !important; position: static !important;
width: 100% !important; width: 100% !important;
height: auto !important; height: auto !important;
@ -642,8 +628,8 @@ function handleCancel(){
} }
/* 左右分栏调整 */ /* 左右分栏调整 */
.ReportComparison-container-leftbox, .AloneReportComparison-container-leftbox,
.ReportComparison-container-rightbox { .AloneReportComparison-container-rightbox {
width: 49% !important; width: 49% !important;
display: inline-block !important; display: inline-block !important;
vertical-align: top !important; vertical-align: top !important;
@ -655,12 +641,12 @@ function handleCancel(){
break-inside: auto !important; break-inside: auto !important;
} }
.ReportComparison-container-leftbox { .AloneReportComparison-container-leftbox {
border-right: 1px solid #ccc !important; border-right: 1px solid #ccc !important;
} }
/* 图片容器自适应 */ /* 图片容器自适应 */
.ReportComparison-container-body div[style*="width: 600px"] { .AloneReportComparison-container-body div[style*="width: 600px"] {
width: 100% !important; width: 100% !important;
height: auto !important; height: auto !important;
margin-bottom: 10px !important; margin-bottom: 10px !important;
@ -676,17 +662,17 @@ function handleCancel(){
} }
/* 头部信息紧凑化 */ /* 头部信息紧凑化 */
.ReportComparison-container-bodytitle { .AloneReportComparison-container-bodytitle {
font-size: 24px !important; font-size: 24px !important;
padding-bottom: 10px !important; padding-bottom: 10px !important;
} }
.ReportComparison-container-display, .AloneReportComparison-container-display,
.ReportComparison-container-userinfodisplay { .AloneReportComparison-container-userinfodisplay {
padding: 10px 0 !important; padding: 10px 0 !important;
} }
.ReportComparison-container-userinfotext2 { .AloneReportComparison-container-userinfotext2 {
font-size: 14px !important; font-size: 14px !important;
width: auto !important; width: auto !important;
margin-right: 20px !important; margin-right: 20px !important;
@ -694,16 +680,16 @@ function handleCancel(){
} }
/* 标题字号调整 */ /* 标题字号调整 */
.ReportComparison-content-title, .AloneReportComparison-content-title,
.ReportComparison-container-testdatatitle, .AloneReportComparison-container-testdatatitle,
.ReportComparison-title2 { .AloneReportComparison-title2 {
font-size: 16px !important; font-size: 16px !important;
padding-top: 10px !important; padding-top: 10px !important;
padding-bottom: 5px !important; padding-bottom: 5px !important;
} }
/* 分页控制 */ /* 分页控制 */
.ReportComparison-content-title { .AloneReportComparison-content-title {
break-after: avoid; break-after: avoid;
} }
@ -718,7 +704,7 @@ function handleCancel(){
} }
} }
.PopUpOnlyReport-footer{ .AloneReportComparison-footer{
margin-top: 40px; margin-top: 40px;
padding-top: 40px; padding-top: 40px;
border-top: 1px solid #333; border-top: 1px solid #333;

11
frontend/src/renderer/src/views/PatientProfile.vue
View File

@ -307,6 +307,8 @@
<ReportComparison v-if="isReportComparison" :selectedData="selectedData" <ReportComparison v-if="isReportComparison" :selectedData="selectedData"
:selectedPatient="selectedPatient" @closeReportComparison="isReportComparison = false"/> :selectedPatient="selectedPatient" @closeReportComparison="isReportComparison = false"/>
<AloneReportComparison v-if="isAloneReportComparison" :selectedData="selectedData"
:selectedPatient="selectedPatient" @closeAloneReportComparison="isAloneReportComparison = false"/>
</div> </div>
</template> </template>
@ -321,6 +323,8 @@ import ImageDetailsCompare from '@/views/ImageDetailsCompare.vue'
import ImageDetails from '@/views/ImageDetails.vue' import ImageDetails from '@/views/ImageDetails.vue'
import ViewPDF from '@/views/viewPDF.vue' import ViewPDF from '@/views/viewPDF.vue'
import ReportComparison from '@/views/ReportComparison.vue' import ReportComparison from '@/views/ReportComparison.vue'
import AloneReportComparison from '@/views/AloneReportComparison.vue'
const formatDate = (date) => { const formatDate = (date) => {
const d = new Date(date) const d = new Date(date)
const y = d.getFullYear() const y = d.getFullYear()
@ -344,6 +348,7 @@ const props = defineProps({
} }
}) })
const isReportComparison = ref(false) const isReportComparison = ref(false)
const isAloneReportComparison =ref(false) // 是否单会话报告对比
const isTip = ref(false) // 退出提示 const isTip = ref(false) // 退出提示
const isViewPDF = ref(false) // 是否查看PDF const isViewPDF = ref(false) // 是否查看PDF
const pdfUrl = ref('') // PDF地址 const pdfUrl = ref('') // PDF地址
@ -718,8 +723,12 @@ function viewPatientProfile() { //对比报告
duration: 5000 duration: 5000
}) })
} }
if(selectedData.value[0].data_ids.split(',').length == 1){
isAloneReportComparison.value = true
}else{
isReportComparison.value = true isReportComparison.value = true
}
} }
function generateReport(row,index){ // 打开生成报告页面 function generateReport(row,index){ // 打开生成报告页面