Просмотр исходного кода

造价书侧栏“清单规则”和“定额库”补充界面元素

Chente 8 лет назад
Родитель
Сommit
f0c4a9f93a
3 измененных файлов с 42 добавлено и 6 удалено
  1. 3 0
      css/main.css
  2. 1 1
      js/global.js
  3. 38 5
      zaojiashu.html

+ 3 - 0
css/main.css

@@ -82,6 +82,9 @@ body {
     border-left: 1px solid #ccc;
     overflow-y: auto;
 }
+.sidebar-bottom,.sidebar-bottom .col-lg-6,.sidebar-bottom .col-lg-12 {
+  height:200px
+}
 .top-content, .fluid-content {
     overflow: auto;
     border-bottom: 1px solid #ccc;

+ 1 - 1
js/global.js

@@ -5,7 +5,7 @@ function autoFlashHeight(){
     var bottomContentHeight = $(".bottom-content").height();
     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-side-s").height($(window).height()-headerHeight-toolsbarHeight-sidebarToolsBarHeight-202);
     $(".main-data-top").height($(window).height()-headerHeight-toolsbarHeight-bottomContentHeight-1);
     $(".main-data-full").height($(window).height()-headerHeight-toolsbarHeight-1);
     $(".side-content").height($(window).height()-headerHeight );

+ 38 - 5
zaojiashu.html

@@ -2286,26 +2286,59 @@
                         <div class="tab-content">
                             <!--清单规则-->
                             <div class="tab-pane active" id="qd" role="tabpanel">
-                                <div class="sidebar-tools-bar">
-                                  <div class="p-1">
-                                    <select class="form-control form-control-sm" id="exampleSelect1">
+                                <div class="sidebar-tools-bar container-fluid">
+                                  <div class="p-1 row">
+                                    <select class="form-control form-control-sm col-6" id="exampleSelect1">
                                       <option>重庆市房屋建筑与装饰工程工程量计算规则(2013)</option>
                                       <option>2</option>
                                       <option>3</option>
                                       <option>4</option>
                                       <option>5</option>
                                     </select>
+                                    <div class="input-group col-6">
+                                      <div class="input-group-addon form-control-sm"><i class="fa fa-search" aria-hidden="true"></i></div>
+                                      <input type="text" class="form-control form-control-sm" placeholder="搜索清单">
+                                    </div>
                                   </div>
                                 </div>
                                 <div class="main-data-side-s">
                                   12
                                 </div>
+                                <div class="sidebar-bottom container-fluid">
+                                  <div class="row">
+                                    <div class="col-lg-6"> 6 L </div>
+                                    <div class="col-lg-6"> 6 R </div>
+                                  </div>
+                                  <div class="row hide">
+                                    <div class="col-lg-12"> 12 only </div>
+                                  </div>
+                                </div>
                             </div>
                             <!--定额库-->
                             <div class="tab-pane" id="de" role="tabpanel">
-                                <div class="warp-p2">
-                                    定额内容
+                              <div class="sidebar-tools-bar container-fluid">
+                                <div class="p-1 row">
+                                  <select class="form-control form-control-sm col-6" id="exampleSelect1">
+                                    <option>重庆市建筑工程计价定额(2008)</option>
+                                    <option>2</option>
+                                    <option>3</option>
+                                    <option>4</option>
+                                    <option>5</option>
+                                  </select>
+                                  <div class="input-group col-6">
+                                    <div class="input-group-addon form-control-sm"><i class="fa fa-search" aria-hidden="true"></i></div>
+                                    <input type="text" class="form-control form-control-sm" placeholder="搜索定额">
+                                  </div>
+                                </div>
+                              </div>
+                              <div class="main-data-side-s">
+                                12
+                              </div>
+                              <div class="sidebar-bottom container-fluid">
+                                <div class="row">
+                                  <div class="col-lg-12"> 12 only </div>
                                 </div>
+                              </div>
                             </div>
                         </div>
                     </div>