saea-borad.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  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- selected">U</a></li>
  25. <li data-placement="right" data-toggle="ctooltip" data-original-title="物品申请"><a href="#" class="icon-">W</a></li>
  26. <li data-placement="right" data-toggle="ctooltip" data-original-title="APP" class="topLine"><a href="#" class="icon-">Y</a></li>
  27. <li data-placement="right" data-toggle="ctooltip" data-original-title="个人设置"><a href="#" class="icon-">F</a></li>
  28. <li data-placement="right" data-toggle="ctooltip" data-original-title="退出系统"><a href="#" class="icon-">G</a></li>
  29. </ul>
  30. </div>
  31. </div>
  32. <div class="warpContent">
  33. <div class="subMenu fL">
  34. <div class="menuItem">
  35. <ul>
  36. <li class="saeaTitle">费用管理</li>
  37. <li><a href="saea-borad.html" class="selected">公布板</a></li>
  38. <li><a href="saea-myList.html">我的费用</a></li>
  39. <li><a href="saea-slist-1.html">费用汇总</a></li>
  40. <li class="topLine"><a href="saea-income.html">日常收支</a></li>
  41. <li><a href="saea-reportList.html">费用审批</a></li>
  42. <li><a href="saea-reportList-bill.html">费用流水</a></li>
  43. <li><a href="saea-reportList-pay.html">费用执行</a></li>
  44. <li><a href="saea-reportList-remit.html">费用汇款</a></li>
  45. <li><a href="saea-train.html">培训班营收</a></li>
  46. <li class="topLine"><a href="saea-dlist-category-year.html">公司费用汇总</a></li>
  47. <li><a href="saea-income-dlist-year.html">日常收支汇总</a></li>
  48. <li><a href="saea-bank.html">公司流水</a></li>
  49. </ul>
  50. </div>
  51. </div>
  52. <div class="adminContent autoHeight">
  53. <div class="saea-borad">
  54. <div class="borad-menu">
  55. <a href="saea-loan-add.html" class="loan">申请借款</a>
  56. <a href="#receipt-add" class="receipt" href="#receipt-add" data-toggle="modal">申请报销单</a>
  57. <a href="saea-train-add.html" class="train">培训班结算</a>
  58. <a href="saea-public-add.html" class="public">申请对公汇款</a>
  59. </div>
  60. <div class="borad-news">
  61. <div class="saeaList">
  62. <div class="clearfix">
  63. <legend><div class="fR"></div>需要您处理</legend>
  64. <table class="table table-bordered table-condensed">
  65. <tbody>
  66. <tr><th class="taC" width="140">费用类型</th><th class="taC">单号</th><th class="taC">金额</th><th class="taC">状态</th><th class="taC">操作</th></tr>
  67. <tr><th>借款</th><td><a href="saea-myList-detail.html">#J201405291714(点我)</a></td><td class="taR">¥2000.00</td><td><span class="colGreen">借款完成</span></td><td width="120"><a class="button btn-block" href="saea-loan-add-receipt.html">填写费用报销</a></td></tr>
  68. <tr><th>借款(报销)</th><td><a href="saea-myList-detail.html">#J201405291714(点我)</a></td><td class="taR">¥2000.00<br>¥1000.00</td><td><span class="">未提交</span></td><td width="120"><div class="btn-group"><a class="button btn-gray btn-inline" href="saea-edit.html">返回编辑</a><a class="button btn-inline" href="">提交审批</a></div></td></tr>
  69. <tr><th>报销单</th><td><a href="">#B201405291714</a></td><td class="taR">¥1000.00</td><td><span>未提交</span></td><td width="120"><div class="btn-group"><a class="button btn-gray btn-inline" href="saea-edit.html">返回编辑</a><a class="button btn-inline" href="">提交审批</a></div></td></tr>
  70. <tr><th>报销单</th><td><a href="">#B201405291714</a></td><td class="taR">¥1000.00</td><td><span class="colOrange">撤回</span></td><td width="120"><a class="button btn-gray btn-block" href="saea-edit.html">返回编辑</a></td></tr>
  71. <tr><th>报销单</th><td><a href="">#B201405291714</a></td><td class="taR">¥1000.00</td><td><span class="colOrange">撤回</span></td><td width="120"><a class="button btn-gray btn-inline" href="saea-edit.html">返回编辑</a><a class="button btn-inline" href="">继续审批</a></td></tr>
  72. <!--培训班待提交-->
  73. <tr><th>培训班结算</th><td><a href="saea-train-edit.html">#P201405291714(点我)</a></td><td class="taR">¥51000.00</td><td><span>未提交</span></td><td width="120"><a class="button btn-gray btn-inline" href="saea-edit.html">返回编辑</a><a class="button btn-inline" href="">提交审批</a></td></tr>
  74. <!--培训班撤回-->
  75. <tr><th>培训班结算</th><td><a href="saea-train-edit.html">#P201405291714</a></td><td class="taR">¥51000.00</td><td><span class="colOrange">撤回</span></td><td width="120"><a class="button btn-gray btn-inline" href="saea-train-edit.html">返回编辑</a><a class="button btn-inline" href="">继续审批</a></td></tr>
  76. <!--培训班协作-->
  77. <tr><th>培训班结算</th><td><a href="saea-train-edit.html">#P201405291714</a></td><td class="taR">¥51000.00</td><td><span>未提交</span></td><td width="120"><a class="button btn-block" href="">协作</a></td></tr>
  78. </tbody>
  79. </table>
  80. </div>
  81. <div class="clearfix">
  82. <legend><div class="fR"></div>最近费用动态</legend>
  83. <table class="table table-bordered table-condensed">
  84. <tbody>
  85. <tr><th class="taC" width="140">费用类型</th><th class="taC">单号</th><th class="taC">金额</th><th class="taC">结算</th><th class="taC">状态</th></tr>
  86. <tr><th>培训班结算</th><td><a href="saea-myList-detail2.html" >#P201405291714(点我)</a></td><td class="taR">¥5000.00</td><td class="taR"><span class="colRed">支出</span>¥5000.00</td><td><span class="">审批中</span></td></tr>
  87. <tr><th>报销单</th><td><a href="saea-myList-detail.html" >#B201405291714(点我)</a></td><td class="taR">¥2000.00</td><td class="taR"><span class="colGreen">收入</span>¥2000.00</td><td><span class="">审批中</span></td></tr>
  88. <tr><th>报销单</th><td><a href="" >#B201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"><span class="colGreen">收入</span>¥2000.00</td><td><span class="colBlue">执行中</span></td></tr>
  89. <tr><th>报销单</th><td><a href="" >#B201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"><span class="colGreen">收入</span>¥2000.00</td><td><span class="colOrange">撤回</span></td></tr>
  90. <tr><th>报销单</th><td><a href="" >#B201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"><span class="colGreen">收入</span>¥2000.00</td><td><span class="colRed">终止</span></td></tr>
  91. <tr><th>报销单</th><td><a href="" >#B201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"><span class="colGreen">收入</span>¥2000.00</td><td><span class="colGreen">费用完成</span></td></tr>
  92. <tr><th>借款</th><td><a href="" >#J201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"><span class="colGreen">收入</span>¥2000.00</td><td><span class="">审批中</span></td></tr>
  93. <tr><th>借款</th><td><a href="" >#J201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"><span class="colGreen">收入</span>¥2000.00</td><td><span class="colOrange">撤回</span></td></tr>
  94. <tr><th>借款</th><td><a href="" >#J201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"><span class="colGreen">收入</span>¥2000.00</td><td><span class="colRed">终止</span></td></tr>
  95. <tr><th>借款</th><td><a href="" >#J201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"><span class="colGreen">收入</span>¥2000.00</td><td><span class="colBlue">执行中</span></td></tr>
  96. <tr><th>借款</th><td><a href="" >#J201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"><span class="colGreen">收入</span>¥2000.00</td><td><span class="colGreen">借款完成</span></td></tr>
  97. <tr><th>借款(报销)</th><td><a href="" >#J201405291714</a></td><td class="taR">¥2405.00</td><td class="taR"><span class="colGreen">收入</span>¥2405.00</td><td><span class="">审批中</span></td></tr>
  98. <tr><th>借款(报销)</th><td><a href="" >#J201405291714</a></td><td class="taR">¥2405.00</td><td class="taR"><span class="colGreen">收入</span>¥2405.00</td><td><span class="colBlue">执行中</span></td></tr>
  99. <tr><th>借款(报销)</th><td><a href="" >#J201405291714</a></td><td class="taR">¥2405.00</td><td class="taR"><span class="colGreen">收入</span>¥2405.00</td><td><span class="colOrange">撤回</span></td></tr>
  100. <tr><th>借款(报销)</th><td><a href="" >#J201405291714</a></td><td class="taR">¥2405.00</td><td class="taR"><span class="colGreen">收入</span>¥2405.00</td><td><span class="colGreen">费用完成</span></td></tr>
  101. <tr><th>对公汇款</th><td><a href="" >#G201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"></td><td><span class="">审批中</span></td></tr>
  102. <tr><th>对公汇款</th><td><a href="" >#G201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"></td><td><span class="colBlue">执行中</span></td></tr>
  103. <tr><th>对公汇款</th><td><a href="" >#G201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"></td><td><span class="colOrange">撤回</span></td></tr>
  104. <tr><th>对公汇款</th><td><a href="" >#G201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"></td><td><span class="colRed">终止</span></td></tr>
  105. <tr><th>对公汇款</th><td><a href="" >#G201405291714</a></td><td class="taR">¥2000.00</td><td class="taR"></td><td><span class="colGreen">费用完成</span></td></tr>
  106. </tbody>
  107. </table>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <!--弹出邮寄-->
  114. <div class="modal fade" id="welcome">
  115. <div class="modal-dialog">
  116. <div class="modal-content">
  117. <div class="modal-header">
  118. <h3>欢迎使用费用管理(原报销单)</h3>
  119. </div>
  120. <div class="modal-body saeaList">
  121. <p style="font-size:18px">请查阅以下文档,了解新的费用管理</p>
  122. <br>
  123. <table class="table table-bordered table-condensed">
  124. <tbody>
  125. <tr>
  126. <th class="taC colRed" width="100">费用管理简介<br>(必读)</th>
  127. <td class="taC"><a href="">在线查阅《CLD费用管理简介》</a></td>
  128. <td class="taC"><a href="">点击下载《CLD费用管理简介》</a></td>
  129. </tr>
  130. </tbody>
  131. </table>
  132. <table class="table table-bordered table-condensed">
  133. <tbody>
  134. <tr>
  135. <th class="taC" width="100">费用申请人</th>
  136. <td class="taC"><a href="">在线查阅《费用申请人使用手册》</a></td>
  137. <td class="taC"><a href="">点击下载《费用申请人使用手册》</a></td>
  138. </tr>
  139. </tbody>
  140. </table>
  141. <table class="table table-bordered table-condensed">
  142. <tbody>
  143. <tr>
  144. <th class="taC" width="100">费用审批人</th>
  145. <td class="taC"><a href="">在线查阅《费用审批人使用手册》</a></td>
  146. <td class="taC"><a href="">点击下载《费用审批人使用手册》</a></td>
  147. </tr>
  148. </tbody>
  149. </table>
  150. <table class="table table-bordered table-condensed">
  151. <tbody>
  152. <tr>
  153. <th class="taC" width="100">费用执行人</th>
  154. <td class="taC"><a href="">在线查阅《费用执行人使用手册》</a></td>
  155. <td class="taC"><a href="">点击下载《费用执行人使用手册》</a></td>
  156. </tr>
  157. </tbody>
  158. </table>
  159. </div>
  160. <div class="modal-footer">
  161. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  162. </div>
  163. </div></div>
  164. </div>
  165. <!--邮寄-->
  166. <!--弹出 报销单类型选择 -->
  167. <div class="modal hide fade" id="receipt-add">
  168. <div class="modal-dialog">
  169. <div class="modal-content">
  170. <div class="modal-header">
  171. <h3>选择申请类型</h3>
  172. </div>
  173. <div class="modal-body saeaList">
  174. <div style="margin-bottom: 20px">
  175. <label class="radio inline"><input type="radio" name="receipt-type">办事处相关费用</label>
  176. <label class="radio inline"><input type="radio" name="receipt-type">差旅相关费用</label>
  177. <label class="radio inline"><input type="radio" name="receipt-type">内部培训费用</label>
  178. </div>
  179. <div>
  180. <!--办事处相关费用-->
  181. <table class="table table-bordered table-condensed">
  182. <tr><th class="taC" colspan="3">日常相关费用</th></tr>
  183. <tr><td>市内交通费</td><td>办事处房租</td><td>电话费</td></tr>
  184. <tr><td>水费</td><td>电费</td><td>办公费用</td></tr>
  185. <tr><td>邮寄费</td><td>其他费用</td><td>车辆费用</td></tr>
  186. <tr><td>广告费</td><td>团队建设费</td><td>物业管理费</td></tr>
  187. <tr><td>宽带费</td><td>社保费</td><td>人员薪酬</td></tr>
  188. <tr><td>公积金</td><td>社保</td><td>邮寄费</td></tr>
  189. <tr><th class="taC" colspan="3">其他</th></tr>
  190. <tr><td>公关费</td><td>可自加费用</td><td>广告费</td></tr>
  191. <tr><td>体检</td><td></td><td></td></tr>
  192. </table>
  193. <!--差旅相关费用-->
  194. <!-- <table class="table table-bordered table-condensed">
  195. <tr><th class="taC" colspan="3">差旅相关费用</th></tr>
  196. <tr><td>往来交通费</td><td>市内交通费</td><td>出差住宿费</td></tr>
  197. <tr><td>出差补助</td><td>其他费用</td><td></td></tr>
  198. </table> -->
  199. <!--内部培训费用-->
  200. <!-- <table class="table table-bordered table-condensed">
  201. <tr><th class="taC" colspan="3">内部培训费用</th></tr>
  202. <tr><td>场租费</td><td>办公费</td><td>住宿费</td></tr>
  203. <tr><td>交通费</td><td>餐饮费</td><td>餐费补助</td></tr>
  204. <tr><td>其他</td><td></td><td></td></tr>
  205. </table> -->
  206. </div>
  207. </div>
  208. <div class="modal-footer">
  209. <a href="saea-receipt-add1.html" class="button" target="_blank">确认(办事处相关费用)</a>
  210. <a href="saea-receipt-add2.html" class="button" target="_blank">确认(差旅相关费用)</a>
  211. <a href="saea-receipt-add1.html" class="button" target="_blank">确认(内部培训费用)</a>
  212. <a href="#" class="button btn-gray" data-dismiss="modal" aria-hidden="true">关闭</a>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. <!--结束 弹出 报销单类型选择-->
  218. <script type="text/javascript">autoFlashHeight();</script>
  219. <script type="text/javascript">$('#welcome').modal('show1')</script>
  220. </body>