receiptFee.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393
  1. <!-- include '../admin/header' -->
  2. <body>
  3. <div class="mainLayout">
  4. <div class="mainMenu">
  5. <div class="menuItem">
  6. <a href="/" class="mLogo">CLD</a>
  7. <ul>
  8. <!-- include '../admin/menuReceipt' -->
  9. </ul>
  10. </div>
  11. </div>
  12. <div class="warpContent">
  13. <div class="subMenu fL">
  14. <div class="menuItem">
  15. <!-- include '../admin/receipt_menu' -->
  16. </div>
  17. </div>
  18. <div class="adminContent autoHeight">
  19. <div class="saea-borad">
  20. <div class="borad-menu">
  21. <a href="/saeaLoanAdd" class="loan">申请借款</a>
  22. <!-- <a href="/saeaCreate" class="receipt">申请报销</a> -->
  23. <!-- <a href="#receipt-add" data-toggle="modal" class="receipt">申请报销</a> -->
  24. <a href="/view/receipt/create" data-toggle="modal" class="receipt">申请报销</a>
  25. <a href="/receiptTrainAdd" class="train">培训班结算</a>
  26. <a href="/remitAdd" class="public">申请对公汇款</a>
  27. </div>
  28. <div class="borad-news">
  29. <div class="saeaList">
  30. <div class="clearfix">
  31. <legend><div class="fR"></div>需要您处理</legend>
  32. <table class="table table-bordered table-condensed">
  33. <tbody>
  34. <tr><th class="taC" width="140">费用类型</th><th class="taC">单号</th><th class="taC">金额</th><th class="taC">状态</th><th class="taC">操作</th></tr>
  35. <!-- loop receiptDetail -->
  36. <tr>
  37. <!-- if {{receiptDetail' value.Rtype}}==1 -->
  38. <th>借款</th>
  39. <!-- elseif {{receiptDetail' value.Rtype}}==2 -->
  40. <th>对公汇款</th>
  41. <!-- elseif {{receiptDetail' value.Rtype}}==3 -->
  42. <th>培训班结算</th>
  43. <!-- else -->
  44. <th>报销单</th>
  45. <!-- endif -->
  46. <td>
  47. <!-- if {{receiptLogList' value.Rtype}}==3 -->
  48. <a href="/receiptTrain/info/{{receiptDetail' value.ridKey}}.html" >{{receiptLogList' value.receiptOrder}}</a>
  49. <!-- else -->
  50. <a href="/expensesCollect/{{receiptDetail' value.rid}}">{{receiptDetail' value.receiptOrder}}</a>
  51. <!-- endif -->
  52. </td>
  53. <td class="taR">¥{{receiptDetail' value.sum}}
  54. <!-- if {{receiptDetail' value.status}}==7 and {{receiptDetail' value.Rtype}}==1 -->
  55. <br/>¥{{receiptDetail' value.loanSum}}
  56. <!-- endif -->
  57. </td>
  58. <td>
  59. <!-- if {{receiptDetail' value.Rtype}}==1 and {{receiptDetail' value.status}}==8 -->
  60. <span class="colGreen">借款完成</span>
  61. <!-- elseif {{receiptDetail' value.status}}==5 or {{receiptDetail' value.status}}==7 -->
  62. 未提交
  63. <!-- elseif {{receiptDetail' value.status}}==4 -->
  64. <span class="colOrange">撤回</span>
  65. <!-- endif -->
  66. </td>
  67. <td width="120">
  68. <div class="btn-group">
  69. <!-- if {{receiptDetail' value.version}}==1 -->
  70. <!-- if ({{receiptDetail' value.status}}==4 or {{receiptDetail' value.status}}==5) and {{receiptDetail' value.Rtype}}==0 -->
  71. <a class="button btn-gray btn-inline" href="/view/receipt/edit/{{receiptDetail' value.receiptId}}.html">返回编辑</a>
  72. <!-- 借款报销单 -->
  73. <!-- elseif ({{receiptDetail' value.status}}==4 or {{receiptDetail' value.status}}==7) and {{receiptDetail' value.Rtype}}==1 and {{receiptDetail' value.isBK}}==1 -->
  74. <!-- <a class="button btn-gray btn-inline" href="/saeaLoanReceiptEdi/{{receiptDetail' value.ridKey}}.html">返回编辑</a> -->
  75. <a class="button btn-gray btn-inline" href="/view/loan/receipt/edi/{{receiptDetail' value.receiptId}}.html">返回编辑</a>
  76. <!-- endif -->
  77. <a class="button btn-inline" href="/approvedReceipt/{{receiptDetail' value.rid}}">提交审批</a>
  78. <!-- else -->
  79. <!-- if {{receiptDetail' value.Rtype}}==1 and {{receiptDetail' value.status}}==8 -->
  80. <a class="button btn-block" href="/view/loan/receipt/add/{{receiptDetail' value.receiptId}}.html">填写费用报销</a><br/>
  81. <!-- <a class="button btn-block" href="/saeaLoanReceiptAdd/{{receiptDetail' value.rid}}">填写费用报销</a> -->
  82. <!-- elseif ({{receiptDetail' value.status}}==4 or {{receiptDetail' value.status}}==5) and {{receiptDetail' value.Rtype}}==1 and {{receiptDetail' value.isBK}}==0 -->
  83. <a class="button btn-gray btn-inline" href="/saeaLoanEdi/{{receiptDetail' value.ridKey}}.html">返回编辑</a>
  84. <a class="button btn-inline" href="/confirmation/{{receiptDetail' value.rid}}">提交审批</a>
  85. <!-- elseif ({{receiptDetail' value.status}}==4 or {{receiptDetail' value.status}}==5) and {{receiptDetail' value.Rtype}}==0 -->
  86. <a class="button btn-gray btn-inline" href="/editReceipt/{{receiptDetail' value.ridKey}}.html">返回编辑</a><a
  87. class="button btn-inline" href="/approvedReceipt/{{receiptDetail' value.rid}}">提交审批</a>
  88. <!-- elseif ({{receiptDetail' value.status}}==4 or {{receiptDetail' value.status}}==5) and {{receiptDetail' value.Rtype}}==2 -->
  89. <a class="button btn-gray btn-inline" href="/remitEdit/{{receiptDetail' value.ridKey}}.html">返回编辑</a><a
  90. class="button btn-inline" href="/approvedReceipt/{{receiptDetail' value.rid}}">提交审批</a>
  91. <!-- elseif ({{receiptDetail' value.status}}==4 or {{receiptDetail' value.status}}==7) and {{receiptDetail' value.Rtype}}==1 and {{receiptDetail' value.isBK}}==1 -->
  92. <a class="button btn-gray btn-inline" href="/saeaLoanReceiptEdi/{{receiptDetail' value.ridKey}}.html">返回编辑</a>
  93. <a class="button btn-inline" href="/approvedReceipt/{{receiptDetail' value.rid}}">提交审批</a>
  94. <!-- elseif {{receiptDetail' value.Rtype}}==3 and ({{receiptDetail' value.status}}==5 or {{receiptDetail' value.status}}==4) -->
  95. <a class="button btn-gray btn-inline" href="/receiptTrainEdi/{{receiptDetail' value.ridKey}}.html">返回编辑</a>
  96. <form action="/receiptTrainDo" method="post" id="receiptTrainApproval" class="nice-validator n-default" novalidate="novalidate">
  97. <input type="hidden" name="ridKey" value='{{receiptDetail' value.ridKey}}'>
  98. <legend><div class="fR"><button type="submit" class="button" href="#confirm" data-toggle="modal">提交审批</button></div>
  99. </legend>
  100. </form>
  101. <!-- endif -->
  102. <!-- endif -->
  103. </div>
  104. </td>
  105. </tr>
  106. <!-- endloop -->
  107. <!-- loop receiptExtendList -->
  108. <tr>
  109. <!-- if {{receiptDetail' value.Rtype}}==1 -->
  110. <th>借款</th>
  111. <!-- elseif {{receiptDetail' value.Rtype}}==2 -->
  112. <th>对公汇款</th>
  113. <!-- elseif {{receiptDetail' value.Rtype}}==3 -->
  114. <th>培训班结算</th>
  115. <!-- else -->
  116. <th>报销单</th>
  117. <!-- endif -->
  118. <td>
  119. <!-- if {{receiptLogList' value.Rtype}}==3 -->
  120. <a href="/receiptTrain/info/{{receiptDetail' value.ridKey7}}.html" >{{receiptLogList' value.receiptOrder}}</a>
  121. <!-- else -->
  122. <a href="/expensesCollect/{{receiptDetail' value.rid}}">{{receiptDetail' value.receiptOrder}}</a>
  123. <!-- endif -->
  124. </td>
  125. <td class="taR">¥{{receiptDetail' value.sum}}
  126. <!-- if {{receiptDetail' value.status}}==7 and {{receiptDetail' value.Rtype}}==1 -->
  127. <br/>¥{{receiptDetail' value.loanSum}}
  128. <!-- endif -->
  129. </td>
  130. <td>
  131. <!-- if {{receiptDetail' value.Rtype}}==1 and {{receiptDetail' value.status}}==8 -->
  132. <span class="colGreen">借款完成</span>
  133. <!-- elseif {{receiptDetail' value.status}}==5 or {{receiptDetail' value.status}}==7 -->
  134. 未提交
  135. <!-- elseif {{receiptDetail' value.status}}==4 -->
  136. <span class="colOrange">撤回</span>
  137. <!-- endif -->
  138. </td>
  139. <td width="120">
  140. <div class="btn-group">
  141. <!-- if {{receiptDetail' value.Rtype}}==3 and ({{receiptDetail' value.status}}==5 or {{receiptDetail' value.status}}==4) -->
  142. <a class="button btn-block" href="/receiptTrainEdi/{{receiptDetail' value.ridKey7}}.html">协作</a>
  143. <!-- endif -->
  144. </div>
  145. </td>
  146. </tr>
  147. <!-- endloop -->
  148. </tbody>
  149. </table>
  150. </div>
  151. <div class="clearfix">
  152. <legend><div class="fR"></div>最近费用动态</legend>
  153. <table class="table table-bordered table-condensed">
  154. <tbody>
  155. <tr><th class="taC" width="140">费用类型</th><th class="taC">单号</th><th class="taC">金额</th><th class="taC">状态</th></tr>
  156. <!-- loop receiptLogList -->
  157. <tr>
  158. <!-- if {{receiptLogList' value.Rtype}}==1 -->
  159. <th>借款</th>
  160. <!-- elseif {{receiptLogList' value.Rtype}}==2 -->
  161. <th>对公汇款</th>
  162. <!-- elseif {{receiptLogList' value.Rtype}}==3 -->
  163. <th>培训班结算</th>
  164. <!-- elseif {{receiptLogList' value.Rtype}}==0 -->
  165. <th>报销单</th>
  166. <!-- endif -->
  167. <td>
  168. <!-- if {{receiptLogList' value.Rtype}}==3 -->
  169. <a href="/receiptTrain/info/{{receiptLogList' value.ridKey}}.html" >{{receiptLogList' value.receiptOrder}}</a>
  170. <!-- else -->
  171. <a href="/expensesCollect/{{receiptLogList' value.rid}}" >{{receiptLogList' value.receiptOrder}}</a>
  172. <!-- endif -->
  173. </td>
  174. <td class="taR">¥{{receiptLogList' value.sum}}</td>
  175. <td>
  176. <!-- if {{receiptDetail' value.status}}==1 or {{receiptDetail' value.status}}==6 -->
  177. <span class="colBlue">执行中</span>
  178. <!-- elseif {{receiptDetail' value.status}}==2 -->
  179. <span class="">审批中</span>
  180. <!-- elseif {{receiptDetail' value.status}}==3 -->
  181. <span class="colRed">终止</span>
  182. <!-- elseif {{receiptDetail' value.status}}==4 -->
  183. <span class="colOrange">撤回</span>
  184. <!-- elseif {{receiptDetail' value.status}}==5 or {{receiptDetail' value.status}}==7 -->
  185. <span class="">待提交</span>
  186. <!-- elseif {{receiptDetail' value.status}}==8 or {{receiptDetail' value.status}}==9 -->
  187. <span class="colGreen">费用完成</span>
  188. <!-- endif -->
  189. </td></tr>
  190. <!-- endloop -->
  191. </tbody>
  192. </table>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. </div>
  198. <!--弹出邮寄-->
  199. <div class="modal fade" id="welcome">
  200. <div class="modal-dialog">
  201. <div class="modal-content">
  202. <div class="modal-header">
  203. <h3>欢迎使用费用管理(原报销单)</h3>
  204. </div>
  205. <div class="modal-body saeaList">
  206. <p style="font-size:18px">请查阅以下文档,了解新的费用管理</p>
  207. <br>
  208. <table class="table table-bordered table-condensed">
  209. <tbody>
  210. <tr>
  211. <th class="taC colRed" width="100">费用管理简介<br>(必读)</th>
  212. <td class="taC">
  213. <a target="_Blank" href="<?= WEB_SITE_GLOBAL ?>handbook/CLD费用管理简介.pdf">在线查阅《CLD费用管理简介》</a>
  214. </td>
  215. <td class="taC"><a href="<?= WEB_SITE_GLOBAL ?>handbook/CLD费用管理简介.docx">点击下载《CLD费用管理简介》</a></td>
  216. </tr>
  217. </tbody>
  218. </table>
  219. <table class="table table-bordered table-condensed">
  220. <tbody>
  221. <tr>
  222. <th class="taC" width="100">费用申请人</th>
  223. <td class="taC"><a target="_Blank" href="<?= WEB_SITE_GLOBAL ?>handbook/费用申请人使用教程.pdf">在线查阅《费用申请人使用手册》</a></td>
  224. <td class="taC"><a href="<?= WEB_SITE_GLOBAL ?>handbook/费用申请人使用教程.docx">点击下载《费用申请人使用手册》</a></td>
  225. </tr>
  226. </tbody>
  227. </table>
  228. <table class="table table-bordered table-condensed">
  229. <tbody>
  230. <tr>
  231. <th class="taC" width="100">费用审批人</th>
  232. <td class="taC"><a target="_Blank" href="<?= WEB_SITE_GLOBAL ?>handbook/费用审批人使用教程.pdf">在线查阅《费用审批人使用手册》</a></td>
  233. <td class="taC"><a href="<?= WEB_SITE_GLOBAL ?>handbook/费用审批人使用教程.docx">点击下载《费用审批人使用手册》</a></td>
  234. </tr>
  235. </tbody>
  236. </table>
  237. <table class="table table-bordered table-condensed">
  238. <tbody>
  239. <tr>
  240. <th class="taC" width="100">费用执行人</th>
  241. <td class="taC"><a target="_Blank" href="<?= WEB_SITE_GLOBAL ?>handbook/费用执行人使用教程.pdf">在线查阅《费用执行人使用手册》</a></td>
  242. <td class="taC"><a href="<?= WEB_SITE_GLOBAL ?>handbook/费用执行人使用教程.docx">点击下载《费用执行人使用手册》</a></td>
  243. </tr>
  244. </tbody>
  245. </table>
  246. </div>
  247. <div class="modal-footer">
  248. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. <!--邮寄-->
  254. <!--弹出 报销单类型选择 -->
  255. <div class="modal hide fade" id="receipt-add">
  256. <div class="modal-dialog">
  257. <div class="modal-content">
  258. <form action="/receiptFeeDiversion" name="receiptFeeAdd" id="receiptFeeAdd" method="post">
  259. <div class="modal-header">
  260. <h3>选择申请类型</h3>
  261. </div>
  262. <div class="modal-body saeaList">
  263. <div style="margin-bottom: 20px">
  264. <label class="radio inline"><input type="radio" checked value="1" name="feeType">办事处相关费用</label>
  265. <label class="radio inline"><input type="radio" value="2" name="feeType">差旅相关费用</label>
  266. <label class="radio inline"><input type="radio" value="3" name="feeType">内部培训费用</label>
  267. </div>
  268. <div>
  269. <!--办事处相关费用-->
  270. <table feeType1 class="table table-bordered table-condensed" >
  271. <tr><th class="taC">日常相关费用</th></tr>
  272. <tr><td>
  273. <div class="cost-item">
  274. <!-- loop acItem -->
  275. <!-- if {{acItem' value.category}} =="日常相关费用" -->
  276. <!-- if {{acItem' value.name}}!='市内出租费' -->
  277. <span>{{acItem' value.name}}</span>
  278. <!-- endif -->
  279. <!-- endif -->
  280. <!-- endloop -->
  281. </div></td>
  282. </tr>
  283. <tr><th class="taC">其他</th></tr>
  284. <tr><td>
  285. <div class="cost-item">
  286. <!-- loop acItem -->
  287. <!-- if {{acItem' value.category}} =="其他" -->
  288. <span>{{acItem' value.name}}</span>
  289. <!-- endif -->
  290. <!-- endloop -->
  291. </div>
  292. </td>
  293. </tr>
  294. </table>
  295. <!--差旅相关费用-->
  296. <table feeType2 class="table table-bordered table-condensed" style="display:none">
  297. <tr><th class="taC">差旅相关费用</th></tr>
  298. <tr><td>
  299. <div class="cost-item" ><!-- loop acItem -->
  300. <!-- if {{acItem' value.category}} =="差旅相关费用" --><span >{{acItem' value.name}}</span><!-- endif --><!-- endloop --></div>
  301. </td>
  302. </tr>
  303. </table>
  304. <!--内部培训费用-->
  305. <table feeType3 class="table table-bordered table-condensed" style="display:none">
  306. <tr><th class="taC">内部培训费用</th></tr>
  307. <tr><td>
  308. <div class="cost-item">
  309. <!-- loop acItem -->
  310. <!-- if {{acItem' value.category}} =="内部培训费用" -->
  311. <span>{{acItem' value.name}}</span>
  312. <!-- endif -->
  313. <!-- endloop -->
  314. </div>
  315. </td>
  316. </tr>
  317. </table>
  318. </div>
  319. </div>
  320. <div class="modal-footer">
  321. <input type="submit" value="确认" class="button">
  322. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  323. </div>
  324. </form>
  325. </div>
  326. </div>
  327. </div>
  328. <script type="text/javascript">
  329. function unsetSL(){
  330. var sessionStorage= window.sessionStorage;
  331. sessionStorage.clear()
  332. }
  333. $(function() {
  334. <!-- if {{travel}} -->
  335. unsetSL();
  336. <!-- endif -->
  337. $("input[name='feeType']").click(function() {
  338. var feeType = $(this).val();
  339. if(feeType==1){
  340. $("table[feeType1]").show();
  341. $("table[feeType2]").hide();
  342. $("table[feeType3]").hide();
  343. }else if(feeType==2){
  344. $("table[feeType1]").hide();
  345. $("table[feeType2]").show();
  346. $("table[feeType3]").hide();
  347. }else if(feeType==3){
  348. $("table[feeType1]").hide();
  349. $("table[feeType2]").hide();
  350. $("table[feeType3]").show();
  351. }
  352. });
  353. })
  354. autoFlashHeight();
  355. </script>
  356. <!--<script type="text/javascript">$('#welcome').modal('show')</script>-->
  357. </body>