增加清单精灵

zaojiashu.html

@@ -258,10 +258,10 @@
               <div class="side-tabs">
                   <ul class="nav nav-tabs" role="tablist">
                     <li class="nav-item">
-                        <a class="nav-link px-3" data-toggle="tab" href="#zy" role="tab">清单指引</a>
+                        <a class="nav-link active px-3" data-toggle="tab" href="#zy" role="tab">清单指引</a>
                     </li>
                       <li class="nav-item">
-                          <a class="nav-link active px-3" data-toggle="tab" href="#qd" role="tab">清单规则</a>
+                          <a class="nav-link px-3" data-toggle="tab" href="#qd" role="tab">清单规则</a>
                       </li>
                       <li class="nav-item">
                           <a class="nav-link px-3" data-toggle="tab" href="#de" role="tab">定额库</a>
@@ -794,37 +794,145 @@
                     <div class="main-side col-lg-4 p-0">
                         <div class="tab-content">
                             <!--清单指引-->
-                            <div class="tab-pane" id="zy" role="tabpanel">
+                            <div class="tab-pane active" id="zy" role="tabpanel">
                               <div class="sidebar-tools-bar container-fluid tools-bar-height-z">
                                 <div class="p-1 row">
                                     <div class="col p-0">
-                                      <select class="form-control form-control-sm" id="stdBillsGuidanceLibSelect"></select>
+                                      <select class="form-control form-control-sm"><option>重庆市市政工程计价定额(2008)</option></select>
                                     </div>
                                     <div class="col px-1">
                                       <div class="input-group" id="stdBillsGuidanceSearch">
-                                        <input type="text" class="form-control form-control-sm" placeholder="搜索清单">
+                                        <input type="text" class="form-control form-control-sm" placeholder="搜索定额">
                                         <span class="input-group-btn">
                                             <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
                                         </span>
                                       </div>
                                     </div>
-                                    <div class="col p-0">
-                                      <button class="btn btn-primary btn-sm" type="button">插入定额</button>
-                                      <button class="btn btn-primary btn-sm" type="button">插入清单</button>
-                                    </div>
                                 </div>
                               </div>
-                              <div class="main-data-side-z">
-                                <table class="table table-bordered">
+                                <div class="main-data-side-q">
+                                  <table class="table table-bordered">
                                   <tr>
-                                    <th></th><th>项目指引</th><th>选择</th>
-                                  </tr>
+                                    <th>名称</th>
                                   </tr>
