111 lines
3.3 KiB
JavaScript
111 lines
3.3 KiB
JavaScript
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, title = '战术研判报告') {
|
||
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;
|
||
}
|
||
.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;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
${textContent}
|
||
</body>
|
||
</html>
|
||
`;
|
||
|
||
const blob = new Blob([wordDocument], {
|
||
type: 'application/msword'
|
||
});
|
||
|
||
saveAs(blob, `${title}.doc`);
|
||
|
||
};
|