feat: 导出先更新一次

2025-12-11 18:18:38 +08:00
parent 10747e9158
commit 1ac4807851
4 changed files with 338 additions and 13 deletions
--- a/src/utils/export.js
+++ b/src/utils/export.js
@ -0,0 +1,105 @@
+import { saveAs } from 'file-saver';
+import html2pdf from 'html2pdf.js';
+
+const isDOM = (obj) => obj instanceof HTMLElement;
+
+/**
+ * 导出 PDF
+ * @param {HTMLElement} dom 目标 DOM 元素
+ * @param {string} name 文件名
+ */
+export const downloadPDF = async (dom, name = '导出文件') => {
+  if(!isDOM(dom)) return;
+
+  try {
+    // 等待一段时间确保所有图表完全渲染
+    await new Promise(resolve => setTimeout(resolve, 1500));
+
+    // 强制重新渲染所有图表
+    const resizeEvent = new Event('resize');
+    window.dispatchEvent(resizeEvent);
+
+    // 再次等待图表重绘完成
+    await new Promise(resolve => setTimeout(resolve, 1000));
+
+    // 获取内容的实际高度
+    const contentHeight = dom.scrollHeight;
+
+    // 计算需要的页面尺寸（单位：毫米）
+    // 将像素转换为毫米（1px ≈ 0.264583mm）
+    const a4HeightMm = 297; // A4纸高度
+    const contentHeightMm = contentHeight * 0.264583;
+
+    const opt = {
+      margin: [10, 10, 20, 10],  // [top, right, bottom, left] 格式
+      filename: name + '.pdf',
+      image: {
+        type: 'png',
+        quality: 1
+      },
+      html2canvas: {
+        scale: 1.5,
+        useCoRs: true,
+        allowTaint: true,
+        foreignObjectRendering: false,
+        logging: false,
+        width: dom.scrollWidth,
+        height: dom.scrollHeight + 100,  // 增加额外高度，包含底部内容
+        scrollX: 0,
+        scrollY: 0
+      },
+      jsPDF: {
+        unit: 'mm',
+        format: [210, contentHeightMm + 40], // 自定义页面高度，确保所有内容都在一页
+        orientation: "portrait"
+      },
+      pagebreak: {
+        mode: "avoid",  // 尽量避免在元素中间分页
+        before: '.analysis-report-box h2',  // 在h2标题前避免分页
+        after: '.analysis-report-box h2',   // 在h2标题后避免分页
+        avoid: '.analysis-report-box p'     // 避免在段落中间分页
+      }
+    };
+
+    await html2pdf().set(opt).from(dom).save();
+    return true;
+  } catch (error) {
+    console.error('PDF导出失败:', error);
+    return false;
+  }
+}
+
+
+// 带样式的下载方法
+export function downloadDocWithStyle(textContent) {
+  if (typeof textContent !== 'string') return;
+  const wordDocument = `
+    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
+    <head>
+      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+      <title>富文本导出</title>
+      <style>
+        /* 应用两端对齐样式 */
+        body {
+          text-align: justify;
+          text-justify: inter-character; /* 中文文本两端对齐 */
+          font-family: "Microsoft YaHei", Arial, sans-serif;
+        }
+        p {
+          text-align: justify;
+          text-justify: inter-character;
+        }
+      </style>
+    </head>
+    <body>
+      ${textContent}
+    </body>
+    </html>
+  `;
+
+  const blob = new Blob([wordDocument], {
+    type: 'application/msword'
+  });
+
+  saveAs(blob, 'styled-document.doc');
+};