tiaocha-qi-detail-3.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <title>变更管理-计量支付</title>
  8. <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
  9. <link rel="stylesheet" href="css/main.css">
  10. <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
  11. </head>
  12. <body>
  13. <div class="main">
  14. <div class="main-nav d-flex align-items-start flex-column">
  15. <div class="logo"><img src="img/logo.png"></div>
  16. <div class="nav-top">
  17. <ul class="nav nav-pills nav-stacked bg-nav">
  18. <li><a href="dashboard.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="代办事项"><i class="fa fa-check-square-o"></i><span>待办</span></a></li>
  19. <li class="active"><a href="biaoduan.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="项目"><i class="fa fa-list-ul"></i><span>项目</span></a></li>
  20. <li><a href="fenbao.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="总分包"><i class="fa fa-sitemap"></i><span>总分包</span></a></li>
  21. </ul>
  22. </div>
  23. <div class="nav-bottom mt-auto">
  24. <ul class="nav nav-pills nav-stacked bg-nav">
  25. <li><a href="settings-system.html" data-toggle="tooltip" data-placement="right" title="" data-original-title="平台设置"><i class="fa fa-cogs"></i><span>平台设置</span></a></li>
  26. </ul>
  27. <div class="dropright my-1 ml-1">
  28. <a href="" class="avatar bg-1" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">张匡胤</a>
  29. <div class="dropdown-menu">
  30. <a href="account-info.html" class="dropdown-item">账号资料</a>
  31. <a href="#" class="dropdown-item">账号安全</a>
  32. <div class="dropdown-divider"></div>
  33. <a href="#" class="dropdown-item">帮助中心</a>
  34. <a href="#" class="dropdown-item">退出登录</a>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="main-panel">
  40. <div class="panel-sidebar">
  41. <div class="panel-title">
  42. <div class="title-bar">
  43. <h2>WWUJ-1</h2>
  44. </div>
  45. </div>
  46. <div class="scrollbar-auto">
  47. <div class="nav-box">
  48. <ul class="nav-list list-unstyled">
  49. <li class=""><a href="biangeng.html"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
  50. </ul>
  51. </div>
  52. <div class="nav-box">
  53. <ul class="nav-list list-unstyled">
  54. <li class=""><a href="tiaocha-qi-detail-1.html"><span class="ml-3">信息价调差</span></a></li>
  55. </ul>
  56. </div>
  57. <div class="nav-box">
  58. <ul class="nav-list list-unstyled">
  59. <li class=""><a href="tiaocha-qi-detail-1-2.html"><span class="ml-3">指数调差</span></a></li>
  60. </ul>
  61. </div>
  62. <div class="nav-box">
  63. <ul class="nav-list list-unstyled">
  64. <li class=""><a href="tiaocha-qi-detail-2.html"><span class="ml-3">调差清单</span></a></li>
  65. </ul>
  66. </div>
  67. <div class="nav-box">
  68. <ul class="nav-list list-unstyled">
  69. <li class="active"><a href="tiaocha-qi-detail-3.html"><span class="ml-3">附件</span></a></li>
  70. </ul>
  71. </div>
  72. <div class="contarl-box">
  73. <!-- <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm btn-block">上报审批</a> -->
  74. <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm btn-block">上报审批</a>
  75. <!-- <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm btn-block">重新上报</a> -->
  76. <!--状态显示-->
  77. <!-- <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm btn-block">审批完成</a>
  78. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm btn-block">审批中</a>
  79. <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm btn-block text-muted">审批退回</a> -->
  80. <!--审批操作-->
  81. <!-- <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm btn-block">审批通过</a>
  82. <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm btn-block">审批退回</a> -->
  83. </div>
  84. </div>
  85. </div>
  86. <div class="panel-content">
  87. <div class="panel-title">
  88. <div class="title-main d-flex justify-content-between">
  89. <div>
  90. <div class="d-inline-block">
  91. <div class="dropdown">
  92. <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">当前期
  93. </button>
  94. <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
  95. <a class="dropdown-item" href="#">所有期</a>
  96. </div>
  97. </div>
  98. </div>
  99. <div class="d-inline-block">
  100. <a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传附件</a>
  101. <a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary"><i class="fa fa-download "></i> 批量下载</a>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="content-wrap">
  107. <div class="c-body">
  108. <div class="sjs-height-0">
  109. <table class="table table-bordered">
  110. <thead>
  111. <tr><th width="20"><input type="checkbox"></th><th width="40">序号</th><th>名称</th><th width="90">大小</th><th width="90">调差期</th><th width="100">上传时间</th><th width="100">操作</th></tr>
  112. </thead>
  113. <tbody>
  114. <tr><td><input type="checkbox"></td><td>1</td><td><a href="">合同段工程变更现场办公会议纪要的通知.rar</a></td><td>682.64 KB</td><td>第1期</td><td>2017-01-01 13:22</td><td><a href="#" class="btn btn-light btn-sm" title="下载"><span class="fa fa-download text-primary"></span></a><a href="#" class="btn btn-light btn-sm" title="删除附件"><span class="fa fa-trash text-danger"></span></a></td></tr>
  115. <tr><td><input type="checkbox"></td><td>2</td><td><a href="">管理处关于发送LZTJ-1合同段YT-24号设计更改的通知.rar</a></td><td>1.52 MB</td><td>第1期</td><td>2017-01-01 14:22</td><td><a href="#" class="btn btn-light btn-sm" title="下载"><span class="fa fa-download text-primary"></span></a><a href="#" class="btn btn-light btn-sm" title="删除附件"><span class="fa fa-trash text-danger"></span></a></td></tr>
  116. <tr><td><input type="checkbox"></td><td>3</td><td><a href="">原设计施工图.pdf</a></td><td>396.73 KB</td><td>第1期</td><td>2017-01-01 12:22</td><td><a href="#" class="btn btn-light btn-sm" title="下载"><span class="fa fa-download text-primary"></span></a></td></tr>
  117. </tbody>
  118. </table>
  119. <!--翻页-->
  120. <div class="btn-toolbar ml-3" role="toolbar" aria-label="Toolbar with button groups">
  121. <div class="btn-group btn-group-sm mr-2" role="group" aria-label="First group">
  122. <button type="button" class="btn btn-light" disabled title="首页"><i class="fa fa-caret-left"></i></button>
  123. <button type="button" class="btn btn-light" disabled title="上一页"><i class="fa fa-angle-left"></i></button>
  124. </div>
  125. <div class="btn-group btn-group-sm mr-2" role="group" aria-label="Second group">
  126. <button type="button" class="btn btn-light active">1</button>
  127. <button type="button" class="btn btn-light">2</button>
  128. <button type="button" class="btn btn-light">3</button>
  129. <button type="button" class="btn btn-light">4</button>
  130. <button type="button" class="btn btn-light">5</button>
  131. <button type="button" class="btn btn-light" title="更多">...</button>
  132. </div>
  133. <div class="btn-group btn-group-sm" role="group" aria-label="Third group">
  134. <button type="button" class="btn btn-light" title="下一页"><i class="fa fa-angle-right"></i></button>
  135. <button type="button" class="btn btn-light" title="尾页"><i class="fa fa-caret-right"></i></button>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. <!--添加附件-->
  145. <div class="modal fade" id="addfujian">
  146. <div class="modal-dialog" role="document">
  147. <div class="modal-content">
  148. <div class="modal-header">
  149. <h5 class="modal-title" id="myModalLabel">上传附件</h5>
  150. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  151. <span aria-hidden="true">&times;</span>
  152. </button>
  153. </div>
  154. <div class="modal-body">
  155. <p>大小限制:10MB,支持office等文档格式、图片格式、压缩包格式</p>
  156. <p><a href="" class="btn btn-primary">选择文件</a></p>
  157. </div>
  158. <div class="modal-footer">
  159. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  160. <button type="button" class="btn btn-primary">添加</button>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. <!--提交审批-->
  166. <div class="modal fade" id="sub-ap" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  167. <div class="modal-dialog" role="document">
  168. <div class="modal-content">
  169. <div class="modal-header">
  170. <h5 class="modal-title" id="myModalLabel">提交审批</h5>
  171. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  172. <span aria-hidden="true">&times;</span>
  173. </button>
  174. </div>
  175. <div class="modal-body">
  176. <h5>还没添加任何变更清单,无法提交。</h5>
  177. <h5>还没设置审批流程,无法提交。</h5>
  178. <h5>确认提交审批?</h5>
  179. </div>
  180. <div class="modal-footer">
  181. <!--无法提交-->
  182. <button type="button" class="btn btn-secondary" data-dismiss="modal">好的</button>
  183. <!--确认提交-->
  184. <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
  185. <button type="button" class="btn btn-primary" data-dismiss="modal">确认提交</button>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. <!-- JS. -->
  191. <script src="js/jquery/jquery-3.2.1.min.js"></script>
  192. <script src="js/bootstrap/bootstrap.bundle.min.js"></script>
  193. <script src="js/global.js"></script>
  194. <script type="text/javascript"> autoFlashHeight();</script>
  195. </body>
  196. </html>