saeaReportListReport.html 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  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-myList.html">我的报销单</a></li>
  39. <li><a href="saea-slist-1.html">个人汇总</a></li>
  40. <li><a href="saea-create.html">创建报销单</a></li>
  41. <li class="topLine news"><a class="selected" href="saea-reportList.html">报销单审批</a></li>
  42. <li><a href="saea-dlist-category-year.html">公司汇总</a></li>
  43. </ul>
  44. </div>
  45. </div>
  46. <div class="adminContent autoHeight" style="height: 821px;">
  47. <legend><div class="fR"></div>您有 12 分报销单需要审批</legend>
  48. <div class="demandCate">
  49. <ul class="cateList">
  50. <li><a class="now" href="#">待审批</a><a href="#">已审批</a><a href="#">同意支付</a><a href="#">退回</a></li>
  51. <li><select><option>2014</option></select> <select><option>所有月份</option></select></li>
  52. <li><select><option>办事处</option></select> <select><option>员工</option></select></li>
  53. <li><a href="saea-reportList-pay.html">汇款模式</a></li>
  54. </ul>
  55. </div>
  56. <div class="saeaList">
  57. <div class="entry">
  58. <div class="seTable reportTable">
  59. <table class="table table-bordered table-condensed table-hover">
  60. <tbody>
  61. <tr><th colspan="2" class="taC">办事处相关费用</th></tr>
  62. <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
  63. <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
  64. <tr><th>往来交通费<div class="repMark fR"><i class="rmDone">●</i><i class="rmUdone">●</i><i class="rmClear">●</i></div></th><td width="140" class="taR">¥2020.00</td></tr>
  65. <tr><th>市内交通费<div class="repMark fR"><i class="rmDone">●</i><i class="rmUdone">●</i><i class="rmClear">●</i></div></th><td class="taR">¥50.00</td></tr>
  66. <tr><th>出差补助</th><td class="taR">¥90.00</td></tr>
  67. <tr><th class="taR">合计</th><td class="colGreen taR">¥2160.00</td></tr>
  68. <tr><th colspan="2" class="taC">培训班费用</th></tr>
  69. <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
  70. <tr><th colspan="2" class="taC">其他</th></tr>
  71. <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
  72. <tr><th colspan="2" class="taC">报销金额调整</th></tr>
  73. <tr class="error"><td colspan="2" class="taR"><form class="taR" style="margin:0"><input type="text" placeholder="输入金额调整描述" class="span4"> ¥<span data-placement="top" data-toggle="ctooltip" data-original-title="扣款请在金额前加“-”"><input type="number" placeholder="输入调整金额" pattern="[0-9]" step="1" class="span2"></span> <input type="button" value="添加" class="btn"></form></td></tr>
  74. <tr><th><a href="#">撤销</a><span class="interval">|</span>赵淑燕:市内交通费只给报销40元</th><td class="taR">-¥10.00</td></tr>
  75. <tr><th><a href="#">撤销</a><span class="interval">|</span>何银龄:机票我出了100</th><td class="taR">-¥110.00</td></tr>
  76. <tr><th><a href="#">撤销</a><span class="interval">|</span>谭玉堂:奖励10元</th><td class="taR">+¥10.00</td></tr>
  77. <tr><th class="taR">合计</th><td class="colOrange taR">-¥110.00</td></tr>
  78. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  79. <tr><th style="text-align:center" colspan="2">广东办</th></tr>
  80. <th class="taC" colspan="2">报销说明</th>
  81. <tr><td colspan="2">这是报销说明的内容</td></tr>
  82. <th class="taC" colspan="2">附件</th>
  83. <tr><td colspan="2"><a href="#" class="sFile" target="_blank">发票1.jpg</a><a href="#" class="sFile" target="_blank">QQ截图20150624170045.png</a><a href="#" class="sFile" target="_blank">Doc1.docx</a></td></tr>
  84. <tr class="warning"><td class="taR"><b>(#B1402130405003)本次报销费用合计</b></td><td class="taR"><b style="font-size:24px">¥2050.00</b><br>贰仟零伍拾元整</td></tr>
  85. </tbody>
  86. </table>
  87. </div>
  88. <div class="seCensor">
  89. <div class="title">
  90. #B201506249876
  91. </div>
  92. <div class="censorList clearfix censorHeight">
  93. <ul>
  94. <li class="post">
  95. <div class="avtra"><img src="images/avatar-6.png" width="32"></div>
  96. <div class="comment">
  97. <p><span class="fR">2014-02-13</span>刘飞</p>
  98. <p>提交审批</p>
  99. </div>
  100. </li>
  101. <li class="done">
  102. <div class="avtra"><img src="images/avatar-1.png" width="32"></div>
  103. <div class="comment">
  104. <p class="colGray"><span class="fR">2014-02-13</span>谭玉堂(经理)</p>
  105. <p>同意支付!阿斯顿萨上的事实的是当时的是对</p>
  106. </div>
  107. </li>
  108. <li class="done">
  109. <div class="avtra"><img src="images/avatar-2.png" width="32"></div>
  110. <div class="comment">
  111. <p class="colGray"><span class="fR">2014-02-13</span>何银龄(经理)</p>
  112. <p>同意</p>
  113. </div>
  114. </li>
  115. <li class="back">
  116. <div class="avtra"><img src="images/avatar-3.png" width="32"></div>
  117. <div class="comment">
  118. <p class="colGray"><span class="fR">2014-02-13</span>赵淑燕</p>
  119. <p>撤回</p>
  120. </div>
  121. </li>
  122. <li class="post">
  123. <div class="avtra"><img src="images/avatar-6.png" width="32"></div>
  124. <div class="comment">
  125. <p><span class="fR">2014-02-13</span>刘飞</p>
  126. <p>提交审批</p>
  127. </div>
  128. </li>
  129. <li class="done">
  130. <div class="avtra"><img src="images/avatar-1.png" width="32"></div>
  131. <div class="comment">
  132. <p class="colGray"><span class="fR">2014-02-13</span>谭玉堂(经理)</p>
  133. <p>同意支付!阿斯顿萨上的事实的是当时的是对</p>
  134. </div>
  135. </li>
  136. <li class="done">
  137. <div class="avtra"><img src="images/avatar-2.png" width="32"></div>
  138. <div class="comment">
  139. <p class="colGray"><span class="fR">2014-02-13</span>何银龄(经理)</p>
  140. <p>同意</p>
  141. </div>
  142. </li>
  143. <li>
  144. <div class="avtra"><img src="images/avatar-3.png" width="32"></div>
  145. <div class="comment">
  146. <p class="colGray">赵淑燕</p>
  147. <p><textarea placeholder="填写审批意见(可选)"></textarea></p>
  148. </div>
  149. </li>
  150. <li>
  151. <div class="avtra"><img src="images/avatar-4.png" width="32"></div>
  152. <div class="comment">
  153. <p class="colGray">杨福芳</p>
  154. </div>
  155. </li>
  156. <li>
  157. <div class="avtra"><img src="images/avatar-4.png" width="32"></div>
  158. <div class="comment">
  159. <p class="colGray">杨福芳</p>
  160. </div>
  161. </li>
  162. <li>
  163. <div class="avtra"><img src="images/avatar-4.png" width="32"></div>
  164. <div class="comment">
  165. <p class="colGray">杨福芳</p>
  166. </div>
  167. </li>
  168. </ul>
  169. </div>
  170. <div class="reportButton">
  171. <a href="" class="buttonBack" data-placement="top" data-toggle="ctooltip" data-original-title="上报人修改后由你继续审批">撤回</a>
  172. <a href="" class="buttonUndone" data-placement="top" data-toggle="ctooltip" data-original-title="终止报销单">终止</a>
  173. <a href="" class="buttonDone buttonBlock">同意支付</a>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. <script type="text/javascript">autoFlashHeight();</script>
  182. </body>