receiptWasteBook.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  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. <link href="<?= WEB_SITE_GLOBAL ?>css/datepicker.min.css" rel="stylesheet" type="text/css">
  6. <script src="<?= WEB_SITE_GLOBAL ?>js/datepicker.min.js"></script>
  7. <script src="<?= WEB_SITE_GLOBAL ?>js/datepicker.zh.js"></script>
  8. <script src="<?= receiptExtend ?>"></script>
  9. <script>
  10. $(function() {
  11. $('select[expensesType]').change(function() {
  12. var payVal=$(this).val();
  13. if(payVal=="INCOME"){
  14. $('#INCOMEBox').show();
  15. $('#EXPENDITUREBox').hide();
  16. }else if(payVal=="EXPENDITURE"){
  17. $('#INCOMEBox').hide();
  18. $('#EXPENDITUREBox').show();
  19. }
  20. });
  21. $('input[RPrice]').keyup(function() {
  22. var payVal=$(this).val();
  23. var val=payVal.replace(',','');
  24. $(this).val(val);
  25. });
  26. //expenditurePrice
  27. //
  28. })
  29. </script>
  30. <body>
  31. <div class="mainLayout">
  32. <div class="mainMenu">
  33. <div class="menuItem">
  34. <a href="#" class="mLogo">CLD</a>
  35. <ul>
  36. <!-- include '../admin/menuReceipt' -->
  37. </ul>
  38. </div>
  39. </div>
  40. <div class="warpContent">
  41. <div class="subMenu fL">
  42. <div class="menuItem">
  43. <!-- include '../admin/receipt_menu' -->
  44. </div>
  45. </div>
  46. <div class="adminContent autoHeight">
  47. <div class="saea-borad">
  48. <div class="borad-news">
  49. <div class="saeaList">
  50. <div class="clearfix">
  51. <legend><div class="fR"></div>需要您处理</legend>
  52. <table class="table table-bordered table-condensed">
  53. <tbody>
  54. <tr><th class="taC" width="140">费用类型</th><th class="taC">单号</th><th class="taC">金额</th><th class="taC">汇款金额</th><th class="taC">状态</th><th class="taC">操作</th></tr>
  55. <!-- loop receiptList -->
  56. <tr>
  57. <th>
  58. <!-- if {{receiptDetail' value.Rtype}}==1 -->
  59. <!-- if {{receiptDetail' value.isBK}}==0 -->
  60. 借款
  61. <!-- elseif {{receiptDetail' value.isBK}}==1 -->
  62. 借款(报销)
  63. <!-- endif -->
  64. <!-- elseif {{receiptDetail' value.Rtype}}==2 -->
  65. 对公汇款
  66. <!-- elseif {{receiptDetail' value.Rtype}}==3 -->
  67. 培训班结算
  68. <!-- elseif {{receiptDetail' value.Rtype}}==0 -->
  69. 报销单
  70. <!-- endif -->
  71. </th>
  72. <td>
  73. <!-- if {{receiptList' value.Rtype}}==3 -->
  74. <a href="/receiptTrain/info/{{receiptList' value.ridKey7}}.html" >{{receiptLogList' value.receiptOrder}}</a>
  75. <!-- else -->
  76. <a href="/expensesDoc/{{receiptList' value.rid}}">{{receiptDetail' value.receiptOrder}}</a>
  77. <!-- endif -->
  78. </td>
  79. <td class="taR">¥{{receiptList' value.sum}}</td>
  80. <td class="taR">¥
  81. <!-- if {{receiptList' value.Rtype}}==1 -->
  82. <!-- if {{receiptList' value.isBK}}==1 -->
  83. {{receiptList' value.balance}}
  84. <!-- else -->
  85. {{receiptList' value.amount}}
  86. <!-- endif -->
  87. <!-- else -->
  88. {{receiptList' value.amount}}
  89. <!-- endif -->
  90. </td>
  91. <td>
  92. <!-- if {{receiptDetail' value.status}}==2 -->
  93. <span class="">审批中</span>
  94. <!-- elseif {{receiptDetail' value.status}}==1 or {{receiptDetail' value.status}}==6 -->
  95. <span class="colBlue">执行中</span>
  96. <!-- endif -->
  97. </td>
  98. <td width="120">
  99. <a class="button btn-block" receiptWasteDetail data="{{receiptList' value.ridKey}}" href="#in-income" data-toggle="modal">录入流水</a>
  100. </td>
  101. </tr>
  102. <!-- endloop -->
  103. </tbody>
  104. </table>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <!--弹出录入流水-->
  111. <div class="modal fade" id="in-income">
  112. <div class="modal-dialog">
  113. <div class="modal-content">
  114. <form action="/receiptWasteBookAddDo" name="recepitAdd" method="post" class="nice-validator n-yellow" novalidate="novalidate">
  115. <input type="hidden" name="ridKey" id="ridKey" value="">
  116. <div class="modal-header">
  117. <h3>生成流水</h3>
  118. </div>
  119. <div class="modal-body saeaList">
  120. <div class="alert alert-erro">生成流水后,该费用在执行后将不再自动生成流水。</div>
  121. <table class="table table-bordered table-condensed">
  122. <tr>
  123. <th class="taC">费用类别</th>
  124. <td id='Rtype'>报销单</td>
  125. <th class="taC">状态</th>
  126. <td id='status'></td>
  127. </tr>
  128. <tr>
  129. <th class="taC">金额</th><td id='sum'></td>
  130. <th class="taC">汇款金额</th><td id='amount'></td>
  131. </tr>
  132. </table>
  133. <table class="table table-bordered table-condensed">
  134. <thead>
  135. <tr>
  136. <th class="taC">流水类型</th>
  137. <td>
  138. <div id="receiptTrainType" class="hide">
  139. <select name="expensesType" expensesType id="expensesType" >
  140. <option value="INCOME">收入</option>
  141. <option value="EXPENDITURE">支出</option>
  142. </select>
  143. <p>"支出"由公司汇出,"收入"提交人汇款至公司。</p>
  144. </div>
  145. <div id="receiptType" class="hide">
  146. </div>
  147. </td>
  148. </tr>
  149. </thead>
  150. <!--支出-->
  151. <tbody id="EXPENDITUREBox" class="hide">
  152. <tr>
  153. <th class="taC">支出银行</th>
  154. <td>
  155. <select name="expenditureBank" id="expenditureBank">
  156. <option value="CGBDeposit">纵横广发</option>
  157. <option value="ICBCDeposit">纵横工行</option>
  158. <option value="HUADeposit">华润银行</option>
  159. <option value="PersonalDeposit">个人广发</option>
  160. </select>
  161. </td>
  162. </tr>
  163. <tr>
  164. <th class="taC">金额</th>
  165. <td><input type="text" name="expenditurePrice" RPrice id="expenditurePrice" value=""></td>
  166. </tr>
  167. <tr>
  168. <th class="taC">备注</th>
  169. <td><textarea name="expenditureRemarks"></textarea></td>
  170. </tr>
  171. <tr>
  172. <th class="taC">录入时间</th>
  173. <td><input class="datepicker-here span3" name="expenditureInputDate" value='{{inputDate}}' placeholder="按时间筛选" type="text" data-timepicker="true" data-language="zh" data-time-format="hh:ii:00"></td>
  174. </tr>
  175. </tbody>
  176. <!--收入出-->
  177. <tbody id="INCOMEBox">
  178. <tr>
  179. <th class="taC">到款银行</th>
  180. <td>
  181. <select name="receivedBank" id="receivedBank">
  182. <option value="CGBDeposit">纵横广发</option>
  183. <option value="ICBCDeposit">纵横工行</option>
  184. <option value="HUADeposit">华润银行</option>
  185. <option value="PersonalDeposit">个人广发</option>
  186. </select>
  187. </td>
  188. </tr>
  189. <tr>
  190. <th class="taC">金额</th>
  191. <td>
  192. <div id="receiptTrainPrice" class="hide">
  193. <input type="text" name="receivedPrice" RPrice id="receivedPrice" value="">
  194. </div>
  195. <div id="receiptPrice" class="hide">
  196. </div>
  197. </td>
  198. </tr>
  199. <tr>
  200. <th class="taC">备注</th>
  201. <td><textarea name="receivedRemarks"></textarea></td>
  202. </tr>
  203. <tr>
  204. <th class="taC">录入时间</th>
  205. <td><input class="datepicker-here span3" name="receivedInputDate" value='{{inputDate}}' placeholder="按时间筛选" type="text" data-timepicker="true" data-language="zh" data-time-format="hh:ii:00"></td>
  206. </tr>
  207. </tbody>
  208. </table>
  209. </div>
  210. <div class="modal-footer">
  211. <input type="submit" value="确认录入" class="button">
  212. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  213. </div>
  214. </form>
  215. </div>
  216. </div>
  217. </div>
  218. <!--邮寄-->
  219. <script type="text/javascript">autoFlashHeight();</script>
  220. </body>