1. 注意:使用此打印控件需要引入(在我上传的Demo中都有):
  2. install_lodop32.exe
  3. install_lodop64.exe
  4. LodopFuncs.js
  5. jquery-1.10.0.min.js
  6. 具体Demo下载地址: http://download.csdn.net/download/l294333475/7697807

  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  7. <html>
  8. <head>
  9. <base href="<%=basePath%>">
  10. <title>My JSP 'TestLodoop.jsp' starting page</title>
  11. <meta http-equiv="pragma" content="no-cache">
  12. <meta http-equiv="cache-control" content="no-cache">
  13. <meta http-equiv="expires" content="0">
  14. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  15. <meta http-equiv="description" content="This is my page">
  16. <script language="javascript" src="<%=basePath%>lodop/LodopFuncs.js"></script>
  17. <script src="<%=basePath%>js/jquery-1.10.0.min.js"></script>
  18. <object  id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>
  19. <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed>
  20. </object>
  21. <script language="javascript">
  22. var LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'),"<%=basePath%>lodop/");
  23. $(document).ready(function(){
  24. if(LODOP == null || (typeof(LODOP.VERSION)=="undefined")){
  25. $("#btnPrintView").attr("disabled","disabled");
  26. $("#btnPrint").attr("disabled","disabled");
  27. $("#btnNext").attr("disabled","disabled");
  28. }
  29. else{
  30. CreatePrinterList();
  31. }
  32. });
  33. //打印
  34. function print(){
  35. document.getElementById("showInstall").innerHTML = "";
  36. Create();
  37. //LODOP.SET_PRINT_COPIES(2);
  38. LODOP.SET_PRINT_MODE("CATCH_PRINT_STATUS",true);
  39. var code = LODOP.PRINTA();
  40. alert(code);
  41. var ret = LODOP.GET_VALUE("PRINT_STATUS_OK",code);
  42. alert(ret);
  43. if(ret){
  44. $("#btnNext").attr("disabled","none");
  45. }
  46. else{
  47. document.getElementById("showInstall").innerHTML = "<font color='#FF00FF'>打印失败</font>";
  48. }
  49. }
  50. //加载打印机
  51. function CreatePrinterList(){
  52. if (document.getElementById('PrinterList').innerHTML!="") return;
  53. LODOP=getLodop();
  54. var iPrinterCount=LODOP.GET_PRINTER_COUNT();
  55. for(var i=0;i<iPrinterCount;i++){
  56. var option=document.createElement('option');
  57. option.innerHTML=LODOP.GET_PRINTER_NAME(i);
  58. option.value=i;
  59. document.getElementById('PrinterList').appendChild(option);
  60. };
  61. };
  62. //打印预览
  63. function preview() {
  64. Create();
  65. LODOP.SET_PREVIEW_WINDOW(1,0,0,0,0,"");
  66. LODOP.PREVIEW();
  67. };
  68. function Create(){
  69. LODOP.PRINT_INIT("");
  70. LODOP.SET_PRINT_MODE("WINDOW_DEFPRINTER",getSelectedPrintIndex());//设置打印机
  71. LODOP.SET_PRINT_MODE("WINDOW_DEFPAGESIZE:"+getSelectedPrintIndex(),"A4");//设置打印纸张为A4
  72. LODOP.ADD_PRINT_HTM(10,30,700,1080,document.getElementById("tRequest").innerHTML);
  73. LODOP.NewPage();
  74. CreateDataBill();
  75. LODOP.NewPage();
  76. CreateDataSeal();
  77. LODOP.NewPage();
  78. LODOP.ADD_PRINT_HTM(30,30,700,1080,document.getElementById("tDeal").innerHTML);
  79. }
  80. //选择打印机
  81. function getSelectedPrintIndex(){
  82. return document.getElementById("PrinterList").value;
  83. };
  84. //法人代表授权书
  85. function CreateDataBill() {
  86. LODOP.ADD_PRINT_TEXT(97,220,500,20,"法人代表授权书");
  87. LODOP.SET_PRINT_STYLEA(0,"FontSize",30);
  88. LODOP.SET_PRINT_STYLE("FontSize",14);
  89. LODOP.ADD_PRINT_TEXT(190,150,300,20,"本授权书声明:总部设在(地址)");
  90. LODOP.ADD_PRINT_LINE(205,420, 205, 600,0, 1);
  91. LODOP.ADD_PRINT_TEXT(190,600,150,20,",(公司名称)");
  92. LODOP.ADD_PRINT_LINE(255,100, 255, 250,0, 1);
  93. LODOP.ADD_PRINT_TEXT(240,250,200,20,"公司(法人代表)");
  94. LODOP.ADD_PRINT_LINE(255,400, 255, 500,0, 1);
  95. LODOP.ADD_PRINT_TEXT(240,500,250,20,"(即下面签字的授权人),");
  96. LODOP.ADD_PRINT_TEXT(290,100,300,20,"代表本公司授权(被授权人)");
  97. LODOP.ADD_PRINT_LINE(315,350, 315, 450,0, 1);
  98. LODOP.ADD_PRINT_TEXT(290,450,400,20,"(即下面签字的被授权人)");
  99. LODOP.ADD_PRINT_TEXT(340,100,600,20,"为本公司合法代理人,到贵方办理CFCA数字证书相关事宜。");
  100. LODOP.ADD_PRINT_TEXT(420,150,550,20,"本公司承认该代表所签署文件及提交公司文件的法律效力。");
  101. LODOP.ADD_PRINT_TEXT(500,100,100,20,"被授权人:");
  102. LODOP.ADD_PRINT_TEXT(500,400,100,20,"授权人:");
  103. LODOP.ADD_PRINT_TEXT(600,100,200,20,"填写公司名称(公章)");
  104. LODOP.ADD_PRINT_TEXT(650,100,200,20,"日期");
  105. };
  106. //印章采集页
  107. function CreateDataSeal(){
  108. LODOP.ADD_PRINT_TEXT(97,250,500,20,"印章采集");
  109. LODOP.SET_PRINT_STYLEA(0,"FontSize",30);
  110. LODOP.SET_PRINT_STYLE("FontSize",14);
  111. LODOP.ADD_PRINT_TEXT(190,100,550,20,"此印章仅用于办理中国大唐集团公司集采平台电子钥匙使用。");
  112. LODOP.ADD_PRINT_TEXT(240,100,550,20,"请将公章/合同专用章加盖在以下方框内。");
  113. LODOP.ADD_PRINT_RECT(290, 200, 200, 200,0, 1);
  114. LODOP.ADD_PRINT_TEXT(540,100,650,20,"此法人签字/印章仅用于办理中国大唐集团公司集采平台电子钥匙使用。");
  115. LODOP.ADD_PRINT_TEXT(590,100,650,20,"请将法人签字写在以下方框内,或者将法人印章加盖在以下方框内。");
  116. LODOP.ADD_PRINT_RECT(640, 200, 200, 200,0, 1);
  117. }
  118. </script>
  119. </head>
  120. <body>
  121. <!-- 以下为设置打印内容 -->
  122. <div>
  123. <p class="text1"><span>指定打印机:<select id="PrinterList" size="1"></select></span></p>
  124. <p class="text1"><span>指定纸张:A4</span></p>
  125. <p>
  126. <button id="btnPrintView" onclick="preview();">在线预览</button>
  127. <button id="btnPrint" onclick="print();">在线打印</button>
  128. </p>
  129. <p><div id="showInstall"></div></p>
  130. </div>
  131. <button id="btnNext" onClick="javascript:window.location.href='<%=basePath%>supplier/send.do'">下一步</button>
  132. <!-- 以下为具体需要打印的内容 -->
  133. <div id ="tRequest" style="display:none;">
  134. <p style="margin:0px;text-align:center;font-size:30px;">企业证书申请表<img src="01.jpg" /></p>
  135. <table style="border-collapse:collapse;width:700px;">
  136. <tr>
  137. <td style="width:30px"></td>
  138. <td style="width:70px"></td>
  139. <td style="width:150px"></td>
  140. <td style="width:100px"></td>
  141. <td style="width:100px"></td>
  142. <td style="width:100px"></td>
  143. <td style="width:150px"></td>
  144. </tr>
  145. <tr>
  146. <td colspan="2" style="width:100px;border: 1px solid #000;height:50px;">申请日期</td>
  147. <td colspan="2" style="width:200px;border: 1px solid #000;">2014-07-31</td>
  148. <td style="width:100px;border: 1px solid #000;">证书数量</td>
  149. <td colspan="2" style="width:290px;border: 1px solid #000;">2</td>
  150. </tr>
  151. <tr>
  152. <td colspan="2" style="border: 1px solid #000;height:50px;">证书种类</td>
  153. <td colspan="5" style="border: 1px solid #000;">
  154. <input type="checkbox" />高级证书<input type="checkbox" checked/>普通证书<input type="checkbox" />Direct Server证书
  155. <input type="checkbox" />Web Server证书
  156. <input type="checkbox" />安全E-mail证书<input type="checkbox" />CodeSigning证书<input type="checkbox" />其它种类证书
  157. </td>
  158. </tr>
  159. <tr>
  160. <td colspan="2" style="border: 1px solid #000;height:25px;">所属系统</td>
  161. <td colspan="5" style="border: 1px solid #000;">
  162. <input type="checkbox" />E-01<input type="checkbox" checked/>J-01
  163. </td>
  164. </tr>
  165. <tr>
  166. <td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;" rowspan="10">企业信息</td>
  167. <td colspan="2" style="border: 1px solid #000;height:25px;width:150px;">中文名称</td>
  168. <td colspan="4" style="border: 1px solid #000;">南京优泰科技发展有限公司</td>
  169. </tr>
  170. <tr>
  171. <td colspan="2" style="border: 1px solid #000;height:25px;">英文/拼音简称</td>
  172. <td colspan="4" style="border: 1px solid #000;">utc</td>
  173. </tr>
  174. <tr>
  175. <td colspan="2" style="border: 1px solid #000;height:25px;">WEB域名</td>
  176. <td colspan="4" style="border: 1px solid #000;">www.utcsoft.com(仅限于服务器证书)</td>
  177. </tr>
  178. <tr>
  179. <td colspan="2" style="border: 1px solid #000;height:25px;">证件类型</td>
  180. <td colspan="4" style="border: 1px solid #000;">
  181. <input class="myradio" type="checkbox" name="radioCardType" value="zzjg">组织机构代码证
  182. <input class="myradio" type="checkbox" name="radioCardType" value="yyzz">企业营业执照
  183. <input class="myradio" type="checkbox" name="radioCardType" value="qt">其他
  184. </td>
  185. </tr>
  186. <tr>
  187. <td colspan="2" style="border: 1px solid #000;height:25px;">证件号码</td>
  188. <td colspan="4" style="border: 1px solid #000;">1111</td>
  189. </tr>
  190. <tr>
  191. <td colspan="2" style="border: 1px solid #000;height:25px;">主管领导(签名)</td>
  192. <td colspan="3" style="border: 1px solid #000;"></td>
  193. <td rowspan="5" style="width:150px;border: 1px solid #000;vertical-align:bottom;">(单位盖章)</td>
  194. </tr>
  195. <tr>
  196. <td colspan="2" style="border: 1px solid #000;height:25px;">单位地址</td>
  197. <td colspan="3" style="border: 1px solid #000;">1111</td>
  198. </tr>
  199. <tr>
  200. <td colspan="2" style="border: 1px solid #000;height:25px;">省(市)</td>
  201. <td colspan="3" style="border: 1px solid #000;">1111</td>
  202. </tr>
  203. <tr>
  204. <td colspan="2" style="border: 1px solid #000;height:25px;">电话</td>
  205. <td colspan="3" style="border: 1px solid #000;">1111</td>
  206. </tr>
  207. <tr>
  208. <td colspan="2" style="border: 1px solid #000;height:25px;">传真</td>
  209. <td colspan="3" style="border: 1px solid #000;">1111</td>
  210. </tr>
  211. <tr>
  212. <td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;" rowspan="8">办理人信息</td>
  213. <td colspan="2" style="border: 1px solid #000;height:25px;">姓名(签名)</td>
  214. <td colspan="4" style="border: 1px solid #000;">刘鹏</td>
  215. </tr>
  216. <tr>
  217. <td colspan="2" style="border: 1px solid #000;height:25px;">证件类型</td>
  218. <td colspan="4" style="border: 1px solid #000;">
  219. <input type="checkbox" checked/>身份证<input type="checkbox" />军官证<input type="checkbox" />港澳通行证
  220. <input type="checkbox" />护照<input type="checkbox" />其他
  221. </td>
  222. </tr>
  223. <tr>
  224. <td colspan="2" style="border: 1px solid #000;height:25px;">证件号码</td>
  225. <td colspan="4" style="border: 1px solid #000;">${agent.agentCardNum}</td>
  226. </tr>
  227. <tr>
  228. <td colspan="2" style="border: 1px solid #000;height:25px;">电话</td>
  229. <td colspan="4" style="border: 1px solid #000;">1111</td>
  230. </tr>
  231. <tr>
  232. <td colspan="2" style="border: 1px solid #000;height:25px;">电子邮件</td>
  233. <td colspan="4" style="border: 1px solid #000;">1111</td>
  234. </tr>
  235. <tr>
  236. <td colspan="2" style="border: 1px solid #000;height:25px;">通信地址</td>
  237. <td colspan="4" style="border: 1px solid #000;">1111</td>
  238. </tr>
  239. <tr>
  240. <td colspan="2" style="border: 1px solid #000;height:25px;">邮政编码</td>
  241. <td colspan="4" style="border: 1px solid #000;">1111</td>
  242. </tr>
  243. <tr>
  244. <td colspan="2" style="border: 1px solid #000;height:25px;">确认意见</td>
  245. <td colspan="4" style="border: 1px solid #000;">
  246. <input type="checkbox" checked/>上述信息属实<input type="checkbox" />上述信息不属实
  247. </td>
  248. </tr>
  249. <tr>
  250. <td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;" rowspan="2">C<br>F<br>C<br>A<br>意见</td>
  251. <td colspan="2" style="border: 1px solid #000;height:25px;">CFCA经办人:</td>
  252. <td colspan="2" style="border: 1px solid #000;">
  253. <input type="checkbox" />以上手续完备<br><input type="checkbox" />以上手续完备
  254. </td>
  255. <td colspan="2" style="border: 1px solid #000;">
  256. 业务部审核员:<br>
  257. 业务审核日期:
  258. </td>
  259. </tr>
  260. <tr>
  261. <td colspan="4" style="border: 1px solid #000;height:25px;">分管领导:<br><br><br><br></td>
  262. <td colspan="2" style="border: 1px solid #000;vertical-align:bottom;">
  263. (CFCA盖章)
  264. </td>
  265. </tr>
  266. <tr>
  267. <td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;">操作</td>
  268. <td colspan="4" style="border: 1px solid #000;height:25px;">
  269. 运行部录入人员:<br>
  270. 录入日期:
  271. </td>
  272. <td colspan="2" style="border: 1px solid #000;">
  273. 运行部审核人员:<br>
  274. 审核日期:
  275. </td>
  276. </tr>
  277. <tr>
  278. <td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;">备注</td>
  279. <td colspan="6" style="border: 1px solid #000;">
  280. 如您办理电子钥匙续费,请在此栏注明您所持有的电子钥匙的DN号码:<br><br>
  281. </td>
  282. </tr>
  283. </table>
  284. </div>
  285. <div id="tDeal" style="display:none;">
  286. <p style="text-align:center;font-size:30px;">购买协议</p>
  287. <table style="border-collapse:collapse;width:700px;">
  288. <tr>
  289. <td style="width:30px;"></td>
  290. <td style="width:150px;"></td>
  291. <td style="width:150px;"></td>
  292. <td style="width:200px;"></td>
  293. <td style="width:170px;"></td>
  294. </tr>
  295. <tr>
  296. <td rowspan="3" style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;">供方</td>
  297. <td style="width:80px;height:30px;border: 1px solid #000;">企业名称</td>
  298. <td colspan="4" style="height:30px;border: 1px solid #000;">南京优泰科技发展有限公司</td>
  299. </tr>
  300. <tr>
  301. <td style="width:80px;height:30px;border: 1px solid #000;">开户银行</td>
  302. <td colspan="4" style="height:30px;border: 1px solid #000;">工商银行南京市新街口支行</td>
  303. </tr>
  304. <tr>
  305. <td style="width:80px;height:30px;border: 1px solid #000;">账号</td>
  306. <td colspan="4" style="height:30px;border: 1px solid #000;">4301010019101143205</td>
  307. </tr>
  308. <tr>
  309. <td rowspan="2" style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;">需方</td>
  310. <td style="width:150px;height:30px;border: 1px solid #000;">企业名称</td>
  311. <td colspan="3" style="height:30px;border: 1px solid #000;"></td>
  312. <td rowspan="2" style="width:150px;height:150px;border: 1px solid #000;vertical-align:bottom;">(盖章)</td>
  313. </tr>
  314. <tr>
  315. <td style="width:150px;height:30px;border: 1px solid #000;">联系人/电话</td>
  316. <td colspan="3" style="height:30px;border: 1px solid #000;"></td>
  317. </tr>
  318. <tr>
  319. <td colspan="2" style="height:30px;border: 1px solid #000;">产品名称</td>
  320. <td colspan="4" style="height:30px;border: 1px solid #000;">优泰电子签章系统软件V9.0</td>
  321. </tr>
  322. <tr>
  323. <td colspan="2" style="height:30px;border: 1px solid #000;">数量</td>
  324. <td colspan="4" style="height:30px;border: 1px solid #000;">优泰电子签章系统软件V9.0</td>
  325. </tr>
  326. <tr>
  327. <td colspan="2" style="height:30px;border: 1px solid #000;">金额</td>
  328. <td style="height:30px;border: 1px solid #000;">¥</td>
  329. <td colspan="3" style="height:30px;border: 1px solid #000;">大写</td>
  330. </tr>
  331. <tr>
  332. <td colspan="2" style="height:30px;border: 1px solid #000;">日期</td>
  333. <td colspan="4" style="height:30px;border: 1px solid #000;">优泰电子签章系统软件V9.0</td>
  334. </tr>
  335. <tr>
  336. <td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;">备注</td>
  337. <td colspan="5" style="height:200px;border: 1px solid #000;">
  338. 1、  本软件产品受著作权法及国际条约条款和知识产权保护法及条约的保护。<br>
  339. 2、  本软件产品用于大唐项目。<br>
  340. 3、  本软件在供方确认收款后,三个工作日内发出。<br>
  341. 4、  请将此协议盖章后与其他申请材料一同邮寄<br>
  342. 5、  需方签署本协议,表明需方已接受在办理电子钥匙时提供公章或者法人签字的图片,并保证其真实性。
  343. </td>
  344. </tr>
  345. </table>
  346. </div>
  347. </body>
  348. </html>

