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

  1图片 1<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
  2图片 2“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  3图片 3<html xmlns=”http://www.w3.org/1999/xhtml” lang=”zh” xml:lang=”zh”>
  4图片 4<head>
  5图片 5<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
  6图片 6<title>关于我们</title>
  7图片 7<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
  8图片 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图片 9<meta name=”Robots” content=”all index follow “>
 10图片 10<meta name=”Author” content=”涂聚文” />
 11图片 11<link href=”images/css.css” rel=”stylesheet” type=”text/css”>
 12图片 12<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
 13图片 13<link rel=”icon” href=”favicon.ico” type=”image/ico” />
 14图片 14<link rel=”Bookmark” href=”favicon.ico”> 
 15图片 15图片 16<style type=”text/css”>图片 17
 16图片 18图片 19/**//*URL: http://www.dusystem.com/ */
 17图片 20图片 21.shadow{图片 22}{
 18图片 23border:1px solid silver;
 19图片 24font:10pt arial;
 20图片 25position:relative;
 21图片 26display:inline;
 22图片 27background:white;
 23图片 28z-index:100
 24图片 29}
 25图片 30
 26图片 31图片 32.shadow_inner{图片 33}{
 27图片 34overflow:hidden;
 28图片 35position:absolute;
 29图片 36top: -1000px;
 30图片 37图片 38filter:alpha(Opacity=10); /**//*modify to change the shade solidity/opacity, same as below*/
 31图片 39图片 40opacity:0.1; /**//*firefox 1.5 opacity*/
 32图片 41图片 42-moz-opacity:0.1; /**//*mozilla opacity*/
 33图片 43图片 44-khtml-opacity:0.1; /**//*opacity*/
 34图片 45z-index:10
 35图片 46}
 36图片 47
 37图片 48</style>
 38图片 49
 39图片 50<script type=”text/javascript” src=”js/shadow.js”></script>
 40图片 51
 41图片 52图片 53<style>图片 54
 42图片 55<!–
 43图片 56图片 57img.test1{图片 58}{
 44图片 59图片 60 border-style:dotted; /**//* 点画线 */
 45图片 61图片 62 border-color:#FF9900; /**//* 边框颜色 */
 46图片 63图片 64 border-width:5px;  /**//* 边框粗细 */
 47图片 65}
 48图片 66图片 67img.test2{图片 68}{
 49图片 69图片 70 border-style:dashed; /**//* 虚线 */
 50图片 71图片 72 border-color:blue;  /**//* 边框颜色 */
 51图片 73图片 74 border-width:2px;  /**//* 边框粗细 */
 52图片 75}
 53图片 76–>
 54图片 77
 55图片 78图片 79.table1{图片 80}{
 56图片 81BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED
 57图片 82}
 58图片 83</style>
 59图片 84图片 85    <style>图片 86
 60图片 87图片 88.v {图片 89}{border-collapse: collapse}
 61图片 90图片 91.v td{图片 92}{border:1px dashed #000;width:100;height:25}
 62图片 93</style>
 63图片 94
 64图片 95
 65图片 96</head>
 66图片 97
 67图片 98<body>
 68图片 99
 69图片 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图片 101
 71图片 102<img src=”http://www.dupcit.com/img201/7907/streetkz4.gif” class=”shadow” rel=”blue” /><br />
 72图片 103
 73图片 104<p><a href=”http://www.dusystem.com” class=”shadow” rel=”green”>Some link</a></p>
 74图片 105
 75图片 106
 76图片 107
 77图片 108 <img src=”banana.jpg” class=”test1″>
 78图片 109 <img src=”banana.jpg” class=”test2″>
 79图片 110 
 80图片 111 <table  class=”table1″ border=”1″>
 81图片 112    <tr>
 82图片 113        <td> </td>
 83图片 114        <td> </td>
 84图片 115    </tr>
 85图片 116    <tr>
 86图片 117        <td> </td>
 87图片 118        <td> </td>
 88图片 119    </tr>
 89图片 120    </table>
 90图片 121    
 91图片 122
 92图片 123<table class=”v”>
 93图片 124<tr>
 94图片 125<td>demo</td><td>demo</td><td>demo</td>
 95图片 126</tr>
 96图片 127<tr>
 97图片 128<td>demo</td><td>demo</td><td>demo</td>
 98图片 129</tr>
 99图片 130<tr>
100图片 131<td>demo</td><td>demo</td><td>demo</td>
101图片 132</tr>
102图片 133</table>
103图片 134
104图片 135    <form name=”editorForm” method=”POST”>
105图片 136      <!– 编辑器容器 –>
106图片 137      <div class=”bd01″ id=”edt”> </div>
107图片 138      <!– 结束-编辑器容器 –>
108图片 139</form>
109图片 140<div style=”border-right:1px dashed red; height:200px; width:100px;
110图片 141“>缔友计算机信息技术有限公司右边的border-right:1px ,solid, red;
111图片 142左边的border-left:1px ,solid, red;</div>
112图片 143<p style=”border-style:dotted;border-width:0px 0px 1px 0px;
113图片 144“>缔友计算机信息技术有限公司</p> 
114图片 145<p style=”border-style:dotted;
115图片 146“>缔友计算机信息技术有限公司</p> 
116图片 147<div style=”border-left:1px dashed red; height:200px; width:100px;
117图片 148“>缔友计算机信息技术有限公司右侧边的border-right:1px ,solid, red;
118图片 149左边的border-left:1px ,solid, red;</div>
119图片 150<p style=”border-bottom:1px dashed red;
120图片 151“>美国第二季度生产率出现6年来最要命幅面
121图片 152By Simone Baribeau in New York 2009-08-12 </p> 
122图片 153<table>
123图片 154            <tr>
124图片 155            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
125图片 156               <!–左侧区域–>
126图片 157            <p>            </td>
127图片 158
128图片 159            <td style=”width:47%; padding-left:15px; vertical-align:top”>
129图片 160               <!–右侧区域–>
130图片 161            <p>            </td>
131图片 162        </tr>
132图片 163            <tr>
133图片 164            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
134图片 165               <!–左侧区域–>
135图片 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图片 167
137图片 168            </td>
138图片 169            <td style=”width:47%; padding-left:15px; vertical-align:top”>
139图片 170               <!–右侧区域–>
140图片 171            <p>美国劳工部的数量显示,由于雇主削减员工成本,美国第二季度生产率起6年来最老幅面。</p>
141图片 172            </td>
142图片 173        </tr>
143图片 174            <tr>
144图片 175            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
145图片 176
146图片 177               <!–左侧区域–>
147图片 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图片 179            </td>
149图片 180            <td style=”width:47%; padding-left:15px; vertical-align:top”>
150图片 181               <!–右侧区域–>
151图片 182            <p>分析师表示,生产率高于预期的6.4%的涨幅,是美国经济或正走有衰退的又同样信号。这有助于缓解美联储的忧虑,使其可以执行激进的货币政策。</p>
152图片 183            </td>
153图片 184
154图片 185        </tr>
155图片 186            <tr>
156图片 187            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
157图片 188               <!–左侧区域–>
158图片 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图片 190            </td>
160图片 191            <td style=”width:47%; padding-left:15px; vertical-align:top”>
161图片 192
162图片 193               <!–右侧区域–>
163图片 194            <p>穆迪(Moody’s)旗下Economy.com网站主办约瑟夫•布鲁修拉斯(Joseph Brusuelas)表示:“最浅底早晚曾经仙逝。现在诸企业该有力量考虑保障劳动力的平稳了。或许又关键的凡,生产率的升预示将起一个更是安宁的通胀环境,让美联储于考虑货币政策时有更宽的余地。”</p>
164图片 195            </td>
165图片 196        </tr>
166图片 197            <tr>
167图片 198            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
168图片 199               <!–左侧区域–>
169图片 200
170图片 201            <p>Analysts surveyed by Reuters had expected productivity to increase 5.3 per cent.</p>
171图片 202            </td>
172图片 203            <td style=”width:47%; padding-left:15px; vertical-align:top”>
173图片 204               <!–右侧区域–>
174图片 205            <p>接受路透社(Reuters)调查之辨析师曾预测生产率将升高5.3%。</p>
175图片 206            </td>
176图片 207        </tr>
177图片 208            <tr>
178图片 209
179图片 210            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
180图片 211               <!–左侧区域–>
181图片 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图片 213            </td>
183图片 214            <td style=”width:47%; padding-left:15px; vertical-align:top”>
184图片 215               <!–右侧区域–>
185图片 216            <p>第二季度工作时比较第一季度减少了7.6%,但出现就下降1.7%。在过去同一年里,工作时及出现的暴跌以致每小时产出多了1.8%。</p>
186图片 217            </td>
187图片 218
188图片 219        </tr>
189图片 220            <tr>
190图片 221            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
191图片 222               <!–左侧区域–>
192图片 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图片 224            </td>
194图片 225            <td style=”width:47%; padding-left:15px; vertical-align:top”>
195图片 226
196图片 227               <!–右侧区域–>
197图片 228            <p>“本轮经济周期中,生产率整体维持得相当美好,这频繁是久久滋长前景的吉兆,”苏格兰皇家银行(RBS)环球银行及本市场部首席国际策略师阿兰·鲁斯金(Alan Ruskin)表示。</p>
198图片 229            </td>
199图片 230        </tr>
200图片 231            <tr>
201图片 232            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
202图片 233               <!–左侧区域–>
203图片 234
204图片 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图片 236            </td>
206图片 237            <td style=”width:47%; padding-left:15px; vertical-align:top”>
207图片 238               <!–右侧区域–>
208图片 239            <p>实际工资继续下跌。计入通胀因素,第二季度薪酬水平降低了1.1%,但要是无计算通胀因素,第二季度非农商业薪酬则长了0.2%,而达标平等季度是下降2.4%。</p>
209图片 240            </td>
210图片 241        </tr>
211图片 242            <tr>
212图片 243
213图片 244            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
214图片 245               <!–左侧区域–>
215图片 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图片 247            <td style=”width:47%; padding-left:15px; vertical-align:top”>
217图片 248               <!–右侧区域–>
218图片 249            <p>“许多工人的薪水遭遇冻结,或是为了保住工作被迫接受减薪。这是潜移默化经济复苏前景的高风险有,”布鲁修拉斯象征。</p>
219图片 250
220图片 251            </td>
221图片 252        </tr>
222图片 253            <tr>
223图片 254            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
224图片 255               <!–左侧区域–>
225图片 256            <p>            </td>
226图片 257            <td style=”width:47%; padding-left:15px; vertical-align:top”>
227图片 258               <!–右侧区域–>
228图片 259
229图片 260            <p>译者/管婧</p>            </td>
230图片 261        </tr>
231图片 262        </table>
232图片 263
233图片 264</body>
234图片 265
235图片 266</html>
236图片 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>  

图片 268图片 269图片 270图片 271

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注