日本xxxx18视频在线观看-日本xxxx1819-日本xxxwww在线观看-日本xxx-日本xx-日本www在线视频

：點(diǎn)晴ERP-如何給打印頁面添加導(dǎo)出word,pdf,excel的功能

1. 添加以下代碼到網(wǎng)頁頭部

 <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">

//導(dǎo)出word函數(shù)

function html2doc(outID,outName) {

    //outID-導(dǎo)出內(nèi)容控件ID,outName-導(dǎo)出文件名稱

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

}

//導(dǎo)出excel函數(shù)

function html2xls(outID,outName) {

    //outID-導(dǎo)出內(nèi)容控件ID,outName-導(dǎo)出文件名稱

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

}

//導(dǎo)出PDF函數(shù)

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

    //outID-導(dǎo)出內(nèi)容控件ID,outName-導(dǎo)出文件名稱,orientFlag-導(dǎo)出方向(0縱向/1橫向),pageSize-導(dǎo)出頁面大小(默認(rèn)A4，可以根據(jù)實(shí)際需要改為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.添加導(dǎo)出按鈕如下面例子：

//導(dǎo)出Excel的按鈕

<input type="text" value="導(dǎo)出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>

//導(dǎo)出WORD的按鈕

 <input type="button" value="導(dǎo)出Word" onclick="html2doc('print_body','采購單<%=order_id%>');" class="button_60px NOPRINT button_ui_dogerblue">

//導(dǎo)出縱向PDF的按鈕

 <input type="button" value="縱向?qū)С鯬DF" onclick="html2pdfs('print_body','采購單<%=order_id%>',0,'A4');" class="button_60px NOPRINT button_ui_deepred">

//導(dǎo)出橫向PDF的按鈕

<input type="button" value="橫向?qū)С鯬DF" onclick="html2pdfs('print_body','采購單<%=order_id%>',1,'A4');" class="button_60px NOPRINT button_ui_deepred">