修改报告首页样式

public/templates/report-template.html

@@ -12,7 +12,8 @@
         .constitution-table {
             width: 100%;
             border-collapse: collapse;
-            margin: 10px auto 30px;  /* 上边距10px，左右auto居中，下边距30px留出空间 */
+            margin: 10px auto 30px;
+            /* 上边距10px，左右auto居中，下边距30px留出空间 */
         }
 
         .constitution-table td {
@@ -25,7 +26,7 @@
         .avatar-container {
             width: 120px;
             height: 160px;
-            margin: 30px auto;
+            margin: 50px auto;
             border: 1px solid #000;
             display: flex;
             justify-content: center;
@@ -66,8 +67,10 @@
             background-color: #4a90e2;
             color: white;
             padding: 15px;
-            font-size: 18px; /* 这里控制字体大小 */
+            font-size: 18px;
-            font-weight: bold;/* 这里控制字体粗细 */
+            /* 这里控制字体大小 */
+            font-weight: bold;
+            /* 这里控制字体粗细 */
             border-bottom: 1px solid #e0e0e0;
         }
 
@@ -106,7 +109,8 @@
             border: 1px solid #ddd;
             padding: 12px;
             text-align: left;
-            font-size: 16px;  /* 可以在这里设置字体大小 */
+            font-size: 16px;
+            /* 可以在这里设置字体大小 */
         }
 
         .exam-table th {
@@ -479,7 +483,7 @@
         }
 
         .repott_concent_title {
-            font-size: 40pt;
+            font-size: 30pt;
             letter-spacing: 30px;
         }
 
@@ -658,16 +662,27 @@
                     <span>&nbsp;&nbsp;体检编号：--</span>
                 </div>
             </div>
-            <div class="repott_concent">
+            <!-- 添加标题下方的文字，靠右对齐 -->
-                <div class="repott_concent_area">
+            <div style="text-align: right; padding: 10px 20px; font-size: 16px; color: #333;">
-                    <div class="repott_concent_title">健康</div>
+                本报告属个人隐私范畴</br>
-                    <div class="repott_concent_title">体检</div>
+                未获本人同意，不得传播
-                    <div class="repott_concent_title">报告</div>
+            </div>
-                </div>
+            <div class="repott_concent" style="top: -350px;">
-                <div class="repott_concent_english">
+                <div style="display: flex; align-items: flex-start; justify-content: center; margin-bottom: 20px;">
-                    <div class="repott_concent_english_health">Health</div>
+                    <img src="/首页标签.png" alt="logo"
-                    <div class="repott_concent_Examination">Examination</div>
+                        style="width: 85px; height: 92px;  ">
-                    <div class="repott_concent_Report">Report</div>
+                    <div>
+                        <div class="repott_concent_area">
+                            <div class="repott_concent_title">健康</div>
+                            <div class="repott_concent_title">体检</div>
+                            <div class="repott_concent_title">报告</div>
+                        </div>
+                        <div class="repott_concent_english">
+                            <div class="repott_concent_english_health">Health</div>
+                            <div class="repott_concent_Examination">Examination</div>
+                            <div class="repott_concent_Report">Report</div>
+                        </div>
+                    </div>
                 </div>
                 <!-- 添加头像区域 -->
                 <div class="avatar-container">
@@ -1197,7 +1212,7 @@
             containers.forEach(container => {
                 const imageContainer = container.querySelector('.pdf-image-container');
                 if (imageContainer.style.display !== 'block') {
-                     allRendered = false;
+                    allRendered = false;
                 }
             });
 

src/views/summary/reprot-print/components/ReportPreview.vue

@@ -12,7 +12,7 @@
     <div class="iframe-container">
       <iframe
         v-if="dialogVisible"
-        src="\templates\report-template.html"
+        src="/templates/report-template.html"
         frameborder="0"
         style="width: 100%; height: 100%; border: none"
         @load="handleIframeLoad"
@@ -28,6 +28,7 @@
 </template>
 
 <script setup lang="ts">
+import type { App } from 'vue'
 import { ref, defineProps, defineEmits, watch } from 'vue'
 import { PatientApi } from '@/api/inspect/inspectpatient/index'
 import Message from '@/layout/components/Message/src/Message.vue'
@@ -348,7 +349,6 @@ const handleIframeLoad = async () => {
     reportData.data.forEach((item) => {
       if (item.data) {
         let reportTitle = ''
-        console.log('type', item.pacsDataType)
         switch (item.pacsDataType) {
           case 'cbc':
             reportTitle = '血常规检查报告'
@@ -368,7 +368,6 @@ const handleIframeLoad = async () => {
           default:
             break
         }
-        console.log('reportTitle', reportTitle)
         if (reportTitle) {
           const reportSection = Array.from(doc.querySelectorAll('.report-item')).find((section) => {
             const titleElement = section.querySelector('.report-title')