staffCollectMonthDetail.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!-- include 'header' -->
  2. <link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>css/fixedheadertable.css">
  3. <script src="<?= WEB_SITE_GLOBAL ?>js/receipt.js"></script>
  4. <script src="<?= WEB_SITE_GLOBAL ?>js/jquery.fixedheadertable.js"></script>
  5. <body>
  6. <div class="mainLayout">
  7. <div class="mainMenu">
  8. <div class="menuItem">
  9. <a href="#" class="mLogo">CLD</a>
  10. <ul>
  11. <!-- include 'menuReceipt' -->
  12. </ul>
  13. </div>
  14. </div>
  15. <div class="warpContent">
  16. <div class="subMenu fL">
  17. <div class="menuItem">
  18. <ul>
  19. <!-- include 'receipt_menu' -->
  20. </ul>
  21. </div>
  22. </div>
  23. <div class="adminContent autoHeight" style="height: 821px;">
  24. <legend><div class="fL"></div>员工每月报销单费用详情</legend>
  25. <div class="demandCate">
  26. <form action="/staffCollectMonthDetail" id="up" method="post">
  27. <ul class="cateList">
  28. <li><a href="/companyCategoryCollect">按办事处</a><a href="#" class="now">按员工</a></li>
  29. <li><select name="year" id="Y" onchange="receiptYear();">
  30. <!-- include 'year' -->
  31. </select>
  32. <select name="month" id="M" onchange="receiptYear();">
  33. {{monthHtml}}
  34. </select> <a target="_blank" href="/staffCollectMonthDetail2/{{year}}/{{month}}">导出</a></li>
  35. <li><b>{{month}}月</b>报销总计:¥{{stList.rePrice}}</li>
  36. <li><b>{{month}}月</b>同意支付:<span class="colGreen">¥{{stList.agPrice}}</span></li>
  37. <li><b>{{month}}月</b>审批中:¥{{stList.skPrice}}</li>
  38. </ul>
  39. </form>
  40. </div>
  41. <div class="saeaList">
  42. <div class="entry autoHeightI2">
  43. <script type="text/javascript">$(document).ready(function() {
  44. $('#saeaTable').fixedHeaderTable({ fixedColumns:2 });
  45. });</script>
  46. <table class="table table-bordered table-condensed table-hover fancyTable" id="saeaTable">
  47. <thead>
  48. <tr>
  49. <th class="taC" rowspan="3">员工/费用项</th>
  50. <th class="taC" rowspan="3">{{year}}年{{month}}月费用合计</th>
  51. <th class="taC" colspan="18">日常相关费用</th>
  52. <th class="taC" colspan="6">差旅相关费用</th>
  53. <th class="taC" colspan="9">培训班费用</th>
  54. <th class="taC" colspan="5">其他</th>
  55. <th class="taC" rowspan="2">报销金额调整</th>
  56. </tr>
  57. <tr>
  58. <th class="taC">合计</th>
  59. <th class="taC">市内交通费</th>
  60. <th class="taC">市内出租费</th>
  61. <th class="taC">办事处房租</th>
  62. <th class="taC">电话费</th>
  63. <th class="taC">水费</th>
  64. <th class="taC">电费</th>
  65. <th class="taC">办公费用</th>
  66. <th class="taC">邮寄费</th>
  67. <th class="taC">其他费用</th>
  68. <th class="taC">车辆费用</th>
  69. <th class="taC">广告费</th>
  70. <th class="taC">团队建设费</th>
  71. <th class="taC">物业管理费</th>
  72. <th class="taC">宽带费</th>
  73. <th class="taC">人员薪酬</th>
  74. <th class="taC">公积金</th>
  75. <th class="taC">社保</th>
  76. <th class="taC">合计</th>
  77. <th class="taC">往来交通费</th>
  78. <th class="taC">市内交通费</th>
  79. <th class="taC">出差住宿费</th>
  80. <th class="taC">出差补助</th>
  81. <th class="taC">其他费用</th>
  82. <th class="taC">合计</th>
  83. <th class="taC">场租费</th>
  84. <th class="taC">薪酬</th>
  85. <th class="taC">住宿费</th>
  86. <th class="taC">交通费</th>
  87. <th class="taC">餐饮费</th>
  88. <th class="taC">办公费</th>
  89. <th class="taC">公关费</th>
  90. <th class="taC">其他</th>
  91. <th class="taC">合计</th>
  92. <th class="taC">公关费</th>
  93. <th class="taC">广告费</th>
  94. <th class="taC">借款</th>
  95. <th class="taC">可自加费用</th>
  96. </tr>
  97. <tr class="warning">
  98. <!-- loop monthPriceHtml -->
  99. {{monthPriceHtml' value}}
  100. <!-- endloop -->
  101. </tr>
  102. </thead>
  103. <tbody>
  104. <!-- loop list -->
  105. <tr>
  106. <th>{{list' key}}</th>
  107. <!-- loop list' value -->
  108. <!-- if {{list' value' key}}=='monthStaffPrice' -->
  109. {{list' value' value}}
  110. <!-- endif -->
  111. <!-- endloop -->
  112. <!-- loop list' value -->
  113. <!-- if {{list' value' key}}=='日常相关费用' -->
  114. {{list' value' value}}
  115. <!-- endif -->
  116. <!-- endloop -->
  117. <!-- loop list' value -->
  118. <!-- if {{list' value' key}}=='差旅相关费用' -->
  119. {{list' value' value}}
  120. <!-- endif -->
  121. <!-- endloop -->
  122. <!-- loop list' value -->
  123. <!-- if {{list' value' key}}=='培训班费用' -->
  124. {{list' value' value}}
  125. <!-- endif -->
  126. <!-- endloop -->
  127. <!-- loop list' value -->
  128. <!-- if {{list' value' key}}=='其他' -->
  129. {{list' value' value}}
  130. <!-- endif -->
  131. <!-- endloop -->
  132. <!-- loop list' value -->
  133. <!-- if {{list' value' key}}=='报销金额调整' -->
  134. {{list' value' value}}
  135. <!-- endif -->
  136. <!-- endloop -->
  137. </tr>
  138. <!-- endloop -->
  139. </tbody>
  140. </table>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. <script type="text/javascript">autoFlashHeight();</script>
  146. </body>