saea-reportList-remit-detail.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  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">工会</a>
  18. <ul>
  19. <li data-placement="right" data-toggle="ctooltip" data-original-title="费用管理"><a href="#" class="icon- selected">U</a></li>
  20. </ul>
  21. </div>
  22. </div>
  23. <div class="warpContent">
  24. <div class="subMenu fL">
  25. <div class="menuItem">
  26. <ul>
  27. <li class="saeaTitle">费用管理</li>
  28. <li><a href="saea-borad.html">公布板</a></li>
  29. <li><a href="saea-myList.html">我的费用</a></li>
  30. <li><a href="saea-slist-1.html">费用汇总</a></li>
  31. <li><a href="saea-reportList.html">费用审批</a></li>
  32. <li><a href="saea-reportList-bill.html">费用流水</a></li>
  33. <li><a href="saea-reportList-pay.html">费用执行</a></li>
  34. <li class="topLine"><a href="saea-dlist-category-year.html">公司费用汇总</a></li>
  35. <li><a href="saea-bank.html">公司流水</a></li>
  36. </ul>
  37. </div>
  38. </div>
  39. <div class="adminContent autoHeight" style="height: 821px;">
  40. <legend><div class="fR"></div>2017-05-01 执行详情</legend>
  41. <div class="borad-news">
  42. <div class="saeaList">
  43. <table class="table table-bordered table-condensed">
  44. <thead><tr><th class="taC" colspan="3">浙江办-陈帅</th></tr></thead>
  45. <tbody>
  46. <tr><td class="taC">费用单号</td><td class="taC">汇款金额</td></tr>
  47. <tr><td><a href="#saea-detail" data-toggle="modal">#J201405291714(点我)</a></td><td class="taR">¥10000.00</td></tr>
  48. <tr><td><a href="">#J201705017421</a></td><td class="taR">¥10000.00</td></tr>
  49. <tr><td>合计</td><td class="taR"><b>¥20000.00</b></td></tr>
  50. </tbody>
  51. </table>
  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="">#J201405293103</a></td><td class="taR">¥10000.00</td></tr>
  57. <tr><td><a href="">#J201705015623</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. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <!--弹出费用详情-->
  67. <div class="modal hide fade" id="saea-detail">
  68. <div class="modal-dialog modal-lg">
  69. <div class="modal-content">
  70. <div class="modal-header">
  71. <h3>费用详情</h3>
  72. </div>
  73. <div class="modal-body saeaList">
  74. <table class="table table-bordered table-condensed">
  75. <tbody>
  76. <tr><th colspan="2" class="taC">借款费用</th></tr>
  77. <tr><th>申请金额</th><td width="140" class="taR">¥10000.00</td></tr>
  78. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  79. <tr><th style="text-align:center" colspan="2">总部</th></tr>
  80. <tr><th class="taC" colspan="2">费用说明</th>
  81. </tr><tr><td colspan="2">实际使用10000</td></tr>
  82. <tr class="warning"><td class="taR"><b>(#J201705317463)本次费用合计</b></td>
  83. <td class="taR"><b style="font-size:24px">¥10000.00</b><br>壹万元整</td></tr>
  84. </tbody>
  85. </table>
  86. <table class="table table-bordered table-condensed">
  87. <tbody>
  88. <tr><th colspan="2" class="taC">日常相关费用</th></tr>
  89. <tr><th>水费</th><td width="140" class="taR">¥30000.00</td></tr>
  90. <tr><th class="taR">合计</th><td class="colGreen taR">¥30000.00</td></tr>
  91. <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
  92. <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
  93. <tr><th colspan="2" class="taC">培训班费用</th></tr>
  94. <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
  95. <tr><th colspan="2" class="taC">其他</th></tr>
  96. <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
  97. <tr><th colspan="2" class="taC">报销金额调整</th></tr>
  98. <tr><th class="taR">合计</th><td class="colOrange taR">¥0.00</td></tr>
  99. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  100. <tr><th style="text-align:center" colspan="2">总部</th></tr>
  101. <tr><th class="taC" colspan="2">报销说明</th></tr>
  102. <tr><td colspan="2">实际使用30000</td></tr>
  103. <tr class="warning"><td class="taR"><b>(#J201705317463)本次报销费用合计</b></td>
  104. <td class="colGreed taR"><b style="font-size:24px">¥30000.00</b><br>叁万元整</td>
  105. </tr>
  106. <tr class="success"><td class="taR"><b>借款结余</b></td>
  107. <td class="taR"><b style="font-size:24px">¥20000.00</b><br>贰万元整</td>
  108. </tr>
  109. </tbody>
  110. </table>
  111. <table class="table table-bordered table-condensed">
  112. <tbody>
  113. <tr><th class="taC" width="90">审批人</th><th class="taC">审批意见</th></tr>
  114. <tr><td>何银龄</td><td>同意</td></tr>
  115. <tr><td>赵淑燕</td><td>同意</td></tr>
  116. <tr><td>谭玉堂</td><td>同意</td></tr>
  117. </tbody>
  118. </table>
  119. <table class="table table-bordered table-condensed">
  120. <tbody>
  121. <tr><th class="taC" width="90">执行人</th><th class="taC">执行意见</th></tr>
  122. <tr><td>张少珊</td><td>已执行</td></tr>
  123. </tbody>
  124. </table>
  125. <table class="table table-bordered table-condensed">
  126. <tr class="warning"><td class="taR"><b>汇款金额</b></td>
  127. <td width="140" class="taR"><b style="font-size:24px">¥20000.00</b><br>贰万元整</td>
  128. </tr>
  129. </table>
  130. </div>
  131. <div class="modal-footer">
  132. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  133. </div>
  134. </div></div>
  135. </div>
  136. <!--弹出费用详情-->
  137. <script type="text/javascript">autoFlashHeight();</script>
  138. </body>