receipt_compatible.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471
  1. <!-- include '../../comm/header' -->
  2. <script src="<?= receipt ?>"></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 '../../admin/menuReceipt' -->
  10. </ul>
  11. </div>
  12. </div>
  13. <div class="warpContent">
  14. <div class="subMenu fL">
  15. <div class="menuItem">
  16. <ul>
  17. <!-- include '../../admin/receipt_menu' -->
  18. </ul>
  19. </div>
  20. </div>
  21. <div class="adminContent autoHeight" style="height: 821px;">
  22. <div class="borad-news">
  23. <legend><div class="fR"></div>
  24. 费用审批
  25. </legend>
  26. <div class="demandCate">
  27. <input type="hidden" name="status" value="{{receiptList.0.status}}"></input>
  28. <ul class="cateList">
  29. <li><a href="/approvalExpenses/pendApproval">返回</a></li>
  30. <li><a id="examine" data="{{rid}}" href="javascript:void(0)">查看下一份费用审批</a></li>
  31. </ul>
  32. </div>
  33. <div class="saeaList">
  34. <!-- loop receiptList -->
  35. <div id="{{receiptList' value.Locate}}" class="entry <!-- if {{receiptList' value.Rtype}}==1 --> loan-list <!-- elseif {{receiptList' value.Rtype}}==0 --> receipt-list <!-- endif -->">
  36. <div class="seTable reportTable">
  37. <!-- if {{receiptList' value.Rtype}}==1 -->
  38. <table class="table table-bordered table-condensed table-hover">
  39. <tbody>
  40. <tr class="warning"><td class="taR"><b>({{receiptDetail' value.receiptOrder}})本次费用合计</b></td>
  41. <td class="taR"><b style="font-size:24px">¥{{receiptDetail' value.loanSum}}</b><br>{{receiptDetail' value.loanSumCN}}</td>
  42. </tr>
  43. <tr><th class="taC" colspan="2">费用说明</th>
  44. </tr><tr><td colspan="2">{{explanation}}</td></tr>
  45. <tr><th colspan="2" class="taC">借款费用</th></tr>
  46. <!-- loop receiptList' value.loanItem.借款费用 -->
  47. <tr><th>{{receiptList' value' value.name}}</th><td width="140" class="taR">¥{{receiptList' value' value.price}}</td></tr>
  48. <!-- endloop -->
  49. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  50. <tr><th style="text-align:center" colspan="2">{{receiptDetail' value.category}}</th></tr>
  51. <tr class="warning" style="display:none"><td class="taR"><b>确认汇款金额</b></td>
  52. <td class="taR"><b style="font-size:24px">¥{{receiptDetail' value.loanSum}}</b><br>{{receiptDetail' value.loanSumCN}}</td>
  53. </tr>
  54. </tbody>
  55. </table>
  56. <br/>
  57. <!-- endif -->
  58. <!-- 报销单 -->
  59. <table class="table table-bordered table-condensed table-hover">
  60. <tbody>
  61. <tr class="warning">
  62. <td class="taR"><b>({{receiptDetail' value.receiptOrder}})本次费用总计</b></td>
  63. <td class="taR"><b style="font-size:24px">¥{{receiptDetail' value.sum}}</b><br>{{receiptDetail' value.sumCN}}</td></tr>
  64. </tbody>
  65. </table>
  66. <!-- if !empty({{receiptDetail' value.officeJson}}) -->
  67. <table class="table table-bordered table-condensed table-hover">
  68. <tbody>
  69. <tr class="warning"><td ><b>办事处相关费用合计</b></td>
  70. <td class="colGreed taR"><b style="font-size:24px">¥{{receiptDetail' value.officeTotal}}</b></td></tr>
  71. <tr><th class="taC" colspan="2">报销说明</th></tr>
  72. <tr><td colspan="2">{{receiptDetail' value.officeExplain}}</td></tr>
  73. <tr><th colspan="2" class="taC">日常相关费用</th></tr>
  74. <!-- loop receiptDetail' value.officeJson.daily -->
  75. <!-- if {{item' value' value.price}}!=0 -->
  76. <tr><th>{{item' value' value.name}}<div class="repMark fR"><i class="rmDone">●</i><i class="rmUdone">●</i><i class="rmClear">●</i></div></th><td width="140" class="taR">¥{{item' value' value.price}}</td></tr>
  77. <!-- endif -->
  78. <!-- endloop -->
  79. <tr><th class="taR">小计</th><td class="colGreen taR">¥{{receiptDetail' value.dailyTotal}}</td></tr>
  80. <tr><th colspan="2" class="taC">其他</th></tr>
  81. <!-- loop receiptDetail' value.officeJson.other -->
  82. <!-- if {{item' value' value.price}}!=0 -->
  83. <tr><th>{{item' value' value.name}}<div class="repMark fR"><i class="rmDone">●</i><i class="rmUdone">●</i><i class="rmClear">●</i></div></th><td width="140" class="taR">¥{{item' value' value.price}}</td></tr>
  84. <!-- endif -->
  85. <!-- endloop -->
  86. <tr><th class="taR">小计</th><td class="colGreen taR">¥{{receiptDetail' value.otherTotal}}</td></tr>
  87. </tbody>
  88. </table>
  89. <!-- endif -->
  90. <!-- if !empty({{receiptDetail' value.traveJson}}) -->
  91. <table class="table table-bordered table-condensed table-hover">
  92. <tbody>
  93. <tr class="warning"><td ><b>差旅相关费用合计</b></td>
  94. <td class="colGreed taR"><b style="font-size:24px">¥{{receiptDetail' value.traveTotal}}</b></td></tr>
  95. <tr><th class="taC" colspan="2">报销说明</th></tr>
  96. <tr><td colspan="2">{{receiptDetail' value.traveExplain}}</td></tr>
  97. <tr><th colspan="2" class="taC">内部培训费用</th></tr>
  98. <!-- loop receiptDetail' value.traveJson.traveList -->
  99. <tr><th colspan="2" class="taL">行程{{item' value' value.index}}# {{item' value' value.tripTime}}<br>
  100. <i class="contactsMark icon-">P</i> {{item' value' value.detailCity}}</th></tr>
  101. <!-- 行程单简要详情 -->
  102. <!-- loop item' value' value.detailTrip -->
  103. <!-- if {{item' value' value' value}}!=0 -->
  104. <tr>
  105. <th>{{item' value' value' key}}<div class="repMark fR"><i class="rmDone">●</i><i class="rmUdone">●</i><i class="rmClear">●</i></div>
  106. </th><td class="taR" width="140">¥{{item' value' value' value}}</td>
  107. </tr>
  108. <!-- endif -->
  109. <!-- endloop -->
  110. <tr><th class="taR">合计</th><td class="colGreen taR">¥{{item' value' value.tripTotal}}</td></tr>
  111. <!-- 行程单详细内容 -->
  112. <tr>
  113. <td colspan="2">
  114. <a href="#" class="close-detail" style="display: none">- 收起详细行程单</a><a href="#" class="open-detail">+ 展开详细行程单</a>
  115. <table class="table table-bordered table-condensed table-hover mb-0" style="display: none">
  116. <!-- loop item' value' value.tripList -->
  117. <!-- if countArray({{item' value' value.tripList}},-1)>{{item' value' value' key}} -->
  118. <tr>
  119. <th colspan="3" class="ta" width="140">
  120. <i class="contactsMark icon-">P</i>{{item' value' value' value.goCome}}</th>
  121. </tr>
  122. <!-- 一段城市相关费用 -->
  123. <!-- loop item' value' value' value.tripItem -->
  124. <!-- if {{item' value' value' value' value.price}}!=0 -->
  125. <tr>
  126. <th width="140">{{item' value' value' value' value.name}}
  127. <div class="repMark fR">
  128. <i class="rmDone">●</i><i class="rmUdone">●</i><i
  129. class="rmClear">●</i>
  130. </div>
  131. </th>
  132. <td width="140" class="taR">¥{{item' value' value' value' value.price}}</td>
  133. <td><pre>{{item' value' value' value' value.remark}}</pre></td>
  134. </tr>
  135. <!-- endif -->
  136. <!-- endloop -->
  137. <tr>
  138. <th class="taR" width="140">旅途小计</th>
  139. <td class="colGreen taR" colspan="2">¥{{item' value' value' value.subtotal}}</td>
  140. </tr>
  141. <!-- endif -->
  142. <!-- endloop -->
  143. </table></td>
  144. </tr>
  145. <!-- endloop -->
  146. </tbody>
  147. </table>
  148. <!-- endif -->
  149. <!-- if !empty({{receiptDetail' value.trainJson}}) -->
  150. <table class="table table-bordered table-condensed table-hover">
  151. <tbody>
  152. <tr class="warning"><td ><b>内部培训费用合计</b></td>
  153. <td class="colGreed taR"><b style="font-size:24px">¥{{receiptDetail' value.trainTotal}}</b></td></tr>
  154. <tr><th class="taC" colspan="2">报销说明</th></tr>
  155. <tr><td colspan="2">{{receiptDetail' value.trainExplain}}</td></tr>
  156. <tr><th colspan="2" class="taC">内部培训费用</th></tr>
  157. <!-- loop receiptDetail' value.trainJson.train -->
  158. <!-- if {{item' value' value.price}}!=0 -->
  159. <tr><th>{{item' value' value.name}}<div class="repMark fR"><i class="rmDone">●</i><i class="rmUdone">●</i><i class="rmClear">●</i></div></th><td width="140" class="taR">¥{{item' value' value.price}}</td></tr>
  160. <!-- endif -->
  161. <!-- endloop -->
  162. <tr><th class="taR">小计</th><td class="colGreen taR">¥{{receiptDetail' value.trainTotal}}</td></tr>
  163. </tbody>
  164. </table>
  165. <!-- endif -->
  166. <table class="table table-bordered table-condensed table-hover">
  167. <tbody>
  168. <!-- if {{status}}==2 -->
  169. <tr><th colspan="2" class="taC">报销金额调整</th></tr>
  170. <tr class="error"><td colspan="2" class="taR">
  171. <form class="taR" style="margin:0" action="/revisePrice" method="post" name="revisePrice_{{receiptList' value.rid}}">
  172. <input type="text" name="description" placeholder="输入金额调整描述" class="span4"> ¥<span data-placement="top" data-toggle="ctooltip" data-original-title="扣款请在金额前加“-”">
  173. <input type="number" name="price" placeholder="输入调整金额" pattern="[0-9]" step="0.01" class="span2"></span>
  174. <input type="hidden" name="rid" value="{{receiptList' value.rid}}">
  175. <input type="submit" value="添加" class="btn">
  176. </form>
  177. </td>
  178. </tr>
  179. <!-- elseif -->
  180. <tr><th colspan="2" class="taC">报销金额调整</th></tr>
  181. <!-- loop receiptList' value.reviseDetail -->
  182. <tr><th><a href="/revocationAdjustment/{{receiptList' value' value.sidKey}}/{{receiptList' value' value.price}}/{{receiptList' value.ridKey}}/{{receiptList' value' value.reviseKey}}">撤销</a><span class="interval">|</span>{{receiptList' value' value.name}}:{{receiptList' value' value.description}}</th><td class="taR">¥{{receiptList' value' value.price}}</td></tr>
  183. <!-- endloop -->
  184. <tr><th class="taR">合计</th><td class="colOrange taR">¥{{receiptList' value.revisePrice}}</td></tr>
  185. <!-- endif -->
  186. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  187. <tr><th style="text-align:center" colspan="2">{{receiptDetail' value.category}}</th></tr>
  188. <tr><th colspan="2" class="taC">收款信息</th></tr>
  189. <tr><th>收款人户名</th>
  190. <td>{{receiptDetail' value.remittanceName}}</td>
  191. </tr>
  192. <tr>
  193. <th>收款银行</th>
  194. <td>
  195. <!-- if {{receiptDetail' value.remittanceBankType}}==0 -->
  196. 广发银行
  197. <!-- elseif {{receiptDetail' value.remittanceBankType}}==1 -->
  198. 其他
  199. <!-- endif -->
  200. </td>
  201. </tr>
  202. <tr><th>收款开户银行名称</th><td>
  203. {{receiptDetail' value.bankName}}
  204. </td></tr>
  205. <tr><th>收款账号</th><td>
  206. {{receiptDetail' value.bankNumber}}
  207. </td></tr>
  208. <!-- if {{receiptDetail' value.remittanceBankType}}==1 -->
  209. <tr><th>联行号</th><td>
  210. {{receiptDetail' value.coupletNumber}}
  211. </td></tr>
  212. <!-- endif -->
  213. <tr><th class="taC" colspan="2">附件</th>
  214. </tr>
  215. <tr><td colspan="2">
  216. {{enclosurHtml}}
  217. </td></tr>
  218. </tbody>
  219. </table>
  220. <br/>
  221. <table class="table table-bordered table-condensed table-hover">
  222. <tbody>
  223. <tr><th colspan="2" class="taC">费用结算</th></tr>
  224. <tr><th>结算结果<br><span class="colGray">("支出"由公司汇出,"收入"提交人需汇款至公司。)</span></th>
  225. <td class="taR" width="200">
  226. <!-- if {{receiptList' value.Rtype}}==1 -->
  227. <!-- if {{receiptDetail' value.relust}}>=0 -->
  228. <span class="colRed">支出</span>
  229. <!-- else -->
  230. <span class="colGreen">收入</span>
  231. <!-- endif -->
  232. <!-- else -->
  233. <span class="colRed">支出</span>
  234. <!-- endif -->
  235. </td>
  236. </tr>
  237. <tr><th>汇款金额</th><td class="taR" width="200">¥
  238. <!-- if {{receiptList' value.Rtype}}==1 -->
  239. {{receiptDetail' value.relustABS}}
  240. <!-- else -->
  241. {{receiptDetail' value.sum}}
  242. <!-- endif -->
  243. </td></tr>
  244. </tbody>
  245. </table>
  246. </div>
  247. <div class="seCensor <!-- if {{receiptList' value.Rtype}}==1 --> loan-censor <!-- else --> receipt-censor <!-- endif -->">
  248. <form action="/updateApprovalReceipt" method="post" id="verifyOpinion_{{receiptList' value.rid}}" name="verifyOpinion_{{receiptList' value.rid}}">
  249. <input type="hidden" id="status_{{receiptList' value.rid}}" name="status" value=""></input>
  250. <input type="hidden" name="rid" value="{{receiptList' value.rid}}"></input>
  251. <input type="hidden" name="Locate" value="{{receiptList' value.Locate}}"></input>
  252. <input type="hidden" name="amount" value="{{receiptList' value.amount}}">
  253. <div class="title">
  254. {{receiptDetail' value.receiptOrder}}
  255. </div>
  256. <div class="reportButton clearfix" style="display:" >
  257. <!-- if {{receiptDetail' value.button}}==4 -->
  258. <a href="javascript:void(0)" onClick="updateApprovalReceipt(1,{{receiptList' value.rid}})" class="buttonDone buttonBlock">同意支付</a>
  259. <!-- endif -->
  260. </div>
  261. <div class="censorList clearfix censorHeight">
  262. <ul>
  263. <!-- if {{receiptList' value.Rtype}}==1 -->
  264. <li class="post" >
  265. <div class="avtra"><img src="{{receiptList' value.staffDetail.avatar}}_2.jpg" width="32"></div>
  266. <div class="comment">
  267. <p><span class="fR">{{loanReceiptDate}}</span>{{receiptList' value.staffDetail.username}}</p>
  268. <p>提交审批</p>
  269. </div>
  270. </li>
  271. {{htmlLoan}}
  272. <!-- endif -->
  273. <!-- if {{empty(receiptDetail' value.rlList)}} -->
  274. <li class="post" >
  275. <div class="avtra"><img src="{{receiptList' value.staffDetail.avatar}}_2.jpg" width="32"></div>
  276. <div class="comment">
  277. <p><span class="fR">
  278. <!-- if {{receiptList' value.Rtype}}==1 -->
  279. {{receiptList' value.date}}
  280. <!-- else -->
  281. {{tijdate}}
  282. <!-- endif -->
  283. </span>{{receiptList' value.staffDetail.username}}</p>
  284. <p>提交审批</p>
  285. </div>
  286. </li>
  287. <!-- endif -->
  288. <!-- loop receiptDetail' value.rlList -->
  289. <li <!-- if {{receiptDetail' value' value.status}}==1 --> class="done" <!-- elseif {{receiptDetail' value' value.status}}==4 --> class="back" <!-- elseif {{receiptDetail' value' value.status}}==2 --> class="post" <!-- endif --> >
  290. <div class="avtra"><img src="{{receiptDetail' value' value.img}}_2.jpg" width="32"></div>
  291. <div class="comment">
  292. <p <!-- if {{receiptDetail' value' value.status}}!=2 --> class="colGray" <!-- endif --> ><span class="fR">{{receiptDetail' value' value.date}}</span>{{receiptDetail' value' value.username}} <!-- if {{receiptDetail' value' value.rolename}}!='' --> ({{receiptDetail' value' value.rolename}}) <!-- endif --></p>
  293. <p>{{receiptDetail' value' value.opinion}}</p>
  294. </div>
  295. </li>
  296. <!-- endloop -->
  297. <!-- loop receiptDetail' value.verifyList -->
  298. <!-- if {{receiptDetail' value' value.status}}!=1||{{empty(receiptDetail' value.rlList)}} -->
  299. <li <!-- if {{receiptDetail' value' value.status}}==1 --> class="done" <!-- elseif {{receiptDetail' value' value.status}}==3 --> class="undone" <!-- endif -->>
  300. <div class="avtra"><img src="{{receiptDetail' value' value.2}}_2.jpg" width="32"></div>
  301. <!-- if {{receiptDetail' value' value.status}}==4 -->
  302. <div class="comment">
  303. {{receiptDetail' value' value.1}}<!-- if isset({{receiptDetail' value' value.rolename}}) --> ({{receiptDetail' value' value.rolename}}) <!-- endif -->
  304. <p><textarea name="opinion" id="opinion_{{receiptList' value.rid}}" placeholder="填写审批意见(可选)"></textarea></p>
  305. </div>
  306. <!-- else -->
  307. <div class="comment">
  308. <p class="colGray"><span class="fR">{{receiptDetail' value' value.date}}</span>{{receiptDetail' value' value.1}}<!-- if isset({{receiptDetail' value' value.rolename}}) --> ({{receiptDetail' value' value.rolename}}) <!-- endif --></p>
  309. <p>{{receiptDetail' value' value.opinion}}</p>
  310. </div>
  311. <!-- endif -->
  312. </li>
  313. <!-- endif -->
  314. <!-- endloop -->
  315. </ul>
  316. </div>
  317. <div class="reportButton clearfix" style="display:" >
  318. <!-- if {{receiptDetail' value.button}}==4 -->
  319. <a href="javascript:void(0)" p-d="{{receiptList' value.rid}}" node-ReceiptBack="true" class="buttonBack <!-- if {{receiptList' value.Rtype}}==1 --> buttonBlock <!-- endif -->" data-placement="top" data-toggle="ctooltip" data-original-title="上报人修改后由你继续审批">撤回</a>
  320. <!-- if {{receiptList' value.Rtype}}!=1 -->
  321. <a href="javascript:void(0)" onClick="updateApprovalReceipt(3,{{receiptList' value.rid}})" class="buttonUndone" data-placement="top" data-toggle="ctooltip" data-original-title="终止报销单">终止</a>
  322. <!-- endif -->
  323. <!-- endif -->
  324. </div>
  325. </form>
  326. </div>
  327. </div>
  328. <!-- endloop -->
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. </div>
  334. <script type="text/javascript">
  335. autoFlashHeight();
  336. $(function(){
  337. $("#banshi-sw").click(function(){
  338. $(this).toggleClass("active");$("#banshi").toggle();$(".banshi").toggle();
  339. });
  340. $("#chalv-sw").click(function(){
  341. $(this).toggleClass("active");$("#chalv").toggle();$(".chalv").toggle();
  342. });
  343. $("#neibupeixun-sw").click(function(){
  344. $(this).toggleClass("active");$("#neibupeixun").toggle();$(".neibupeixun").toggle();
  345. });
  346. $(".close-detail").click(function(){
  347. $(this).hide().siblings(".table").hide().siblings(".open-detail").show();
  348. });
  349. $(".open-detail").click(function(){
  350. $(this).hide().siblings(".table").show().siblings(".close-detail").show();
  351. });
  352. $("#open-jie").click(function(){
  353. $(this).parent("p").hide();
  354. $(this).parent("p").siblings("#jie-con").show();
  355. $(this).parent("p").siblings("#close").show();
  356. });
  357. $("#close-jie").click(function(){
  358. $(this).parent("#close").hide();
  359. $(this).parent("p").siblings("#jie-con").hide();
  360. $(this).parent("p").siblings("#open").show();
  361. });
  362. });
  363. </script>
  364. </body>