approvalExpenses.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. <!-- include 'header' -->
  2. <script src="<?= WEB_SITE_GLOBAL ?>js/receipt.js"></script>
  3. <body>
  4. <div class="mainLayout">
  5. <div class="mainMenu">
  6. <div class="menuItem">
  7. <a href="/" class="mLogo">CLD</a>
  8. <ul>
  9. <!-- include 'menuReceipt' -->
  10. </ul>
  11. </div>
  12. </div>
  13. <div class="warpContent">
  14. <div class="subMenu fL">
  15. <div class="menuItem">
  16. <ul>
  17. <!-- include 'receipt_menu' -->
  18. </ul>
  19. </div>
  20. </div>
  21. <div class="adminContent autoHeight" style="height: 821px;">
  22. <legend><div class="fR"></div>
  23. 您有{{receiptApprovalCount}}份报销单需要审批
  24. </legend>
  25. <div class="demandCate">
  26. <form action="/approvalExpenses/{{status}}" id="up" method="get">
  27. <ul class="cateList " >
  28. <li>
  29. <a <!-- if {{status}}=='pendApproval' --> class="now" <!-- endif --> href="/approvalExpenses/pendApproval">待审批</a>
  30. <a <!-- if {{status}}=='ongoing' --> class="now" <!-- endif --> href="/approvalExpenses/ongoing">进行中</a>
  31. <a <!-- if {{status}}=='done' --> class="now" <!-- endif --> href="/approvalExpenses/done">费用完成</a>
  32. <a <!-- if {{status}}=='termination' --> class="now" <!-- endif --> href="/approvalExpenses/termination">终止</a>
  33. <a <!-- if {{status}}=='finish' --> class="now" <!-- endif --> href="/approvalExpenses/finish" >审批完成</a>
  34. </li>
  35. <!-- if {{status}}=='pendApproval' -->
  36. <li>
  37. <select id="reportCate" onChange="reportCatePM();">
  38. <option value="ALL">办事处</option>
  39. {{reportCateHtml}}
  40. </select>
  41. <select id="report" onChange="reportPM();">
  42. <option value="ALL">员工</option>
  43. {{reportHtml}}
  44. </select>
  45. </li>
  46. <!-- endif -->
  47. <!-- if {{status}}=='done' || {{status}}=='termination'|| {{status}}=='finish'|| {{status}}=='ongoing' -->
  48. <li style="display:none" >
  49. <input type="month" name="date" id="date" style="width:120px" onChange="receiptDate();" value="">
  50. </li>
  51. <li >
  52. <select name="year" id="Y" onChange="receiptYear();">
  53. {{dateHtml}}
  54. </select>
  55. <select name="month" id="M" onChange="receiptMoth();">
  56. <option value="">所有月份</option>
  57. {{mothHtml}}
  58. </select>
  59. </li>
  60. <li>
  61. <select name="cid" onChange="receiptYear();">
  62. <option value="">办事处</option>
  63. <!-- loop categoryList -->
  64. <option <!-- if {{categoryList' value.cid}}=={{cid}} --> selected <!-- endif --> value="{{categoryList' value.cid}}">{{categoryList' value.title}}</option>
  65. <!-- endloop -->
  66. </select>
  67. <select name="sid" onChange="receiptYear();">
  68. <option value="">员工</option>
  69. <!-- loop staffList -->
  70. <option <!-- if {{categoryList' value.sid}}=={{sid}} --> selected <!-- endif --> value="{{categoryList' value.sid}}">{{categoryList' value.username}}</option>
  71. <!-- endloop -->
  72. </select>
  73. </li>
  74. <!-- endif -->
  75. </ul>
  76. </form>
  77. </div>
  78. <div class="saeaList">
  79. <div class="entry">
  80. <table class="table table-bordered table-condensed">
  81. <thead><tr><th width="54">上报人</th><th width="80" class="taC">费用类型</th><th width="100">报销总金额</th>
  82. <th width="120">费用所在办事处</th><th width="120">报销单号</th><th>报销说明</th><th width="100">状态</th><th width="100">操作</th></tr></thead>
  83. <tbody>
  84. <!-- loop receiptList -->
  85. <tr node-all='true' node-box='{{receiptList' value.staffDetail.username}}' node-boxCate='{{receiptList' value.staffDetail.category}}' >
  86. <td><div class="avtra"><img src="{{receiptList' value.staffDetail.avatar}}_2.jpg" width="32"><br>{{receiptList' value.staffDetail.username}}</div></td>
  87. <td><!-- if {{receiptDetail' value.Rtype}}==1 -->
  88. 借款
  89. <!-- elseif {{receiptDetail' value.Rtype}}==2 -->
  90. 对公汇款
  91. <!-- else -->
  92. 报销单
  93. <!-- endif -->
  94. </td>
  95. <td class="taR colOrange"><b>¥{{receiptDetail' value.sum}}</b>
  96. <!-- if {{receiptList' value.Rtype}}==1 -->
  97. <b <!-- if {{receiptList' value.sum}}>{{receiptList' value.loanSum}} --> class="colRed" <!-- else --> class="colGreen" <!-- endif --> >
  98. ¥{{receiptList' value.loanSum}}</b>
  99. <!-- endif -->
  100. </td>
  101. <td>{{receiptDetail' value.category}}</td>
  102. <td>{{receiptDetail' value.receiptOrder}}<p class="colGray">{{receiptDetail' value.date}}</p></td>
  103. <td>{{receiptDetail' value.explanation}}</td>
  104. <td>
  105. <!-- if {{receiptDetail' value.status}}==2 -->
  106. 审批中
  107. <!-- elseif {{receiptDetail' value.status}}==5 or {{receiptDetail' value.status}}==7 -->
  108. 待审批
  109. <!-- elseif {{receiptDetail' value.status}}==1 or {{receiptDetail' value.status}}==6 -->
  110. 执行中
  111. <!-- elseif {{receiptDetail' value.status}}==8 or {{receiptDetail' value.status}}==9 -->
  112. <!-- if {{receiptDetail' value.loanDate}}!=0 -->
  113. 借款完成
  114. <p class="colGray">{{receiptDetail' value.loanDate}}</p>
  115. <!-- endif -->
  116. 费用完成
  117. <p class="colGray">{{receiptDetail' value.pastDate}}</p>
  118. <!-- elseif {{receiptDetail' value.status}}==4 -->
  119. 撤回
  120. <!-- elseif {{receiptDetail' value.status}}==3 -->
  121. 终止
  122. <!-- endif -->
  123. </td>
  124. <td>
  125. <!-- if {{receiptDetail' value.status}}==2&&in_array({{staff.0.sid}}, {{receiptDetail' value.nowStaffArray}}) -->
  126. <!-- if {{receiptDetail' value.Rtype}}==1 -->
  127. <!-- if {{receiptDetail' value.isBK}}==1 -->
  128. <a class="button" target="_blank" href="/receiptburEdi/{{receiptDetail' value.rid}}">去审批</a>
  129. <!-- else -->
  130. <a class="button" target="_blank" href="/expensesEdi/{{receiptDetail' value.rid}}">去审批</a>
  131. <!-- endif -->
  132. <!-- elseif {{receiptDetail' value.Rtype}}==2 -->
  133. <a class="button" target="_blank" href="/remitApproval/{{receiptDetail' value.rid}}">去审批</a>
  134. <!-- else -->
  135. <a class="button" target="_blank" href="/receiptburEdi/{{receiptDetail' value.rid}}">去审批</a>
  136. <!-- endif -->
  137. <!-- else -->
  138. <a target="_blank" href="/expensesDoc/{{receiptDetail' value.rid}}">详情</a>
  139. <!-- endif -->
  140. </td>
  141. </tr>
  142. <!-- endloop -->
  143. </tbody>
  144. </table>
  145. <!-- if {{status}}=='done' || {{status}}=='termination'|| {{status}}=='finish' -->
  146. <ul class="pagination fR">
  147. <!-- if {{page.previous}}==0 -->
  148. <li><a href="javascript:void(0)" title="上一页">&lt;</a></li>
  149. <!-- else -->
  150. <li><a href="/approvalExpenses/{{status}}/{{page.previous}}" title="上一页">&lt;</a></li>
  151. <!-- endif -->
  152. <!-- if {{page.on_page}}>=3 -->
  153. <li><a href="/approvalExpenses/{{status}}/1" title="上一页">1</a></li>
  154. <li class="point"><span>...</span></li>
  155. <!-- endif -->
  156. {{page.page}}
  157. <!-- if {{page.on_page}}<3 && {{page.total_page}}>5 -->
  158. <li><a href="/approvalExpenses/{{status}}/4" >4</a></li>
  159. <li><a href="/approvalExpenses/{{status}}/5" >5</a></li>
  160. <!-- endif -->
  161. <!-- if {{page.total_page}}>3 -->
  162. <li class="point"><span>...</span></li>
  163. <!-- endif -->
  164. <!-- if {{page.next}}=={{page.on_page}} -->
  165. <li><a href="javascript:void(0)" title="下一页">&gt;</a></li>
  166. <!-- else -->
  167. <li><a href="/approvalExpenses/{{status}}/{{page.next}}" title="下一页">&gt;</a></li>
  168. <!-- endif -->
  169. </ul>
  170. <!-- endif -->
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. <!--弹出-->
  177. <div class="modal hide fade" id="addCallout">
  178. <div class="modal-header">
  179. <h3>添加批注</h3>
  180. </div>
  181. <div class="modal-body">
  182. <form class="">
  183. <div class="control-group">
  184. <div class="controls clearfix">
  185. <label>
  186. 批注内容
  187. </label>
  188. <textarea rows="8" class="span6"></textarea>
  189. </div>
  190. </div>
  191. </form>
  192. </div>
  193. <div class="modal-footer">
  194. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">取消</a>
  195. <a href="#" class="button">确定</a>
  196. </div>
  197. </div>
  198. <!--弹出内容-->
  199. <script type="text/javascript">autoFlashHeight();</script>
  200. </body>