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

  1365bet体育 1<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
  2365bet体育 2“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  3365bet体育 3<html xmlns=”http://www.w3.org/1999/xhtml” lang=”zh” xml:lang=”zh”>
  4365bet体育 4<head>
  5365bet体育 5<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
  6365bet体育 6<title>关于我们</title>
  7365bet体育 7<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
  8365bet体育 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。.”>
  9365bet体育 9<meta name=”Robots” content=”all index follow “>
 10365bet体育 10<meta name=”Author” content=”涂聚文” />
 11365bet体育 11<link href=”images/css.css” rel=”stylesheet” type=”text/css”>
 12365bet体育 12<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
 13365bet体育 13<link rel=”icon” href=”favicon.ico” type=”image/ico” />
 14365bet体育 14<link rel=”Bookmark” href=”favicon.ico”> 
 15365bet体育 15365bet体育 16<style type=”text/css”>365bet体育 17
 16365bet体育 18365bet体育 19/**//*URL: http://www.dusystem.com/ */
 17365bet体育 20365bet体育 21.shadow{365bet体育 22}{
 18365bet体育 23border:1px solid silver;
 19365bet体育 24font:10pt arial;
 20365bet体育 25position:relative;
 21365bet体育 26display:inline;
 22365bet体育 27background:white;
 23365bet体育 28z-index:100
 24365bet体育 29}
 25365bet体育 30
 26365bet体育 31365bet体育 32.shadow_inner{365bet体育 33}{
 27365bet体育 34overflow:hidden;
 28365bet体育 35position:absolute;
 29365bet体育 36top: -1000px;
 30365bet体育 37365bet体育 38filter:alpha(Opacity=10); /**//*modify to change the shade solidity/opacity, same as below*/
 31365bet体育 39365bet体育 40opacity:0.1; /**//*firefox 1.5 opacity*/
 32365bet体育 41365bet体育 42-moz-opacity:0.1; /**//*mozilla opacity*/
 33365bet体育 43365bet体育 44-khtml-opacity:0.1; /**//*opacity*/
 34365bet体育 45z-index:10
 35365bet体育 46}
 36365bet体育 47
 37365bet体育 48</style>
 38365bet体育 49
 39365bet体育 50<script type=”text/javascript” src=”js/shadow.js”></script>
 40365bet体育 51
 41365bet体育 52365bet体育 53<style>365bet体育 54
 42365bet体育 55<!–
 43365bet体育 56365bet体育 57img.test1{365bet体育 58}{
 44365bet体育 59365bet体育 60 border-style:dotted; /**//* 点画线 */
 45365bet体育 61365bet体育 62 border-color:#FF9900; /**//* 边框颜色 */
 46365bet体育 63365bet体育 64 border-width:5px;  /**//* 边框粗细 */
 47365bet体育 65}
 48365bet体育 66365bet体育 67img.test2{365bet体育 68}{
 49365bet体育 69365bet体育 70 border-style:dashed; /**//* 虚线 */
 50365bet体育 71365bet体育 72 border-color:blue;  /**//* 边框颜色 */
 51365bet体育 73365bet体育 74 border-width:2px;  /**//* 边框粗细 */
 52365bet体育 75}
 53365bet体育 76–>
 54365bet体育 77
 55365bet体育 78365bet体育 79.table1{365bet体育 80}{
 56365bet体育 81BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED
 57365bet体育 82}
 58365bet体育 83</style>
 59365bet体育 84365bet体育 85    <style>365bet体育 86
 60365bet体育 87365bet体育 88.v {365bet体育 89}{border-collapse: collapse}
 61365bet体育 90365bet体育 91.v td{365bet体育 92}{border:1px dashed #000;width:100;height:25}
 62365bet体育 93</style>
 63365bet体育 94
 64365bet体育 95
 65365bet体育 96</head>
 66365bet体育 97
 67365bet体育 98<body>
 68365bet体育 99
 69365bet体育 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>
 70365bet体育 101
 71365bet体育 102<img src=”http://www.dupcit.com/img201/7907/streetkz4.gif” class=”shadow” rel=”blue” /><br />
 72365bet体育 103
 73365bet体育 104<p><a href=”http://www.dusystem.com” class=”shadow” rel=”green”>Some link</a></p>
 74365bet体育 105
 75365bet体育 106
 76365bet体育 107
 77365bet体育 108 <img src=”banana.jpg” class=”test1″>
 78365bet体育 109 <img src=”banana.jpg” class=”test2″>
 79365bet体育 110 
 80365bet体育 111 <table  class=”table1″ border=”1″>
 81365bet体育 112    <tr>
 82365bet体育 113        <td> </td>
 83365bet体育 114        <td> </td>
 84365bet体育 115    </tr>
 85365bet体育 116    <tr>
 86365bet体育 117        <td> </td>
 87365bet体育 118        <td> </td>
 88365bet体育 119    </tr>
 89365bet体育 120    </table>
 90365bet体育 121    
 91365bet体育 122
 92365bet体育 123<table class=”v”>
 93365bet体育 124<tr>
 94365bet体育 125<td>demo</td><td>demo</td><td>demo</td>
 95365bet体育 126</tr>
 96365bet体育 127<tr>
 97365bet体育 128<td>demo</td><td>demo</td><td>demo</td>
 98365bet体育 129</tr>
 99365bet体育 130<tr>
100365bet体育 131<td>demo</td><td>demo</td><td>demo</td>
101365bet体育 132</tr>
102365bet体育 133</table>
103365bet体育 134
104365bet体育 135    <form name=”editorForm” method=”POST”>
105365bet体育 136      <!– 编辑器容器 –>
106365bet体育 137      <div class=”bd01″ id=”edt”> </div>
107365bet体育 138      <!– 结束-编辑器容器 –>
108365bet体育 139</form>
109365bet体育 140<div style=”border-right:1px dashed red; height:200px; width:100px;
110365bet体育 141“>缔友计算机信息技术有限公司右侧边的border-right:1px ,solid, red;
111365bet体育 142左边的border-left:1px ,solid, red;</div>
112365bet体育 143<p style=”border-style:dotted;border-width:0px 0px 1px 0px;
113365bet体育 144“>缔友计算机信息技术有限公司</p> 
114365bet体育 145<p style=”border-style:dotted;
115365bet体育 146“>缔友计算机信息技术有限公司</p> 
116365bet体育 147<div style=”border-left:1px dashed red; height:200px; width:100px;
117365bet体育 148“>缔友计算机信息技术有限公司右边的border-right:1px ,solid, red;
118365bet体育 149左边的border-left:1px ,solid, red;</div>
119365bet体育 150<p style=”border-bottom:1px dashed red;
120365bet体育 151“>美国第二季度生产率冒出6年来最好酷开间
121365bet体育 152By Simone Baribeau in New York 2009-08-12 </p> 
122365bet体育 153<table>
123365bet体育 154            <tr>
124365bet体育 155            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
125365bet体育 156               <!–左侧区域–>
126365bet体育 157            <p>            </td>
127365bet体育 158
128365bet体育 159            <td style=”width:47%; padding-left:15px; vertical-align:top”>
129365bet体育 160               <!–右侧区域–>
130365bet体育 161            <p>            </td>
131365bet体育 162        </tr>
132365bet体育 163            <tr>
133365bet体育 164            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
134365bet体育 165               <!–左侧区域–>
135365bet体育 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>
136365bet体育 167
137365bet体育 168            </td>
138365bet体育 169            <td style=”width:47%; padding-left:15px; vertical-align:top”>
139365bet体育 170               <!–右侧区域–>
140365bet体育 171            <p>美国劳工部的数额显示,由于雇主削减员工成本,美国第二季度生产率冒出6年来最好充分幅面。</p>
141365bet体育 172            </td>
142365bet体育 173        </tr>
143365bet体育 174            <tr>
144365bet体育 175            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
145365bet体育 176
146365bet体育 177               <!–左侧区域–>
147365bet体育 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>
148365bet体育 179            </td>
149365bet体育 180            <td style=”width:47%; padding-left:15px; vertical-align:top”>
150365bet体育 181               <!–右侧区域–>
151365bet体育 182            <p>分析师表示,生产率高于预期的6.4%底宽度,是美国经济或许正走有衰退的还要同样信号。这有助于缓解美联储的忧虑,使其可以执行激进的货币政策。</p>
152365bet体育 183            </td>
153365bet体育 184
154365bet体育 185        </tr>
155365bet体育 186            <tr>
156365bet体育 187            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
157365bet体育 188               <!–左侧区域–>
158365bet体育 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>
159365bet体育 190            </td>
160365bet体育 191            <td style=”width:47%; padding-left:15px; vertical-align:top”>
161365bet体育 192
162365bet体育 193               <!–右侧区域–>
163365bet体育 194            <p>穆迪(Moody’s)旗下Economy.com网站主办约瑟夫•布鲁修拉斯(Joseph Brusuelas)表示:“最次的时就过去。现在各级公司理应有能力考虑保障劳动力的平安了。或许更要之凡,生产率的上升预示将现出一个一发稳定之通胀环境,让美联储在设想货币政策时有更宽的退路。”</p>
164365bet体育 195            </td>
165365bet体育 196        </tr>
166365bet体育 197            <tr>
167365bet体育 198            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
168365bet体育 199               <!–左侧区域–>
169365bet体育 200
170365bet体育 201            <p>Analysts surveyed by Reuters had expected productivity to increase 5.3 per cent.</p>
171365bet体育 202            </td>
172365bet体育 203            <td style=”width:47%; padding-left:15px; vertical-align:top”>
173365bet体育 204               <!–右侧区域–>
174365bet体育 205            <p>接受路透社(Reuters)调查的剖析师曾预测生产率将稳中有升5.3%。</p>
175365bet体育 206            </td>
176365bet体育 207        </tr>
177365bet体育 208            <tr>
178365bet体育 209
179365bet体育 210            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
180365bet体育 211               <!–左侧区域–>
181365bet体育 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>
182365bet体育 213            </td>
183365bet体育 214            <td style=”width:47%; padding-left:15px; vertical-align:top”>
184365bet体育 215               <!–右侧区域–>
185365bet体育 216            <p>第二季度工作时间比较第一季度减少了7.6%,但出现就下降1.7%。在过去一致年里,工作时跟产出的下滑以致每小时产出增加了1.8%。</p>
186365bet体育 217            </td>
187365bet体育 218
188365bet体育 219        </tr>
189365bet体育 220            <tr>
190365bet体育 221            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
191365bet体育 222               <!–左侧区域–>
192365bet体育 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>
193365bet体育 224            </td>
194365bet体育 225            <td style=”width:47%; padding-left:15px; vertical-align:top”>
195365bet体育 226
196365bet体育 227               <!–右侧区域–>
197365bet体育 228            <p>“本轮经济周期中,生产率整体维持得一定出色,这频繁是绵长增长前景的吉兆,”苏格兰皇家银行(RBS)环球银行暨基金市场部首席国际策略师阿兰·鲁斯金(Alan Ruskin)表示。</p>
198365bet体育 229            </td>
199365bet体育 230        </tr>
200365bet体育 231            <tr>
201365bet体育 232            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
202365bet体育 233               <!–左侧区域–>
203365bet体育 234
204365bet体育 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>
205365bet体育 236            </td>
206365bet体育 237            <td style=”width:47%; padding-left:15px; vertical-align:top”>
207365bet体育 238               <!–右侧区域–>
208365bet体育 239            <p>实际工资继续下跌。计入通胀因素,第二季度薪酬水平下降了1.1%,但如若未合算通胀因素,第二季度非农商业薪酬则益了0.2%,而上一致季度是降低2.4%。</p>
209365bet体育 240            </td>
210365bet体育 241        </tr>
211365bet体育 242            <tr>
212365bet体育 243
213365bet体育 244            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
214365bet体育 245               <!–左侧区域–>
215365bet体育 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>
216365bet体育 247            <td style=”width:47%; padding-left:15px; vertical-align:top”>
217365bet体育 248               <!–右侧区域–>
218365bet体育 249            <p>“许多工人的薪金遭遇冻结,或是为了保住工作被迫奉减薪。这是影响经济复苏前景的风险有,”布鲁修拉斯象征。</p>
219365bet体育 250
220365bet体育 251            </td>
221365bet体育 252        </tr>
222365bet体育 253            <tr>
223365bet体育 254            <td style=”width:48%; border-right:1px dashed #ccc; padding-right:15px; vertical-align:top”>
224365bet体育 255               <!–左侧区域–>
225365bet体育 256            <p>            </td>
226365bet体育 257            <td style=”width:47%; padding-left:15px; vertical-align:top”>
227365bet体育 258               <!–右侧区域–>
228365bet体育 259
229365bet体育 260            <p>译者/管婧</p>            </td>
230365bet体育 261        </tr>
231365bet体育 262        </table>
232365bet体育 263
233365bet体育 264</body>
234365bet体育 265
235365bet体育 266</html>
236365bet体育 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>  

365bet体育 268365bet体育 269365bet体育 270365bet体育 271

相关文章