invoicePaper.html 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  1. <!-- include 'header' -->
  2. <link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>css/jquery.validator.css">
  3. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/jquery.validator.min.js"></script>
  4. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/zh-CN.js"></script>
  5. <script src="<?= WEB_SITE_GLOBAL ?>js/invoice.validator.js"></script>
  6. <script src="<?= WEB_SITE_GLOBAL ?>js/invoice.js"></script>
  7. <link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>js/DataTables/jquery.dataTables.css">
  8. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/DataTables/jquery.dataTables.min.js"></script>
  9. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/dataTables.fixedColumns.min.js"></script>
  10. <link href="<?= WEB_SITE_GLOBAL ?>css/datepicker.min.css" rel="stylesheet" type="text/css">
  11. <script src="<?= WEB_SITE_GLOBAL ?>js/datepicker.min.js"></script>
  12. <script src="<?= WEB_SITE_GLOBAL ?>js/datepicker.zh.js"></script>
  13. <body>
  14. <div class="mainLayout">
  15. <div class="mainMenu">
  16. <div class="menuItem">
  17. <a href="#" class="mLogo">CLD</a>
  18. <ul>
  19. <!-- include 'menuReceipt' -->
  20. </ul>
  21. </div>
  22. </div>
  23. <div class="warpContent">
  24. <div class="subMenu fL">
  25. <div class="menuItem">
  26. <!-- include 'invoiceMenu' -->
  27. </div>
  28. </div>
  29. <div class="adminContent autoHeight">
  30. <legend>
  31. 纸质发票
  32. <a href="/invoiceElectronic">电子发票</a></legend>
  33. <div class="demandCate">
  34. <form action="/invoicePaper" id="iaa" method="get" >
  35. <ul class="cateList">
  36. <li>
  37. <select name="invoiceType" node-invoiceType class="select">
  38. <option <!-- if {{invoiceType}}=='ALL' --> selected <!-- endif --> value="ALL">全部</option>
  39. <option <!-- if {{invoiceType}}=='ORDINARY' --> selected <!-- endif --> value="ORDINARY" >普通发票</option>
  40. <option <!-- if {{invoiceType}}=='SPECIAL' --> selected <!-- endif --> value="SPECIAL" >专用发票</option>
  41. </select>
  42. </li>
  43. <li><select name="status" node-invoiceType class="select">
  44. <option <!-- if {{status}}=='ALL' --> selected <!-- endif --> value="ALL" >全部</option>
  45. <option <!-- if {{status}}=='PRINTED' --> selected <!-- endif --> value="PRINTED" >已打印</option>
  46. <option <!-- if {{status}}=='UNPRINT' --> selected <!-- endif --> value="UNPRINT" >未打印</option>
  47. <option <!-- if {{status}}=='TICKET' --> selected <!-- endif --> value="TICKET" >退票</option>
  48. </select>
  49. </li>
  50. <li>
  51. <div class="search">
  52. <div class="input-append">
  53. <input class="datepicker-here span3" name="date" value="{{dateString}}" placeholder="按时间筛选" type="text" data-range="true" data-multiple-dates-separator=" : " data-language="zh">
  54. <button class="btn btn-small" type="submit">查询</button>
  55. </div>
  56. </div>
  57. </li>
  58. <li>
  59. <a class="button" href="#addpaper" data-toggle="modal">生成纸质发票</a>
  60. </li>
  61. </ul>
  62. </form>
  63. </div>
  64. <div class="saeaList">
  65. <table id="example" class="stripe row-border order-column" cellspacing="0" width="2400" >
  66. <thead>
  67. <tr class="thead">
  68. <th>操作</th>
  69. <th>发票代码</th>
  70. <th>发票号</th>
  71. <th>开票流水号</th>
  72. <th>开票单位(抬头)</th>
  73. <th>开票金额</th>
  74. <th>开票内容</th>
  75. <th>发票申请人</th>
  76. <th>打印时间</th>
  77. </tr>
  78. </thead>
  79. <tbody>
  80. </tbody>
  81. </table>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <!--弹出 纸质-->
  87. <div class="modal hide fade" id="addpaper">
  88. <form action="/invoicePaperAdd" id="IPA" method="post">
  89. <div class="modal-dialog ">
  90. <div class="modal-content">
  91. <div class="modal-header">
  92. <h3>生成纸质发票</h3>
  93. </div>
  94. <div class="modal-body saeaList">
  95. <table class="table table-bordered table-condensed">
  96. <tbody>
  97. <tr>
  98. <th colspan="2" class="taC">填写生成规则</th>
  99. </tr>
  100. <tr>
  101. <th class="taC" width="100"><span class="colRed">*</span>发票类型</th>
  102. <td>
  103. <label for="invoicePlain" class="radio inline"><input type="radio" checked name="invoiceType" value="0" data-rule="checked" >增值税普通发票</label>
  104. <label for="invoiceSpecial" class="radio inline"><input type="radio" name="invoiceType" value="1" >增值税专用发票</label>
  105. </td>
  106. </tr>
  107. <tr>
  108. <th class="taC" width="100"><span class="colRed">*</span>发票代码</th>
  109. <td><input type="number" name="invoiceCode" id="invoiceCode" value=""></td>
  110. </tr>
  111. <tr>
  112. <th class="taC" width="100"><span class="colRed">*</span>起始编号</th>
  113. <td><input type="number" name="invoiceNoStart" id="invoiceNoStart" value=""></td>
  114. </tr>
  115. <tr>
  116. <th class="taC" width="100"><span class="colRed">*</span>发票数量</th>
  117. <td><input type="number" name="invoiceNoTotal" id="invoiceNoTotal" step="1"></td>
  118. </tr>
  119. <tr>
  120. <th class="taC" width="100">末张编号</th>
  121. <td><input value="" id="invoiceNoEnd" disabled type="text"></td>
  122. </tr>
  123. </tbody>
  124. </table>
  125. </div>
  126. <div class="modal-footer">
  127. <input type="submit" class="button" value="确认生成">
  128. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  129. </div>
  130. </div></div>
  131. </form>
  132. </div>
  133. <div loading-msg='true' style="position:absolute; left:50%; top:50%; "></div>
  134. <div class="modal fade" id="approvalInvice">
  135. <div id="nc"></div>
  136. </div>
  137. <!--退票-->
  138. <script type="text/javascript">autoFlashHeight();</script>
  139. <script type="text/javascript">
  140. $(document).ready( function () {
  141. var table =$('#example').DataTable({
  142. language: {
  143. "sProcessing": "处理中...",
  144. "sLengthMenu": "显示 _MENU_ 项结果",
  145. "sSearch": "搜索:",
  146. "sInfoEmpty": "显示第 0 至 0 项结果,共 0 项",
  147. "sEmptyTable": "表中数据为空",
  148. "oPaginate": {
  149. "sFirst": "首页",
  150. "sPrevious": "上页",
  151. "sNext": "下页",
  152. "sLast": "末页"
  153. },
  154. "sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项",
  155. },
  156. "paging": false,
  157. "ordering": false,
  158. "info": false,
  159. //'filter':false,
  160. scrollY: "700px",
  161. scrollX: true,
  162. scrollCollapse: true,
  163. paging: true,
  164. serverSide: true,
  165. ajax: {
  166. url: '/ajaxGetinvoicePaperAchieve',
  167. type: 'POST',
  168. "data": function ( d ) {
  169. return $.extend( {}, d, {
  170. "status": '{{status}}',
  171. 'invoiceType':'{{invoiceType}}',
  172. 'date':'{{dateString}}',
  173. 'invoiceForm':'0',
  174. } );
  175. }
  176. }
  177. });
  178. setSearchLo('invoicepaper');
  179. } );
  180. function nodeInvoiceApproval(iidKey){
  181. var postData = iidKey;
  182. var type =$(this).attr("data-type");
  183. $("#nc").html('');
  184. $("div[loading-msg='true']").html("<img src='/global/img/loadIco.gif' />");
  185. var url = "/ajaxGetInvoiceApprovalDetail";
  186. $.ajax({
  187. url : url,
  188. type : "post",
  189. cache : false,
  190. dataType : "json",
  191. data : {
  192. serial : postData
  193. },
  194. global : true,
  195. success : function(data) {
  196. if (data.status == 1) {
  197. $("#nc").html(data.html);
  198. } else
  199. $("div[loading-msg='true']").html("illegal request");
  200. },
  201. error : function(err) {
  202. $("div[loading-msg='true']").html("");
  203. }
  204. });
  205. }
  206. function nodeInvoice(iidKey){
  207. var postData = iidKey;
  208. var type =$(this).attr("data-type");
  209. $("#nc").html('');
  210. var po='INVOICE';
  211. $("div[loading-msg='true']").html("<img src='/global/img/loadIco.gif' />");
  212. var url = "/ajaxGetInvoiceInfoByType";
  213. $.ajax({
  214. url : url,
  215. type : "post",
  216. cache : false,
  217. dataType : "json",
  218. data : {
  219. serial : postData,
  220. type:po
  221. },
  222. global : true,
  223. success : function(data) {
  224. if (data.status == 1) {
  225. $("div[loading-msg='true']").html("");
  226. if(type=='receivables')
  227. $("#nr").html(data.html);
  228. else
  229. $("#nc").html(data.html);
  230. } else
  231. $("div[loading-msg='true']").html("illegal request");
  232. },
  233. error : function(err) {
  234. $("div[loading-msg='true']").html("");
  235. }
  236. });
  237. }
  238. </script>
  239. </body>