saea-reportList-report.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  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" class="selected">费用审批</a></li>
  42. <li><a href="saea-reportList-pay.html">费用执行</a></li>
  43. <li><a href="saea-reportList-remit.html">费用汇款</a></li>
  44. <li><a href="saea-dlist-category-year.html">公司汇总</a></li>
  45. </ul>
  46. </div>
  47. </div>
  48. <div class="adminContent autoHeight" >
  49. <div class="borad-news">
  50. <legend><div class="fR"></div>费用审批</legend>
  51. <div class="demandCate">
  52. <ul class="cateList">
  53. <li><a href="saea-reportList.html">返回</a></li>
  54. <li><a href="#">查看下一份费用审批</a></li>
  55. </ul>
  56. </div>
  57. <div class="saeaList">
  58. <!--报销单审批-->
  59. <div class="entry receipt-list">
  60. <div class="seTable reportTable">
  61. <table class="table table-bordered table-condensed table-hover">
  62. <tbody>
  63. <tr class="warning"><td class="taR"><b>(#G1402130405003)本次费用合计</b></td><td class="taR"><b style="font-size:24px">¥2050.00</b><br>贰仟零伍拾元整</td></tr>
  64. <tr><th class="taC" colspan="2">费用说明</th></tr>
  65. <tr><td colspan="2">这是费用说明的内容</td></tr>
  66. <tr><th colspan="2" class="taC">办事处相关费用</th></tr>
  67. <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>
  68. <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>
  69. <tr><th>办事处房租</th><td class="taR">¥90.00</td></tr>
  70. <tr><th class="taR">合计</th><td class="colGreen taR">¥2160.00</td></tr>
  71. <tr><th colspan="2" class="taC">其他</th></tr>
  72. <tr><th>公关费</th><td class="taR">500.00</td></tr>
  73. <tr><th class="taR">合计</th><td class="colGreen taR">¥500.00</td></tr>
  74. <tr><th colspan="2" class="taC">公关费绑定发票</th></tr>
  75. <tr><th colspan="2">发票</th></tr>
  76. <tr><th><a href="#invdetail" data-toggle="modal">#F201909187362</a></th><td width="140" class="taR">¥1000.00</td></tr>
  77. <tr><th class="taR">合计</th><td class="colGreen taR">¥1000.00</td></tr>
  78. <tr><th colspan="2" class="taC">总行程单详细</th></tr>
  79. <tr><th colspan="2" class="taC">行程1#详细</th></tr>
  80. <tr><td colspan="2"><i class="contactsMark icon-">P</i> 珠海-广州-东莞-珠海<br>2020-01-03~2020-01-06</td></tr>
  81. <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>
  82. <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>
  83. <tr><th>出差补助</th><td class="taR">¥90.00</td></tr>
  84. <tr><th class="taR">行程1# 合计</th><td class="colGreen taR">¥2160.00</td></tr>
  85. <tr><th colspan="2" class="taC">行程2#详细</th></tr>
  86. <tr><td colspan="2"><i class="contactsMark icon-">P</i> 珠海-广州-东莞-珠海<br>2020-01-11~2020-01-15</td></tr>
  87. <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>
  88. <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>
  89. <tr><th>出差补助</th><td class="taR">¥90.00</td></tr>
  90. <tr><th class="taR">行程2# 合计</th><td class="colGreen taR">¥2160.00</td></tr>
  91. <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
  92. <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>
  93. <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>
  94. <tr><th>出差补助</th><td class="taR">¥90.00</td></tr>
  95. <tr><th class="taR">合计</th><td class="colGreen taR">¥2160.00</td></tr>
  96. <tr><th colspan="2" class="taC">其他</th></tr>
  97. <tr><th class="taR">合计</th><td class="colGreen taR">¥0.00</td></tr>
  98. <tr><th colspan="2" class="taC">内部培训费用</th></tr>
  99. <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>
  100. <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>
  101. <tr><th>住宿费</th><td class="taR">¥90.00</td></tr>
  102. <tr><th class="taR">合计</th><td class="colGreen taR">¥2160.00</td></tr>
  103. <tr><th colspan="2" class="taC">费用金额调整</th></tr>
  104. <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>
  105. <tr><th><a href="#">撤销</a><span class="interval">|</span>赵淑燕:市内交通费只给报销40元</th><td class="taR">-¥10.00</td></tr>
  106. <tr><th><a href="#">撤销</a><span class="interval">|</span>何银龄:机票我出了100</th><td class="taR">-¥110.00</td></tr>
  107. <tr><th><a href="#">撤销</a><span class="interval">|</span>谭玉堂:奖励10元</th><td class="taR">+¥10.00</td></tr>
  108. <tr><th class="taR">合计</th><td class="colOrange taR">-¥110.00</td></tr>
  109. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  110. <tr><th style="text-align:center" colspan="2">广东办</th></tr>
  111. <tr><th colspan="2" class="taC">收款信息</th></tr>
  112. <tr><th>收款人户名</th><td>刘飞</td></tr>
  113. <tr><th>收款银行</th><td>其他</td></tr>
  114. <tr><th>收款开户银行名称</th><td>建行西安长安路支行</td></tr>
  115. <tr><th>收款帐号</th><td>61001720015050000695</td></tr>
  116. <tr><th>联行号</th><td>301290000007</td></tr>
  117. <th class="taC" colspan="2">附件</th>
  118. <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>
  119. </tbody>
  120. </table>
  121. <br>
  122. <!--结算结果(原汇款信息)自动生成-->
  123. <table class="table table-bordered table-condensed table-hover">
  124. <tbody>
  125. <tr><th colspan="2" class="taC">费用结算</th></tr><tr><th>结算结果<br><span class="colGray">("支出"由公司汇出,"收入"提交人需汇款至公司。)</span></th><td class="taR" width="200"><!-- <span class="colGreen">收入</span> --><span class="colRed">支出</span></td></tr>
  126. <tr><th>汇款金额</th><td class="taR" width="200">¥2050.00</td></tr>
  127. </tbody>
  128. </table>
  129. <!--已经有流水,不需要填信息-->
  130. <div class="alert alert-erro" style="margin:0">该费用已生成流水。</div><br>
  131. <table class="table table-bordered table-condensed table-hover">
  132. <tbody>
  133. <tr><th colspan="2" class="taC">银行水流详情</th></tr>
  134. <tr><th>流水类型<br><span class="colGray">("支出"由公司汇出,"收入"提交人需汇款至公司。)</span></th><td class="taR" width="200"><span class="colRed">支出</span><!-- <span class="colGreen">收入</span> --></td></tr>
  135. <tr><th>金额</th><td class="taR" width="220">¥2050.00
  136. </td></tr>
  137. <tr><th>支出银行</th><td class="taR" width="220">广发银行
  138. </td></tr>
  139. <!-- <tr><th>到款银行</th><td class="taR" width="220">广发银行
  140. </td></tr> -->
  141. <tr><th>提交人</th><td class="taR" width="220">
  142. 总部-黄嘉玲</td></tr>
  143. <tr><th>备注</th><td class="taR" width="220">
  144. </td></tr>
  145. </tbody>
  146. </table>
  147. </div>
  148. <div class="seCensor receipt-censor">
  149. <div class="title">
  150. <span class="fR" title="创建时间">2015-01-13</span>#B201506249876
  151. </div>
  152. <div class="reportButton clearfix">
  153. <a href="" class="buttonDone buttonBlock">同意支付</a>
  154. </div>
  155. <div class="censorList clearfix censorHeight">
  156. <ul>
  157. <li class="post">
  158. <div class="avtra"><img src="images/avatar-6.png" width="32"></div>
  159. <div class="comment">
  160. <p><span class="fR" title="提交时间">2014-02-13</span>刘飞</p>
  161. <p>提交审批</p>
  162. </div>
  163. </li>
  164. <li class="done">
  165. <div class="avtra"><img src="images/avatar-1.png" width="32"></div>
  166. <div class="comment">
  167. <p class="colGray"><span class="fR">2014-02-13</span>谭玉堂(经理)</p>
  168. <p>同意支付!阿斯顿萨上的事实的是当时的是对</p>
  169. </div>
  170. </li>
  171. <li class="done">
  172. <div class="avtra"><img src="images/avatar-2.png" width="32"></div>
  173. <div class="comment">
  174. <p class="colGray"><span class="fR">2014-02-13</span>何银龄(经理)</p>
  175. <p>同意</p>
  176. </div>
  177. </li>
  178. <li class="back">
  179. <div class="avtra"><img src="images/avatar-3.png" width="32"></div>
  180. <div class="comment">
  181. <p class="colGray"><span class="fR">2014-02-13</span>赵淑燕</p>
  182. <p>撤回</p>
  183. </div>
  184. </li>
  185. <li class="post">
  186. <div class="avtra"><img src="images/avatar-6.png" width="32"></div>
  187. <div class="comment">
  188. <p><span class="fR">2014-02-13</span>刘飞</p>
  189. <p>提交审批</p>
  190. </div>
  191. </li>
  192. <li class="done">
  193. <div class="avtra"><img src="images/avatar-1.png" width="32"></div>
  194. <div class="comment">
  195. <p class="colGray"><span class="fR">2014-02-13</span>谭玉堂(经理)</p>
  196. <p>同意支付!阿斯顿萨上的事实的是当时的是对</p>
  197. </div>
  198. </li>
  199. <li class="done">
  200. <div class="avtra"><img src="images/avatar-2.png" width="32"></div>
  201. <div class="comment">
  202. <p class="colGray"><span class="fR">2014-02-13</span>何银龄(经理)</p>
  203. <p>同意</p>
  204. </div>
  205. </li>
  206. <li>
  207. <div class="avtra"><img src="images/avatar-3.png" width="32"></div>
  208. <div class="comment">
  209. <p class="colGray">赵淑燕</p>
  210. <p><textarea placeholder="填写审批意见(可选)"></textarea></p>
  211. </div>
  212. </li>
  213. <li>
  214. <div class="avtra"><img src="images/avatar-4.png" width="32"></div>
  215. <div class="comment">
  216. <p class="colGray">杨福芳</p>
  217. </div>
  218. </li>
  219. <li>
  220. <div class="avtra"><img src="images/avatar-4.png" width="32"></div>
  221. <div class="comment">
  222. <p class="colGray">杨福芳</p>
  223. </div>
  224. </li>
  225. <li>
  226. <div class="avtra"><img src="images/avatar-4.png" width="32"></div>
  227. <div class="comment">
  228. <p class="colGray">杨福芳</p>
  229. </div>
  230. </li>
  231. </ul>
  232. </div>
  233. <div class="reportButton clearfix">
  234. <a href="" class="buttonBack" data-placement="top" data-toggle="ctooltip" data-original-title="上报人修改后由你继续审批">撤回</a>
  235. <a href="" class="buttonUndone" data-placement="top" data-toggle="ctooltip" data-original-title="终止报销单">终止</a>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244. <script type="text/javascript">autoFlashHeight();</script>
  245. </body>