美文网首页
泛微OA-页面添加打印按钮,下载html转word

泛微OA-页面添加打印按钮,下载html转word

作者: iOS大熊猫 | 来源:发表于2023-12-21 16:35 被阅读0次
    <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">&lt;script&gt;<o:p></o:p></span></p>
    
    <p class="MsoNormal"><span lang="EN-US"><span style="mso-spacerun:yes">&nbsp;
    </span>//</span>页面加载完成调用<span lang="EN-US"><o:p></o:p></span></p>
    
    <p class="MsoNormal"><span lang="EN-US"><span style="mso-spacerun:yes">&nbsp;
    </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">&nbsp;&nbsp;&nbsp; </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>&nbsp;</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>
    

    相关文章

      网友评论

          本文标题:泛微OA-页面添加打印按钮,下载html转word

          本文链接:https://www.haomeiwen.com/subject/sdcfndtx.html