引入spreadjs，调整兼容高度（滚动条），修改feilv.html ；main.html调整为只保留tab切换效果

README.md

@@ -61,4 +61,4 @@
 * gongliaoji.html - 工料机
 * baobiao.html - 报表
 * baobiao.html - 费率
-* main.html - 集合 造价书 工料机 报表。。。
+* main.html - 集合 造价书 工料机 报表 费率

baobiao.html

@@ -47,6 +47,7 @@
                 <li><a href="zaojiashu.html">造价书</a></li>
                 <li><a href="gongliaoji.html">工料机</a></li>
                 <li><a href="baobiao.html" class="active">报表</a></li>
+                <li><a href="zaojiashu.html">费率</a></li>
             </ul>
         </div>
         <div class="content">

css/main.css

@@ -86,9 +86,6 @@ body {
     overflow: auto;
     border-bottom: 1px solid #ccc;
 }
-.warp-p2 {
-    padding: 2px
-}
 .bottom-content .nav {
     background: #f7f7f9;
     padding:0 0 0 2px
@@ -210,8 +207,8 @@ body {
         transform: translateX(10px);
     }
 }
-.bottom-content .tab-content {
-    max-height: 200px;
+.bottom-content .tab-content .main-data-bottom{
+    height: 200px;
     overflow: auto;
 }
 .form-signin {

feilv.html

@@ -78,291 +78,84 @@
                 <li><a href="zaojiashu.html">造价书</a></li>
                 <li><a href="gongliaoji.html">工料机</a></li>
                 <li><a href="baobiao.html">报表</a></li>
-                    <li><a href="zaojiashu.html" class="active">费率</a></li>
+                <li><a href="zaojiashu.html" class="active">费率</a></li>
             </ul>
         </div>
         <div class="content">
-          <div class="toolsbar px-1 d-flex justify-content-between">
-              <div class="tools-btn btn-group align-top">
-                <a href="" class="btn btn-sm"><i class="fa fa-folder-open-o" aria-hidden="true"></i> 选择费率文件</a>
-                <a href="" class="btn btn-sm"><i class="fa fa-download" aria-hidden="true"></i> 导出费率文件</a>
+            <div class="toolsbar px-1">
+              <div class="form-inline py-1">
+                <label class="mx-2" for="inlineFormCustomSelect">费率标准：</label>
+                <select class="form-control form-control-sm" id="inlineFormCustomSelect">
+                  <option selected>重庆渝发建发[2016]35号</option>
+                  <option value="1">One</option>
+                  <option value="2">Two</option>
+                  <option value="3">Three</option>
+                </select>
               </div>
-          </div>
+            </div>
             <div class="container-fluid">
                 <div class="row">
                     <div class="main-content col-lg-9 p-0">
-                      <div class="warp-p2">
+                      <div class="main-data-full">
                           <table class="table table-sm table-bordered m-0">
                               <thead>
-                                  <th>编号</th>
-                                  <th width="160">专业工程</th>
-                                  <th>企业管理费（%）</th>
-                                  <th>规费（%）</th>
-                                  <th>利润（%）</th>
-                                  <th>税金（%）</th>
-                                  <th>夜间施工费（%）</th>
-                                  <th>冬雨季施工增加费（%）</th>
-                                  <th>二次搬运费（%）</th>
-                                  <th>包干费（%）</th>
-                                  <th>已完工程及设备保护费（%）</th>
-                                  <th>工程定位复测、点交及场地清理费（%）</th>
-                                  <th>材料检验试验费（%）</th>
-                                  <th>建设工程竣工档案编制费（%）</th>
+                                  <th>序号</th>
+                                  <th width="160">专业名称</th>
+                                  <th>值（%）</th>
+                                  <th>备注</th>
                               </thead>
                               <tbody>
                                 <tr>
                                   <td>1</td>
-                                  <td>建筑工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
+                                  <td>-企业管理费</td>
                                   <td></td>
                                   <td></td>
                                 </tr>
                                 <tr>
                                   <td>2</td>
-                                  <td>装饰工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
+                                  <td>-建筑工程</td>
                                   <td></td>
                                   <td></td>
                                 </tr>
                                 <tr>
                                   <td>3</td>
-                                  <td>仿古建筑工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
+                                  <td>-一类工程</td>
                                   <td></td>
                                   <td></td>
                                 </tr>
                                 <tr>
                                   <td>4</td>
-                                  <td>安装工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
+                                  <td>-二类工程</td>
                                   <td></td>
                                   <td></td>
                                 </tr>
                                 <tr>
                                   <td>5</td>
-                                  <td>市政土建工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
+                                  <td>-三类工程</td>
                                   <td></td>
                                   <td></td>
                                 </tr>
                                 <tr>
                                   <td>6</td>
-                                  <td>市政安装工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
+                                  <td>-四类工程</td>
                                   <td></td>
                                   <td></td>
                                 </tr>
                                 <tr>
                                   <td>7</td>
-                                  <td>人工土石方工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
+                                  <td>市政工程</td>
                                   <td></td>
                                   <td></td>
                                 </tr>
                                 <tr>
                                   <td>8</td>
-                                  <td>机械及爆破土石方工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
+                                  <td>+...</td>
                                   <td></td>
                                   <td></td>
                                 </tr>
                                 <tr>
                                   <td>9</td>
-                                  <td>炉窖砌筑工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                </tr>
-                                <tr>
-                                  <td>10</td>
-                                  <td>园林工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                </tr>
-                                <tr>
-                                  <td>11</td>
-                                  <td>绿化工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                </tr>
-                                <tr>
-                                  <td>12</td>
-                                  <td>城市轨道交通工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                </tr>
-                                <tr>
-                                  <td>13</td>
-                                  <td>城市轨道交通安装工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                </tr>
-                                <tr>
-                                  <td>14</td>
-                                  <td>安装修缮工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                </tr>
-                                <tr>
-                                  <td>15</td>
-                                  <td>建筑修缮工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                </tr>
-                                <tr>
-                                  <td>16</td>
-                                  <td>单拆除工程</td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
-                                  <td></td>
+                                  <td>+利润</td>
                                   <td></td>
                                   <td></td>
                                 </tr>
@@ -370,33 +163,6 @@
                           </table>
                       </div>
                     </div>
-                    <div class="main-side col-lg-3 p-0">
-                        <div class="tab-content">
-                            <div class="warp-p2">
-                                <table class="table table-sm table-bordered m-0">
-                                  <thead><tr><th colspan="2" class="text-center">费率计算参数</th></tr></thead>
-                                  <thead><tr><th class="text-center">名称</th><th class="text-center">参数值</th></tr></thead>
-                                  <tbody>
-                                    <tr><td>工程所在地</td><td>重庆</td></tr>
-                                    <tr><td>工程分类</td><td><select><option>一类</option></select></td></tr>
-                                    <tr><td>纳税地点</td><td><select><option>在市区</option></select></td></tr>
-                                    <tr><td>企业管理费</td><td><select><option>渝建发[2016]35号</option></select></td></tr>
-                                    <tr><td>规费</td><td><select><option>CQFYDE-2008</option></select></td></tr>
-                                    <tr><td>利润</td><td> </td></tr>
-                                    <tr><td>税金</td><td><select><option>渝建发[2016]35号</option></select></td></tr>
-                                    <tr><td>夜间施工费</td><td><select><option>CQFYDE-2008</option></select></td></tr>
-                                    <tr><td>冬雨季施工增加费</td><td><select><option>CQFYDE-2008</option></select></td></tr>
-                                    <tr><td>二次搬运费</td><td><select><option>CQFYDE-2008</option></select></td></tr>
-                                    <tr><td>包干费</td><td><select><option>CQFYDE-2008</option></select></td></tr>
-                                    <tr><td>已完工程及设备保护费</td><td><select><option>CQFYDE-2008</option></select></td></tr>
-                                    <tr><td>工程定位复测、点交及场地清理</td><td><select><option>CQFYDE-2008</option></select></td></tr>
-                                    <tr><td>材料检验试验费</td><td><select><option>CQFYDE-2008</option></select></td></tr>
-                                    <tr><td>建设工程竣工档案编制费</td><td><select><option>渝建发[2016]35号</option></select></td></tr>
-                                  </tbody>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
                 </div>
             </div>
         </div>

gongliaoji.html

@@ -78,6 +78,7 @@
                 <li><a href="zaojiashu.html">造价书</a></li>
                 <li><a href="gongliaoji.html" class="active">工料机</a></li>
                 <li><a href="baobiao.html">报表</a></li>
+                <li><a href="zaojiashu.html">费率</a></li>
             </ul>
         </div>
         <div class="content">
@@ -93,9 +94,8 @@
             <div class="container-fluid">
                 <div class="row">
                     <div class="main-content col-lg-12 p-0">
-                        <div class="fluid-content">
-                            <div class="warp-p2">
-                                <table class="table table-sm table-bordered m-0">
+                        <div class="main-data-full">
+                            <table class="table table-sm table-bordered m-0">
                                     <thead>
                                         <tr>
                                             <th>编码</th>
@@ -141,7 +141,6 @@
                                         </tr>
                                     </tbody>
                                 </table>
-                            </div>
                         </div>
                     </div>
                 </div>

js/global.js

@@ -3,11 +3,11 @@ function autoFlashHeight(){
     var headerHeight = $(".header").height();
     var toolsbarHeight = $(".toolsbar").height();
     var bottomContentHeight = $(".bottom-content").height();
-    $(".content").height($(window).height()-headerHeight);
-    $(".main-side").height($(window).height()-headerHeight-toolsbarHeight-2);
-    $(".top-content").height($(window).height()-headerHeight-toolsbarHeight-bottomContentHeight-1);
-    $(".fluid-content").height($(window).height()-headerHeight-toolsbarHeight-1);
-    $(".side-content").height($(window).height()-headerHeight );
+    var sidebarToolsBarHeight = $(".sidebar-tools-bar").height();
+    $(".main-data-side-f").height($(window).height()-headerHeight-toolsbarHeight-2);
+    $(".main-data-side-s").height($(window).height()-headerHeight-toolsbarHeight-sidebarToolsBarHeight-2);
+    $(".main-data-top").height($(window).height()-headerHeight-toolsbarHeight-bottomContentHeight-1);
+    $(".main-data-full").height($(window).height()-headerHeight-toolsbarHeight-1);
     $(".poj-list").height($(window).height()-headerHeight-toolsbarHeight);
     $(".form-list").height($(window).height()-headerHeight-50 );
 };

project-management.html

@@ -125,55 +125,49 @@
                             <tbody>
                                 <tr>
                                     <td></td>
-                                    <td class="in-1"><a class="tree-open"></a><span class="poj-icon">└</span><a href="#">机械设备安装工程</a></td>
-                                    <td>2016-01-01</td>
-                                    <td>2016-01-01</td>
-                                </tr>
-                                <tr>
+                                    <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">飞机生产车间</a></td>
+                                    <td></td>
                                     <td></td>
-                                    <td class="in-1"><a class="tree-open"></a><span class="poj-icon">└</span><a href="#">机械设备安装工程2</a></td>
-                                    <td>2016-01-01</td>
-                                    <td>2016-01-01</td>
                                 </tr>
                                 <tr>
                                     <td></td>
-                                    <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">飞机生产车间</a></td>
+                                    <td class="in-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">飞机生产车间</a></td>
                                     <td></td>
                                     <td></td>
                                 </tr>
                                 <tr>
                                     <td></td>
-                                    <td class="in-2"><a class="tree-open"></a><span class="poj-icon">└</span><a href="zaojiashu.html">建筑工程1</a></td>
+                                    <td class="in-3"><a class="tree-open"></a><span class="poj-icon">└</span><a href="zaojiashu.html">建筑工程1</a></td>
                                     <td>2016-01-01</td>
                                     <td>2016-01-01</td>
                                 </tr>
                                 <tr>
                                     <td></td>
-                                    <td class="in-1"><a class="tree-open"></a><span class="poj-icon">└</span><a href="#">第一层标段实例</a></td>
-                                    <td>2016-01-01</td>
-                                    <td>2016-01-01</td>
+                                    <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;文件夹</td>
+                                    <td></td>
+                                    <td></td>
                                 </tr>
                                 <tr>
                                     <td></td>
-                                    <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">汽车生产车间</a></td>
+                                    <td class="in-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">汽车生产车间</a></td>
                                     <td></td>
                                     <td></td>
                                 </tr>
                                 <tr>
                                     <td></td>
-                                    <td class="in-2"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">左2号生产车间</a></td>
+                                    <td class="in-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">左2号生产车间</a></td>
                                     <td></td>
                                     <td></td>
                                 </tr>
                                 <tr>
                                     <td></td>
-                                    <td class="in-3"><a class="tree-open"></a><span class="poj-icon">└</span><a href="zaojiashu.html">建筑工程2</a></td>
+                                    <td class="in-4"><a class="tree-open"></a><span class="poj-icon">└</span><a href="zaojiashu.html">建筑工程2</a></td>
                                     <td>2016-01-01</td>
                                     <td>2016-01-01</td>
                                 </tr>
                                 <tr>
                                     <td></td>
-                                    <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">轮船生产车间</a></td>
+                                    <td class="in-1"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;轮船生产</td>
                                     <td></td>
                                     <td></td>
                                 </tr>
@@ -209,7 +203,7 @@
                                 </tr>
                                 <tr>
                                     <td></td>
-                                    <td class="in-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">6号生产车间</a></td>
+                                    <td class="in-3"><a href="#" class="tree-open" title="收起"><i class="fa fa-minus-square-o"></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">7号生产车间</a></td>
                                     <td></td>
                                     <td></td>
                                 </tr>
@@ -221,13 +215,13 @@
                                 </tr>
                                 <tr>
                                     <td></td>
-                                    <td class="in-3"><a href="#" class="tree-open" title="收起"><i class=""></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">7号生产车间</a></td>
+                                    <td class="in-3"><a href="#" class="tree-open" title="收起"><i class=""></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">8号生产车间</a></td>
                                     <td></td>
                                     <td></td>
                                 </tr>
                                 <tr>
                                     <td></td>
-                                    <td class="in-3"><a href="#" class="tree-open" title="收起"><i class=""></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">7号生产车间</a></td>
+                                    <td class="in-3"><a href="#" class="tree-open" title="收起"><i class=""></i></a><i class="fa fa-folder-open-o"></i>&nbsp;<a href="#" class="open-sidebar">9号生产车间</a></td>
                                     <td></td>
                                     <td></td>
                                 </tr>
@@ -430,8 +424,8 @@
                     </button>
                 </div>
                 <div class="modal-body">
+                  <!--没有点击任何节点-->
                     <form>
-                    <div class="collapse" id="moreinfo">
                         <div class="form-group">
                             <label>建设项目</label>
                             <input type="text" class="form-control" placeholder="输入建设项目名称">
@@ -440,17 +434,42 @@
                             <label>单项工程</label>
                             <input type="text" class="form-control" placeholder="输入单项工程名称">
                         </div>
-                      </div>
                         <div class="form-group">
                             <label>单位工程</label>
                             <input type="text" class="form-control" placeholder="输入单位工程名称">
                         </div>
-                        <div class="form-group" >
-                            <label class="custom-control custom-checkbox">
-                              <input type="checkbox" class="custom-control-input" href="#moreinfo" data-toggle="collapse" data-parent="#moreinfo" aria-expanded="false" aria-controls="moreinfo">
-                              <span class="custom-control-indicator" ></span>
-                              <span class="custom-control-description">建立 <b>建设项目</b> 和 <b>单项工程</b> 文件夹</span>
-                            </label>
+                        <div class="form-group">
+                            <label>计价方式</label>
+                            <div>
+                                <label class="custom-control custom-radio">
+                                  <input id="radio1" name="radio" type="radio" class="custom-control-input">
+                                  <span class="custom-control-indicator"></span>
+                                  <span class="custom-control-description">清单计价</span>
+                                </label>
+                                <label class="custom-control custom-radio">
+                                  <input id="radio2" name="radio" type="radio" class="custom-control-input">
+                                  <span class="custom-control-indicator"></span>
+                                  <span class="custom-control-description">定额计价</span>
+                                </label>
+                            </div>
+                        </div>
+                    </form>
+                  <!--点击文件夹 轮船生产-->
+                    <form>
+                        <div class="form-group">
+                            <label>在 <b>轮船生产</b> 下新建</label>
+                        </div>
+                        <div class="form-group">
+                            <label>建设项目</label>
+                            <select class="form-control"><option>船体生产车间</option><option>甲板生产车间</option></select>
+                        </div>
+                        <div class="form-group">
+                            <label>单项工程</label>
+                            <select class="form-control"><option>6号生产车间</option><option>7号生产车间</option></select>
+                        </div>
+                        <div class="form-group">
+                            <label>单位工程</label>
+                            <input type="text" class="form-control" placeholder="输入单位工程名称">
                         </div>
                         <div class="form-group">
                             <label>计价方式</label>

zaojiashu.html

@@ -78,6 +78,7 @@
                 <li><a href="zaojiashu.html" class="active">造价书</a></li>
                 <li><a href="gongliaoji.html">工料机</a></li>
                 <li><a href="baobiao.html">报表</a></li>
+                <li><a href="zaojiashu.html">费率</a></li>
             </ul>
         </div>
         <div class="content">
@@ -108,7 +109,7 @@
                 <div class="row">
                     <div class="main-content col-lg-9 p-0">
                         <div class="top-content">
-                            <div class="warp-p2">
+                            <div class="main-data-top">
                                 <table class="table table-sm table-bordered m-0">
                                     <thead>
                                         <th>序号</th>
@@ -1940,7 +1941,7 @@
                             <!-- Tab panes -->
                             <div class="tab-content">
                                 <div class="tab-pane active" id="gl" role="tabpanel">
-                                    <div class="warp-p2">
+                                    <div class="main-data-bottom">
                                         <table class="table table-sm table-bordered m-0">
                                             <thead>
                                                 <th>编号</th>
@@ -2249,32 +2250,32 @@
                                     </div>
                                 </div>
                                 <div class="tab-pane" id="fzt" role="tabpanel">
-                                    <div class="warp-p2">
+                                    <div class="main-data-bottom">
                                         附注条件的内容
                                     </div>
                                 </div>
                                 <div class="tab-pane" id="fzd" role="tabpanel">
-                                    <div class="warp-p2">
+                                    <div class="main-data-bottom">
                                         辅助定额的内容
                                     </div>
                                 </div>
                                 <div class="tab-pane" id="gc" role="tabpanel">
-                                    <div class="warp-p2">
+                                    <div class="main-data-bottom">
                                         工程量明细的内容
                                     </div>
                                 </div>
                                 <div class="tab-pane" id="dj" role="tabpanel">
-                                    <div class="warp-p2">
+                                    <div class="main-data-bottom">
                                         单价构成的内容
                                     </div>
                                 </div>
                                 <div class="tab-pane" id="fx" role="tabpanel">
-                                    <div class="warp-p2">
+                                    <div class="main-data-bottom">
                                         分项说明的内容
                                     </div>
                                 </div>
                                 <div class="tab-pane" id="des" role="tabpanel">
-                                    <div class="warp-p2">
+                                    <div class="main-data-bottom">
                                         定额说明的内容
                                     </div>
                                 </div>
@@ -2285,16 +2286,19 @@
                         <div class="tab-content">
                             <!--清单规则-->
                             <div class="tab-pane active" id="qd" role="tabpanel">
-                                <div class="warp-p2">
-                                    <div>
-                                        <select class="form-control form-control-sm" id="exampleSelect1">
-                                          <option>重庆市房屋建筑与装饰工程工程量计算规则(2013)</option>
-                                          <option>2</option>
-                                          <option>3</option>
-                                          <option>4</option>
-                                          <option>5</option>
-                                        </select>
-                                    </div>
+                                <div class="sidebar-tools-bar">
+                                  <div class="p-1">
+                                    <select class="form-control form-control-sm" id="exampleSelect1">
+                                      <option>重庆市房屋建筑与装饰工程工程量计算规则(2013)</option>
+                                      <option>2</option>
+                                      <option>3</option>
+                                      <option>4</option>
+                                      <option>5</option>
+                                    </select>
+                                  </div>
+                                </div>
+                                <div class="main-data-side-s">
+                                  12
                                 </div>
                             </div>
                             <!--定额库-->