表和层的虚线的用法,lodoop打印控件详解

“,lodop64.exe  

  1图片 1<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
  2图片 2http://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