Flow/inspect-front
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改报告样式

Browse Source
This commit is contained in:
lxd 2025-03-20 17:39:41 +08:00
parent d09e71e943
commit e392e9e94c
2 changed files with 49 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
public/templates/report-template.html
View File

@ -8,6 +8,21 @@
<!-- 添加PDF.js库 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.4.120/pdf.min.js"></script>
<style>
/* 体质辨识结果详情容器样式 */
.constitution-detail-container {
margin: 10px auto;
padding: 15px;
border: 1px solid #fffcfc;
width: 90%;
height: calc(100% - 300px);
border-radius: 4px;
overflow-y: auto;
white-space: pre-line;
line-height: 3;
font-size: 16px;
text-align: left;
}
/* 体质辨识结果表格样式 */
.constitution-table {
width: 100%;
@ -272,7 +287,8 @@
/* 一般检查的表格 */
.general-exam .exam-table {
margin: 20px 0 40px !important; /* 下边距从0增加到40px */
margin: 20px 0 40px !important;
/* 下边距从0增加到40px */
}
.general-exam .exam-table th,
@ -280,14 +296,16 @@
padding: 8px !important;
font-size: 18px !important;
line-height: 1.5;
height: 40px; /* 降低单元格高度 */
height: 40px;
/* 降低单元格高度 */
}
/* 一般检查的小结 */
.general-exam .report-summary {
padding: 5px !important;
bottom: 170px !important;
min-height: auto; /* 移除固定高度 */
min-height: auto;
/* 移除固定高度 */
margin-bottom: 0 !important;
left: 20px;
right: 20px;
@ -474,21 +492,24 @@
/* 超声检查所见所得样式 */
.ultrasound-exam .report-summary p {
font-size: 14px !important; /* 与一般检查小结正文相同 */
font-size: 14px !important;
/* 与一般检查小结正文相同 */
line-height: 1.6 !important;
margin: 1px 0 !important;
margin-bottom: 60px !important;
}
.ultrasound-exam .report-summary strong {
font-size: 16px !important; /* 与一般检查小结标题相同 */
font-size: 16px !important;
/* 与一般检查小结标题相同 */
}
/* 原超声样式调整 */
.ultrasound-exam .report-summary {
padding: 5px !important;
margin-bottom: 80px !important;
font-size: 14px !important; /* 统一设置基础字号 */
font-size: 14px !important;
/* 统一设置基础字号 */
}
/* 统一所有检验科小结样式 */
@ -525,8 +546,10 @@
}
.report-footer {
left: 20px !important; /* 从10px调整为20px */
right: 20px !important; /* 从10px调整为20px */
left: 20px !important;
/* 从10px调整为20px */
right: 20px !important;
/* 从10px调整为20px */
border-top: 1px solid #000 !important;
}
@ -816,8 +839,7 @@
</div>
<div class="repott_concent" style="top: -350px;">
<div style="display: flex; align-items: flex-start; justify-content: center; margin-bottom: 20px;">
<img src="/inspect/首页标签.png" alt="logo"
style="width: 85px; height: 92px; ">
<img src="/inspect/首页标签.png" alt="logo" style="width: 85px; height: 92px; ">
<div>
<div class="repott_concent_area">
<div class="repott_concent_title">健康</div>
@ -1166,6 +1188,10 @@
<td width="50%" class="constitution-value" style="text-align: center;">--</td>
</tr>
</table>
<!-- 添加体质辨识结果详情容器 -->
<div id="constitution-detail-container" class="constitution-detail-container">
<!-- 这里将通过JavaScript赋值 -->
</div>
<div class="report-footer">
<p class="report-footer-text">定期体检，尊享健康</p>
</div>

9
src/views/summary/reprot-print/components/ReportPreview.vue
View File

@ -12,7 +12,7 @@
<div class="iframe-container">
<iframe
v-if="dialogVisible"
src="/inspect/templates/report-template.html"
src="/templates/report-template.html"
frameborder="0"
style="width: 100%; height: 100%; border: none"
@load="handleIframeLoad"
@ -286,6 +286,13 @@ const handleIframeLoad = async () => {
summaryElement.textContent = reportData.summaryResult || '--'
}
//更新体质结果详情
const constitutionDetailContainer = doc.getElementById('constitution-detail-container')
if (constitutionDetailContainer) {
constitutionDetailContainer.textContent = reportData.features.replace(/\\r\\n/g, '\n') || '--'
}
// 更新图片和 PDF 链接
reportData.data.forEach((item) => {
if (item.data) {