移除增加材料，增加库添加

cailiao.html

@@ -75,9 +75,7 @@
                   </div>
                   <div class="main-side col-lg-4 p-0">
                     <div class="sidebar-tools-bar tools-bar-height-q">
-                      <div class="p-1">
-                          <a href="javacript:void(0);" data-toggle="modal" data-target="#add" class="btn btn-primary btn-sm">增加材料</a>
-                      </div>
+                      
                     </div>
                     <div class="main-data-side-q">
                       <table class="table table-sm table-bordered m-0">
@@ -97,63 +95,7 @@
             </div>
         </div>
     </div>
-    <!--弹出增加材料-->
-    <div class="modal fade" id="add" data-backdrop="static">
-        <div class="modal-dialog  modal-lgx" role="document">
-            <div class="modal-content">
-                <div class="modal-header">
-                  <h5 class="modal-title">增加材料</h5>
-                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">×</span>
-                  </button>
-                </div>
-                <div class="modal-body">
-                  <div class="row">
-                    <div class="col-3">
-                      <div class="modal-fixed-height">
-                        <ul id="treeDemo" class="ztree"></ul>
-                      </div>
-                    </div>
-                    <div class="col-9">
-                      <div class="row justify-content-between">
-                        <div class="col-4">
-                          <div class="form-check form-check-inline">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 所有
-                            </label>
-                          </div>
-                          <div class="form-check form-check-inline">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 标准
-                            </label>
-                          </div>
-                          <div class="form-check form-check-inline">
-                            <label class="form-check-label">
-                              <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 补充
-                            </label>
-                          </div>
-                        </div>
-                        <div class="col-4">
-                          <input class="form-control form-control-sm" type="text" placeholder="输入编码或名称 筛选">
-                        </div>
-                      </div>
-                      <div class="modal-fixed-height2">
-                        <table class="table table-sm table-bordered">
-                          <thead>
-                            <tr><th></th><th>选择</th><th>编码</th><th>名称</th><th>规格型号</th><th>单位</th><th>单价</th><th>类型</th></tr>
-                          </thead>
-                        </table>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
-                    <a href="" class="btn btn-primary">确认添加</a>
-                </div>
-            </div>
-        </div>
-    </div>
+
     <!--弹出关于规则-->
     <div class="modal fade" id="guize" data-backdrop="static">
         <div class="modal-dialog" role="document">

main.html

@@ -21,11 +21,7 @@
         <nav class="navbar navbar-toggleable-lg justify-content-between navbar-light p-0">
           <ul class="nav navbar-nav px-1">
               <li class="nav-item">
-                 <select class="form-control form-control-sm">
-                   <option value="">全部</option>
-                   <option value="">广东2018</option>
-                   <option value="">重庆2018</option>
-                 </select>
+                 <a href="javacript:void(0);" data-toggle="modal" data-target="#add" class="nav-link">新建库</a>
               </li>
           </ul>
         </nav>
@@ -37,30 +33,9 @@
                   <div class="col-md-8">
                     <div class="warp-p2 mt-3">
                       <table class="table table-hover table-sm table-bordered">
-                        <thead><tr><th>计价规则/工程专业</th><th>费用定额</th></thead>
+                        <thead><tr><th>库名</th><th>清单规则</th><th>费用定额</th><th>操作</th></thead>
                         <tbody>
-                          <tr><td>重庆 [2013]调整人工单价</td><td>重庆2018</td></tr>
-                          <tr><td><a href="#">建筑工程</a></td><td></td></tr>
-                          <tr><td><a href="#">市政土建工程</a></td><td></td></tr>
-                          <tr><td><a href="#">市政安装工程</a></td><td></td></tr>
-                          <tr><td><a href="#">...</a></td><td></td></tr>
-                          <tr><td>重庆 [2018]调整人工单价</td><td>重庆2018</td></tr>
-                          <tr><td><a href="#">建筑工程</a></td><td></td></tr>
-                          <tr><td><a href="#">市政土建工程</a></td><td></td></tr>
-                          <tr><td><a href="#">市政安装工程</a></td><td></td></tr>
-                          <tr><td><a href="#">...</a></td><td></td></tr>
-                        </tbody>
-                        <tbody>
-                          <tr><td>广东 [2017]调整人工单价</td><td>广东2018</td></tr>
-                          <tr><td><a href="#">建筑工程</a></td><td></td></tr>
-                          <tr><td><a href="#">市政土建工程</a></td><td></td></tr>
-                          <tr><td><a href="#">市政安装工程</a></td><td></td></tr>
-                          <tr><td><a href="#">...</a></td><td></td></tr>
-                          <tr><td>广东 [2013]调整人工单价</td><td>广东2018</td></tr>
-                          <tr><td><a href="#">建筑工程</a></td><td></td></tr>
-                          <tr><td><a href="#">市政土建工程</a></td><td></td></tr>
-                          <tr><td><a href="#">市政安装工程</a></td><td></td></tr>
-                          <tr><td><a href="#">...</a></td><td></td></tr>
+                          <tr><td><a href="cailiao.html">库名</a></td><td>重庆市清单规则(2008)</td><td>重庆费用定额(2008)</td><td><a href="javacript:void(0);" data-toggle="modal" data-target="#del" class="text-danger" title="删除"><i class="fa fa-remove"></i></a></td></tr>
                         </tbody>
                       </table>
                     </div>
@@ -69,7 +44,57 @@
             </div>
         </div>
     </div>
-
+    <!--弹出添加-->
+    <div class="modal fade" id="add" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <h5 class="modal-title">添加库</h5>
+                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">×</span>
+                  </button>
+                </div>
+                <div class="modal-body">
+                  <div class="form-group">
+                      <label>库名</label>
+                      <input class="form-control" placeholder="输入清单指引名称" type="text">
+                  </div>
+                  <div class="form-group">
+                      <label>清单规则</label>
+                      <select class="form-control"><option>重庆清单规则-2013</option></select>
+                  </div>
+                  <div class="form-group">
+                      <label>费用定额</label>
+                      <select class="form-control"><option>重庆费用定额2018</option></select>
+                  </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>
+    <!--弹出删除-->
+    <div class="modal fade" id="del" data-backdrop="static" style="display: none;" aria-hidden="true">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <h5 class="modal-title">删除确认</h5>
+                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">×</span>
+                  </button>
+                </div>
+                <div class="modal-body">
+                    <h5 class="text-danger">删除后无法恢复，确认是否删除？</h5>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="" class="btn btn-danger">删除</a>
+                </div>
+            </div>
+        </div>
+    </div>    
     <!-- JS. -->
     <script src="js/jquery/jquery.min.js"></script>
     <script src="js/tether/tether.min.js"></script>