泛微OA-页面添加打印按钮，下载html转word
2023-12-21 本文已影响0人
iOS大熊猫
<script>
function printclick(){
let node = `<div class="WordSection1" style="layout-grid:15.6pt">
<h2><span lang="EN-US">OA</span>明细表日期范围控制<span lang="EN-US"><o:p></o:p></span></h2>
<p class="MsoNormal"><span lang="EN-US"><script><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"><span style="mso-spacerun:yes">
</span>//</span>页面加载完成调用<span lang="EN-US"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"><span style="mso-spacerun:yes">
</span>jQuery(document<span class="GramE">).ready</span>(function() {<o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"><span style="mso-spacerun:yes"> </span><span class="SpellE">WfForm.controlDateRange</span>("field98376_0",
1, 100); //</span>控制主表日期或者明细表第一个日期格式为 明天<span lang="EN-US">~100</span>天可选<span lang="EN-US"><o:p></o:p></span></p>
<p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p>
</div>`;
let style = ""
let html = this.getModelHtml(node,style)
// 导出
const blob = new Blob([html], {
type: 'application/msword;charset=utf-8',
});
const link = document.createElement('a');
link.download = '报审表.doc';
link.href = URL.createObjectURL(blob);
link.click();
}
/*两个参数：mhtml为你传递进来的html代码，style即是html的对应样式*/
function getModelHtml(mhtml,style = ""){
return `
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
${mhtml}
</body>
</html>
`
}
</script>
<button onclick="printclick();" style="
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: #555;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 10px;
" >打印报审表</button>
<style>
${style}
</style>
