：点晴ERP-如何给打印页面添加导出word,pdf,excel的功能

1. 添加以下代码到网页头部

 <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>

<script type="text/javascript" src="../js/FileSaver.js"></script>

<script type="text/javascript" src="../js/jquery.wordexport.js"></script>

<script type="text/javascript" src="../js/jquery.excelexport.js"></script>

<script type="text/javascript" src="../js/html2pdf.bundle.min.js"></script>

<script type="text/javascript">

//导出word函数

function html2doc(outID,outName) {

    //outID-导出内容控件ID,outName-导出文件名称

    $("#"+outID).wordExport(outName);

}

//导出excel函数

function html2xls(outID,outName) {

    //outID-导出内容控件ID,outName-导出文件名称

    $("#"+outID).excelExport(outName);

}

//导出PDF函数

function html2pdfs(outID,outName,orientFlag,pageSize) {

    //outID-导出内容控件ID,outName-导出文件名称,orientFlag-导出方向(0纵向/1横向),pageSize-导出页面大小(默认A4，可以根据实际需要改为A3/B5等)

    var element = document.getElementById(outID);

    var orientName="portrait";

    if (orientFlag-1==0){orientName="landscape";}

    html2pdf().from(element).set({

      margin: 0,

      filename: outName+'.pdf',

      image: { type: 'jpeg', quality: 0.9 },

      html2canvas: { scale: 2, y: 0,  scrollY: 0 },

      jsPDF: {orientation: orientName, unit: 'in', format: pageSize, compressPDF: true}

    }).save();

}

</script>

2.添加导出按钮如下面例子：

//导出Excel的按钮

<input type="text" value="导出Excel" onclick="html2xls('print_body','采购单<%=order_id%>');" style="border:none;text-align:center;line-height:21px;vertical-align:middle;width:70px;height:21px;background-color:#0080FF;color:#FFFFFF;cursor:pointer;border-radius:3px;" onmouseover="this.style.backgroundColor='#0065CA';" onmouseout="this.style.backgroundColor='#0080FF';" readonly>

//导出WORD的按钮

 <input type="button" value="导出Word" onclick="html2doc('print_body','采购单<%=order_id%>');" class="button_60px NOPRINT button_ui_dogerblue">

//导出纵向PDF的按钮

 <input type="button" value="纵向导出PDF" onclick="html2pdfs('print_body','采购单<%=order_id%>',0,'A4');" class="button_60px NOPRINT button_ui_deepred">

//导出横向PDF的按钮

<input type="button" value="横向导出PDF" onclick="html2pdfs('print_body','采购单<%=order_id%>',1,'A4');" class="button_60px NOPRINT button_ui_deepred">