css 表格和层的虚线的用法(兼容各浏览器IE8可以)lodoop打印控件详解。

  1爱博体育app 1<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
  2爱博体育app 2“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  3爱博体育app 3<html xmlns=”http://www.w3.org/1999/xhtml” lang=”zh” xml:lang=”zh”>
  4爱博体育app 4<head>
  5爱博体育app 5<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
  6爱博体育app 6<title>关于我们</title>
  7爱博体育app 7<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
  8爱博体育app 8<meta name=”description” content=”涂聚文,捷耶工作室,经营信息流,物流,人力资源流,资本流的网缓解方案的支付及计划和服务,geoVI studio.Geovin Du. Systems Solution to Fund flow,and Information flow,and Material flow,and Control flow,and Human Resource.Applied software development,design and service。.”>
  9爱博体育app 9<meta name=”Robots” content=”all index follow “>
 10爱博体育app 10<meta name=”Author” content=”涂聚文” />
 11爱博体育app 11<link href=”images/css.css” rel=”stylesheet” type=”text/css”>
 12爱博体育app 12<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
 13爱博体育app 13<link rel=”icon” href=”favicon.ico” type=”image/ico” />
 14爱博体育app 14<link rel=”Bookmark” href=”favicon.ico”> 
 15爱博体育app 15爱博体育app 16<style type=”text/css”>爱博体育app 17
 16爱博体育app 18爱博体育app 19/**//*URL: http://www.dusystem.com/ */
 17爱博体育app 20爱博体育app 21.shadow{爱博体育app 22}{
 18爱博体育app 23border:1px solid silver;
 19爱博体育app 24font:10pt arial;
 20爱博体育app 25position:relative;
 21爱博体育app 26display:inline;
 22爱博体育app 27background:white;
 23爱博体育app 28z-index:100
 24爱博体育app 29}
 25爱博体育app 30
 26爱博体育app 31爱博体育app 32.shadow_inner{爱博体育app 33}{
 27爱博体育app 34overflow:hidden;
 28爱博体育app 35position:absolute;
 29爱博体育app 36top: -1000px;
 30爱博体育app 37爱博体育app 38filter:alpha(Opacity=10); /**//*modify to change the shade solidity/opacity, same as below*/
 31爱博体育app 39爱博体育app 40opacity:0.1; /**//*firefox 1.5 opacity*/
 32爱博体育app 41爱博体育app 42-moz-opacity:0.1; /**//*mozilla opacity*/
 33爱博体育app 43爱博体育app 44-khtml-opacity:0.1; /**//*opacity*/
 34爱博体育app 45z-index:10
 35爱博体育app 46}
 36爱博体育app 47
 37爱博体育app 48</style>
 38爱博体育app 49
 39爱博体育app 50<script type=”text/javascript” src=”js/shadow.js”></script>
 40爱博体育app 51
 41爱博体育app 52爱博体育app 53<style>爱博体育app 54
 42爱博体育app 55<!–
 43爱博体育app 56爱博体育app 57img.test1{爱博体育app 58}{
 44爱博体育app 59爱博体育app 60 border-style:dotted; /**//* 点画线 */
 45爱博体育app 61爱博体育app 62 border-color:#FF9900; /**//* 边框颜色 */
 46爱博体育app 63爱博体育app 64 border-width:5px;  /**//* 边框粗细 */
 47爱博体育app 65}
 48爱博体育app 66爱博体育app 67img.test2{爱博体育app 68}{
 49爱博体育app 69爱博体育app 70 border-style:dashed; /**//* 虚线 */
 50爱博体育app 71爱博体育app 72 border-color:blue;  /**//* 边框颜色 */
 51爱博体育app 73爱博体育app 74 border-width:2px;  /**//* 边框粗细 */
 52爱博体育app 75}
 53爱博体育app 76–>
 54爱博体育app 77
 55爱博体育app 78爱博体育app 79.table1{爱博体育app 80}{
 56爱博体育app 81BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED
 57爱博体育app 82}
 58爱博体育app 83</style>
 59爱博体育app 84爱博体育app 85    <style>爱博体育app 86
 60爱博体育app 87爱博体育app 88.v {爱博体育app 89}{border-collapse: collapse}
 61爱博体育app 90爱博体育app 91.v td{爱博体育app 92}{border:1px dashed #000;width:100;height:25}
 62爱博体育app 93</style>
 63爱博体育app 94
 64爱博体育app 95
 65爱博体育app 96</head>
 66爱博体育app 97
 67爱博体育app 98<body>
 68爱博体育app 99
 69爱博体育app 100<p class=”shadow” style=”display: block” rel=”red”>This is some paragraph.<br />Set display=”block” inside it.<br />This is some paragraph.</p>
 70爱博体育app 101
 71爱博体育app 102<img src=”http://www.dupcit.com/img201/7907/streetkz4.gif” class=”shadow” rel=”blue” /><br />
 72爱博体育app 103
 73爱博体育app 104<p><a href=”http://www.dusystem.com” class=”shadow” rel=”green”>Some link</a></p>
 74爱博体育app 105
 75爱博体育app 106
 76爱博体育app 107
 77爱博体育app 108 <img src=”banana.jpg” class=”test1″>
 78爱博体育app 109 <img src=”banana.jpg” class=”test2″>
 79爱博体育app 110 
 80爱博体育app 111 <table  class=”table1″ border=”1″>
 81爱博体育app 112    <tr>
 82爱博体育app 113        <td> </td>
 83爱博体育app 114        <td> </td>
 84爱博体育app 115    </tr>
 85爱博体育app 116    <tr>
 86爱博体育app 117        <td> </td>
 87爱博体育app 118        <td> </td>
 88爱博体育app 119    </tr>
 89爱博体育app 120    </table>
 90爱博体育app 121    
 91爱博体育app 122
 92爱博体育app 123<table class=”v”>
 93爱博体育app 124<tr>
 94爱博体育app 125<td>demo</td><td>demo</td><td>demo</td>
 95爱博体育app 126</tr>
 96爱博体育app 127<tr>
 97爱博体育app 128<td>demo</td><td>demo</td><td>demo</td>
 98爱博体育app 129</tr>
 99爱博体育app 130<tr>
100爱博体育app 131<td>demo</td><td>demo</td><td>demo</td>
101爱博体育app 132</tr>
102爱博体育app 133</table>
103爱博体育app 134
104爱博体育app 135    <form name=”editorForm” method=”POST”>
105爱博体育app 136      <!– 编辑器容器 –>
106爱博体育app 137      <div class=”bd01″ id=”edt”> </div>
107爱博体育app 138      <!– 结束-编辑器容器 –>
108爱博体育app 139</form>
109爱博体育app 140<div style=”border-right:1px dashed red; height:200px; width:100px;
110爱博体育app 141“>缔友计算机信息技术有限公司右侧边的border-right:1px ,solid, red;
111爱博体育app 142左边的border-left:1px ,solid, red;</div>
112爱博体育app 143<p style=”border-style:dotted;border-width:0px 0px 1px 0px;
113爱博体育app 144“>缔友计算机信息技术有限公司</p> 
114爱博体育app 145<p style=”border-style:dotted;
115爱博体育app 146“>缔友计算机信息技术有限公司</p> 
116爱博体育app 147<div style=”border-left:1px dashed red; height:200px; width:100px;
117爱博体育app 148“>缔友计算机信息技术有限公司右侧边的border-right:1px ,solid, red;
118爱博体育app 149左边的border-left:1px ,solid, red;</div>
119爱博体育app 150<p style=”border-bottom:1px dashed red;
120爱博体育app 151“>美国第二季度生产率起6年来最酷幅面
121爱博体育app 152By Simone Baribeau in New York 2009-08-12 </p> 
122爱博体育app 153<table>
123爱博体育app 154            <tr>
124爱博体育app 155            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
125爱博体育app 156               <!–左侧区域–>
126爱博体育app 157            <p>            </td>
127爱博体育app 158
128爱博体育app 159            <td style=”width:47%; padding-left:15px; vertical-align:top”>
129爱博体育app 160               <!–右侧区域–>
130爱博体育app 161            <p>            </td>
131爱博体育app 162        </tr>
132爱博体育app 163            <tr>
133爱博体育app 164            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
134爱博体育app 165               <!–左侧区域–>
135爱博体育app 166            <p>The productivity of US workers rose at its fastest pace in six years in the second quarter as employers cut staff costs, according to the labour department.</p>
136爱博体育app 167
137爱博体育app 168            </td>
138爱博体育app 169            <td style=”width:47%; padding-left:15px; vertical-align:top”>
139爱博体育app 170               <!–右侧区域–>
140爱博体育app 171            <p>美国劳工部的多少展示,由于雇主削减员工成本,美国第二季度生产率起6年来最为特别开间。</p>
141爱博体育app 172            </td>
142爱博体育app 173        </tr>
143爱博体育app 174            <tr>
144爱博体育app 175            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
145爱博体育app 176
146爱博体育app 177               <!–左侧区域–>
147爱博体育app 178            <p>Analysts said the higher-than-expected 6.4 per cent increase in productivity was another signal that the US economy might be emerging from recession – one that helped free the Federal Reserve to pursue aggressive monetary policy.</p>
148爱博体育app 179            </td>
149爱博体育app 180            <td style=”width:47%; padding-left:15px; vertical-align:top”>
150爱博体育app 181               <!–右侧区域–>
151爱博体育app 182            <p>分析师表示,生产率高于预期的6.4%的宽,是美国经济或刚刚走来衰退的又平等信号。这促进解决美联储的忧虑,使该得以实施激进的货币政策。</p>
152爱博体育app 183            </td>
153爱博体育app 184
154爱博体育app 185        </tr>
155爱博体育app 186            <tr>
156爱博体育app 187            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
157爱博体育app 188               <!–左侧区域–>
158爱博体育app 189            <p>“The worst is over. Firms should now be able to consider keeping their workforce constant,” said Joseph Brusuelas, director of Moody’s Economy.com. “Perhaps more importantly, the efficiency gains bode well for a more stable inflation environment, giving extraordinary comfort to the Fed as they consider monetary policy.”</p>
159爱博体育app 190            </td>
160爱博体育app 191            <td style=”width:47%; padding-left:15px; vertical-align:top”>
161爱博体育app 192
162爱博体育app 193               <!–右侧区域–>
163爱博体育app 194            <p>穆迪(Moody’s)旗下Economy.com网站主办约瑟夫•布鲁修拉斯(Joseph Brusuelas)表示:“最糟糕的时段都过去。现在各级企业应当产生能力考虑保障劳动力的祥和了。或许更主要的凡,生产率的升预示将面世一个越来越安宁之通胀环境,让美联储在设想货币政策时有更宽松的退路。”</p>
164爱博体育app 195            </td>
165爱博体育app 196        </tr>
166爱博体育app 197            <tr>
167爱博体育app 198            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
168爱博体育app 199               <!–左侧区域–>
169爱博体育app 200
170爱博体育app 201            <p>Analysts surveyed by Reuters had expected productivity to increase 5.3 per cent.</p>
171爱博体育app 202            </td>
172爱博体育app 203            <td style=”width:47%; padding-left:15px; vertical-align:top”>
173爱博体育app 204               <!–右侧区域–>
174爱博体育app 205            <p>接受路透社(Reuters)调查的解析师曾预测生产率将稳中有升5.3%。</p>
175爱博体育app 206            </td>
176爱博体育app 207        </tr>
177爱博体育app 208            <tr>
178爱博体育app 209
179爱博体育app 210            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
180爱博体育app 211               <!–左侧区域–>
181爱博体育app 212            <p>Hours worked fell 7.6 per cent, but output decreased only 1.7 per cent. Over the past year, falling hours and output has led to an increase of 1.8 per cent in output per hour.</p>
182爱博体育app 213            </td>
183爱博体育app 214            <td style=”width:47%; padding-left:15px; vertical-align:top”>
184爱博体育app 215               <!–右侧区域–>
185爱博体育app 216            <p>第二季度工作时较第一季度减少了7.6%,但出现就下降1.7%。在过去一模一样年里,工作时和出现的骤降致每时产出多了1.8%。</p>
186爱博体育app 217            </td>
187爱博体育app 218
188爱博体育app 219        </tr>
189爱博体育app 220            <tr>
190爱博体育app 221            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
191爱博体育app 222               <!–左侧区域–>
192爱博体育app 223            <p>“As a pattern, productivity is holding up very well in this cycle, which tends to bode well from a long-term growth perspective,” said Alan Ruskin, chief international strategist at RBS Global Banking and Markets.</p>
193爱博体育app 224            </td>
194爱博体育app 225            <td style=”width:47%; padding-left:15px; vertical-align:top”>
195爱博体育app 226
196爱博体育app 227               <!–右侧区域–>
197爱博体育app 228            <p>“本轮经济周期中,生产率整体保持得相当漂亮,这往往是由来已久滋长前景的吉兆,”苏格兰皇家银行(RBS)环球银行跟基金市场部首席国际策略师阿兰·鲁斯金(Alan Ruskin)表示。</p>
198爱博体育app 229            </td>
199爱博体育app 230        </tr>
200爱博体育app 231            <tr>
201爱博体育app 232            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
202爱博体育app 233               <!–左侧区域–>
203爱博体育app 234
204爱博体育app 235            <p>Wages continued to fall in real terms. Taking into account inflation, compensation in the second quarter fell 1.1 per cent. But excluding inflation, non-farm business pay rose 0.2 per cent in the second quarter, compared with a 2.4 per cent decrease a quarter earlier.</p>
205爱博体育app 236            </td>
206爱博体育app 237            <td style=”width:47%; padding-left:15px; vertical-align:top”>
207爱博体育app 238               <!–右侧区域–>
208爱博体育app 239            <p>实际工资继续回落。计入通胀因素,第二季度薪酬水平下滑了1.1%,但假如不计算通胀因素,第二季度非农商业薪酬则长了0.2%,而达成等同季度是下降2.4%。</p>
209爱博体育app 240            </td>
210爱博体育app 241        </tr>
211爱博体育app 242            <tr>
212爱博体育app 243
213爱博体育app 244            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
214爱博体育app 245               <!–左侧区域–>
215爱博体育app 246            <p>“Many workers are experiencing wage freezes and taking pay cuts to keep their jobs, one of the risks to the recovery going forward,” said Mr Brusuelas.</p>            </td>
216爱博体育app 247            <td style=”width:47%; padding-left:15px; vertical-align:top”>
217爱博体育app 248               <!–右侧区域–>
218爱博体育app 249            <p>“许多工友的薪水遭遇冻结,或是为了保住工作被迫奉减薪。这是潜移默化经济复苏前景的高风险有,”布鲁修拉斯表示。</p>
219爱博体育app 250
220爱博体育app 251            </td>
221爱博体育app 252        </tr>
222爱博体育app 253            <tr>
223爱博体育app 254            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
224爱博体育app 255               <!–左侧区域–>
225爱博体育app 256            <p>            </td>
226爱博体育app 257            <td style=”width:47%; padding-left:15px; vertical-align:top”>
227爱博体育app 258               <!–右侧区域–>
228爱博体育app 259
229爱博体育app 260            <p>译者/管婧</p>            </td>
230爱博体育app 261        </tr>
231爱博体育app 262        </table>
232爱博体育app 263
233爱博体育app 264</body>
234爱博体育app 265
235爱博体育app 266</html>
236爱博体育app 267

[java] view
plain copy

 

  1. 留神:使用是打印控件需要引入(在自家上传的Demo中还来):  
  2.     install_lodop32.exe  
  3.     install_lodop64.exe  
  4.     LodopFuncs.js  
  5.     jquery-1.10.0.min.js  
  6.   
  7. 切实Demo下载地址: http://download.csdn.net/download/l294333475/7697807  

[java] view
plain copy

 

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

爱博体育app 268爱博体育app 269爱博体育app 270爱博体育app 271

相关文章