print.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>打印申请单</title>
  6. <style type="text/css">
  7. body{left:0px;top:0px;right:0px;bottom:0px;margin:0px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;overflow: hidden;white-space: nowrap;}
  8. </style>
  9. <script src="../../static/print/jquery-2.0.3.js" type="text/javascript"></script>
  10. <script src="../../static/print/jquery.jPrintArea.js" type="text/javascript"></script>
  11. <script src="../../static/sa.js"></script>
  12. </head>
  13. <body>
  14. <div>
  15. <input type="button" style="height: 30;" id="print_button" value="打印" />
  16. <fieldset align="">
  17. <legend>打印区</legend>
  18. <div id="myPrintArea" style="height: 1500;">
  19. <div align="center">
  20. <SPAN style="TEXT-DECORATION: underline;font-size:25px">消毒申请单</SPAN>
  21. <br/><br/>
  22. </div>
  23. <div style="text-align:center; font-size:15px;he">
  24. <table width="100%" style="border-collapse:collapse;border:none;">
  25. <tr height="40">
  26. <td style="border:solid #000 1px; width: 25%;hei">发货人名称</td>
  27. <td style="border:solid #000 1px;" colspan="3"><div id="sendPeople"></div></td>
  28. </tr>
  29. <tr height="40">
  30. <td style="border:solid #000 1px; width: 25%;hei">收货人名称</td>
  31. <td style="border:solid #000 1px;" colspan="3"><div id="receivePeople"></div></td>
  32. </tr>
  33. <tr height="40">
  34. <td style="border:solid #000 1px; width: 25%;hei">品名</td>
  35. <td style="border:solid #000 1px;"><div id="goodsName"></div></td>
  36. <td style="border:solid #000 1px; width: 25%;hei">产地</td>
  37. <td style="border:solid #000 1px;"><div id="origin"></div></td>
  38. </tr>
  39. <tr height="40">
  40. <td style="border:solid #000 1px; width: 25%;hei">数量/重量</td>
  41. <td style="border:solid #000 1px;"><div id="numAndWeight"></div></td>
  42. <td style="border:solid #000 1px; width: 25%;hei">规格</td>
  43. <td style="border:solid #000 1px;"><div id="unit"></div></td>
  44. </tr>
  45. <tr height="40">
  46. <td style="border:solid #000 1px; width: 25%;hei">包装</td>
  47. <td style="border:solid #000 1px;"><div id="pack"></div></td>
  48. <td style="border:solid #000 1px;" colspan="2">标记及号码</td>
  49. </tr>
  50. <tr height="40">
  51. <td style="border:solid #000 1px; width: 25%;hei">启动地</td>
  52. <td style="border:solid #000 1px;"><div id="sourceAddress"></div></td>
  53. <td style="border:solid #000 1px;" colspan="2" rowspan="4"><div id="flagAndPhone"></div></td>
  54. </tr>
  55. <tr height="40">
  56. <td style="border:solid #000 1px; width: 25%;hei">到达口岸</td>
  57. <td style="border:solid #000 1px;"><div id="arrivePart"></div></td>
  58. </tr>
  59. <tr height="40">
  60. <td style="border:solid #000 1px; width: 25%;hei">运输工具及号码</td>
  61. <td style="border:solid #000 1px;"><div id="carNameAndNo"></div></td>
  62. </tr>
  63. <tr height="40">
  64. <td style="border:solid #000 1px; width: 25%;hei">国内运输工具及号码</td>
  65. <td style="border:solid #000 1px;"><div id="chinaCarNameAndNo"></div></td>
  66. </tr>
  67. <tr height="80">
  68. <td style="border:solid #000 1px; width: 25%;hei">预约处理地点及时间</td>
  69. <td style="border:solid #000 1px;" colspan="3">东兴A1地块进口冷链食品集中监管仓</td>
  70. </tr>
  71. <tr height="80">
  72. <td style="border:solid #000 1px; width: 25%;hei">其他要求及备注</td>
  73. <td style="border:solid #000 1px;" colspan="3"><div id="remark"></div></td>
  74. </tr>
  75. </table>
  76. <table width="100%" style="border-collapse:collapse;border:none;">
  77. <tr height="80">
  78. <td style="border:solid #000 1px;"><div id="applyUnitAndPeople"></div></td>
  79. <td style="border:solid #000 1px;"><div id="declarePhone"></div></td>
  80. <td style="border:solid #000 1px;"><div id="applyTime"></div></td>
  81. </tr>
  82. <tr height="80">
  83. <td style="border:solid #000 1px;"><div id="acceptPeople"></div></td>
  84. <td style="border:solid #000 1px;"><div id="acceptTime"></div></td>
  85. <td style="border:solid #000 1px;">计费:<div id="money"></div></td>
  86. </tr>
  87. </table>
  88. </div>
  89. <div align="right">
  90. <br/><br/>
  91. <SPAN style=";font-size:15px"> &nbsp&nbsp&nbsp&nbsp 年 &nbsp&nbsp&nbsp&nbsp 月 &nbsp&nbsp&nbsp&nbsp 日</SPAN>
  92. </div>
  93. </div>
  94. </fieldset>
  95. </div>
  96. <script type="text/javascript">
  97. $(function(){
  98. $("#print_button").click(function(){
  99. $("#myPrintArea").printArea();
  100. });
  101. function getUrlParam(name)
  102. {
  103. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
  104. var r = window.location.search.substr(1).match(reg); //匹配目标参数
  105. if (r!=null) return unescape(r[2]); return null; //返回参数值
  106. }
  107. var id = getUrlParam('id');
  108. $.ajax({
  109. url: sa.cfg.api_url+'/TbDisinfect/getById?id=' + id,
  110. type: 'post',
  111. success: function(data) {
  112. console.log(data);
  113. $("#sendPeople").html(data.data.sendPeople);
  114. $("#receivePeople").html(data.data.receivePeople);
  115. $("#goodsName").html(data.data.goodsName);
  116. $("#origin").html(data.data.origin);
  117. $("#numAndWeight").html(data.data.num + "件/" + data.data.grossWeight + "kg");
  118. $("#unit").html(data.data.unit);
  119. $("#pack").html(data.data.pack);
  120. $("#flagAndPhone").html(data.data.flag + ", " + data.data.phone);
  121. $("#sourceAddress").html(data.data.sourceAddress);
  122. $("#arrivePart").html(data.data.arrivePart);
  123. $("#carNameAndNo").html(data.data.carName + ", " + data.data.carNo);
  124. $("#chinaCarNameAndNo").html(data.data.chinaCarName + ", " + data.data.chinaCarNo);
  125. $("#remark").html(data.data.remark);
  126. $("#applyUnitAndPeople").html("申请人单位、姓名:" + data.data.applyUnit + ", " + data.data.declarePeople);
  127. $("#declarePhone").html("联系方式:" + data.data.declarePhone);
  128. $("#applyTime").html("申请时间:" + data.data.applyTime);
  129. $("#acceptPeople").html("受理人姓名:");
  130. $("#acceptTime").html("受理时间:");
  131. $("#myPrintArea").printArea();
  132. }
  133. });
  134. });
  135. </script>
  136. </body>
  137. </html>