Parcourir la source

指标库 右侧上下部分标题、滚动条调整

Chente il y a 7 ans
Parent
commit
d699014397
2 fichiers modifiés avec 35 ajouts et 32 suppressions
  1. 3 2
      js/global.js
  2. 32 30
      my-Library-detail2.html

+ 3 - 2
js/global.js

@@ -1,9 +1,10 @@
 /*全局自适应高度*/
 function autoFlashHeight(){
     var cHeader = $(".c-header").height();
+    var toptitle = $(".top-title").height();
+    var bottomtitle = $(".bottom-title").height();
     $(".sjs-height-1").height($(window).height()-cHeader-160);
-    $(".sjs-height-2").height($(window).height()-cHeader-191);
-    $(".sjs-height-3").height($(window).height()-cHeader-520);
+    $(".sjs-height-3").height($(window).height()-cHeader-toptitle-bottomtitle-552);
 };
 $(window).resize(autoFlashHeight);
 /*全局自适应高度结束*/

+ 32 - 30
my-Library-detail2.html

@@ -73,14 +73,17 @@
                 </div>
               </div>
               <div class="col-7">
-    						<div class="sjs-height-3">
-                  <table class="table table-bordered table-sm table-hover">
+                <!--top-->
+                <div>
+                  <div class="top-title">
+                    <h5>指标</h5>
+                  </div>
+						      <div class="sjs-height-3">
+                    <table class="table table-bordered table-sm table-hover mt-1">
                     <tr>
                       <th>指标编号</th>
                       <th>项目或费用name</th>
                       <th colspan="2">指标unit</th>
-                      <th>total_price
-                          (元)</th>
                       <th>计算规则</th>
                       <th>指标计算</th>
                       <th>经济指标</th>
@@ -90,7 +93,6 @@
                       <td>临时道路</td>
                       <td></td>
                       <td>km</td>
-                      <td></td>
                       <td>指新建便道与利用原有道路的总长</td>
                       <td></td>
                       <td></td>
@@ -100,7 +102,6 @@
                       <td>临时道路公路公里造价</td>
                       <td>元</td>
                       <td>公路公里</td>
-                      <td></td>
                       <td>total_price
                           /路线总长度</td>
                       <td>10000/500</td>
@@ -111,7 +112,6 @@
                       <td>临时道路公里造价</td>
                       <td>元</td>
                       <td>km</td>
-                      <td></td>
                       <td>km指临时道路长度,total_price
                           /临时道路长</td>
                       <td></td>
@@ -122,7 +122,6 @@
                       <td>临时道路建筑面积造价</td>
                       <td>元</td>
                       <td>m2</td>
-                      <td></td>
                       <td>total_price
                           /(临时道路长度×路基均宽)</td>
                       <td></td>
@@ -133,7 +132,6 @@
                       <td>临时道路造价占比</td>
                       <td></td>
                       <td>%</td>
-                      <td></td>
                       <td>total_price
                           /临时工程费用</td>
                       <td></td>
@@ -144,7 +142,6 @@
                       <td>临时道路面积长度比</td>
                       <td></td>
                       <td>%</td>
-                      <td></td>
                       <td>临时道路建筑面积/临时道路长度</td>
                       <td></td>
                       <td></td>
@@ -154,35 +151,40 @@
                       <td>临时道路路线长度比</td>
                       <td>km</td>
                       <td>公路公里</td>
-                      <td></td>
                       <td>临时道路长度/路线总长度</td>
                       <td></td>
                       <td></td>
                     </tr>
                   </table>
+                  </div>
                 </div>
-                <div class="sjs-bottom-2">
-                    <legend class="mt-3">填写参数</legend>
+                <!--bottom-->
+                <div>
+                  <div class="bottom-title mt-3">
+                    <h5>填写参数</h5>
+                  </div>
+                  <div class="sjs-bottom-2">
                     <!--本节点参数-->
                     <table class="table table-bordered table-sm table-hover">
-                      <tr><th colspan="4" class="text-center">1-1 项目节 参数</th></tr>
-                      <tr>
-                        <th>参数name</th><th>绑定分项节点</th><th>参数数值</th>
-                      </tr>
-                      <tr>
-                        <td>总造价</th><td></td><td><input class="form-control form-control-sm"></td>
-                      </tr>
-                      <tr>
-                        <td>路线总长度</td><td>1-1-2</td><td><input class="form-control form-control-sm" value="15123"></td>
-                      </tr>
-                      <tr>
-                        <td>路基工程费用</td><td>1-4-1</td><td><input class="form-control form-control-sm" value="50410"></td>
-                      </tr>
-                      <tr>
-                        <td>边沟圬工体积</td><td></td><td><input class="form-control form-control-sm"></td>
-                      </tr>
-                    </table>
+                        <tr><th colspan="4" class="text-center">1-1 项目节 参数</th></tr>
+                        <tr>
+                          <th>参数name</th><th>绑定分项节点</th><th>参数数值</th>
+                        </tr>
+                        <tr>
+                          <td>总造价</th><td></td><td><input class="form-control form-control-sm"></td>
+                        </tr>
+                        <tr>
+                          <td>路线总长度</td><td>1-1-2</td><td><input class="form-control form-control-sm" value="15123"></td>
+                        </tr>
+                        <tr>
+                          <td>路基工程费用</td><td>1-4-1</td><td><input class="form-control form-control-sm" value="50410"></td>
+                        </tr>
+                        <tr>
+                          <td>边沟圬工体积</td><td></td><td><input class="form-control form-control-sm"></td>
+                        </tr>
+                      </table>
                   </div>
+                </div>
               </div>
             </div>
 					</div>