print-zxbusiness.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <title>打印业务确认单</title>
  7. <style type="text/css">
  8. body {
  9. left: 0px;
  10. top: 0px;
  11. right: 0px;
  12. bottom: 0px;
  13. margin: 0px;
  14. font-family: Arial, Helvetica, sans-serif;
  15. font-size: 12px;
  16. overflow: hidden;
  17. white-space: nowrap;
  18. }
  19. </style>
  20. <script src="../../static/print/jquery-2.0.3.js" type="text/javascript"></script>
  21. <script src="../../static/print/jquery.jPrintArea.js" type="text/javascript"></script>
  22. <script src="../../static/sa.js"></script>
  23. </head>
  24. <body>
  25. <div>
  26. <input type="button" style="height: 30;" id="print_button" value="打印"/>
  27. <fieldset align="">
  28. <legend>打印区</legend>
  29. <div id="myPrintArea" style="height: 1500;">
  30. <div align="center">
  31. <SPAN style="font-size:15px">东兴二桥口岸疫情防控进口接驳区业务确认单</SPAN>
  32. <br/><br/>
  33. </div>
  34. <div style="text-align:center; font-size:15px;">
  35. <table id="one" width="100%" style="border-collapse:collapse;border:none;">
  36. <tr height="50">
  37. <td style="border:solid #000 1px;text-align: left;" colspan="4">单位:广西东兴北投口岸投资有限公司</td>
  38. <td style="border:solid #000 1px;text-align: left;" colspan="3">单证编号:
  39. <span id="businessNo"></span>
  40. </td>
  41. </tr>
  42. <tr height="50">
  43. <td style="border:solid #000 1px;text-align: left;" colspan="7">作业时间:
  44. <span id="operateTime"></span>
  45. </td>
  46. </tr>
  47. <tr height="50">
  48. <td style="border:solid #000 1px;text-align: left;" colspan="7"><b>车辆信息:</b></td>
  49. </tr>
  50. <tr height="50">
  51. <td style="border:solid #000 1px;text-align: center;">车牌号</td>
  52. <td style="border:solid #000 1px;text-align: center;">类型</td>
  53. <td style="border:solid #000 1px;text-align: center;">载重(kg)</td>
  54. <td style="border:solid #000 1px;text-align: center;">规格(米)</td>
  55. <td style="border:solid #000 1px;text-align: center;">支付状态</td>
  56. <td style="border:solid #000 1px;text-align: center;">车辆状态</td>
  57. <td style="border:solid #000 1px;text-align: center;">停车费</td>
  58. </tr>
  59. </table>
  60. <!-- <table id="two" width="100%" style="border-collapse:collapse;border:none;">-->
  61. <!-- <tr height="80">-->
  62. <!-- <td style="border:solid #000 1px;text-align: left;" colspan="7"><b>具体业务项:</b></td>-->
  63. <!-- </tr>-->
  64. <!-- <tr height="80">-->
  65. <!-- <td style="border:solid #000 1px;text-align: center;">收费项</td>-->
  66. <!-- <td style="border:solid #000 1px;text-align: center;">收费明细项</td>-->
  67. <!-- <td style="border:solid #000 1px;text-align: center;">单价</td>-->
  68. <!-- <td style="border:solid #000 1px;text-align: center;">计费标准</td>-->
  69. <!-- <td style="border:solid #000 1px;text-align: center;">数量</td>-->
  70. <!-- <td style="border:solid #000 1px;text-align: center;">合计</td>-->
  71. <!-- <td style="border:solid #000 1px;text-align: center;">支付状态</td>-->
  72. <!-- </tr>-->
  73. <!-- </table>-->
  74. <br/><br/>
  75. </div>
  76. <!-- <div align="right">-->
  77. <!-- <br/><br/>-->
  78. <!-- <SPAN style=";font-size:15px"> &nbsp&nbsp&nbsp&nbsp 年 &nbsp&nbsp&nbsp&nbsp 月 &nbsp&nbsp&nbsp&nbsp 日</SPAN>-->
  79. <!-- </div>-->
  80. </div>
  81. </fieldset>
  82. </div>
  83. <script type="text/javascript">
  84. $(function () {
  85. $("#print_button").click(function () {
  86. $("#myPrintArea").printArea();
  87. });
  88. function getUrlParam(name) {
  89. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
  90. var r = window.location.search.substr(1).match(reg); //匹配目标参数
  91. if (r != null) return unescape(r[2]);
  92. return null; //返回参数值
  93. }
  94. var id = getUrlParam('id');
  95. var kaiDanPeople = '';
  96. $.ajax({
  97. url: sa.cfg.api_url + '/admin/getByCurr',
  98. type: 'post',
  99. success: function (data) {
  100. var name = data.data.nickname;
  101. if(name === '' || name == null) {
  102. name = data.data.name;
  103. }
  104. kaiDanPeople = name;
  105. }
  106. });
  107. $.ajax({
  108. url: sa.cfg.api_url + '/TbBusiness/getZxBusinessById?id=' + id,
  109. type: 'post',
  110. success: function (data) {
  111. $("#businessNo").html(data.data.no)
  112. $("#operateTime").html(data.data.operateTime);
  113. var carList = data.data.cars;
  114. var html = [];
  115. $.each(carList, function (index, item) {
  116. let carNo = item.carNo;
  117. let carType = item.carType;
  118. let netWeight = item.netWeight;
  119. let carSize = item.carSize;
  120. let payType = item.payType
  121. let isLock = item.isLock;
  122. let money = item.money;
  123. if(isLock === 0){
  124. isLock = "正常"
  125. }else if(isLock === 1) {
  126. isLock = "锁定"
  127. }
  128. html.push(
  129. "<tr height=\"50\">"
  130. + "<td style=\"border:solid #000 1px;text-align: center;\">" + carNo + "</td>"
  131. + "<td style=\"border:solid #000 1px;text-align: center;\">" + carType + "</td>"
  132. + "<td style=\"border:solid #000 1px;text-align: center;\">" + netWeight + "</td>"
  133. + "<td style=\"border:solid #000 1px;text-align: center;\">" + carSize + "</td>"
  134. + "<td style=\"border:solid #000 1px;text-align: center;\">" + payType + "</td>"
  135. + "<td style=\"border:solid #000 1px;text-align: center;\">" + isLock + "</td>"
  136. + "<td style=\"border:solid #000 1px;text-align: center;\">" + money + "</td>"
  137. + "<tr>"
  138. );
  139. })
  140. html.push(
  141. "<tr height=\"50\">"
  142. + "<td style=\"border:solid #000 1px;text-align: left;\" colspan=\"7\"><b>具体业务项:</b></td>"
  143. + "<tr>"
  144. );
  145. html.push(
  146. "<tr height=\"50\">"
  147. + "<td style=\"border:solid #000 1px;text-align: center;\">" + "收费项" + "</td>"
  148. + "<td style=\"border:solid #000 1px;text-align: center;\">" + "收费明细项" + "</td>"
  149. + "<td style=\"border:solid #000 1px;text-align: center;\">" + "单价" + "</td>"
  150. + "<td style=\"border:solid #000 1px;text-align: center;\">" + "计费标准" + "</td>"
  151. + "<td style=\"border:solid #000 1px;text-align: center;\">" + "数量" + "</td>"
  152. + "<td style=\"border:solid #000 1px;text-align: center;\">" + "合计" + "</td>"
  153. + "<td style=\"border:solid #000 1px;text-align: center;\">" + "支付状态" + "</td>"
  154. + "<tr>"
  155. );
  156. var pickCustomerName = '';
  157. var itemList = data.data.items;
  158. $.each(itemList, function (index, item) {
  159. pickCustomerName = pickCustomerName + item.pickCustomerName + ',';
  160. let itemTypeName = item.itemTypeName;
  161. let itemName = item.itemName;
  162. let itemPrice = item.itemPrice;
  163. let unit = item.unit;
  164. let num = item.num
  165. let total = item.total;
  166. let payStatus = item.payStatus;
  167. if(payStatus === 0){
  168. payStatus = "未支付"
  169. }else if(payStatus === 1) {
  170. payStatus = "已支付"
  171. }
  172. html.push(
  173. "<tr height=\"50\">"
  174. + "<td style=\"border:solid #000 1px;text-align: center;\">" + itemTypeName + "</td>"
  175. + "<td style=\"border:solid #000 1px;text-align: center;\">" + itemName + "</td>"
  176. + "<td style=\"border:solid #000 1px;text-align: center;\">" + itemPrice + "</td>"
  177. + "<td style=\"border:solid #000 1px;text-align: center;\">" + unit + "</td>"
  178. + "<td style=\"border:solid #000 1px;text-align: center;\">" + num + "</td>"
  179. + "<td style=\"border:solid #000 1px;text-align: center;\">" + total + "</td>"
  180. + "<td style=\"border:solid #000 1px;text-align: center;\">" + payStatus + "</td>"
  181. + "<tr>"
  182. );
  183. })
  184. pickCustomerName = pickCustomerName.substr(0, pickCustomerName.length-1);
  185. console.log(pickCustomerName)
  186. if(pickCustomerName === "null" || pickCustomerName == null){
  187. pickCustomerName = '';
  188. }
  189. var customerName = data.data.customerName
  190. html.push(
  191. "<tr height=\"50\">"
  192. + "<td style=\"border:solid #000 1px;text-align: center;\">"+ "客户" +"</td>"
  193. + "<td style=\"border:solid #000 1px;text-align: center;\">"+ customerName +"</td>"
  194. + "<td style=\"border:solid #000 1px;text-align: center;\">"+ "开单员" +"</td>"
  195. + "<td style=\"border:solid #000 1px;text-align: center;\">"+ kaiDanPeople + "</td>"
  196. + "<td style=\"border:solid #000 1px;text-align: center;\">"+ "装卸公司" +"</td>"
  197. + "<td style=\"border:solid #000 1px;text-align: center;\" colspan=\"2\">"+ pickCustomerName +"</td>"
  198. + "<tr>"
  199. );
  200. $("#one").append(html.join(''));
  201. $("#myPrintArea").printArea();
  202. }
  203. });
  204. });
  205. </script>
  206. </body>
  207. </html>