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

修改样式

Browse Source
This commit is contained in:
Euni4U 2025-03-20 11:23:46 +08:00
parent d09e71e943
commit 9c785969f6
2 changed files with 35 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -53,7 +53,7 @@
.report-item {
margin-bottom: 40px;
border: 1px solid #e0e0e0;
border: 1px solid #000;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@ -64,14 +64,14 @@
}
.report-title {
background-color: #4a90e2;
color: white;
background-color: white;
color: black;
padding: 15px;
font-size: 18px;
/* 这里控制字体大小 */
font-weight: bold;
/* 这里控制字体粗细 */
border-bottom: 1px solid #e0e0e0;
border-bottom: 1px solid #000;
}
.report-content {
@ -279,7 +279,7 @@
.general-exam .exam-table td {
padding: 8px !important;
font-size: 18px !important;
line-height: 1.5;
line-height: 1.5;
height: 40px; /* 降低单元格高度 */
}
@ -337,8 +337,8 @@
.report-title {
padding: 8px 10px;
font-size: 16px;
background-color: #4a90e2 !important;
color: white !important;
background-color: white !important;
color: black !important;
}
/* 内容区域 */
@ -537,6 +537,15 @@
text-align: center !important;
font-weight: bold !important;
}
.preface-paragraphs {
margin-bottom: 20px !important;
line-height: 1.8 !important; /* 打印时保持相同的行间距 */
}
.preface-paragraphs p {
margin-bottom: 15px !important; /* 打印时保持段落间距 */
}
}
/* 添加首页样式 */
@ -611,6 +620,7 @@
}
.preface-content .hospital-name {
margin-top: 60px;
margin-bottom: 20px;
font-weight: normal;
}
@ -714,7 +724,13 @@
}
.preface-paragraphs {
margin-bottom: 20px;
margin-bottom: 40px;
line-height: 2.5; /* 增加行间距 */
}
.preface-paragraphs p {
margin-bottom: 40px; /* 段落之间的间距 */
line-height: 2.5; /* 段落内的行间距 */
}
.preface-footer {
@ -722,6 +738,7 @@
}
.hospital-name {
margin-top: 60px;
font-weight: bold;
}
@ -816,7 +833,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"
<img src="/首页标签.png" alt="logo"
style="width: 85px; height: 92px; ">
<div>
<div class="repott_concent_area">
@ -858,6 +875,9 @@
class="person_content">--</span>
</div>
</div>
<div style="text-align: center; margin-top: 80px;">
<span style="font-size: 18px;">兴和县卫生健康委员会</span>
</div>
</div>
<!-- 添加 first-page-number 类 -->
<div class="page-number first-page-number">第1页</div>
@ -877,15 +897,15 @@
<p class="preface-greeting">尊敬的<span class="underline"></span>先生/女士：</p>
<div class="preface-paragraphs">
<p>您好！欢迎参加国家基本公共卫生服务老年人健康体检项目。</p>
<p style="line-height: 2.5; margin-bottom: 40px;">您好！欢迎参加国家基本公共卫生服务老年人健康体检项目。</p>
<p>健康体检是在自我感觉健康的情况下，通过医学手段对身体各脏器的状态进行的检测。定期的健康体检可以帮助您及早发现健康状态下的危机，为您的健康保驾护航。</p>
<p style="line-height: 2.5; margin-bottom: 40px;">健康体检是在自我感觉健康的情况下，通过医学手段对身体各脏器的状态进行的检测。定期的健康体检可以帮助您及早发现健康状态下的危机，为您的健康保驾护航。</p>
<p>希望您仔细阅读并妥善保管这份体检报告，给予充分的重视。如有疑问请及时与我院进行联系。</p>
<p style="line-height: 2.5; margin-bottom: 40px;">希望您仔细阅读并妥善保管这份体检报告，给予充分的重视。如有疑问请及时与我院进行联系。</p>
<p>我们希望能够与您建立长期的联系，并为您建立健康档案，以便对您的健康状态进行长期的追踪，为您的健康提供长期的帮助和服务。</p>
<p style="line-height: 2.5; margin-bottom: 40px;">我们希望能够与您建立长期的联系，并为您建立健康档案，以便对您的健康状态进行长期的追踪，为您的健康提供长期的帮助和服务。</p>
<p>由于体检项目和检测手段所限，一次体检不能全部检出身体中的潜在隐患，一旦发现身体出现不适，请及时到医院进行就诊。</p>
<p style="line-height: 2.5; margin-bottom: 40px;">由于体检项目和检测手段所限，一次体检不能全部检出身体中的潜在隐患，一旦发现身体出现不适，请及时到医院进行就诊。</p>
</div>
<div class="preface-footer">

2
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"