From e392e9e94c48d8d05f9a444de0bc9bf0962f5b6a Mon Sep 17 00:00:00 2001
From: lxd <1004405501@qq.com>
Date: Thu, 20 Mar 2025 17:39:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8A=A5=E5=91=8A=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/templates/report-template.html         | 56 ++++++++++++++-----
 .../reprot-print/components/ReportPreview.vue |  9 ++-
 2 files changed, 49 insertions(+), 16 deletions(-)

diff --git a/public/templates/report-template.html b/public/templates/report-template.html
index 27dcb72..f457a1a 100644
--- a/public/templates/report-template.html
+++ b/public/templates/report-template.html
@@ -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;
+                /* 统一设置基础字号 */
             }
 
             /* 统一所有检验科小结样式 */
@@ -514,7 +535,7 @@
                 line-height: 1.6 !important;
                 margin: 1px 0 !important;
                 margin-bottom: 60px !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;
             }
 
@@ -777,22 +800,22 @@
                 font-size: 20px !important;
                 margin-bottom: 20px !important;
             }
-            
+
             .notice-text {
                 font-size: 14px !important;
             }
-            
+
             .summary-content {
                 font-size: 16px !important;
                 margin: 10px 30px !important;
             }
-            
+
             .summary-tip {
                 margin-top: 17px !important;
                 padding: 10px !important;
                 background-color: transparent !important;
             }
-            
+
             .summary-tip p {
                 font-size: 14px !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>
diff --git a/src/views/summary/reprot-print/components/ReportPreview.vue b/src/views/summary/reprot-print/components/ReportPreview.vue
index 33791f1..bfca53f 100644
--- a/src/views/summary/reprot-print/components/ReportPreview.vue
+++ b/src/views/summary/reprot-print/components/ReportPreview.vue
@@ -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"
@@ -285,6 +285,13 @@ const handleIframeLoad = async () => {
     if (summaryElement) {
       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) => {