PrintSample4.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>WEB打印控件LODOP的样例四:打印设计和定位套打票据</title>
  6. <script language="javascript" src="LodopFuncs.js"></script>
  7. </head>
  8. <body>
  9. <h2><b><font color="#009999">演示打印设计和定位套打票据:</font></b></h2>
  10. <p>&nbsp;&nbsp;&nbsp;<font color="#009999">&nbsp;●</font> 用Lodop可以设计出复杂的打印票据样式,先<a href="JavaScript:Preview1()">打印预览</a>我设计的移动通讯公司发票,</p>
  11. <p>做这张票样我仅用了几分钟时间,仍得益于Lodop提供的辅助<a href="javascript:Design1()">打印设计</a>功能。</p>
  12. <p>&nbsp;&nbsp;&nbsp; <font color="#009999">●</font>当然真正的套打只输出填写内容,那就少了,看看套打的<a href="javascript:Preview2()">打印预览</a>,套打的难点</p>
  13. <p>在于位置对准,如果你同一个页面程序要应付不同的打印机,完全可以将<a href="JavaScript:Setup2()">打印维护</a>
  14. </p>
  15. <p>功能授权给操作者,打印维护中按钮“应用”结果保存在操作者自己的电脑上,保存时与</p>
  16. <p>“打印任务名”相对应,这样任何打印机都可以适应同一个页面程序了!</p>
  17. <p>&nbsp;&nbsp;&nbsp;<font color="#009999"> ●</font>在“打印维护”或“打印设计”中按住SHIFT用鼠标可多选目标,可调整纸张及明细项的位置、</p>
  18. <p>大小、字体、颜色、左右靠齐、粗斜体、下划线以及各式对齐等,调乱了可复原,也可</p>
  19. <p>恢复缺省布局风格。在打印设计时,&nbsp;按住CTRL再拖拽选中的对象,可实现快速复制。&nbsp;&nbsp; </p>
  20. <p>&nbsp;&nbsp;&nbsp; <font color="#009999">●</font>如果是打印票据,是否实际打印输出是管理程序想知道的,<a href="JavaScript:RealPrint()">选择打印</a>后,Lodop会返回结果。</p>
  21. <p>关于套打的进一步参考见博文:<a href="http://blog.sina.com.cn/s/blog_721e77e50100ng1o.html" target="_blank">http://blog.sina.com.cn/s/blog_721e77e50100ng1o.html</a></p>
  22. <p><a href="PrintSampIndex.html">&lt;&lt;回样例目录</a>
  23. </p>
  24. <script language="javascript" type="text/javascript">
  25. var LODOP; //声明为全局变量
  26. function Preview1() {
  27. CreateFullBill();
  28. LODOP.PREVIEW();
  29. };
  30. function Design1() {
  31. CreateFullBill();
  32. // LODOP.SET_SHOW_MODE("HIDE_ITEM_LIST",true);//设置对象列表默认处于关闭状态
  33. // LODOP.SET_SHOW_MODE("TEXT_SHOW_BORDER",1); //设置字符编辑框默认为single
  34. LODOP.PRINT_DESIGN();
  35. };
  36. function Preview2() {
  37. CreateDataBill();
  38. LODOP.PREVIEW();
  39. };
  40. function Setup2() {
  41. CreateDataBill();
  42. LODOP.PRINT_SETUP();
  43. };
  44. function Design2() {
  45. LODOP.PRINT_DESIGN();
  46. };
  47. function RealPrint() {
  48. CreateDataBill();
  49. //云打印C-Lodop返回结果用回调函数:
  50. if (LODOP.CVERSION) {
  51. CLODOP.On_Return=function(TaskID,Value){ if (Value) alert("已发出实际打印命令!"); else alert("放弃打印!"); };
  52. LODOP.PRINTA();
  53. return;
  54. };
  55. //控件返回结果用语句本身:
  56. if (LODOP.PRINTA())
  57. alert("已发出实际打印命令!");
  58. else
  59. alert("放弃打印!");
  60. };
  61. function CreateFullBill() {
  62. LODOP=getLodop();
  63. LODOP.PRINT_INITA(10,10,762,533,"打印控件功能演示_Lodop功能_移动公司发票全样");
  64. LODOP.SET_PRINT_STYLE("FontColor","#0000FF");
  65. LODOP.ADD_PRINT_SHAPE(2,116,43,655,373,0,1,"#800000");
  66. LODOP.ADD_PRINT_SHAPE(1,144,44,653,1,0,1,"#800000");
  67. LODOP.ADD_PRINT_SHAPE(1,172,44,653,1,0,1,"#800000");
  68. LODOP.ADD_PRINT_SHAPE(0,116,143,1,56,0,1,"#800000");
  69. LODOP.ADD_PRINT_SHAPE(0,116,488,1,56,0,1,"#800000");
  70. LODOP.ADD_PRINT_SHAPE(0,116,574,1,372,0,1,"#800000");
  71. LODOP.ADD_PRINT_SHAPE(0,172,166,1,282,0,1,"#800000");
  72. LODOP.ADD_PRINT_SHAPE(0,172,415,1,282,0,1,"#800000");
  73. LODOP.ADD_PRINT_SHAPE(1,454,44,653,1,0,1,"#800000");
  74. LODOP.ADD_PRINT_SHAPE(0,454,130,1,34,0,1,"#800000");
  75. LODOP.ADD_PRINT_SHAPE(0,454,483,1,34,0,1,"#800000");
  76. LODOP.ADD_PRINT_SHAPE(0,64,62,120,1,0,1,"#0000FF");
  77. LODOP.ADD_PRINT_SHAPE(3,29,62,32,32,0,4,"#0000FF");
  78. LODOP.ADD_PRINT_SHAPE(3,21,300,147,75,0,3,"#FF0000");
  79. LODOP.ADD_PRINT_SHAPE(3,26,307,132,65,0,1,"#FF0000");
  80. LODOP.ADD_PRINT_TEXT(33,192,408,30,"中国移动通信集团北京有限公司专用发票");
  81. LODOP.SET_PRINT_STYLEA(0,"FontSize",15);
  82. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  83. LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  84. LODOP.ADD_PRINT_TEXT(68,326,100,25,"发 票 联");
  85. LODOP.SET_PRINT_STYLEA(0,"FontSize",11);
  86. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  87. LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  88. LODOP.ADD_PRINT_TEXT(29,98,84,35,"中国移动通信CHINA MOBILE");
  89. LODOP.ADD_PRINT_SHAPE(2,37,69,18,15,0,1,"#0000FF");
  90. LODOP.ADD_PRINT_SHAPE(2,40,73,10,9,0,1,"#0000FF");
  91. LODOP.ADD_PRINT_TEXT(70,64,117,20,"移 动 信 息 专 家");
  92. LODOP.SET_PRINT_STYLEA(0,"FontSize",8);
  93. LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  94. LODOP.ADD_PRINT_TEXT(124,58,68,20,"客户名称");
  95. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  96. LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  97. LODOP.ADD_PRINT_TEXT(152,58,68,20,"手机号码");
  98. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  99. LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  100. LODOP.ADD_PRINT_TEXT(124,497,68,20,"受理类别");
  101. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  102. LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  103. LODOP.ADD_PRINT_TEXT(152,497,68,20,"合 同 号");
  104. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  105. LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  106. LODOP.ADD_PRINT_TEXT(465,54,68,20,"大写金额");
  107. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  108. LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  109. LODOP.ADD_PRINT_TEXT(465,495,104,20,"小写金额 ¥: ");
  110. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  111. LODOP.SET_PRINT_STYLEA(0,"Alignment",3);
  112. LODOP.ADD_PRINT_TEXT(98,56,47,20,"编号:");
  113. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  114. LODOP.SET_PRINT_STYLEA(0,"Alignment",3);
  115. LODOP.ADD_PRINT_TEXT(98,259,48,20,"日期:");
  116. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  117. LODOP.SET_PRINT_STYLEA(0,"Alignment",3);
  118. LODOP.ADD_PRINT_TEXT(97,500,71,20,"发票号码:");
  119. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  120. LODOP.SET_PRINT_STYLEA(0,"Alignment",3);
  121. LODOP.ADD_PRINT_TEXT(496,54,83,20,"话费帐期:");
  122. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  123. LODOP.SET_PRINT_STYLEA(0,"Alignment",3);
  124. LODOP.ADD_PRINT_TEXT(496,321,83,20,"营业员工号:");
  125. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  126. LODOP.SET_PRINT_STYLEA(0,"Alignment",3);
  127. LODOP.ADD_PRINT_TEXT(496,480,93,20,"收款单位名称:");
  128. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  129. LODOP.SET_PRINT_STYLEA(0,"Alignment",3);
  130. LODOP.ADD_PRINT_TEXT(226,703,27,121,"第二联发票联");
  131. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  132. LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  133. LODOP.ADD_PRINT_TEXT(203,21,17,195,"京地税准印八九号五百万份");
  134. LODOP.SET_PRINT_STYLEA(0,"FontSize",8);
  135. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  136. LODOP.SET_PRINT_STYLEA(0,"Alignment",2);
  137. LODOP.ADD_PRINT_TEXT(126,150,100,20,"郭德强");
  138. LODOP.ADD_PRINT_TEXT(151,150,100,20,"13954885188");
  139. LODOP.ADD_PRINT_TEXT(125,584,99,20,"发票打印(第1次)");
  140. LODOP.ADD_PRINT_TEXT(465,140,198,20,"陆百柒拾捌元叁角零分");
  141. LODOP.ADD_PRINT_TEXT(465,599,70,20,"678.30");
  142. LODOP.ADD_PRINT_TEXT(496,408,59,20,"H112063");
  143. LODOP.ADD_PRINT_TEXT(191,58,100,20,"国内漫游通话");
  144. LODOP.ADD_PRINT_TEXT(191,217,100,20,"584.00");
  145. LODOP.ADD_PRINT_TEXT(222,58,100,20,"增值业务费");
  146. LODOP.ADD_PRINT_TEXT(222,217,100,20,"48.30");
  147. LODOP.ADD_PRINT_TEXT(251,58,100,20,"代收费");
  148. LODOP.ADD_PRINT_TEXT(251,217,100,20,"50.00");
  149. LODOP.ADD_PRINT_TEXT(280,58,100,20,"优惠费");
  150. LODOP.ADD_PRINT_TEXT(280,217,100,20,"4.00");
  151. LODOP.ADD_PRINT_TEXT(98,101,150,20,"101081005747319387");
  152. LODOP.ADD_PRINT_TEXT(97,307,150,20,"2008年10月19日 10:28:38");
  153. LODOP.ADD_PRINT_TEXT(152,584,103,20,"138860016786");
  154. LODOP.ADD_PRINT_TEXT(95,571,112,20,"06775516");
  155. LODOP.SET_PRINT_STYLEA(0,"FontName","System");
  156. LODOP.ADD_PRINT_TEXT(76,500,71,20,"发票代码:");
  157. LODOP.SET_PRINT_STYLEA(0,"FontColor","#800000");
  158. LODOP.SET_PRINT_STYLEA(0,"Alignment",3);
  159. LODOP.ADD_PRINT_TEXT(74,571,112,20,"237090742401");
  160. LODOP.SET_PRINT_STYLEA(0,"FontName","System");
  161. LODOP.SET_PRINT_STYLEA(0,"FontColor","#FF0000");
  162. LODOP.ADD_PRINT_TEXT(496,135,183,20,"2008年09月(20080901-20080930)");
  163. LODOP.ADD_PRINT_TEXT(496,572,112,20,"-王府井中心店营");
  164. LODOP.ADD_PRINT_TEXT(311,217,100,20,"678.30");
  165. LODOP.ADD_PRINT_TEXT(311,58,100,20,"费用合计");
  166. };
  167. function CreateDataBill() {
  168. LODOP=getLodop();
  169. LODOP.PRINT_INITA(10,10,762,533,"打印控件功能演示_Lodop功能_移动公司发票套打");
  170. LODOP.SET_PRINT_STYLE("FontColor","#0000FF");
  171. LODOP.ADD_PRINT_TEXT(126,150,100,20,"郭德强");
  172. LODOP.ADD_PRINT_TEXT(151,150,100,20,"13954885188");
  173. LODOP.ADD_PRINT_TEXT(125,584,99,20,"发票打印(第1次)");
  174. LODOP.ADD_PRINT_TEXT(465,140,198,20,"陆百柒拾捌元叁角零分");
  175. LODOP.ADD_PRINT_TEXT(465,599,70,20,"678.30");
  176. LODOP.ADD_PRINT_TEXT(496,408,59,20,"H112063");
  177. LODOP.ADD_PRINT_TEXT(191,58,100,20,"国内漫游通话");
  178. LODOP.SET_PRINT_STYLEA(0,"FontSize",7);
  179. LODOP.ADD_PRINT_TEXT(191,217,100,20,"584.00");
  180. LODOP.ADD_PRINT_TEXT(222,58,100,20,"增值业务费");
  181. LODOP.ADD_PRINT_TEXT(222,217,100,20,"48.30");
  182. LODOP.ADD_PRINT_TEXT(251,58,100,20,"代收费");
  183. LODOP.ADD_PRINT_TEXT(251,217,100,20,"50.00");
  184. LODOP.ADD_PRINT_TEXT(280,58,100,20,"优惠费");
  185. LODOP.ADD_PRINT_TEXT(280,217,100,20,"4.00");
  186. LODOP.ADD_PRINT_TEXT(98,101,150,20,"101081005747319387");
  187. LODOP.ADD_PRINT_TEXT(97,307,150,20,"2008年10月19日 10:28:38");
  188. LODOP.ADD_PRINT_TEXT(152,584,103,20,"138860016786");
  189. LODOP.ADD_PRINT_TEXT(95,571,112,20,"06775516");
  190. LODOP.SET_PRINT_STYLEA(0,"FontName","System");
  191. LODOP.ADD_PRINT_TEXT(496,135,183,20,"2008年09月(20080901-20080930)");
  192. LODOP.ADD_PRINT_TEXT(496,572,112,20,"-王府井中心店营");
  193. LODOP.ADD_PRINT_TEXT(311,217,100,20,"678.30");
  194. LODOP.ADD_PRINT_TEXT(311,58,100,20,"费用合计");
  195. }
  196. </script>
  197. </body>
  198. </html>