dayStatsPrint.html 12 KB

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