paymentsCollect.html 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!-- include '../header' -->
  2. <script src="<?= WEB_SITE_GLOBAL ?>js/receipt.js"></script>
  3. <script src="<?= WEB_SITE_GLOBAL ?>js/payments.js"></script>
  4. <body>
  5. <div class="mainLayout">
  6. <div class="mainMenu">
  7. <div class="menuItem">
  8. <a href="#" class="mLogo">CLD</a>
  9. <ul>
  10. <!-- include '../menu' -->
  11. </ul>
  12. </div>
  13. </div>
  14. <div class="warpContent">
  15. <div class="subMenu fL">
  16. <div class="menuItem">
  17. <!-- include '../admin/receipt_menu' -->
  18. </div>
  19. </div>
  20. <div class="adminContent autoHeight" style="height: 821px;">
  21. <form action="/paymentsCollect" id="up" method="post">
  22. <legend>日常收支 全年汇总</legend>
  23. <div class="demandCate">
  24. <ul class="cateList">
  25. <li>
  26. <select name="year" id="Y" onchange="receiptYear();">
  27. {{dateHtml}}
  28. </select>
  29. <select onchange="javascript:location.href='paymentsCollectDay?year={{year}}&&month='+this.value;" >
  30. <option value="">所有月份</option>
  31. {{mothHtml}}
  32. </select>
  33. </li>
  34. <li>收入总计:¥{{inSum}}</li>
  35. <li>支出总计:<span class="colRed">¥{{paySum}}</span></li>
  36. </ul>
  37. </div>
  38. </form>
  39. <div class="saeaList">
  40. <div class="entry">
  41. <table class="table table-bordered table-condensed table-hover">
  42. <tbody>
  43. <tr><th class="taC" colspan="2">日常收入</th>
  44. <th class="taC" width="80">1月</th><th class="taC" width="80">2月</th><th class="taC" width="80">3月</th><th class="taC" width="80">4月</th><th class="taC" width="80">5月</th><th class="taC" width="80">6月</th><th class="taC" width="80">7月</th><th class="taC" width="80">8月</th><th class="taC" width="80">9月</th><th class="taC" width="80">10月</th><th class="taC" width="80">11月</th><th class="taC" width="80">12月</th><th class="taC" width="110">总计</th>
  45. </tr>
  46. {{html}}
  47. <tr><th class="taC"colspan="2">日常支出</th><th class="taC" width="80">1月</th><th class="taC" width="80">2月</th><th class="taC" width="80">3月</th><th class="taC" width="80">4月</th><th class="taC" width="80">5月</th><th class="taC" width="80">6月</th><th class="taC" width="80">7月</th><th class="taC" width="80">8月</th><th class="taC" width="80">9月</th><th class="taC" width="80">10月</th><th class="taC" width="80">11月</th><th class="taC" width="80">12月</th><th class="taC">总计</th></tr>
  48. {{payHtml}}
  49. <tr><th class="taC" colspan="2">余额</th><th class="taC" width="80">1月</th><th class="taC" width="80">2月</th><th class="taC" width="80">3月</th><th class="taC" width="80">4月</th><th class="taC" width="80">5月</th><th class="taC" width="80">6月</th><th class="taC" width="80">7月</th><th class="taC" width="80">8月</th><th class="taC" width="80">9月</th><th class="taC" width="80">10月</th><th class="taC" width="80">11月</th><th class="taC" width="80">12月</th><th class="taC" width="110">总计</th></tr>
  50. {{lastBalanceHtml}}
  51. {{inComeHtml}}
  52. {{payBalanceHtml}}
  53. {{BalanceHtml}}
  54. </tbody>
  55. </table>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <!--弹出-->
  61. <div class="modal hide fade" id="addCallout">
  62. <div class="modal-header">
  63. <h3>添加批注</h3>
  64. </div>
  65. <div class="modal-body">
  66. <form class="">
  67. <div class="control-group">
  68. <div class="controls clearfix">
  69. <label>
  70. 批注内容
  71. </label>
  72. <textarea rows="8" class="span6"></textarea>
  73. </div>
  74. </div>
  75. </form>
  76. </div>
  77. <div class="modal-footer">
  78. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  79. <a href="#" class="button">确定</a>
  80. </div>
  81. </div>
  82. <!--弹出内容-->
  83. <script type="text/javascript">autoFlashHeight();</script>
  84. </body>