+                                  <tr><td>市政工程</td></tr>
+                                  <tr><td>第一章 土石方工程</td></tr>
+                                  <tr><td>第二章 脚手架及构件运输</td></tr>
+                                </table>
+                                </div>
+                              <div class="sidebar-bottom container-fluid">
+                                <!--清单指引-->
+                                <!-- <table class="table table-sm table-bordered m-0">
+                                    <thead>
+                                      <tr><th></th><th>编码</th><th>名称</th><th>单位</th><th>基价</th></tr>
+                                    </thead>
+                                    <tbody>
+                                      <tr><td>1</td><td>DA0011</td><td>人工运土方 运距20m以内</td><td>100m3</td><td>546.7</td></tr>
+                                      <tr><td>2</td><td>DA0012</td><td>人工运土方 每增加20m</td><td>100m3</td><td>162.8</td></tr>
+                                    </tbody>
+                                  </table> -->
+                                <!--清单精灵-->
+                                <table class="table table-sm table-bordered m-0">
+                                    <thead>
+                                        <tr><th>施工工序</th><th>选项</th></tr>
+                                        <!--1 第一层 旧路面类型-->
+                                        <tr><td>旧路面类型</td><td><div class="btn-group btn-group-sm">
+                                              <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                                水泥混凝土路面；沥青混凝土路面
+                                              </button>
+                                              <div class="dropdown-menu">
+                                                <a class="dropdown-item" href="#"><input type="checkbox" checked> 水泥混凝土路面</a>
+                                                <a class="dropdown-item" href="#"><input type="checkbox" checked> 沥青混凝土路面</a>
+                                              </div>
+                                            </div></td>
+                                        </tr>
+                                        <!--1.1 第二层 水泥混凝土路面├-->
+                                        <tr><td>└ 水泥混凝土路面</td><td></td></tr>
+                                        <tr><td class="pl-4">└ 挖除方式</td>
+                                            <td><div class="btn-group btn-group-sm">
+                                          <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                            机械挖
+                                          </button>
+                                          <div class="dropdown-menu">
+                                            <a class="dropdown-item" href="#"><input type="checkbox" checked> 机械挖</a>
+                                            <a class="dropdown-item" href="#"><input type="checkbox"> 人工挖</a>
+                                          </div>
+                                            </div></td>
+                                        </tr>
+                                        <tr><td class="pl-5">└ 机械挖</td>
+                                            <td><select>
+                                                <option value="">机械挖运土方 100以内</option>
+                                            </select></td></tr>
+                                            <tr><td class="pl-4">└ 废料或适用料移运</td><td><div class="btn-group btn-group-sm">
+                                              <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                                装载机斗容量；自卸车装载质量；
+                                              </button>
+                                              <div class="dropdown-menu">
+                                                <a class="dropdown-item" href="#"><input type="checkbox" checked> 装载机斗容量</a>
+                                                <a class="dropdown-item" href="#"><input type="checkbox" checked> 自卸车装载质量</a>
+                                              </div>
+                                            </div></td>
+                                        </tr>
+                                        <tr><td class="pl-5">├ 装载机斗容量</td><td><select>
+                                            <option value="">1m3以内</option><option value="">2m3以内</option>
+                                            </select></td>
+                                        </tr>
+                                        <tr><td class="pl-5">└ 自卸车装载质量</td><td><select>
+                                            <option value="">4t以内</option><option value="">6t以内</option>
+                                            </select></td>
+                                        </tr>
+                                        <!--1.2 第二层 沥青混凝土路面├-->
+                                        <tr><td>└ 沥青混凝土路面</td><td></td></tr>
+                                        <tr><td class="pl-4">└ 挖除方式</td>
+                                            <td><div class="btn-group btn-group-sm">
+                                          <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                            机械挖
+                                          </button>
+                                          <div class="dropdown-menu">
+                                            <a class="dropdown-item" href="#"><input type="checkbox" checked> 机械挖</a>
+                                            <a class="dropdown-item" href="#"><input type="checkbox"> 人工挖</a>
+                                          </div>
+                                            </div></td>
+                                        </tr>
+                                        <tr><td class="pl-5">└ 机械挖</td>
+                                            <td><select>
+                                                <option value="">机械挖运土方 100以内</option>
+                                            </select></td></tr>
+                                            <tr><td class="pl-4">└ 废料或适用料移运</td><td><div class="btn-group btn-group-sm">
+                                              <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                                装载机斗容量；自卸车装载质量；
+                                              </button>
+                                              <div class="dropdown-menu">
+                                                <a class="dropdown-item" href="#"><input type="checkbox" checked> 装载机斗容量</a>
+                                                <a class="dropdown-item" href="#"><input type="checkbox" checked> 自卸车装载质量</a>
+                                              </div>
+                                            </div></td>
+                                        </tr>
+                                        <tr><td class="pl-5">├ 装载机斗容量</td><td><select>
+                                            <option value="">1m3以内</option><option value="">2m3以内</option>
+                                            </select></td>
+                                        </tr>
+                                        <tr><td class="pl-5">└ 自卸车装载质量</td><td><select>
+                                            <option value="">4t以内</option><option value="">6t以内</option>
+                                            </select></td>
+                                        </tr>
+                                        <!--2 第一层 弃土场建设-->
+                                        <tr><td>弃土场建设</td><td><div class="btn-group btn-group-sm">
+                                              <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                                请选择
+                                              </button>
+                                              <div class="dropdown-menu">
+                                                <a class="dropdown-item" href="#"><input type="checkbox" checked> 选项1</a>
+                                                <a class="dropdown-item" href="#"><input type="checkbox" checked> 选项2</a>
+                                              </div>
+                                            </div></td>
+                                        </tr>
+                                    </thead>
                                 </table>
                               </div>
                             </div>
                             <!--清单规则-->
-                            <div class="tab-pane active" id="qd" role="tabpanel">
+                            <div class="tab-pane" id="qd" role="tabpanel">
                                 <div class="sidebar-tools-bar container-fluid tools-bar-height-q">
                                   <div class="p-1 row">
                                     <select class="form-control form-control-sm col-6" id="exampleSelect1">