fix(导出): 测试计划报告导出

--bug=1047049 --user=白奇 【测试计划】计划-编辑修改报告总结内容-导出自定义的报告失败 https://www.tapd.cn/55049933/s/1584661

frontend/src/components/pure/ms-rich-text/MsRichText.vue

@@ -521,8 +521,8 @@
 
   const contentStyles = computed(() => {
     return {
-      maxHeight: props.autoHeight ? '800px' : props.maxHeight || '260px',
+      maxHeight: props.autoHeight ? '' : props.maxHeight || '260px',
-      overflow: 'auto',
+      overflow: props.autoHeight ? 'hidden' : 'auto',
     };
   });
 

frontend/src/hooks/useExportPDF.ts

@@ -107,9 +107,9 @@ export default async function exportPDF(
     };
     autoTableConfig.forEach((config, index) => {
       autoTable(pdf, {
+        ...(commonOdfTableConfig as UserOptions),
         ...config,
         startY: index === 0 && lastImagePageUseHeight > 0 ? lastImagePageUseHeight + 32 : undefined, // 第一页表格如果和图片同一页，则需要设置 startY 为当前图片占用高度+32，以避免表格遮挡图片
-        ...(commonOdfTableConfig as UserOptions),
         didDrawPage: (data) => {
           pdf.text(
             `${data.doc.internal.getCurrentPageInfo().pageNumber}`,

frontend/src/views/test-plan/report/detail/exportPDF.vue

@@ -167,7 +167,6 @@
 
   import { BatchApiParams } from '@/models/common';
   import type {
-    componentItem,
     configItem,
     countDetail,
     PlanReportDetail,
@@ -685,10 +684,10 @@
     );
 
     return {
-      apiColumns: apiColumns || apiDefaultColumns,
+      apiColumns: apiColumns.length > 0 ? apiColumns : apiDefaultColumns.value,
-      scenarioColumns: scenarioColumns || apiDefaultColumns,
+      scenarioColumns: scenarioColumns.length > 0 ? scenarioColumns : apiDefaultColumns.value,
-      bugColumns: bugColumns || bugDefaultColumns,
+      bugColumns: bugColumns.length > 0 ? bugColumns : bugDefaultColumns,
-      functionalCaseColumns: functionalCaseColumns || caseDefaultColumns,
+      functionalCaseColumns: functionalCaseColumns.length > 0 ? functionalCaseColumns : caseDefaultColumns.value,
     };
   }
 
@@ -869,16 +868,23 @@
       if (customCardImages.length > 0 || summaryImages.length > 0) {
         let loadedImageCount = 0;
         await new Promise((resolve) => {
-          const images = [...customCardImages, ...summaryImages];
+          const images = [...customCardImages, ...summaryImages].filter((image) => !image.complete); // 图片的加载是异步的，与 JS 解析是同时进行，所以需要过滤掉此时已经加载完毕的图片
-          images.forEach((image) => {
+          if (images.length > 0) {
-            image.onload = () => {
+            // 此时还有未加载完成的图片，则给图片绑定加载事件，等待图片加载完毕后导出
-              loadedImageCount += 1;
+            images.forEach((image) => {
-              if (loadedImageCount === images.length) {
+              image.onload = () => {
-                doExport(name, tableArr);
+                loadedImageCount += 1;
-                resolve(true);
+                if (loadedImageCount === images.length) {
-              }
+                  doExport(name, tableArr);
-            };
+                  resolve(true);
-          });
+                }
+              };
+            });
+          } else {
+            // 此时图片都已加载完毕，则直接导出 PDF
+            doExport(name, tableArr);
+            resolve(true);
+          }
         });
       } else {
         doExport(name, tableArr);