为spreadjs 提供相应自动高度div

css/main.css

@@ -12,6 +12,9 @@ body {
   color:#999
 }
 /*自定义css*/
+.sjs-height-1,.sjs-height-2{
+  overflow: hidden;
+}
 .form-signin {
     max-width: 500px;
     margin: 150px auto;

js/global.js

@@ -1,22 +1,8 @@
 /*全局自适应高度*/
 function autoFlashHeight(){
-    var headerHeight = $(".header").height();
-    var toolsbarHeight = $(".toolsbar").height();
-    var ftoolsbarHeight = $(".toolsbar-f").height();
-    var bottomContentHeight = $(".bottom-content").height();
-    var toolsBarHeightQ = $(".tools-bar-height-q").height();
-    var toolsBarHeightD = $(".tools-bar-height-d").height();
-    $(".main-data-side-q").height($(window).height()-headerHeight-toolsbarHeight-toolsBarHeightQ-202);
-    $(".main-data-side-d").height($(window).height()-headerHeight-toolsbarHeight-toolsBarHeightD-202);
-    $(".main-data-top").height($(window).height()-headerHeight-toolsbarHeight-bottomContentHeight-1);
-    $(".main-data-full").height($(window).height()-headerHeight-toolsbarHeight-1);
-    $(".main-data-full-fl").height($(window).height()-headerHeight-toolsbarHeight-37);
-    $(".main-data-not").height($(window).height()-headerHeight-1);
-    $(".main-data-side-search").height($(window).height()-headerHeight-toolsbarHeight-64);
-    $(".side-content").height($(window).height()-headerHeight );
-    $(".poj-list").height($(window).height()-headerHeight-toolsbarHeight);
-    $(".form-view").height($(window).height()-headerHeight-ftoolsbarHeight);
-    $(".form-list").height($(window).height()-headerHeight-50 );
+    var cHeader = $(".c-header").height();
+    $(".sjs-height-1").height($(window).height()-cHeader-160);
+    $(".sjs-height-2").height($(window).height()-cHeader-191);
 };
 $(window).resize(autoFlashHeight);
 /*全局自适应高度结束*/

taizhang-bg-detail.html

@@ -141,23 +141,29 @@
                 </ul>
     					</div>
     					<div class="c-body col-8">
-    						<table class="table table-bordered">
-                  <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th><th>台帐变更编号</th></tr>
-    						</table>
+                <div class="sjs-height-1">
+      						<table class="table table-bordered">
+                    <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th><th>台帐变更编号</th></tr>
+      						</table>
+                </div>
     					</div>
               <div class="c-body col-4">
                 <div class="tab-content">
                   <div id="xiangmujie" class="tab-pane active">
                     <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
-        						<table class="table table-bordered">
-                      <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
-        						</table>
+                    <div class="sjs-height-2">
+                      <table class="table table-bordered">
+                        <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
+          						</table>
+                    </div>
                   </div>
                   <div id="qingdan" class="tab-pane">
                     <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
-        						<table class="table table-bordered">
-                      <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
-        						</table>
+                    <div class="sjs-height-2">
+                    	<table class="table table-bordered">
+                        <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
+          						</table>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -172,5 +178,7 @@
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <script src="js/global.js"></script>
 </body>
-
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
 </html>

taizhang-jl.html

@@ -139,48 +139,10 @@
     					</div>
     				</div>
     				<div class="content-wrap">
+              <div class="c-header p-0"></div>
     					<div class="c-body">
-                <table class="table table-bordered">
-                  <thead>
-                    <tr>
-                      <th rowspan="2">1</th>
-                      <th rowspan="2">项目节编号</th>
-                      <th rowspan="2">清单编号</th>
-                      <th rowspan="2">名称</th>
-                      <th rowspan="2">单位</th>
-                      <th rowspan="2">单价</th>
-                      <th colspan="2">0号台帐合同</th>
-                      <th colspan="2">本期合同计量</th>
-                      <th colspan="3">本期数量变更计量</th>
-                      <th colspan="2">本期完成计量</th>
-                      <th colspan="2">截止本期合同计量</th>
-                      <th colspan="2">截止本期数量变更</th>
-                      <th colspan="2">截止本期完成计量</th>
-                      <th rowspan="2">图（册）号</th>
-                      <th rowspan="2">累计完成率(%)</th>
-                      <th rowspan="2">备注</th>
-                    </tr>
-                    <tr>
-                      <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>
-                      <th>金额</th>
-                    </tr>
-                  </thead>
-                </table>
-                <!--审批结果比较-->
-                <table class="table table-bordered">
+                <div class="sjs-height-1">
+                  <table class="table table-bordered">
                     <thead>
                       <tr>
                         <th rowspan="2">1</th>
@@ -189,10 +151,16 @@
                         <th rowspan="2">名称</th>
                         <th rowspan="2">单位</th>
                         <th rowspan="2">单价</th>
-                        <th colspan="2">上报</th>
-                        <th colspan="2">1审 张三</th>
-                        <th colspan="2">2审 赵四</th>
-                        <th colspan="2">终审 王五</th>
+                        <th colspan="2">0号台帐合同</th>
+                        <th colspan="2">本期合同计量</th>
+                        <th colspan="3">本期数量变更计量</th>
+                        <th colspan="2">本期完成计量</th>
+                        <th colspan="2">截止本期合同计量</th>
+                        <th colspan="2">截止本期数量变更</th>
+                        <th colspan="2">截止本期完成计量</th>
+                        <th rowspan="2">图（册）号</th>
+                        <th rowspan="2">累计完成率(%)</th>
+                        <th rowspan="2">备注</th>
                       </tr>
                       <tr>
                         <th>数量</th>
@@ -203,9 +171,44 @@
                         <th>金额</th>
                         <th>数量</th>
                         <th>金额</th>
+                        <th>变更令</th>
+                        <th>数量</th>
+                        <th>金额</th>
+                        <th>数量</th>
+                        <th>金额</th>
+                        <th>数量</th>
+                        <th>金额</th>
                       </tr>
                     </thead>
                   </table>
+                  <!--审批结果比较-->
+                  <table class="table table-bordered">
+                      <thead>
+                        <tr>
+                          <th rowspan="2">1</th>
+                          <th rowspan="2">项目节编号</th>
+                          <th rowspan="2">清单编号</th>
+                          <th rowspan="2">名称</th>
+                          <th rowspan="2">单位</th>
+                          <th rowspan="2">单价</th>
+                          <th colspan="2">上报</th>
+                          <th colspan="2">1审 张三</th>
+                          <th colspan="2">2审 赵四</th>
+                          <th colspan="2">终审 王五</th>
+                        </tr>
+                        <tr>
+                          <th>数量</th>
+                          <th>金额</th>
+                          <th>数量</th>
+                          <th>金额</th>
+                          <th>数量</th>
+                          <th>金额</th>
+                          <th>数量</th>
+                          <th>金额</th>
+                        </tr>
+                      </thead>
+                    </table>
+                </div>
     					</div>
     				</div>
     			</div>
@@ -218,5 +221,7 @@
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <script src="js/global.js"></script>
 </body>
-
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
 </html>

taizhang.html

@@ -148,43 +148,49 @@
                 </ul>
     					</div>
     					<div class="c-body col-8">
-    						<table class="table table-bordered">
-                  <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th></tr>
-    						</table>
-                <!--查看审批过程-->
-                <table class="table table-bordered">
-                  <thead>
-                    <tr><th rowspan="2">1</th><th rowspan="2">项目节编号</th><th rowspan="2">清单编号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">单价</th><th colspan="2">上报</th><th colspan="3">一审王五</th><th colspan="3">二审张三</th><th rowspan="2">图（册）号</th><th rowspan="2">备注</th><th rowspan="2">审批新增</th><th rowspan="2">台帐变更</th></tr>
-                    <tr><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>审批意见</th><th>数量</th><th>金额</th><th>审批意见</th></tr>
-                  </thead>
-                  <tbody>
-                    <tr><td>2</td><td></td><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td>92954.75</td><td>699949</td><td>92954.75</td><td>699949</td><td>审批意见</td><td>92954.75</td><td>699949</td><td>审批意见</td><td></td><td></td><td></td></tr>
-                    <tr class="table-success"><td>2</td><td></td><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td>92954.75</td><td>699949</td><td>92954.75</td><td>699949</td><td>审批意见</td><td>92954.75</td><td>699949</td><td>审批意见</td><td></td><td></td><td>一审王五</td><td></td></tr>
-                  </tbody>
-                </table>
-                <!--台帐变更-->
-                <table class="table table-bordered">
-                  <thead>
-                    <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th><th>台帐变更</th></tr>
-                  </thead>
-                  <tbody>
-                    <tr class="table-warning"><td>2</td><td></td><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td>699949</td><td></td><td></td><td></td><td></td><td><a href="#tz-bg" data-toggle="modal" data-target="#tz-bg">tzbg-0003</a></td></tr>
-                  </tbody>
-                </table>
+                <div class="sjs-height-1">
+      						<table class="table table-bordered">
+                    <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th></tr>
+      						</table>
+                  <!--查看审批过程-->
+                  <table class="table table-bordered">
+                    <thead>
+                      <tr><th rowspan="2">1</th><th rowspan="2">项目节编号</th><th rowspan="2">清单编号</th><th rowspan="2">名称</th><th rowspan="2">单位</th><th rowspan="2">单价</th><th colspan="2">上报</th><th colspan="3">一审王五</th><th colspan="3">二审张三</th><th rowspan="2">图（册）号</th><th rowspan="2">备注</th><th rowspan="2">审批新增</th><th rowspan="2">台帐变更</th></tr>
+                      <tr><th>数量</th><th>金额</th><th>数量</th><th>金额</th><th>审批意见</th><th>数量</th><th>金额</th><th>审批意见</th></tr>
+                    </thead>
+                    <tbody>
+                      <tr><td>2</td><td></td><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td>92954.75</td><td>699949</td><td>92954.75</td><td>699949</td><td>审批意见</td><td>92954.75</td><td>699949</td><td>审批意见</td><td></td><td></td><td></td></tr>
+                      <tr class="table-success"><td>2</td><td></td><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td>92954.75</td><td>699949</td><td>92954.75</td><td>699949</td><td>审批意见</td><td>92954.75</td><td>699949</td><td>审批意见</td><td></td><td></td><td>一审王五</td><td></td></tr>
+                    </tbody>
+                  </table>
+                  <!--台帐变更-->
+                  <table class="table table-bordered">
+                    <thead>
+                      <tr><th></th><th>项目节编号</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>施工图原设计</th><th>图（册）号</th><th>备注</th><th>台帐变更</th></tr>
+                    </thead>
+                    <tbody>
+                      <tr class="table-warning"><td>2</td><td></td><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td>699949</td><td></td><td></td><td></td><td></td><td><a href="#tz-bg" data-toggle="modal" data-target="#tz-bg">tzbg-0003</a></td></tr>
+                    </tbody>
+                  </table>
+                </div>
     					</div>
               <div class="c-body col-4">
                 <div class="tab-content">
                   <div id="xiangmujie" class="tab-pane active">
                     <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
-        						<table class="table table-bordered">
-                      <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
-        						</table>
+                    <div class="sjs-height-2">
+                      <table class="table table-bordered">
+                        <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
+          						</table>
+                    </div>
                   </div>
                   <div id="qingdan" class="tab-pane">
                     <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
-        						<table class="table table-bordered">
-                      <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
-        						</table>
+                    <div class="sjs-height-2">
+                    	<table class="table table-bordered">
+                        <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
+          						</table>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -221,5 +227,7 @@
     <script src="js/bootstrap/bootstrap.min.js"></script>
     <script src="js/global.js"></script>
 </body>
-
+<script type="text/javascript">
+    autoFlashHeight();
+</script>
 </html>