<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>lodop設計測試</title> </head> <body> <textarea rows="10" id="S1" cols="98">返回的結果值</textarea><br> <p>從左到右依次點擊</p> <button onclick="printDesign()">打印設計</button> <button onclick="printPreview()">打印預覽</button> <button onclick="getProgramData()">文檔式模板</button> <button onclick="getProgramDataAndPrint()">文檔式模板打印</button> <button onclick="getOldProgramData()">傳統模板</button> <button onclick="getOldProgramDataAndPrint()">傳統模板打印</button> </body> <script src="js/lodop/LodopFuncs.js"></script> <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed> </object> <script src="http://localhost:8000/CLodopFuncs.js"></script> <script> var LODOP; // 聲明為全局變量 LODOP = getLodop(); var table1 = `<style> table,td,th {border: 1px solid black;border-style: solid;border-collapse: collapse;} table {border-left: none; border-right: none; border-top: none; border-bottom: none;}</style> <table border="1" width="435px"> <tr> <td>商品</td> <td>屬性</td> <td>數量</td> <td>金額</td> </tr> <tr> <td><font color="#FF0000">Double click me and modify...</font></td> <td>Demo data3</td> <td>Demo data3</td> <td>Demo data3</td> </tr> </table>`; var table2 = `<style> table,td,th {border: 1px solid black;border-style: solid;border-collapse: collapse;text-align:center;} td{height:25px;}</style> <table border="1" width="430px"> <tr> <td>產品</td> <td>尺碼問題</td> <td>質量問題</td> <td>退or換</td> <td>原因</td> </tr> <tr> <td></td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table>`; function createPage() { LODOP.PRINT_INITA(0,0,700,500,"打印"); LODOP.ADD_PRINT_TEXTA("OBJ_TITLE", 33, 214, 130, 20, "銷售單"); LODOP.ADD_PRINT_TEXT(37, 393, 100, 20, "NO."); LODOP.ADD_PRINT_TEXT(77, 98, 100, 20, "打印時間："); LODOP.ADD_PRINT_TEXT(104, 96, 100, 20, "訂單號："); LODOP.ADD_PRINT_TEXT(128, 95, 100, 20, "買家旺旺："); LODOP.ADD_PRINT_TEXT(180, 353, 100, 20, "買家姓名："); LODOP.ADD_PRINT_TEXT(156, 95, 100, 20, "收貨地址："); LODOP.ADD_PRINT_TEXT(181, 95, 100, 20, "手機電話："); LODOP.ADD_PRINT_SHAPE(4, 211, 92, 435, 25, 0, 1, "#000000"); LODOP.ADD_PRINT_TEXT(218, 264, 100, 20, "發貨信息"); LODOP.SET_PRINT_STYLEA(0, "FontColor", "#FFFFFF"); LODOP.ADD_PRINT_TABLE(258, 92, 426, 86, table1); LODOP.ADD_PRINT_TEXT(335, 96, 100, 20, "總數量："); LODOP.ADD_PRINT_TEXT(365, 96, 100, 20, "總金額："); LODOP.ADD_PRINT_SHAPE(4, 391, 99, 428, 25, 0, 1, "#000000"); LODOP.ADD_PRINT_TEXT(396, 264, 100, 20, "退換貨信息"); LODOP.SET_PRINT_STYLEA(0, "FontColor", "#FFFFFF"); LODOP.ADD_PRINT_TEXT(419, 99, 69, 22, "訂單編號："); LODOP.ADD_PRINT_TEXT(421, 320, 100, 20, "買家旺旺："); LODOP.ADD_PRINT_TEXT(437, 98, 100, 20, "買家姓名："); LODOP.ADD_PRINT_TEXT(443, 319, 100, 20, "買家電話："); LODOP.ADD_PRINT_TABLE(470, 87, 441, 70, table2); LODOP.ADD_PRINT_TEXT(528, 250, 278, 18, "（如需退換貨請隨包裹寄回此單，可優先處理）"); LODOP.ADD_PRINT_HTM(558, 89, 100, 20, "<div><span tdata='pageNO'>第##頁</span><span tdata='pageCount'>共##頁</span></div>"); LODOP.SET_PRINT_STYLEA(0, "FontName", "黑體"); LODOP.SET_PRINT_STYLEA(0, "FontSize", 10); LODOP.ADD_PRINT_TEXT(561, 317, 100, 20, "打印時間："); LODOP.SET_PRINT_STYLEA(0, "FontName", "黑體"); LODOP.SET_PRINT_STYLEA(0, "FontSize", 10); LODOP.ADD_PRINT_TEXT(416, 163, 100, 20, "_____________"); LODOP.ADD_PRINT_TEXT(441, 162, 100, 20, "_____________"); LODOP.ADD_PRINT_TEXT(421, 382, 100, 20, "_____________"); LODOP.ADD_PRINT_TEXT(446, 381, 100, 20, "_____________"); LODOP.ADD_PRINT_TEXTA("OBJ_PRINT_TIME", 77, 167, 176, 21, "OBJ_PRINT_TIME"); LODOP.ADD_PRINT_TEXTA("OBJ_ORDER_NUM", 105, 165, 182, 24, "OBJ_ORDER_NUM"); LODOP.ADD_PRINT_TEXTA("OBJ_BUYER_WW", 127, 165, 184, 22, "OBJ_BUYER_WW"); LODOP.ADD_PRINT_TEXTA("OBJ_PHONE_NUM", 181, 165, 176, 18, "OBJ_PHONE_NUM"); LODOP.ADD_PRINT_TEXTA("OBJ_BUYER_NAME", 181, 414, 100, 20, "OBJ_BUYER_NAME"); LODOP.ADD_PRINT_TEXTA("OBJ_SERIAL_NUM", 30, 417, 100, 20, "OBJ_SERIAL_NUM"); LODOP.ADD_PRINT_TEXTA("OBJ_ADDRESS", 156, 162, 353, 22, "OBJ_ADDRESS"); LODOP.ADD_PRINT_TEXTA("OBJ_PRINT_TIME", 560, 387, 100, 20, "OBJ_PRINT_TIME"); } // 打印設計 function printDesign() { createPage() LODOP.SET_SHOW_MODE("DESIGN_IN_BROWSE", 1); LODOP.PRINT_DESIGN() } // 打印預覽 function printPreview() { createPage() var obj = { "OBJ_TITLE": "店鋪名稱", "OBJ_PRINT_TIME": "打印時間", "OBJ_ORDER_NUM": "訂單號碼", "OBJ_BUYER_WW": "旺旺號碼", "OBJ_PHONE_NUM": "手機號碼", "OBJ_BUYER_NAME": "買家名稱", "OBJ_SERIAL_NUM": "序列號", "OBJ_ADDRESS": "收貨地址" } var keys = Object.keys(obj); for (var i in keys) { LODOP.SET_PRINT_STYLEA(keys[i], "CONTENT", obj[keys[i]]) } LODOP.SET_PRINT_STYLEA("OBJ_TITLE", "CONTENT", obj.OBJ_TITLE + "銷售單") LODOP.PREVIEW() } // 獲取模板數據--文檔式模板 function getProgramData() { LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); if (LODOP.CVERSION) LODOP.On_Return = function (TaskID, Value) { document.getElementById('S1').value = Value; }; document.getElementById('S1').value = LODOP.GET_VALUE("ProgramData", 0); //獲得文檔式模板 } function getProgramDataAndPrint() { var template = document.getElementById('S1').value //獲得文檔式模板 LODOP.ADD_PRINT_DATA("ProgramData",template); // 設置模板 var obj = { "OBJ_TITLE": "店鋪名稱", "OBJ_PRINT_TIME": "打印時間", "OBJ_ORDER_NUM": "訂單號碼", "OBJ_BUYER_WW": "旺旺號碼", "OBJ_PHONE_NUM": "手機號碼", "OBJ_BUYER_NAME": "買家名稱", "OBJ_SERIAL_NUM": "序列號", "OBJ_ADDRESS": "收貨地址" } var keys = Object.keys(obj); for (var i in keys) { LODOP.SET_PRINT_STYLEA(keys[i], "CONTENT", obj[keys[i]]) } LODOP.SET_PRINT_STYLEA("OBJ_TITLE", "CONTENT", obj.OBJ_TITLE + "銷售單") LODOP.PREVIEW() } // 獲取傳統模板 function getOldProgramData() { createPage() LODOP.PRINT_DESIGN() if (LODOP.CVERSION) CLODOP.On_Return = function (TaskID, Value) { document.getElementById('S1').value = Value; }; document.getElementById('S1').value = LODOP.PRINT_SETUP(); // 打印維護返回代碼 } function getOldProgramDataAndPrint(){ eval(document.getElementById('S1').value); var obj = { "OBJ_TITLE": "店鋪名稱", "OBJ_PRINT_TIME": "打印時間", "OBJ_ORDER_NUM": "訂單號碼", "OBJ_BUYER_WW": "旺旺號碼", "OBJ_PHONE_NUM": "手機號碼", "OBJ_BUYER_NAME": "買家名稱", "OBJ_SERIAL_NUM": "序列號", "OBJ_ADDRESS": "收貨地址" } var keys = Object.keys(obj); for (var i in keys) { LODOP.SET_PRINT_STYLEA(keys[i], "CONTENT", obj[keys[i]]) } LODOP.SET_PRINT_STYLEA("OBJ_TITLE", "CONTENT", obj.OBJ_TITLE + "銷售單") LODOP.PREVIEW() } </script> </html>