dayStatsPrint.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
  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 {
  8. left: 0px;
  9. top: 0px;
  10. right: 0px;
  11. bottom: 0px;
  12. margin: 0px;
  13. font-family: Arial, Helvetica, sans-serif;
  14. font-size: 12px;
  15. overflow: hidden;
  16. white-space: nowrap;
  17. }
  18. .divHeader {
  19. width: 100%;
  20. display: block;
  21. height: 80px;
  22. position: fixed;
  23. }
  24. .divNone {
  25. width: 20px !important;
  26. white-space: normal !important;
  27. display: none;
  28. }
  29. </style>
  30. <script src="../../static/print/jquery-2.0.3.js" type="text/javascript"></script>
  31. <script src="../../static/print/jquery.jPrintArea.js" type="text/javascript"></script>
  32. <script src="../../static/sa.js"></script>
  33. </head>
  34. <body>
  35. <div>
  36. <input type="button" style="height: 30px;" id="print_button" value="打印"/>
  37. <div class="divNone">
  38. </div>
  39. <fieldset align="">
  40. <legend>打印区</legend>
  41. <div id="myPrintArea" style="height: 85vh;width:95vw;overflow:auto;">
  42. <div style="text-align:center; font-size:15px;">
  43. <table width="100%" style="border-collapse:collapse;border:none;">
  44. <div class="divHeader">
  45. <thead>
  46. <tr>
  47. <td colspan="19"><h2 id="headName" style="text-align: center;">东兴A1地块进口接驳区(日)统计表</h2></td>
  48. </tr>
  49. <tr>
  50. <td id="company" style="border:solid #000 1px;text-align: center;" colspan="3">单位:广西东兴北投口岸投资有限公司
  51. </td>
  52. <td id="unit" style="border:solid #000 1px;text-align: center;" colspan="7">金额单位:元</td>
  53. <td id="td_time" style="border:solid #000 1px;text-align: center;" colspan="6">
  54. <div id="time" align="right" style="text-align: center;" ></div>
  55. </td>
  56. </tr>
  57. <tr>
  58. <td style="border:solid #000 1px; text-align:center;" rowspan="2">日期</td>
  59. <td style="border:solid #000 1px;text-align: center;" rowspan="2">收费项目</td>
  60. <td style="border:solid #000 1px;text-align:center; " colspan="4">收费方式</td>
  61. <td style="border:solid #000 1px; text-align:center;" rowspan="2">数量</td>
  62. <td style="border:solid #000 1px; text-align:center;" rowspan="2">总价</td>
  63. <td style="border:solid #000 1px; text-align:center;" rowspan="2">税率</td>
  64. <td style="border:solid #000 1px; text-align:center;" rowspan="2">税款</td>
  65. <td style="border:solid #000 1px; text-align:center;" rowspan="2">不含税金额</td>
  66. <td id="person1" style="border:solid #000 1px; text-align:center;" rowspan="2">开单员</td>
  67. <td id="person2" style="border:solid #000 1px; text-align:center;" rowspan="2">复核员</td>
  68. <td id="person3" style="border:solid #000 1px; text-align:center;" rowspan="2">统计稽查员</td>
  69. <td id="person4" style="border:solid #000 1px; text-align:center;" rowspan="2">审核员</td>
  70. </tr>
  71. <tr>
  72. <td style="border:solid #000 1px; ">微信</td>
  73. <td style="border:solid #000 1px; ">支付宝</td>
  74. <td style="border:solid #000 1px; ">银联</td>
  75. <td style="border:solid #000 1px; ">预存金额</td>
  76. </tr>
  77. </thead>
  78. </div>
  79. <tbody id="dp">
  80. </tbody>
  81. </table>
  82. </div>
  83. <div align="center">
  84. <br/><br/>
  85. <SPAN style=";font-size:15px">
  86. 收费统计员:
  87. &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
  88. 收费核对员:
  89. &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
  90. 收费员:
  91. </SPAN>
  92. <br/><br/>
  93. <SPAN id="leader" style=";font-size:15px">
  94. </SPAN>
  95. </div>
  96. </div>
  97. </fieldset>
  98. </div>
  99. <script type="text/javascript">
  100. $(function () {
  101. $("#print_button").click(function () {
  102. $("#myPrintArea").printArea({popTitle: "&nbsp"});
  103. });
  104. function getUrlParam(name) {
  105. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
  106. var r = window.location.search.substr(1).match(reg); //匹配目标参数
  107. if (r != null) return unescape(r[2]);
  108. return null; //返回参数值
  109. }
  110. var isMonth = getUrlParam('isMonth');
  111. isMonth = isMonth != '' ? isMonth : null;
  112. if (isMonth != null) {
  113. $("#headName").html("东兴A1地块进口接驳区(月)统计表");
  114. $("#person1").remove();
  115. $("#person2").remove();
  116. $("#person3").remove();
  117. $("#person4").remove();
  118. $("#company").attr('colspan', 3);
  119. $("#unit").attr('colspan', 5);
  120. $("#td_time").attr('colspan', 3);
  121. }
  122. var isYear = getUrlParam('isYear');
  123. isYear = isYear != '' ? isYear : null;
  124. if (isYear != null) {
  125. $("#headName").html("东兴A1地块进口接驳区(年)统计表");
  126. $("#person1").remove();
  127. $("#person2").remove();
  128. $("#person3").remove();
  129. $("#person4").remove();
  130. $("#company").attr('colspan', 3);
  131. $("#unit").attr('colspan', 5);
  132. $("#td_time").attr('colspan', 3);
  133. }
  134. if (isMonth != null || isYear != null) {
  135. $("#leader").html("运营负责人:\n" +
  136. " &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\n" +
  137. " &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\n" +
  138. " &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\n" +
  139. " 运营分管领导:");
  140. } else {
  141. $("#leader").html("运营负责人:\n" +
  142. " &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\n" +
  143. " &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\n" +
  144. " &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\n" +
  145. " &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp");
  146. }
  147. var beginDay = getUrlParam('beginDay');
  148. beginDay = beginDay != '' ? beginDay : null;
  149. var endDay = getUrlParam('endDay');
  150. endDay = endDay != '' ? endDay : null;
  151. var beginMonth = getUrlParam('beginMonth');
  152. beginMonth = beginMonth != '' ? beginMonth : null;
  153. var endMonth = getUrlParam('endMonth');
  154. endMonth = endMonth != '' ? endMonth : null;
  155. var year = getUrlParam('year');
  156. year = year != '' ? year : null;
  157. var feeType = getUrlParam('feeType');
  158. feeType = feeType != '' ? feeType : null;
  159. console.log(sa.cfg.api_url);
  160. $.ajax({
  161. url: sa.cfg.api_url + '/TbFeeStatistics/prePrint',
  162. data: {
  163. isMonth: isMonth,
  164. isYear: isYear,
  165. beginDay: beginDay,
  166. endDay: endDay,
  167. beginMonth: beginMonth,
  168. endMonth: endMonth,
  169. year: year,
  170. feeType: feeType
  171. },
  172. type: 'get', // 请求类型,常用的有 GET 和 POST
  173. success: function (data) { // 接口调用成功回调函数
  174. var html = [];
  175. var list = data.data.list;
  176. let heightSum = 850;
  177. let a = 0;
  178. const tbhHeight = $(".divHeader").outerHeight();
  179. for (var i = 0; i < list.length; i++) {
  180. let tbo =
  181. "<tr height=\"60\"><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['dayTime'] +
  182. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['feeType'] +
  183. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['wxPrice'] +
  184. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['aliPrice'] +
  185. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['cardPrice'] +
  186. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['yuePrice'] +
  187. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['num'] +
  188. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['taxMoney'] +
  189. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['taxRate'] * 100 +
  190. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['taxes'] +
  191. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['noTaxMoney'];
  192. if (isMonth == null && isYear == null) {
  193. tbo+=
  194. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['kaiDanPerson'] +
  195. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['diaoDuPerson'] +
  196. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['jiChaPerson'] +
  197. "</td><td style=\"border:solid #000 1px; text-align:center; \">" + list[i]['judgeBy'] +
  198. "</td></tr>";
  199. } else {
  200. tbo+="</td></tr>";
  201. }
  202. $("#dp").append(tbo);
  203. $(".divNone").append(tbo);
  204. let dpHeight = $(".divNone").height();
  205. $(".divNone").html("");
  206. if(a==0){
  207. heightSum-=(dpHeight+tbhHeight);
  208. }else {
  209. heightSum-=dpHeight;
  210. }
  211. a++;
  212. if(heightSum<=0 && i!==0){
  213. a=0;
  214. heightSum+=850;
  215. $("#dp tr").eq(i-1).css('page-break-after','always');
  216. }
  217. }
  218. var totalMoney = data.data.totalMoney;
  219. var totalTaxes = data.data.totalTaxes;
  220. var totalNoTaxMoney = data.data.totalNoTaxMoney;
  221. var totalWxPrice = data.data.totalWxPrice;
  222. var totalAliPrice = data.data.totalAliPrice;
  223. var totalCardPrice = data.data.totalCardPrice;
  224. var totalYuePrice = data.data.totalYuePrice;
  225. html.push(
  226. "<tr height=\"60\"><td style=\"border:solid #000 1px; text-align:center;\">" + "合计" +
  227. "</td><td style=\"border:solid #000 1px; \">" +
  228. "</td><td style=\"border:solid #000 1px; text-align:center;\">" + totalWxPrice +
  229. "</td><td style=\"border:solid #000 1px; text-align:center;\">" + totalAliPrice +
  230. "</td><td style=\"border:solid #000 1px; text-align:center;\">" + totalCardPrice +
  231. "</td><td style=\"border:solid #000 1px; text-align:center;\">" + totalYuePrice +
  232. "</td><td style=\"border:solid #000 1px; \">" +
  233. "</td><td style=\"border:solid #000 1px; text-align:center;\">" + totalMoney +
  234. "</td><td style=\"border:solid #000 1px; \">" +
  235. "</td><td style=\"border:solid #000 1px; text-align:center;\">" + totalTaxes +
  236. "</td><td style=\"border:solid #000 1px; text-align:center;\">" + totalNoTaxMoney
  237. )
  238. if (isMonth == null && isYear == null) {
  239. html.push(
  240. "</td><td style=\"border:solid #000 1px; \">" +
  241. "</td><td style=\"border:solid #000 1px; \">" +
  242. "</td><td style=\"border:solid #000 1px; \">" +
  243. "</td><td style=\"border:solid #000 1px; \">" + "</td></tr>"
  244. )
  245. } else {
  246. html.push("</td></tr>")
  247. }
  248. $("#dp").append(html.join(''));
  249. $("#time").html("期间:" + data.data.time);
  250. // if(data.data.time != null){
  251. // $("#time").html("期间:" + data.data.time);
  252. // }else {
  253. // $("#time").html("期间:所有时间" );
  254. // }
  255. $("#myPrintArea").printArea({popTitle: "&nbsp"});
  256. }
  257. });
  258. });
  259. </script>
  260. </body>
  261. </html>