dayStatsPrint.html 11 KB

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