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