report-approval-contract-report.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>纵横变更令审批系统</title>
  6. <meta name=description content=纵横变更令审批系统>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="renderer" content="webkit">
  9. <meta name=copyright content=smartcost.com.cn>
  10. <link rel=stylesheet href=css/bootstrap.css>
  11. <link rel=stylesheet href=css/style.css>
  12. <script src=js/jquery-1.9.1.min.js></script>
  13. <script src=js/bootstrap.js></script>
  14. <script src=js/global.js></script>
  15. </head>
  16. <body>
  17. <div class="wrapHeader">
  18. <div class="logo">变更令审批系统后台</div>
  19. <div class="mainNav">
  20. <ul>
  21. <li><a href="user-feed-poj.html">信息中心</a></li>
  22. <li class="now"><a href="user-project.html">我的标段</a></li>
  23. </ul>
  24. </div>
  25. <div class="userNav">
  26. 你好,陈工;<a href="user-option.html">设置</a>&nbsp;<span class="text-muted">|</span>&nbsp;<a href="">退出</a>
  27. </div>
  28. </div>
  29. <div class="wrapContent">
  30. <div class="mainSidebar fL">
  31. <ul>
  32. <li><a href="user-project.html">上报项目</a></li>
  33. <li><a href="report-approval.html" class="now">审批项目</a></li>
  34. </ul>
  35. </div>
  36. <div class="mainContent">
  37. <div class="instWrap">
  38. <legend><a href="report-approval-contract-list.html"><span class="glyphicon glyphicon-chevron-left"></span></a>审批变更令 WG01-BG005</legend>
  39. <div class="wrapPoj">
  40. <div class="addBglist" style="width:850px">
  41. <table class="table table-bordered">
  42. <tbody>
  43. <tr>
  44. <th width="90">创建时间</th>
  45. <td>2015-01-05</td>
  46. </tr>
  47. <tr>
  48. <th>上报时间</th>
  49. <td>2015-01-07</td>
  50. </tr>
  51. </tbody>
  52. </table>
  53. <table class="table table-bordered table-hover">
  54. <thead>
  55. <th colspan="2">变更令基本信息</th>
  56. </thead>
  57. <tbody>
  58. <tr>
  59. <th width="120">变更令号</th>
  60. <td>BG005</td>
  61. </tr>
  62. <tr>
  63. <th>变更工程名称</th>
  64. <td>拆除并恢复固水子白龙江大桥桥下部分河堤及灌溉水渠</td>
  65. </tr>
  66. <tr>
  67. <th>项目办文号</th>
  68. <td>甘交武罐发【2012】</td>
  69. </tr>
  70. </tbody>
  71. </table>
  72. <table class="table table-bordered table-hover">
  73. <thead>
  74. <th colspan="2">变更原因及依据</th>
  75. </thead>
  76. <tbody>
  77. <tr>
  78. <th width="120">变更原因</th>
  79. <td>固水子白龙江大桥第3#~6#三跨均与白龙江河堤交叉,导致部分桩基无法施工,需拆除河堤进行桥梁施工后恢复</td>
  80. </tr>
  81. <tr>
  82. <th>变更依据及内容</th>
  83. <td>甘交武罐发【2012】86号设计回访纪要第1条:确定拆除交叉段河堤62m(断面为:21.47m2),灌溉水渠45m(断面为0.72m2),待桥梁完工后予以恢复。</td>
  84. </tr>
  85. </tbody>
  86. </table>
  87. <table class="table table-bordered table-striped table-hover">
  88. <thead>
  89. <tr><th rowspan="2" class="text-center">细目名称</th><th rowspan="2" class="text-center">单位</th><th rowspan="2" class="text-center">支付号</th><th class="text-center" colspan="3">增(+)减(-)</th></tr>
  90. <tr><th class="text-center">数量</th><th class="text-center">单价</th><th class="text-center">金额</th></tr>
  91. </thead>
  92. <tbody>
  93. <tr><td>拆除砖、石及其他砌体结构物</td><td>m3</td><td>202-3-c</td><td>1331.14</td><td>50.77</td><td>67581.98</td></tr>
  94. <tr><td>M7.5浆砌片石挡土墙</td><td>m3</td><td>209-1-a</td><td>1331.14</td><td>278.73</td><td>371028.65</td></tr>
  95. <tr><td>M7.5浆砌排水沟</td><td>m3</td><td>207-2-a</td><td>32.4</td><td>312.69</td><td>10131.16</td></tr>
  96. <tr><td>小计</td><td></td><td></td><td></td><td></td><td><b>448741.79</b></td></tr>
  97. </tbody>
  98. </table>
  99. <table class="table table-bordered table-striped table-hover">
  100. <thead><tr><th>附件名称</th><th>格式</th><th>大小</th><th>上传时间</th></tr></thead>
  101. <tbody>
  102. <tr><td><a href="">变更方案申请内容明细汇总表</a></td><td>.jpg</td><td>645KB</td><td>2014-12-28</td></tr>
  103. <tr><td><a href="">变更内容明细表</a></td><td>.doc</td><td>1.33MB</td><td>2014-12-28</td></tr>
  104. <tr><td><a href="">变更设计图</a></td><td>.doc</td><td>1.25MB</td><td>2014-12-28</td></tr>
  105. <tr><td><a href="">奉溪高速公路项目工程变更方案申请内容明细汇总表</a></td><td>.jpg</td><td>692KB</td><td>2014-12-28</td></tr>
  106. <tr><td><a href="">会议纪要及其他附件资料</a></td><td>.doc</td><td>1.42MB</td><td>2014-12-28</td></tr>
  107. <tr><td><a href="">右线黄果树中桥3-1桩基底</a></td><td>.jpg</td><td>737KB</td><td>2014-12-28</td></tr>
  108. <tr><td><a href="">右线黄果树中桥3号桥台1号桩基示意图(1-2)</a></td><td>.jpg</td><td>547KB</td><td>2014-12-28</td></tr>
  109. <tr><td><a href="">右线黄果树中桥桥台桩基钢筋构造(2-2)</a></td><td>.jpg</td><td>711KB</td><td>2014-12-28</td></tr>
  110. <tr><td><a href="">右线黄果树中桥桥台桩基钢筋构造(15-17)</a></td><td>.jpg</td><td>800KB</td><td>2014-12-28</td></tr>
  111. <tr><td><a href="">右线黄果树中桥一般构造(11-17)</a></td><td>.jpg</td><td>741KB</td><td>2014-12-28</td></tr>
  112. </tbody>
  113. </table>
  114. <table class="table table-bordered table-striped">
  115. <thead>
  116. <th colspan="3">审批意见</th>
  117. </thead>
  118. <tbody>
  119. <tr>
  120. <th><b class="text-success">李工<i class="glyphicon glyphicon-ok-circle"></i></b></th>
  121. <td>同意,审批意见</td>
  122. </tr>
  123. <tr>
  124. <th><b class="text-danger">陈工<i class="glyphicon glyphicon-ban-circle"></i></b></th>
  125. <td><b class="text-danger">所有审批人重审</b> 审批不通过,审批意见</td>
  126. </tr>
  127. <tr>
  128. <th><b class="text-danger">陈工<i class="glyphicon glyphicon-ban-circle"></i></b></th>
  129. <td><b class="text-danger">由我继续审批</b> 审批不通过,审批意见</td>
  130. </tr>
  131. <tr>
  132. <th><b class="">李工<i class="glyphicon glyphicon-refresh"></i></b></th>
  133. <td>重新上报</td>
  134. </tr>
  135. <tr>
  136. <th width="90"><b class="text-warning">陈工<i class="glyphicon glyphicon-time"></i></b></th>
  137. <td><textarea class="form-control" rows="3" placeholder="输入审批意见" required></textarea></td>
  138. </tr>
  139. </tbody>
  140. </table>
  141. <div class="row">
  142. <div class="col-md-6"><a class="btn btn-success btn-block" data-toggle="modal" href="#reportOk">审批通过</a></div>
  143. <div class="col-md-6"><a class="btn btn-danger btn-block" data-toggle="modal" href="#reportUok">审批不通过</a></div>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. <!--开始确认通过-->
  151. <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="reportOk">
  152. <div class="modal-dialog modal-sm">
  153. <div class="modal-content">
  154. <div class="modal-header">
  155. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
  156. <h4 class="modal-title" id="mySmallModalLabel">确认审批通过</h4>
  157. </div>
  158. <div class="modal-body">
  159. <div class="form-group">
  160. <label>您的审批意见:</label>
  161. <p>这是审批意见内容</p>
  162. </div>
  163. <div class="form-group">
  164. <div class="alert alert-warning">
  165. 提交后将不可更改。<br>您的审批意见仅供审批人查阅。
  166. </div>
  167. </div>
  168. <div class="form-group">
  169. <label>下一位审批人</label>
  170. <select class="form-control">
  171. <option>请选择</option>
  172. <option>我是终审</option>
  173. <option>张工(中铁十七局集团第二工程有限公司)</option>
  174. <option>王工(陕西明泰工程建设有限责任公司)</option>
  175. <option>张工(中铁隧道集团有限公司)</option>
  176. </select>
  177. </div>
  178. </div>
  179. <div class="modal-footer">
  180. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  181. <a type="button" class="btn btn-success" href="#">确认通过</a>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. <!--开始确认通过-->
  187. <!--开始确认不通过-->
  188. <div class="modal fade " tabindex="-1" role="dialog" aria-hidden="true" id="reportUok">
  189. <div class="modal-dialog modal-sm">
  190. <div class="modal-content">
  191. <div class="modal-header">
  192. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
  193. <h4 class="modal-title" id="mySmallModalLabel">确认审批不通过</h4>
  194. </div>
  195. <div class="modal-body">
  196. <div class="form-group">
  197. <label>您的审批意见:</label>
  198. <p>这是审批意见内容</p>
  199. </div>
  200. <div class="form-group">
  201. <div class="alert alert-warning">
  202. 审批不通过后,变更令将打回上报人。<br>审批人和上报人均可查阅的审批意见。<br>上报人需修改变更令后重新上报审批。
  203. </div>
  204. </div>
  205. <div class="form-group">
  206. <label>选择重审方式</label>
  207. <select class="form-control">
  208. <option>请选择</option>
  209. <option>所有审批人重审</option>
  210. <option>由我继续审批</option>
  211. </select>
  212. </div>
  213. </div>
  214. <div class="modal-footer">
  215. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  216. <a type="button" class="btn btn-danger" href="#">确认不通过</a>
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. <!--开始确认不通过-->
  222. <script type="text/javascript">autoFlashHeight();</script>
  223. </body>