saea-reportList-remit-detail.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>CLD.System</title>
  6. <meta name=description content=电子版晴雨表,在线晴雨表,网页晴雨表>
  7. <link rel="shortcut icon" href="images/favicon.ico">
  8. <meta name=copyright content=smartcost.com.cn>
  9. <link rel=stylesheet href=css/global.css>
  10. <script src=js/jquery-1.7.1.min.js></script>
  11. <script src=js/global.js></script>
  12. </head>
  13. <body>
  14. <div class="mainLayout">
  15. <div class="mainMenu">
  16. <div class="menuItem">
  17. <a href="#" class="mLogo">CLD</a>
  18. <ul>
  19. <li data-placement="right" data-toggle="ctooltip" data-original-title="信息中心" class="topLine"><a href="#" class="icon-" >B</a></li>
  20. <li data-placement="right" data-toggle="ctooltip" data-original-title="通讯录"><a href="#" class="icon-">A</a></li>
  21. <li data-placement="right" data-toggle="ctooltip" data-original-title="在线锁库"><a href="#" class="icon-">C</a></li>
  22. <li data-placement="right" data-toggle="ctooltip" data-original-title="日程表"><a href="#" class="icon-">X</a></li>
  23. <li data-placement="right" data-toggle="ctooltip" data-original-title="开发需求" class="topLine"><a href="#" class="icon-">V</a></li>
  24. <li data-placement="right" data-toggle="ctooltip" data-original-title="邮件推广"><a href="#" class="icon-">Z</a></li>
  25. <li data-placement="right" data-toggle="ctooltip" data-original-title="报销单"><a href="#" class="icon- selected">U</a></li>
  26. <li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
  27. <li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
  28. <li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
  29. <li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
  30. </ul>
  31. </div>
  32. </div>
  33. <div class="warpContent">
  34. <div class="subMenu fL">
  35. <div class="menuItem">
  36. <ul>
  37. <li class="saeaTitle">费用管理</li>
  38. <li><a href="saea-borad.html">公布板</a></li>
  39. <li><a href="saea-myList.html">我的费用</a></li>
  40. <li><a href="saea-slist-1.html">费用汇总</a></li>
  41. <li class="topLine"><a href="saea-reportList.html">费用审批</a></li>
  42. <li><a href="saea-reportList-pay.html">费用执行</a></li>
  43. <li><a href="saea-reportList-remit.html" class="selected">费用汇款</a></li>
  44. <li><a href="saea-dlist-category-year.html">公司汇总</a></li>
  45. </ul>
  46. </div>
  47. </div>
  48. <div class="adminContent autoHeight" style="height: 821px;">
  49. <legend><div class="fR"></div>2017-05-01 执行详情</legend>
  50. <div class="borad-news">
  51. <div class="saeaList">
  52. <table class="table table-bordered table-condensed">
  53. <thead><tr><th class="taC" colspan="3">浙江办-陈帅</th></tr></thead>
  54. <tbody>
  55. <tr><td class="taC">费用单号</td><td class="taC">汇款金额</td></tr>
  56. <tr><td><a href="#saea-detail" data-toggle="modal">#J201405291714(点我)</a></td><td class="taR">¥10000.00</td></tr>
  57. <tr><td><a href="">#J201705017421</a></td><td class="taR">¥10000.00</td></tr>
  58. <tr><td>合计</td><td class="taR"><b>¥20000.00</b></td></tr>
  59. </tbody>
  60. </table>
  61. <table class="table table-bordered table-condensed">
  62. <thead><tr><th class="taC" colspan="3">总部-王晶</th></tr></thead>
  63. <tbody>
  64. <tr><td class="taC">费用单号</td><td class="taC">汇款金额</td></tr>
  65. <tr><td><a href="">#J201405293103</a></td><td class="taR">¥10000.00</td></tr>
  66. <tr><td><a href="">#J201705015623</a></td><td class="taR">¥10000.00</td></tr>
  67. <tr><td>合计</td><td class="taR"><b>¥20000.00</b></td></tr>
  68. </tbody>
  69. </table>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. <!--弹出费用详情-->
  76. <div class="modal hide fade" id="saea-detail">
  77. <div class="modal-dialog modal-lg">
  78. <div class="modal-content">
  79. <div class="modal-header">
  80. <h3>费用详情</h3>
  81. </div>
  82. <div class="modal-body saeaList">
  83. <table class="table table-bordered table-condensed">
  84. <tbody>
  85. <tr><th colspan="2" class="taC">借款费用</th></tr>
  86. <tr><th>申请金额</th><td width="140" class="taR">¥10000.00</td></tr>
  87. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  88. <tr><th style="text-align:center" colspan="2">总部</th></tr>
  89. <tr><th class="taC" colspan="2">费用说明</th>
  90. </tr><tr><td colspan="2">实际使用10000</td></tr>
  91. <tr class="warning"><td class="taR"><b>(#J201705317463)本次费用合计</b></td>
  92. <td class="taR"><b style="font-size:24px">¥10000.00</b><br>壹万元整</td></tr>
  93. </tbody>
  94. </table>
  95. <table class="table table-bordered table-condensed">
  96. <tbody>
  97. <tr><th colspan="2" class="taC">日常相关费用</th></tr>
  98. <tr><th>水费</th><td width="140" class="taR">¥30000.00</td></tr>
  99. <tr><th class="taR">合计</th><td class="colGreen taR">¥30000.00</td></tr>
  100. <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
  101. <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
  102. <tr><th colspan="2" class="taC">培训班费用</th></tr>
  103. <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
  104. <tr><th colspan="2" class="taC">其他</th></tr>
  105. <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
  106. <tr><th colspan="2" class="taC">报销金额调整</th></tr>
  107. <tr><th class="taR">合计</th><td class="colOrange taR">¥0.00</td></tr>
  108. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  109. <tr><th style="text-align:center" colspan="2">总部</th></tr>
  110. <tr><th class="taC" colspan="2">报销说明</th></tr>
  111. <tr><td colspan="2">实际使用30000</td></tr>
  112. <tr class="warning"><td class="taR"><b>(#J201705317463)本次报销费用合计</b></td>
  113. <td class="colGreed taR"><b style="font-size:24px">¥30000.00</b><br>叁万元整</td>
  114. </tr>
  115. <tr class="success"><td class="taR"><b>借款结余</b></td>
  116. <td class="taR"><b style="font-size:24px">¥20000.00</b><br>贰万元整</td>
  117. </tr>
  118. </tbody>
  119. </table>
  120. <table class="table table-bordered table-condensed">
  121. <tbody>
  122. <tr><th class="taC" width="90">审批人</th><th class="taC">审批意见</th></tr>
  123. <tr><td>何银龄</td><td>同意</td></tr>
  124. <tr><td>赵淑燕</td><td>同意</td></tr>
  125. <tr><td>谭玉堂</td><td>同意</td></tr>
  126. </tbody>
  127. </table>
  128. <table class="table table-bordered table-condensed">
  129. <tbody>
  130. <tr><th class="taC" width="90">执行人</th><th class="taC">执行意见</th></tr>
  131. <tr><td>张少珊</td><td>已执行</td></tr>
  132. </tbody>
  133. </table>
  134. <table class="table table-bordered table-condensed">
  135. <tr class="warning"><td class="taR"><b>汇款金额</b></td>
  136. <td width="140" class="taR"><b style="font-size:24px">¥20000.00</b><br>贰万元整</td>
  137. </tr>
  138. </table>
  139. </div>
  140. <div class="modal-footer">
  141. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  142. </div>
  143. </div></div>
  144. </div>
  145. <!--弹出费用详情-->
  146. <script type="text/javascript">autoFlashHeight();</script>
  147. </body>