feeTraveApproval2.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
  1. <!-- include '../admin/header' -->
  2. <link rel=stylesheet
  3. href="<?= WEB_SITE_GLOBAL ?>css/jquery.validator.css">
  4. <script type="text/javascript"
  5. src="<?= WEB_SITE_GLOBAL ?>js/jquery.validator.min.js"></script>
  6. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/zh-CN.js"></script>
  7. <script src="<?= receipt ?>"></script>
  8. <body>
  9. <div class="mainLayout">
  10. <div class="mainMenu">
  11. <div class="menuItem">
  12. <a href="#" class="mLogo">CLD</a>
  13. <ul>
  14. <!-- include '../admin/menuReceipt' -->
  15. </ul>
  16. </div>
  17. </div>
  18. <div class="warpContent">
  19. <div class="subMenu fL">
  20. <div class="menuItem">
  21. <ul>
  22. <!-- include '../admin/receipt_menu' -->
  23. </ul>
  24. </div>
  25. </div>
  26. <div class="adminContent autoHeight" style="height: 821px;">
  27. <div class="borad-news">
  28. <legend><div class="fR"></div>
  29. 费用审批
  30. </legend>
  31. <div class="demandCate">
  32. <input type="hidden" name="status" value="{{receiptList.0.status}}"></input>
  33. <ul class="cateList">
  34. <li><a href="/approvalExpenses/pendApproval">返回</a></li>
  35. <li><a id="examine" data="{{rid}}" href="javascript:void(0)">查看下一份费用审批</a></li>
  36. </ul>
  37. </div>
  38. <div class="saeaList">
  39. <!-- loop receiptList -->
  40. <div id="{{receiptList' value.Locate}}" class="entry <!-- if {{receiptList' value.Rtype}}==1 --> loan-list <!-- elseif {{receiptList' value.Rtype}}==0 --> receipt-list <!-- endif -->">
  41. <div class="seTable reportTable">
  42. <!-- if {{receiptList' value.Rtype}}==1 -->
  43. <table class="table table-bordered table-condensed table-hover">
  44. <tbody>
  45. <tr class="warning"><td class="taR"><b>({{receiptDetail' value.receiptOrder}})本次费用合计</b></td>
  46. <td class="taR"><b style="font-size:24px">¥{{receiptDetail' value.loanSum}}</b><br>{{receiptDetail' value.loanSumCN}}</td>
  47. </tr>
  48. <tr><th class="taC" colspan="2">费用说明</th>
  49. </tr><tr><td colspan="2">{{explanation}}</td></tr>
  50. <tr><th colspan="2" class="taC">借款费用</th></tr>
  51. <!-- loop receiptList' value.loanItem.借款费用 -->
  52. <tr><th>{{receiptList' value' value.name}}</th><td width="140" class="taR">¥{{receiptList' value' value.price}}</td></tr>
  53. <!-- endloop -->
  54. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  55. <tr><th style="text-align:center" colspan="2">{{receiptDetail' value.category}}</th></tr>
  56. <tr class="warning" style="display:none"><td class="taR"><b>确认汇款金额</b></td>
  57. <td class="taR"><b style="font-size:24px">¥{{receiptDetail' value.loanSum}}</b><br>{{receiptDetail' value.loanSumCN}}</td>
  58. </tr>
  59. <td class="taR"><b>本次借款</b></td>
  60. <td class="colGreed taR"><b style="font-size:24px">¥{{receiptDetail' value.loanSum}}</b><br>{{receiptDetail' value.loanSumCN}}</td>
  61. </tr>
  62. <tr class="warning"><td class="taR"><b>本次报销金额</b></td>
  63. <td class="colGreed taR"><b style="font-size:24px">¥{{receiptDetail' value.sum}}</b><br>{{receiptDetail' value.sumCN}}</td></tr>
  64. <tr <!-- if {{receiptDetail' value.relust}}>=0 --> class="success" <!-- else --> class="error" <!-- endif --> ><td class="taR"><span class="colGray">报销 - 借款 = </span><b>差额</b></td>
  65. <td class="taR"><b style="font-size:24px">¥{{receiptDetail' value.relust}}</b><br>{{receiptDetail' value.relustCN}}</td></tr>
  66. </tbody>
  67. </table>
  68. <br/>
  69. <!-- endif -->
  70. <table class="table table-bordered table-condensed table-hover">
  71. <tbody>
  72. <tr class="warning"><td class="taR"><b>({{receiptDetail' value.receiptOrder}})本次报销费用合计</b></td>
  73. <td class="colGreed taR"><b style="font-size:24px">¥{{receiptDetail' value.sum}}</b></td></tr>
  74. <tr><th class="taC" colspan="2">报销说明</th></tr>
  75. <tr><td colspan="2">{{receiptDetail' value.explanation}}</td></tr>
  76. <!-- <tr>
  77. <th colspan="2" class="taC">行程详细</th>
  78. </tr>
  79. <tbody itinerary >
  80. </tbody> -->
  81. <tr><th colspan="2" class="taC">总行程单</th></tr>
  82. <tr><td colspan="2"><div class="itinerary">
  83. <div class="itineraryCon">
  84. <ul itineraryinfo >
  85. </ul>
  86. </div></div></td></tr>
  87. <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
  88. <!-- loop receiptList' value.accountItem.差旅相关费用 -->
  89. <tr><th>{{receiptDetail' 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">¥{{receiptDetail' value' value.price}}</td></tr>
  90. <!-- endloop -->
  91. <tr><th class="taR">合计</th><td class="colGreen taR">¥{{receiptDetail' value.accountItem.cSum.travelSum}}</td></tr>
  92. <!-- if {{status}}==2 -->
  93. <tr><th colspan="2" class="taC">报销金额调整</th></tr>
  94. <tr class="error"><td colspan="2" class="taR">
  95. <form class="taR" style="margin:0" action="/revisePrice" method="post" name="revisePrice_{{receiptList' value.rid}}">
  96. <input type="text" name="description" placeholder="输入金额调整描述" class="span4"> ¥<span data-placement="top" data-toggle="ctooltip" data-original-title="扣款请在金额前加“-”">
  97. <input type="number" name="price" placeholder="输入调整金额" pattern="[0-9]" step="0.01" class="span2"></span>
  98. <input type="hidden" name="rid" value="{{receiptList' value.rid}}">
  99. <input type="submit" value="添加" class="btn">
  100. </form>
  101. </td>
  102. </tr>
  103. <!-- elseif -->
  104. <tr><th colspan="2" class="taC">报销金额调整</th></tr>
  105. <!-- loop receiptList' value.reviseDetail -->
  106. <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>
  107. <!-- endloop -->
  108. <tr><th class="taR">合计</th><td class="colOrange taR">¥{{receiptList' value.revisePrice}}</td></tr>
  109. <!-- endif -->
  110. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  111. <tr><th style="text-align:center" colspan="2">{{receiptDetail' value.category}}</th></tr>
  112. <tr><th colspan="2" class="taC">收款信息</th></tr>
  113. <tr><th>收款人户名</th>
  114. <td>{{receiptDetail' value.remittanceName}}</td>
  115. </tr>
  116. <tr>
  117. <th>收款银行</th>
  118. <td>
  119. <!-- if {{receiptDetail' value.remittanceBankType}}==0 -->
  120. 广发银行
  121. <!-- elseif {{receiptDetail' value.remittanceBankType}}==1 -->
  122. 其他
  123. <!-- endif -->
  124. </td>
  125. </tr>
  126. <tr><th>收款开户银行名称</th><td>
  127. {{receiptDetail' value.bankName}}
  128. </td></tr>
  129. <tr><th>收款账号</th><td>
  130. {{receiptDetail' value.bankNumber}}
  131. </td></tr>
  132. <!-- if {{receiptDetail' value.remittanceBankType}}==1 -->
  133. <tr><th>联行号</th><td>
  134. {{receiptDetail' value.coupletNumber}}
  135. </td></tr>
  136. <!-- endif -->
  137. <tr><th class="taC" colspan="2">附件</th>
  138. </tr>
  139. <tr><td colspan="2">
  140. {{enclosurHtml}}
  141. </td></tr>
  142. </tbody>
  143. </table>
  144. <br/>
  145. <!--
  146. <table class="table table-bordered table-condensed table-hover">
  147. <tbody>
  148. <tr><th colspan="2" class="taC">确认汇款金额</th></tr>
  149. <tr><th>汇款金额(用于生成汇款单)</th>
  150. <td class="taR" width="200">¥<input placeholder="输入汇款金额" pattern="[0-9]" id="amount" step="1" min="0" value="{{receiptList' value.amount}}" class="span2" type="number"></td>
  151. </tr>
  152. </tbody>
  153. </table>
  154. -->
  155. <table class="table table-bordered table-condensed table-hover">
  156. <tbody>
  157. <tr><th colspan="2" class="taC">费用结算</th></tr>
  158. <tr><th>结算结果<br><span class="colGray">("支出"由公司汇出,"收入"提交人需汇款至公司。)</span></th>
  159. <td class="taR" width="200">
  160. <!-- if {{receiptList' value.Rtype}}==1 -->
  161. <!-- if {{receiptDetail' value.relust}}>=0 -->
  162. <span class="colRed">支出</span>
  163. <!-- else -->
  164. <span class="colGreen">收入</span>
  165. <!-- endif -->
  166. <!-- else -->
  167. <span class="colRed">支出</span>
  168. <!-- endif -->
  169. </td>
  170. </tr>
  171. <tr><th>汇款金额</th><td class="taR" width="200">¥
  172. <!-- if {{receiptList' value.Rtype}}==1 -->
  173. {{receiptDetail' value.relustABS}}
  174. <!-- else -->
  175. {{receiptDetail' value.sum}}
  176. <!-- endif -->
  177. </td></tr>
  178. </tbody>
  179. </table>
  180. </div>
  181. <div class="seCensor <!-- if {{receiptList' value.Rtype}}==1 --> loan-censor <!-- else --> receipt-censor <!-- endif -->">
  182. <form action="/updateApprovalReceipt" method="post" id="verifyOpinion_{{receiptList' value.rid}}" name="verifyOpinion_{{receiptList' value.rid}}">
  183. <input type="hidden" id="status_{{receiptList' value.rid}}" name="status" value=""></input>
  184. <input type="hidden" name="rid" value="{{receiptList' value.rid}}"></input>
  185. <input type="hidden" name="Locate" value="{{receiptList' value.Locate}}"></input>
  186. <input type="hidden" name="amount" value="{{receiptList' value.amount}}">
  187. <div class="title">
  188. {{receiptDetail' value.receiptOrder}}
  189. </div>
  190. <div class="reportButton clearfix" style="display:" >
  191. <!-- if {{receiptDetail' value.button}}==4 -->
  192. <a href="javascript:void(0)" onClick="updateApprovalReceipt(1,{{receiptList' value.rid}})" class="buttonDone buttonBlock">同意支付</a>
  193. <!-- endif -->
  194. </div>
  195. <div class="censorList clearfix censorHeight">
  196. <ul>
  197. <!-- if {{receiptList' value.Rtype}}==1 -->
  198. <li class="post" >
  199. <div class="avtra"><img src="{{receiptList' value.staffDetail.avatar}}_2.jpg" width="32"></div>
  200. <div class="comment">
  201. <p><span class="fR">{{loanReceiptDate}}</span>{{receiptList' value.staffDetail.username}}</p>
  202. <p>提交审批</p>
  203. </div>
  204. </li>
  205. {{htmlLoan}}
  206. <!-- endif -->
  207. <!-- if {{empty(receiptDetail' value.rlList)}} -->
  208. <li class="post" >
  209. <div class="avtra"><img src="{{receiptList' value.staffDetail.avatar}}_2.jpg" width="32"></div>
  210. <div class="comment">
  211. <p><span class="fR">
  212. <!-- if {{receiptList' value.Rtype}}==1 -->
  213. {{receiptList' value.date}}
  214. <!-- else -->
  215. {{tijdate}}
  216. <!-- endif -->
  217. </span>{{receiptList' value.staffDetail.username}}</p>
  218. <p>提交审批</p>
  219. </div>
  220. </li>
  221. <!-- endif -->
  222. <!-- loop receiptDetail' value.rlList -->
  223. <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 --> >
  224. <div class="avtra"><img src="{{receiptDetail' value' value.img}}_2.jpg" width="32"></div>
  225. <div class="comment">
  226. <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>
  227. <p>{{receiptDetail' value' value.opinion}}</p>
  228. </div>
  229. </li>
  230. <!-- endloop -->
  231. <!-- loop receiptDetail' value.verifyList -->
  232. <!-- if {{receiptDetail' value' value.status}}!=1||{{empty(receiptDetail' value.rlList)}} -->
  233. <li <!-- if {{receiptDetail' value' value.status}}==1 --> class="done" <!-- elseif {{receiptDetail' value' value.status}}==3 --> class="undone" <!-- endif -->>
  234. <div class="avtra"><img src="{{receiptDetail' value' value.2}}_2.jpg" width="32"></div>
  235. <!-- if {{receiptDetail' value' value.status}}==4 -->
  236. <div class="comment">
  237. {{receiptDetail' value' value.1}}<!-- if isset({{receiptDetail' value' value.rolename}}) --> ({{receiptDetail' value' value.rolename}}) <!-- endif -->
  238. <p><textarea name="opinion" id="opinion_{{receiptList' value.rid}}" placeholder="填写审批意见(可选)"></textarea></p>
  239. </div>
  240. <!-- else -->
  241. <div class="comment">
  242. <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>
  243. <p>{{receiptDetail' value' value.opinion}}</p>
  244. </div>
  245. <!-- endif -->
  246. </li>
  247. <!-- endif -->
  248. <!-- endloop -->
  249. </ul>
  250. </div>
  251. <div class="reportButton clearfix" style="display:" >
  252. <!-- if {{receiptDetail' value.button}}==4 -->
  253. <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>
  254. <!-- if {{receiptList' value.Rtype}}!=1 -->
  255. <a href="javascript:void(0)" onClick="updateApprovalReceipt(3,{{receiptList' value.rid}})" class="buttonUndone" data-placement="top" data-toggle="ctooltip" data-original-title="终止报销单">终止</a>
  256. <!-- endif -->
  257. <!-- endif -->
  258. </div>
  259. </form>
  260. </div>
  261. </div>
  262. <!-- endloop -->
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. <script type="text/javascript">
  269. var sessionStorageList='itineraryListApproval';
  270. sessionStorage.setItem(sessionStorageList,'{{receiptList.0.itinerary2}}');
  271. </script>
  272. <script src="<?= itineraryView2 ?>"></script>
  273. <script type="text/javascript">autoFlashHeight();</script>
  274. </body>