feeTraveView.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  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="saeaList">
  32. <!-- loop receiptList -->
  33. <div id="{{receiptList' value.Locate}}" class="entry <!-- if {{receiptList' value.Rtype}}==1 --> loan-list <!-- elseif {{receiptList' value.Rtype}}==0 --> receipt-list <!-- endif -->">
  34. <div class="seTable reportTable">
  35. <!-- if {{receiptList' value.Rtype}}==1 -->
  36. <table class="table table-bordered table-condensed table-hover">
  37. <tbody>
  38. <tr class="warning"><td class="taR"><b>({{receiptDetail' value.receiptOrder}})本次费用合计</b></td>
  39. <td class="taR"><b style="font-size:24px">¥{{receiptDetail' value.loanSum}}</b><br>{{receiptDetail' value.loanSumCN}}</td>
  40. </tr>
  41. <tr><th class="taC" colspan="2">费用说明</th>
  42. </tr><tr><td colspan="2">{{explanation}}</td></tr>
  43. <tr><th colspan="2" class="taC">借款费用</th></tr>
  44. <!-- loop receiptList' value.loanItem.借款费用 -->
  45. <tr><th>{{receiptList' value' value.name}}</th><td width="140" class="taR">¥{{receiptList' value' value.price}}</td></tr>
  46. <!-- endloop -->
  47. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  48. <tr><th style="text-align:center" colspan="2">{{receiptDetail' value.category}}</th></tr>
  49. <tr class="warning" style="display:none"><td class="taR"><b>确认汇款金额</b></td>
  50. <td class="taR"><b style="font-size:24px">¥{{receiptDetail' value.loanSum}}</b><br>{{receiptDetail' value.loanSumCN}}</td>
  51. </tr>
  52. <td class="taR"><b>本次借款</b></td>
  53. <td class="colGreed taR"><b style="font-size:24px">¥{{receiptDetail' value.loanSum}}</b><br>{{receiptDetail' value.loanSumCN}}</td>
  54. </tr>
  55. <tr class="warning"><td class="taR"><b>本次报销金额</b></td>
  56. <td class="colGreed taR"><b style="font-size:24px">¥{{receiptDetail' value.sum}}</b><br>{{receiptDetail' value.sumCN}}</td></tr>
  57. <tr <!-- if {{receiptDetail' value.relust}}>=0 --> class="success" <!-- else --> class="error" <!-- endif --> ><td class="taR"><span class="colGray">报销 - 借款 = </span><b>差额</b></td>
  58. <td class="taR"><b style="font-size:24px">¥{{receiptDetail' value.relust}}</b><br>{{receiptDetail' value.relustCN}}</td></tr>
  59. </tbody>
  60. </table>
  61. <br/>
  62. <!-- endif -->
  63. <table class="table table-bordered table-condensed table-hover">
  64. <tbody>
  65. <tr class="warning"><td class="taR"><b>({{receiptDetail' value.receiptOrder}})本次报销费用合计</b></td>
  66. <td class="colGreed taR"><b style="font-size:24px">¥{{receiptDetail' value.sum}}</b></td></tr>
  67. <tr><th class="taC" colspan="2">报销说明</th></tr>
  68. <tr><td colspan="2">{{receiptDetail' value.explanation}}</td></tr>
  69. <!-- <tr>
  70. <th colspan="2" class="taC">行程详细</th>
  71. </tr>
  72. <tbody itinerary >
  73. </tbody> -->
  74. <tr><th colspan="2" class="taC">总行程单</th></tr>
  75. <tr><td colspan="2"><div class="itinerary">
  76. <div class="itineraryCon">
  77. <ul itineraryinfo >
  78. </ul>
  79. </div></div></td></tr>
  80. <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
  81. <!-- loop receiptList' value.accountItem.差旅相关费用 -->
  82. <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>
  83. <!-- endloop -->
  84. <tr><th class="taR">合计</th><td class="colGreen taR">¥{{receiptDetail' value.accountItem.cSum.travelSum}}</td></tr>
  85. <tr><th colspan="2" class="taC">报销金额调整</th></tr>
  86. <!-- loop receiptList' value.reviseDetail -->
  87. <tr><th><span class="interval">|</span>{{receiptList' value' value.name}}:{{receiptList' value' value.description}}</th><td class="taR">¥{{receiptList' value' value.price}}</td></tr>
  88. <!-- endloop -->
  89. <tr><th class="taR">合计</th><td class="colOrange taR">¥{{receiptList' value.revisePrice}}</td></tr>
  90. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  91. <tr><th style="text-align:center" colspan="2">{{receiptDetail' value.category}}</th></tr>
  92. <tr><th colspan="2" class="taC">收款信息</th></tr>
  93. <tr><th>收款人户名</th>
  94. <td>{{receiptDetail' value.remittanceName}}</td>
  95. </tr>
  96. <tr>
  97. <th>收款银行</th>
  98. <td>
  99. <!-- if {{receiptDetail' value.remittanceBankType}}==0 -->
  100. 广发银行
  101. <!-- elseif {{receiptDetail' value.remittanceBankType}}==1 -->
  102. 其他
  103. <!-- endif -->
  104. </td>
  105. </tr>
  106. <tr><th>收款开户银行名称</th><td>
  107. {{receiptDetail' value.bankName}}
  108. </td></tr>
  109. <tr><th>收款账号</th><td>
  110. {{receiptDetail' value.bankNumber}}
  111. </td></tr>
  112. <!-- if {{receiptDetail' value.remittanceBankType}}==1 -->
  113. <tr><th>联行号</th><td>
  114. {{receiptDetail' value.coupletNumber}}
  115. </td></tr>
  116. <!-- endif -->
  117. <tr><th class="taC" colspan="2">附件</th>
  118. </tr>
  119. <tr><td colspan="2">
  120. {{enclosurHtml}}
  121. </td></tr>
  122. </tbody>
  123. </table>
  124. <br/>
  125. <!--
  126. <table class="table table-bordered table-condensed table-hover">
  127. <tbody>
  128. <tr><th colspan="2" class="taC">确认汇款金额</th></tr>
  129. <tr><th>汇款金额(用于生成汇款单)</th>
  130. <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>
  131. </tr>
  132. </tbody>
  133. </table>
  134. -->
  135. <table class="table table-bordered table-condensed table-hover">
  136. <tbody>
  137. <tr><th colspan="2" class="taC">费用结算</th></tr>
  138. <tr><th>结算结果<br><span class="colGray">("支出"由公司汇出,"收入"提交人需汇款至公司。)</span></th>
  139. <td class="taR" width="200">
  140. <!-- if {{receiptList' value.Rtype}}==1 -->
  141. <!-- if {{receiptDetail' value.relust}}>=0 -->
  142. <span class="colRed">支出</span>
  143. <!-- else -->
  144. <span class="colGreen">收入</span>
  145. <!-- endif -->
  146. <!-- else -->
  147. <span class="colRed">支出</span>
  148. <!-- endif -->
  149. </td>
  150. </tr>
  151. <tr><th>汇款金额</th><td class="taR" width="200">¥
  152. <!-- if {{receiptList' value.Rtype}}==1 -->
  153. {{receiptDetail' value.relustABS}}
  154. <!-- else -->
  155. {{receiptDetail' value.sum}}
  156. <!-- endif -->
  157. </td></tr>
  158. </tbody>
  159. </table>
  160. </div>
  161. <div class="seCensor <!-- if {{receiptList' value.Rtype}}==1 --> loan-censor <!-- else --> receipt-censor <!-- endif -->">
  162. <div class="title">
  163. {{receiptDetail' value.receiptOrder}}
  164. </div>
  165. <div class="censorList clearfix censorHeight">
  166. <ul>
  167. <!-- if {{receiptList' value.Rtype}}==1 -->
  168. <li class="post" >
  169. <div class="avtra"><img src="{{receiptList' value.staffDetail.avatar}}_2.jpg" width="32"></div>
  170. <div class="comment">
  171. <p><span class="fR">{{loanReceiptDate}}</span>{{receiptList' value.staffDetail.username}}</p>
  172. <p>提交审批</p>
  173. </div>
  174. </li>
  175. {{htmlLoan}}
  176. <!-- endif -->
  177. <!-- if {{empty(receiptDetail' value.rlList)}} -->
  178. <li class="post" >
  179. <div class="avtra"><img src="{{receiptList' value.staffDetail.avatar}}_2.jpg" width="32"></div>
  180. <div class="comment">
  181. <p><span class="fR">
  182. <!-- if {{receiptList' value.Rtype}}==1 -->
  183. {{receiptList' value.date}}
  184. <!-- else -->
  185. {{tijdate}}
  186. <!-- endif -->
  187. </span>{{receiptList' value.staffDetail.username}}</p>
  188. <p>提交审批</p>
  189. </div>
  190. </li>
  191. <!-- endif -->
  192. <!-- loop receiptDetail' value.rlList -->
  193. <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 --> >
  194. <div class="avtra"><img src="{{receiptDetail' value' value.img}}_2.jpg" width="32"></div>
  195. <div class="comment">
  196. <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>
  197. <p>{{receiptDetail' value' value.opinion}}</p>
  198. </div>
  199. </li>
  200. <!-- endloop -->
  201. <!-- loop receiptDetail' value.verifyList -->
  202. <!-- if {{receiptDetail' value' value.status}}!=1||{{empty(receiptDetail' value.rlList)}} -->
  203. <li <!-- if {{receiptDetail' value' value.status}}==1 --> class="done" <!-- elseif {{receiptDetail' value' value.status}}==3 --> class="undone" <!-- endif -->>
  204. <div class="avtra"><img src="{{receiptDetail' value' value.2}}_2.jpg" width="32"></div>
  205. <!-- if {{receiptDetail' value' value.status}}==4 -->
  206. <!-- else -->
  207. <div class="comment">
  208. <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>
  209. <p>{{receiptDetail' value' value.opinion}}</p>
  210. </div>
  211. <!-- endif -->
  212. </li>
  213. <!-- endif -->
  214. <!-- endloop -->
  215. </ul>
  216. </div>
  217. </div>
  218. </div>
  219. <!-- endloop -->
  220. </div>
  221. </div>
  222. </div>
  223. </div>
  224. </div>
  225. <script type="text/javascript">
  226. var sessionStorageList='itineraryListApproval';
  227. sessionStorage.setItem(sessionStorageList,'{{receiptList.0.itinerary2}}');
  228. </script>
  229. <script src="<?= itineraryView2 ?>"></script>
  230. <script type="text/javascript">autoFlashHeight();</script>
  231. </body>