2025-12-11 18:18:38 +08:00
|
|
|
|
import { saveAs } from 'file-saver';
|
2025-12-12 09:47:20 +08:00
|
|
|
|
// import html2pdf from 'html2pdf.js';
|
2025-12-11 18:18:38 +08:00
|
|
|
|
|
|
|
|
|
|
const isDOM = (obj) => obj instanceof HTMLElement;
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 导出 PDF
|
|
|
|
|
|
* @param {HTMLElement} dom 目标 DOM 元素
|
|
|
|
|
|
* @param {string} name 文件名
|
|
|
|
|
|
*/
|
|
|
|
|
|
export const downloadPDF = async (dom, name = '导出文件') => {
|
2025-12-12 09:47:20 +08:00
|
|
|
|
// 先不用这个
|
|
|
|
|
|
// if (!isDOM(dom)) return;
|
2025-12-11 18:18:38 +08:00
|
|
|
|
|
2025-12-12 09:47:20 +08:00
|
|
|
|
// try {
|
|
|
|
|
|
// // 等待一段时间确保所有图表完全渲染
|
|
|
|
|
|
// await new Promise(resolve => setTimeout(resolve, 1500));
|
2025-12-11 18:18:38 +08:00
|
|
|
|
|
2025-12-12 09:47:20 +08:00
|
|
|
|
// // 强制重新渲染所有图表
|
|
|
|
|
|
// const resizeEvent = new Event('resize');
|
|
|
|
|
|
// window.dispatchEvent(resizeEvent);
|
2025-12-11 18:18:38 +08:00
|
|
|
|
|
2025-12-12 09:47:20 +08:00
|
|
|
|
// // 再次等待图表重绘完成
|
|
|
|
|
|
// await new Promise(resolve => setTimeout(resolve, 1000));
|
2025-12-11 18:18:38 +08:00
|
|
|
|
|
2025-12-12 09:47:20 +08:00
|
|
|
|
// // 获取内容的实际高度
|
|
|
|
|
|
// const contentHeight = dom.scrollHeight;
|
2025-12-11 18:18:38 +08:00
|
|
|
|
|
2025-12-12 09:47:20 +08:00
|
|
|
|
// // 计算需要的页面尺寸（单位：毫米）
|
|
|
|
|
|
// // 将像素转换为毫米（1px ≈ 0.264583mm）
|
|
|
|
|
|
// const a4HeightMm = 297; // A4纸高度
|
|
|
|
|
|
// const contentHeightMm = contentHeight * 0.264583;
|
2025-12-11 18:18:38 +08:00
|
|
|
|
|
2025-12-12 09:47:20 +08:00
|
|
|
|
// 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' // 避免在段落中间分页
|
|
|
|
|
|
// }
|
|
|
|
|
|
// };
|
2025-12-11 18:18:38 +08:00
|
|
|
|
|
2025-12-12 09:47:20 +08:00
|
|
|
|
// await html2pdf().set(opt).from(dom).save();
|
|
|
|
|
|
// return true;
|
|
|
|
|
|
// } catch (error) {
|
|
|
|
|
|
// console.error('PDF导出失败:', error);
|
|
|
|
|
|
// return false;
|
|
|
|
|
|
// }
|
2025-12-11 18:18:38 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 带样式的下载方法
|
2025-12-11 20:44:33 +08:00
|
|
|
|
export function downloadDocWithStyle(textContent, title = '战术研判报告') {
|
2025-12-11 18:18:38 +08:00
|
|
|
|
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;
|
|
|
|
|
|
}
|
2025-12-11 18:44:06 +08:00
|
|
|
|
.center-subtitle {
|
|
|
|
|
|
display: flex;align-items: center;justify-content: space-between; color: red;margin-top: 30px;padding: 0 30px;font-size: 18px;font-weight: 700;
|
|
|
|
|
|
}
|
2025-12-11 18:18:38 +08:00
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
${textContent}
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
|
|
const blob = new Blob([wordDocument], {
|
|
|
|
|
|
type: 'application/msword'
|
|
|
|
|
|
});
|
|
|
|
|
|
|
2025-12-11 20:44:33 +08:00
|
|
|
|
saveAs(blob, `${title}.doc`);
|
|
|
|
|
|
|
2025-12-11 18:18:38 +08:00
|
|
|
|
};
|
