From f24222598e4180c13821f98a5f1cab56889f47f9 Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Tue, 24 Sep 2024 16:05:40 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=AF=BC=E5=87=BA):=20=E5=AF=BC=E5=87=BA?=
 =?UTF-8?q?=20pdf=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/hooks/useExportPDF.ts                       | 5 +++--
 frontend/src/utils/exportPdf.ts                          | 4 ++--
 frontend/src/views/test-plan/report/detail/exportPDF.vue | 5 ++++-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/hooks/useExportPDF.ts b/frontend/src/hooks/useExportPDF.ts
index 5025078c3d..13c401dde2 100644
--- a/frontend/src/hooks/useExportPDF.ts
+++ b/frontend/src/hooks/useExportPDF.ts
@@ -91,15 +91,16 @@ export default async function exportPDF(
       },
       styles: {
         font: 'AlibabaPuHuiTi-3-55-Regular',
+        fontSize: 8,
       },
-      pageBreak: 'avoid',
+      pageBreak: 'auto',
       rowPageBreak: 'avoid',
       margin: { top: 16, left: 16, right: 16, bottom: 16 },
       tableWidth: PDF_WIDTH,
       willDrawPage: (data) => {
         const title = tableTitleMap?.[data.table.id as string];
         if (title && data.cursor) {
-          pdf.text(title, 16, data.cursor.y + 4);
+          pdf.text(title, 10, data.cursor.y + 4);
           // 在文字后加入 8px 高的空白
           data.cursor.y += 12;
         }
diff --git a/frontend/src/utils/exportPdf.ts b/frontend/src/utils/exportPdf.ts
index fbf58fbf1a..6fe72556fc 100644
--- a/frontend/src/utils/exportPdf.ts
+++ b/frontend/src/utils/exportPdf.ts
@@ -9,7 +9,7 @@ const FOOTER_HEIGHT = 16;
 const PAGE_HEIGHT = A4_HEIGHT - FOOTER_HEIGHT - HEADER_HEIGHT;
 const PDF_WIDTH = A4_WIDTH - 32; // 左右分别 16px 间距
 const CONTAINER_WIDTH = 1190;
-export const SCALE_RATIO = window.devicePixelRatio * 1.2;
+export const SCALE_RATIO = window.devicePixelRatio * 1.5;
 // 实际每页高度 = PDF页面高度/页面容器宽度与 pdf 宽度的比例(这里比例*SCALE_RATIO 是因为html2canvas截图时生成的是 SCALE_RATIO 倍的清晰度)
 export const IMAGE_HEIGHT = Math.ceil(PAGE_HEIGHT * (CONTAINER_WIDTH / PDF_WIDTH) * SCALE_RATIO);
 export const MAX_CANVAS_HEIGHT = IMAGE_HEIGHT * 20; // 一次截图最大高度是 20 页整（过长会无法截完整，出现空白）
@@ -131,7 +131,7 @@ export default async function exportPDF(name: string, contentId: string) {
           }
           // 将大分页的画布图片裁剪成pdf 页面内容大小，并渲染到临时画布上
           tempContext.drawImage(_canvas, 0, -pagePosition, canvasWidth, canvasHeight);
-          const tempCanvasData = cropCanvas.toDataURL('image/jpeg', 0.8);
+          const tempCanvasData = cropCanvas.toDataURL('image/jpeg', 1);
           // 将临时画布图片渲染到 pdf 上
           pdf.addImage(tempCanvasData, 'jpeg', 16, 16, PDF_WIDTH, PAGE_HEIGHT);
         }
diff --git a/frontend/src/views/test-plan/report/detail/exportPDF.vue b/frontend/src/views/test-plan/report/detail/exportPDF.vue
index 8895109c05..59f0f86991 100644
--- a/frontend/src/views/test-plan/report/detail/exportPDF.vue
+++ b/frontend/src/views/test-plan/report/detail/exportPDF.vue
@@ -111,7 +111,10 @@
             <div v-else-if="item.value === ReportCardTypeEnum.CUSTOM_CARD" ref="customCardRef">
               <MsRichText :raw="item.content" :editable="false" />
             </div>
-            <div v-else-if="item.value === ReportCardTypeEnum.SUMMARY" ref="summaryRef">
+            <div
+              v-else-if="item.value === ReportCardTypeEnum.SUMMARY && (isDefaultLayout ? detail.summary : item.content)"
+              ref="summaryRef"
+            >
               <MsRichText :raw="isDefaultLayout ? detail.summary : item.content" :editable="false" />
             </div>
           </div>