台帐页面，增加添加标段，台帐 及 标准清单双栏

css/main.css

@@ -313,9 +313,6 @@ body {
   background:#e4e7ea;
   font-weight: 600
 }
-.nav-list li.active .badge{
-  background:#207fd1
-}
 /*内容区*/
 .c-header {
   padding:0 0 5px

settings-user.html

@@ -168,7 +168,14 @@
                             <td>陈特</td>
                             <td>珠海纵横创新软件有限公司</td>
                             <td>产品经理</td>
-                            <td></td>
+                            <td>台帐管理（创建标段）<a href="" class="btn btn-sm">编辑</a></td>
+                          </tr>
+                          <tr>
+                            <td>chente</td>
+                            <td>陈特</td>
+                            <td>珠海纵横创新软件有限公司</td>
+                            <td>产品经理</td>
+                            <td><a href="" class="btn btn-sm">编辑</a></td>
                           </tr>
                         </tbody>
                       </table>

taizhang.html

@@ -68,15 +68,16 @@
     <div class="main-panel">
     			<div class="panel-sidebar">
     				<div class="panel-title">
-    					<div class="title-bar">
+    					<div class="title-bar d-flex justify-content-between">
     						<h2>标段列表</h2>
+                <div class="mr-3"><a href="#add-bd" data-toggle="modal" data-target="#add-bd"  class="btn btn-sm btn-outline-primary">添加</a></div>
     					</div>
     				</div>
     				<div class="scrollbar-auto">
     					<div class="nav-box">
     						<ul class="nav-list list-unstyled">
     							<li><a href="#"><span>WWUJ-1</span></a></li>
-    							<li class="active"><a href="#"><span>WWUJ-2</span></a></li>
+    							<li class="active"><a href="#"><span>WWUJ-2</span><span class="badge badge-primary">待审</span></a></li>
     							<li><a href="#"><span>WWUJ-3</span></a></li>
     							<li><a href="#"><span>WWUJ-4</span></a></li>
     						</ul>
@@ -88,21 +89,76 @@
     					<div class="title-main">
     						<h2>WWUJ-2 台帐
     						<a href="#" class="btn btn-primary btn-sm pull-right">上报审批</a>
-    						<a class="btn btn-outline-secondary btn-sm pull-right disabled">已报审</a></h2>
+    						<a href="#" class="btn btn-outline-secondary btn-sm pull-right disabled">已报审</a>
+    						<a href="#" class="btn btn-outline-danger btn-sm pull-right">删除标段</a></h2>
     					</div>
     				</div>
-    				<div class="content-wrap">
-    					<div class="c-header">
-    						<a href="" class="btn btn-primary btn-sm"><i class="glyphicon glyphicon-plus"></i>按钮</a>
+    				<div class="content-wrap row">
+    					<div class="c-header p-0 col-12 d-flex justify-content-between">
+                <!--工具-->
+                <div>
+                  <div class="form-check">
+                    <label class="form-check-label">
+                      <input type="checkbox" class="form-check-input">
+                      查看审批过程
+                    </label>
+                  </div>
+                </div>
+                <!--标准清单-->
+                <ul class="nav nav-tabs">
+                  <li class="nav-item">
+                    <a class="nav-link active" data-toggle="tab" href="#xiangmujie" role="tab">项目节</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" data-toggle="tab" href="#qingdan" role="tab">工程量清单</a>
+                  </li>
+                </ul>
     					</div>
-    					<div class="c-body">
+    					<div class="c-body col-8">
     						<table class="table table-bordered">
-
+                  <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th></tr>
     						</table>
     					</div>
+              <div class="c-body col-4">
+                <div class="tab-content">
+                  <div id="xiangmujie" class="tab-pane active">
+                    <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
+        						<table class="table table-bordered">
+                      <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
+        						</table>
+                  </div>
+                  <div id="qingdan" class="tab-pane">
+                    <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
+        						<table class="table table-bordered">
+                      <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
+        						</table>
+                  </div>
+                </div>
+              </div>
     				</div>
     			</div>
-    		</div>	</div>
+    		</div>
+      </div>
+      <!--弹出添加帐号-->
+      <div class="modal fade" id="add-bd" data-backdrop="static">
+          <div class="modal-dialog" role="document">
+              <div class="modal-content">
+                  <div class="modal-header">
+                      <h5 class="modal-title">添加新标段</h5>
+                  </div>
+                  <div class="modal-body">
+    							  <div class="form-group">
+    							    <label>标段名称<b class="text-danger">*</b></label>
+    							    <input class="form-control"  placeholder="输入标段名称" type="text">
+    							  </div>
+                  </div>
+                  <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                    <button type="button" class="btn btn-primary">确定添加</button>
+                  </div>
+              </div>
+          </div>
+      </div>
     <!-- JS. -->
     <script src="js/jquery/jquery-3.2.1.min.js"></script>
     <script src="js/popper/popper.min.js"></script>