lodoop打印控件详解的更多相关文章

  1. IOS—UITextFiled控件详解

    IOS—UITextFiled控件详解 //初始化textfield并设置位置及大小 UITextField *text = [[UITextField alloc]initWithFrame:CGR ...

  2. picker控件详解与使用,(实现省市的二级联动)

    picker控件详解与使用,(实现省市的二级联动) 第一步:新建一个单视图(single view)的工程, 命名为pickerTest,不要勾选下面两个选项,第一个是新版本里面的,第二个是单元测试, ...

  3. Switch控件详解

    Switch控件详解 原生效果 5.x 4.x 布局 <Switch android:id="@+id/setting_switch" android:layout_widt ...

  4. ToolBar控件详解

    ToolBar控件详解 在Activity中添加ToolBar 1.添加库 dependencies { ... compile "com.android.support:appcompat ...

  5. Spinner控件详解

    Spinner控件详解 效果图 修改Spinner样式 在介绍之前,先看一下系统原生的样式 6.x & 5.x系统样式 4.x系统样式 官方文档 XML属性 方法 描述 android:dro ...

  6. Android开发:文本控件详解——TextView(一)基本属性

    一.简单实例: 新建的Android项目初始自带的Hello World!其实就是一个TextView. 在activity_main.xml中可以新建TextView,从左侧组件里拖拽到右侧预览界面 ...

  7. Android开发:文本控件详解——TextView(二)文字跑马灯效果实现

    一.需要使用的属性: 1.android:ellipsize 作用:若文字过长,控制该控件如何显示. 对于同样的文字“Android开发:文本控件详解——TextView(二)文字跑马灯效果实现”,不 ...

  8. C++ CComboBox控件详解

    转载:http://blog.sina.com.cn/s/blog_46d93f190100m395.html C++ CComboBox控件详解 (2010-09-14 14:03:44) 转载▼ ...

  9. 【iOS 开发】基本 UI 控件详解 (UIButton | UITextField | UITextView | UISwitch)

    博客地址 : http://blog.csdn.net/shulianghan/article/details/50051499 ; 一. UI 控件简介 1. UI 控件分类 UI 控件分类 : 活 ...

随机推荐

  1. CentOS7 关闭防火墙和selinux

    本文将简单介绍在CentOS7上如何临时和永久关闭防火墙和selinux. 关闭防火墙 # 查看防火墙状态 [root@localhost ~]# systemctl status firewalld ...

  2. IE 11 使用 flexbox 垂直居中 bug

    不要使用 min-height 改为 height 即可 caniuse: https://caniuse.com/#search=flexbox

  3. Python人工智能之图片识别,Python3一行代码实现图片文字识别

    1.Python人工智能之图片识别,Python3一行代码实现图片文字识别 2.tesseract-ocr安装包和中文语言包 注意:

  4. eclipse导入导出工作空间配置

    首先,导出T1中的配置:打开T1,选择fileExport 在弹出框中选择General 下的preferencenext在export preferences 页面选择export all, 点Br ...

  5. thymeleaf : EL1050E The arguments (...) for the constructor call are missing

    <a href="list.html" th:href="${#strings.replace(new.href,'{page}',1)}" >MO ...

  6. elasticsearch(ES)日志迁移

    =============================================== 2018/7/29_第1次修改                       ccb_warlock == ...

  7. JavaEE 学习框架

    JavaSE JavaWeb基础 ssh+hibernate+spring ssm+spring+mybatis 项目1 电商项目(项目二)

  8. JS实现集合和ECMA6集合

    集合类似于数组,但是集合中的元素是唯一的,没有重复值的.就像你学高中数学的概念一样,集合还可以做很多比如,并集,交集,差集的计算.在ECMA6之前,JavaScript没有提供原生的Set类,所以只能 ...

  9. Android中如何在代码中设置View的宽和高?

    Android中如何在代码中设置View的宽和高?https://zhidao.baidu.com/question/536302117.htmlhttps://blog.csdn.net/u0141 ...

  10. Simple Web API Server in Golang (2)

    In this challenge, I tried to implement a simple OAuth2 server basing on Simple Web API Server in [1 ...