print.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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><td style="border:solid #000 1px;">
  27. <div id="goodsName"></div>
  28. </td>
  29. </tr>
  30. <tr height="40">
  31. <td style="border:solid #000 1px; width: 25%;">毛重</td><td style="border:solid #000 1px;">
  32. <div id="grossWeight"></div>
  33. </td>
  34. </tr><tr height="40">
  35. <td style="border:solid #000 1px; width: 25%;">件数</td><td style="border:solid #000 1px;">
  36. <div id="num"></div>
  37. </td>
  38. </tr><tr height="40">
  39. <td style="border:solid #000 1px; width: 25%;">生产日期</td><td style="border:solid #000 1px;">
  40. <div id="productionDate"></div>
  41. </td>
  42. </tr><tr height="40">
  43. <td style="border:solid #000 1px; width: 25%;">保质期</td><td style="border:solid #000 1px;">
  44. <div id="expirationDate"></div>
  45. </td>
  46. </tr><tr height="40">
  47. <td style="border:solid #000 1px; width: 25%;">储存条件</td><td style="border:solid #000 1px;"><div id="storageMode"></div></td>
  48. </tr><tr height="40">
  49. <td style="border:solid #000 1px; width: 25%;">生产方式</td><td style="border:solid #000 1px;"><div id="productionMode"></div></td>
  50. </tr><tr height="40">
  51. <td style="border:solid #000 1px; width: 25%;">原产国</td><td style="border:solid #000 1px;"><div id="origin"></div></td>
  52. </tr><tr height="40">
  53. <td style="border:solid #000 1px; width: 25%;">货主单位</td><td style="border:solid #000 1px;"><div id="sendUnit"></div></td>
  54. </tr><tr height="40">
  55. <td style="border:solid #000 1px; width: 25%;">进口冷链食品生产商注册号</td><td style="border:solid #000 1px;"><div id="producerCode"></div></td>
  56. </tr><tr height="40">
  57. <td style="border:solid #000 1px; width: 25%;">收货单位</td><td style="border:solid #000 1px;"><div id="receiveUnit"></div></td>
  58. </tr>
  59. <tr height="40">
  60. <td style="border:solid #000 1px; width: 25%;">物流流向</td><td style="border:solid #000 1px;"><div id="route"></div></td>
  61. </tr>
  62. <tr height="40">
  63. <td style="border:solid #000 1px; width: 25%;">运输车辆(车头牌、车尾牌)</td><td style="border:solid #000 1px;"><div id="chinaCarNo"></div></td>
  64. </tr><tr height="40">
  65. <td style="border:solid #000 1px; width: 25%;">司机名称</td><td style="border:solid #000 1px;"><div id="driverName"></div></td>
  66. </tr><tr height="40">
  67. <td style="border:solid #000 1px; width: 25%;">联系电话(司机)</td><td style="border:solid #000 1px;"><div id="driverPhone"></div></td>
  68. </tr><tr height="40">
  69. <td style="border:solid #000 1px; width: 25%;">联系电话(商家代理人)</td><td style="border:solid #000 1px;"><div id="agentPhone"></div></td>
  70. </tr><tr height="40">
  71. <td style="border:solid #000 1px; width: 25%;">海关报关单据</td><td style="border:solid #000 1px;"><div id="customProof"></div></td>
  72. </tr><tr height="40">
  73. <td style="border:solid #000 1px; width: 25%;">进出口检验检疫证书</td><td style="border:solid #000 1px;"><div id="quarantineProof"></div></td>
  74. </tr><tr height="40">
  75. <td style="border:solid #000 1px; width: 25%;">商铺(互助组)</td><td style="border:solid #000 1px;"><div id="shop"></div></td>
  76. </tr><tr height="40">
  77. <td style="border:solid #000 1px; width: 25%;">生产批号</td><td style="border:solid #000 1px;"><div id="productionCode"></div></td>
  78. </tr><tr height="40">
  79. <td style="border:solid #000 1px; width: 25%;">柜号</td><td style="border:solid #000 1px;"><div id="containerCode"></div></td>
  80. </tr><tr height="40">
  81. <td style="border:solid #000 1px; width: 25%;">越南车牌</td><td style="border:solid #000 1px;"><div id="carNo"></div></td>
  82. </tr>
  83. </table>
  84. </div>
  85. <div align="right">
  86. <br/><br/>
  87. <SPAN style=";font-size:15px"> &nbsp&nbsp&nbsp&nbsp 年 &nbsp&nbsp&nbsp&nbsp 月 &nbsp&nbsp&nbsp&nbsp 日</SPAN>
  88. </div>
  89. </div>
  90. </fieldset>
  91. </div>
  92. <script type="text/javascript">
  93. $(function(){
  94. $("#print_button").click(function(){
  95. $("#myPrintArea").printArea();
  96. });
  97. function getUrlParam(name)
  98. {
  99. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
  100. var r = window.location.search.substr(1).match(reg); //匹配目标参数
  101. if (r!=null) return unescape(r[2]); return null; //返回参数值
  102. }
  103. var id = getUrlParam('id');
  104. $.ajax({
  105. url: sa.cfg.api_url+'/TbDeclare/getById?id=' + id,
  106. type: 'post', // 请求类型,常用的有 GET 和 POST
  107. success: function(data) { // 接口调用成功回调函数
  108. $("#goodsName").html( data.data.goodsName);
  109. $("#grossWeight").html( data.data.grossWeight + "kg");
  110. $("#num").html( data.data.num + "件");
  111. $("#productionDate").html( data.data.productionDate);
  112. $("#expirationDate").html( data.data.expirationDate + "天");
  113. $("#storageMode").html( data.data.storageMode);
  114. $("#productionMode").html( data.data.productionMode);
  115. $("#origin").html( data.data.origin);
  116. $("#producerCode").html( data.data.producerCode);
  117. $("#sendUnit").html( data.data.sendUnit);
  118. $("#receiveUnit").html( data.data.receiveUnit);
  119. $("#route").html( data.data.route);
  120. $("#chinaCarNo").html( data.data.chinaCarNo);
  121. $("#driverName").html( data.data.driverName);
  122. $("#driverPhone").html( data.data.driverPhone);
  123. $("#agentPhone").html( data.data.agentPhone);
  124. $("#customProof").html( data.data.customProof);
  125. $("#quarantineProof").html( data.data.quarantineProof);
  126. $("#shop").html( data.data.shop);
  127. $("#productionCode").html( data.data.productionCode);
  128. $("#containerCode").html( data.data.containerCode);
  129. $("#carNo").html( data.data.carNo);
  130. $("#myPrintArea").printArea();
  131. }
  132. });
  133. });
  134. </script>
  135. </body>
  136. </html>