中间计量 及 期修改

css/main.css

@@ -43,7 +43,7 @@ body {
 .sjs-height-1,.sjs-height-2{
   overflow: hidden;
 }
-.sjs-height-4{
+.sjs-height-4,.sjs-height-5,.sjs-height-6{
   overflow: auto;
 }
 .sjs-bottom{

jiliang-detail.html

@@ -409,7 +409,9 @@
       					</div>
                 <div class="c-body col">
                   <div class="tab-content">
+                    <!--变更令-->
                     <div id="biangeng" class="tab-pane active">
+                      <!--变更令二级tab-->
                       <div class="sjs-bar">
                           <ul class="nav nav-tabs">
                             <li class="nav-item">
@@ -419,17 +421,18 @@
                               <a class="nav-link" data-toggle="tab" href="#bglhz" role="tab" aria-selected="false">变更令汇总</a>
                             </li>
                           </ul>
-  										</div>
+                      </div>
+                      <!--变更令二级tab内容-->
                       <div class="tab-content">
+                        <!--可用变更令-->
                         <div id="keybg" class="tab-pane active">
-                          <div class="sjs-height-3">
-                            <div class="row">
-                              <div class="col-auto mt-2">当前变更清单：202-1-1</div>
-                              <div class="col-auto mt-2">清理现场</div>
-                              <div class="col-auto mt-2">变更数量：120</div>
-                            </div>
+                          <div class="sjs-bart">
+                            <table class="table table-bordered table-sm mt-1">
+                              <tr><th>当前变更清单</th><th>清单名称</th><th>变更数量</th></tr>
+                              <tr><td>202-1-1</td><td>清理现场</td><td>120</td></tr>
+                            </table>
                             <div class="row">
-                              <div class="col-auto my-2">
+                              <div class="col-auto">
                                 <div class="form-check-inline">
                                   <label class="form-check-label">
                                     <input class="form-check-input" type="checkbox">
@@ -438,12 +441,14 @@
                                 </div>
                               </div>
                             </div>
+                          </div>
+                          <div class="sjs-height-5">
                             <table class="table table-bordered">
                               <tr><th>已用</th><th>变更令号</th><th>名称</th><th>总数量</th><th>可变更数量</th><th>本次计量</th></tr>
                               <tr><td><i class="fa fa-check text-success"></i></td><td>CW01-BG-1</td><td>增加清淤换填数量</td><td>100</td><td>50</td><td>20</td></tr>
                               <tr><td><i class="fa fa-check text-success"></i></td><td>CW01-BG-2</td><td>增加挖淤及回填数量</td><td>150</td><td>120</td><td>100</td></tr>
                               <tr><td></td><td>CW01-BG-3</td><td>增加清淤换填数量</td><td>150</td><td>100</td><td></td></tr>
-                						</table>
+                            </table>
                           </div>
                           <div class="sjs-bottom">
                             <ul class="nav nav-tabs">
@@ -470,42 +475,42 @@
                               <div id="detail" class="tab-pane">
                                 <div class="sjs-bottom-2">
                                   <div class="form-group mt-3">
-              									    <label>批复编号</label>
-              									    <input class="form-control form-control-sm" value="LZTJ-1标项目部发变更(2015)001号" type="text" readonly>
-              									  </div>
-              									  <div class="form-group">
-              									    <label>工程名称</label>
-              									    <input class="form-control form-control-sm" value="收费站出口右侧加宽段及K0+532基底换填" type="text" readonly>
-              									  </div>
-              									  <div class="form-group">
-              									    <label>桩号</label>
-              									    <input class="form-control form-control-sm" value="K0+532" type="text" readonly>
-              									  </div>
-              									  <div class="form-group">
-              									    <label>原设计图名称</label>
-              									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
-              									  </div>
-              									  <div class="form-group">
-              									    <label>原图号</label>
-              									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
-              									  </div>
-              									  <div class="form-group">
-              									    <label>变更设计图名称</label>
-              									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
-              									  </div>
-              									  <div class="form-group">
-              									    <label>变更图号</label>
-              									    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
-              									  </div>
+                                    <label>批复编号</label>
+                                    <input class="form-control form-control-sm" value="LZTJ-1标项目部发变更(2015)001号" type="text" readonly>
+                                  </div>
+                                  <div class="form-group">
+                                    <label>工程名称</label>
+                                    <input class="form-control form-control-sm" value="收费站出口右侧加宽段及K0+532基底换填" type="text" readonly>
+                                  </div>
+                                  <div class="form-group">
+                                    <label>桩号</label>
+                                    <input class="form-control form-control-sm" value="K0+532" type="text" readonly>
+                                  </div>
+                                  <div class="form-group">
+                                    <label>原设计图名称</label>
+                                    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
+                                  </div>
+                                  <div class="form-group">
+                                    <label>原图号</label>
+                                    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
+                                  </div>
+                                  <div class="form-group">
+                                    <label>变更设计图名称</label>
+                                    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
+                                  </div>
+                                  <div class="form-group">
+                                    <label>变更图号</label>
+                                    <input class="form-control form-control-sm" placeholder="" type="text" readonly>
+                                  </div>
+                                  <div class="form-group">
+                                    <label>工程变更理由及内容</label>
+                                    <textarea class="form-control form-control-sm" rows="6" readonly>由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
+                                    </textarea>
+                                  </div>
                                   <div class="form-group">
-            										    <label>工程变更理由及内容</label>
-            										    <textarea class="form-control form-control-sm" rows="6" readonly>由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
-            												</textarea>
-            										  </div>
-            										  <div class="form-group">
-            										    <label>工程变更合同依据</label>
-            										    <textarea class="form-control form-control-sm" rows="6" readonly></textarea>
-            										  </div>
+                                    <label>工程变更合同依据</label>
+                                    <textarea class="form-control form-control-sm" rows="6" readonly></textarea>
+                                  </div>
                                   <div class="form-group">
                                     <label>变更类型</label>
                                     <div class="checkbox">
@@ -568,9 +573,12 @@
                             </div>
                           </div>
                         </div>
+                        <!--变更令汇总-->
                         <div id="bglhz" class="tab-pane">
-                          <div class="sjs-height-3">
+                          <div class="sjs-bart">
                             <select class="form-control form-control-sm"><option>全部</option><option>本次已用变更令</option></select>
+                          </div>
+                          <div class="sjs-height-5">
                             <table class="table table-bordered">
                               <tr><th>变更令号</th><th>名称</th><th>金额</th><th>批复文号</th><th>已执行(%)</th></tr>
                               <tr><td>CW01-BG-1</td><td>增加清淤换填数量</td><td></td><td></td><td></td></tr>
@@ -591,6 +599,7 @@
                               </li>
                             </ul>
                             <div class="tab-content">
+                              <!--变更清单-->
                               <div id="bgqd" class="tab-pane active">
                                 <div class="sjs-bottom-2">
                                   <table class="table table-bordered">
@@ -598,6 +607,7 @@
                               </table>
                                 </div>
                               </div>
+                              <!--变更信息-->
                               <div id="detail2" class="tab-pane">
                                 <div class="sjs-bottom-2">
                                   <div class="form-group mt-3">
@@ -690,6 +700,7 @@
                                   </div>
                                 </div>
                               </div>
+                              <!--附件-->
                               <div id="fujian2" class="tab-pane">
                                 <table class="table table-bordered">
                                   <tr><th>名称</th><th>上传者</th></tr>
@@ -701,6 +712,7 @@
                         </div>
                       </div>
                     </div>
+                    <!--中间计量表-->
                     <div id="jlbiao" class="tab-pane">
                       <div class="sjs-bar row">
                         <div class="col-auto"><a href="#" class="btn btn-outline-primary btn-sm">自动生成</a></div>
@@ -720,43 +732,44 @@
                       </div>
                       <div class="sjs-bottom">
                         <div class="form-group">
-            					    <label>变更令号：</label>
-            					    <input class="form-control form-control-sm" type="text">
-            					  </div>
+                          <label>变更令号：</label>
+                          <input class="form-control form-control-sm" type="text">
+                        </div>
                         <div class="form-group">
-            					    <label>部位：</label>
-            					    <input class="form-control form-control-sm" type="text">
-            					  </div>
+                          <label>部位：</label>
+                          <input class="form-control form-control-sm" type="text">
+                        </div>
                         <div class="form-group">
-            					    <label>起始桩号：</label>
-            					    <input class="form-control form-control-sm" type="text">
-            					  </div>
+                          <label>起始桩号：</label>
+                          <input class="form-control form-control-sm" type="text">
+                        </div>
                         <div class="form-group">
-            					    <label>分部分项工程：</label>
-            					    <input class="form-control form-control-sm" type="text">
-            					  </div>
+                          <label>分部分项工程：</label>
+                          <input class="form-control form-control-sm" type="text">
+                        </div>
                         <div class="form-group">
-            					    <label>计量单元：</label>
-            					    <input class="form-control form-control-sm" type="text">
-            					  </div>
+                          <label>计量单元：</label>
+                          <input class="form-control form-control-sm" type="text">
+                        </div>
                         <div class="form-group">
-            					    <label>图号：</label>
-            					    <input class="form-control form-control-sm" type="text">
-            					  </div>
+                          <label>图号：</label>
+                          <input class="form-control form-control-sm" type="text">
+                        </div>
                         <div class="form-group">
-            					    <label>计算式说明：</label>
-            					    <textarea class="form-control"></textarea>
-            					  </div>
+                          <label>计算式说明：</label>
+                          <textarea class="form-control"></textarea>
+                        </div>
                         <div class="form-group">
                           <a href="#edit-img" data-toggle="modal" data-target="#edit-img"  class="pull-right">添加草图</a>
-            					    <label>计算草图：</label>
-            					    <p class="form-control"><img src="img/sketch/2.png" class="d-100"></p>
-            					  </div>
+                          <label>计算草图：</label>
+                          <p class="form-control"><img src="img/sketch/2.png" class="d-100"></p>
+                        </div>
                       </div>
                     </div>
+                    <!--中间审批记录-->
                     <div id="spjilu" class="tab-pane">
-                      <div class="sjs-bar">
-                        <table class="table table-bordered">
+                      <div class="side-bar">
+                        <table class="table table-bordered m-0">
                           <tr><th>清单编号</th><th>清单名称</th><th>上报数量</th></tr>
                           <tr><td>201-1</td><td>清理现场</td><td>10</td></tr>
                         </table>
@@ -772,7 +785,6 @@
                   </div>
                 </div>
               </div>
-
               <div class="side-menu">
                 <!--右侧菜单-->
                 <ul class="nav flex-column right-nav">
@@ -792,36 +804,6 @@
     		</div>
       </div>
       <!--弹出添加计量清单-->
-      <div class="modal fade" id="add-qd2" data-backdrop="static">
-          <div class="modal-dialog modal-lg" role="document">
-              <div class="modal-content">
-                  <div class="modal-header">
-                      <h5 class="modal-title">选择计量清单</h5>
-                  </div>
-                  <div class="modal-body">
-                    <div class="input-group mb-3">
-                      <input type="text" class="form-control" placeholder="输入清单编号/名称 检索">
-                      <div class="input-group-append">
-                        <button class="btn btn-primary" type="button">检索</button>
-                      </div>
-                    </div>
-                    <!--检索结果-->
-                    <table class="table table-sm table-bordered">
-                      <legend>检索结果</legend>
-                      <tr><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th width="90">选择</th></tr>
-                      <tr><td>203-1-1</td><td><a href="#">挖土方</a></td><td>m3</td><td>7.54</td><td><input type="checkbox" checked> 已选择</td></tr>
-                      <tr><td colspan="5"><span>└</span> 1-2-5 排水沟工程</td></tr>
-                      <tr><td>203-1-1</td><td>挖土方</td><td>m3</td><td>7.54</td><td><input type="checkbox"></td></tr>
-                    </table>
-                  </div>
-                  <div class="modal-footer">
-                    <button type="button" class="btn btn-primary">选择计量范围</button>
-                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
-                  </div>
-              </div>
-          </div>
-      </div>
-      <!--弹出添加计量清单-->
       <div class="modal fade" id="add-qd3" data-backdrop="static">
           <div class="modal-dialog modal-lgx" role="document">
               <div class="modal-content">
@@ -850,20 +832,19 @@
                         <div class="modal-height-250">
                           <legend>选择计量单元</legend>
                           <table class="table table-bordered">
-                            <tr><th>项目节编号</th><th>名称</th><th>单位</th></tr>
-                            <tr><td>1-2-1-1-1</td><td>k0+000-k1+000</td><td></td></tr>
-                            <tr><td>1-2-1-1-2</td><td>k1+000-k1+800</td><td></td></tr>
-                            <tr><td>1-2-1-1-3</td><td>k2+800-k1+004</td><td></td></tr>
+                            <tr><th width="50"></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
+                            <tr><td><input type="checkbox"></td><td>1-2-1-1-1</td><td>k0+000-k1+000</td><td></td></tr>
+                            <tr><td><input type="checkbox"></td><td>1-2-1-1-2</td><td>k1+000-k1+800</td><td></td></tr>
+                            <tr><td><input type="checkbox"></td><td>1-2-1-1-3</td><td>k2+800-k1+004</td><td></td></tr>
                           </table>
                         </div>
                         <div class="modal-height-250">
                           <table class="table table-bordered">
                             <thead>
-                              <tr><th></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></tr>
-                              <tr><td></td><td>数量</td><td>金额</td><td>数量</td><td>金额</td></tr>
+                              <tr><th width="50"></th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th></tr>
                             </thead>
                             <tbody>
-                              <tr><td><input type="checkbox"></td><td>挖土方</td><td>m3</td><td>7.53</td><td>100</td><td>753</td><td>50</td><td>375</td></tr>
+                              <tr><td><input type="checkbox"></td><td>挖土方</td><td>m3</td><td>7.53</td></tr>
                             </tbody>
                           </table>
                         </div>

jiliang-qi-detail2.html

@@ -112,7 +112,7 @@
   											<a class="nav-link" href="jiliang-qi.html">返回</a>
   										</li>
   										<li class="nav-item">
-  											<a class="nav-link" href="jiliang-qi-detail.html">中间计量表</a>
+  											<a class="nav-link" href="jiliang-qi-detail.html">中间计量</a>
   										</li>
   										<li class="nav-item"><a class="nav-link active" href="jiliang-qi-detail2.html">本期计量台帐</a></li>
                       <li class="nav-item"><a class="nav-link" href="jiliang-qi-detail3.html">合同支付</a></li>

jiliang-qi-detail3.html

@@ -134,40 +134,67 @@
     				<div class="content-wrap">
               <div class="c-header p-0"></div>
     					<div class="c-body">
-                <div class="row">
-                  <div class="col-8">
-                    <div class="sjs-height-1">
-                      <div class="form-group row">
-                        <label class="col-sm-2 col-form-label">表达式</label>
-                        <div class="col-sm-10">
-                          <input type="text" class="form-control">
+                <!--上部-->
+                <div class="body-height-top">
+                  <div class="row">
+                    <!--左栏-->
+                    <div class="col-8">
+                      <!--工具栏-->
+                      <div class="row">
+                        <div class="col-7">
+                          <div class="btn-group">
+                            <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-sign-in" aria-hidden="true"></i></a>
+                            <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加"><i class="fa fa-plus" aria-hidden="true"></i></a>
+                            <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
+                            <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
+                            <a href="#" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
+                          </div>
+                        </div>
+                        <div class="col-5">
+                          <div class="input-group input-group-sm mb-1">
+                            <div class="input-group-prepend">
+                              <span class="input-group-text" id="basic-addon1">表达式</span>
+                            </div>
+                            <input type="text" class="form-control" >
+                          </div>
                         </div>
                       </div>
-                      <table class="table table-bordered">
-                          <tr><th></th><th>名称</th><th>扣款</th><th>本期金额（表达式）</th><th>累计金额</th><th>起扣金额</th><th>付（扣）款限额</th></tr>
-                          <tr><td>1</td><td>本期应付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-                          <tr><td>2</td><td>本期实付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-                          <tr><td>3</td><td>本期完成计量</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-                          <tr><td>4</td><td>质量保证金</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-                          <tr><td>5</td><td>扣回开工预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-                          <tr><td>6</td><td>扣回材料预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
-
-                      </table>
+                      <div style="height:330px;overflow: hidden;">
+                        <table class="table table-bordered">
+                            <tr><th></th><th>名称</th><th>扣款</th><th>本期金额（表达式）</th><th>累计金额</th><th>起扣金额</th><th>付（扣）款限额</th></tr>
+                            <tr><td>1</td><td>本期应付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
+                            <tr><td>2</td><td>本期实付</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
+                            <tr><td>3</td><td>本期完成计量</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
+                            <tr><td>4</td><td>质量保证金</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
+                            <tr><td>5</td><td>扣回开工预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
+                            <tr><td>6</td><td>扣回材料预付款</td><td><input type="checkbox"></td><td></td><td></td><td></td><td></td></tr>
+                        </table>
+                      </div>
                     </div>
-                  </div>
-                  <div class="col-4">
-                    <div class="sjs-height-1">
+                    <!--右栏-->
+                    <div class="col-4">
+                      <div style="height:365px;overflow: hidden;">
                       <table class="table table-bordered">
-                        <tr><th></th><th>可选基数</th><th>计算代号</th></tr>
-                        <tr><td>1</td><td>签约合同价</td><td>htj</td></tr>
-                        <tr><td>2</td><td>签约开工预付款</td><td>kgyfk</td></tr>
-                        <tr><td>3</td><td>签约材料预付款</td><td>clyfk</td></tr>
-                        <tr><td>4</td><td>本期完成计量</td><td>bqwc</td></tr>
-                        <tr><td>5</td><td>100章本期完成计量</td><td>ybbqwc</td></tr>
+                          <tr><th></th><th>可选基数</th><th>计算代号</th></tr>
+                          <tr><td>1</td><td>签约合同价</td><td>htj</td></tr>
+                          <tr><td>2</td><td>签约开工预付款</td><td>kgyfk</td></tr>
+                          <tr><td>3</td><td>签约材料预付款</td><td>clyfk</td></tr>
+                          <tr><td>4</td><td>本期完成计量</td><td>bqwc</td></tr>
+                          <tr><td>5</td><td>100章本期完成计量</td><td>ybbqwc</td></tr>
                       </table>
                     </div>
+                    </div>
                   </div>
                 </div>
+                <!--下部-->
+                <div class="body-height-bottom">
+                  <legend>章节明细 <a href="#zjset" data-toggle="modal" data-target="#zjset" class="btn btn-sm">章节设置</a> <a href="#zfset" data-toggle="modal" data-target="#zfset" class="btn btn-sm">支付设置</a></legend>
+                  <div class="sjs-height-6">
+                    <table class="table table-bordered">
+                      <tr><th>章节名称</th><th>本期合同计量金额</th><th>本期变更计量金额</th><th>本期完成计量基金</th><th>累计完成计量金额</th><th>本期支付金额</th><th>累计支付金额</th></tr>
+                    </table>
+                 </div>
+                </div>
     					</div>
     				</div>
     			</div>
@@ -322,6 +349,81 @@
               </div>
           </div>
       </div>
+      <!--章节设置-->
+      <div class="modal fade" id="zjset" data-backdrop="static">
+          <div class="modal-dialog" role="document">
+              <div class="modal-content">
+                  <div class="modal-header">
+                      <h5 class="modal-title">章节设置</h5>
+                  </div>
+                  <div class="modal-body">
+                     <table class="table table-sm table-bordered">
+                      <tr><th width="200">章节</th><th>名称</th></tr>
+                      <tr><td>100</td><td><input type="text" class="form-control form-control-sm" value="总则"></td></tr>
+                      <tr><td>200</td><td><input type="text" class="form-control form-control-sm" value="路基"></td></tr>
+                      <tr><td>300</td><td><input type="text" class="form-control form-control-sm" value="路面"></td></tr>
+                      <tr><td>400</td><td><input type="text" class="form-control form-control-sm" value="桥梁、涵洞"></td></tr>
+                      <tr><td>500</td><td><input type="text" class="form-control form-control-sm" value="隧道"></td></tr>
+                      <tr><td>600</td><td><input type="text" class="form-control form-control-sm" value="安全设施及预埋管线"></td></tr>
+                      <tr><td>700</td><td><input type="text" class="form-control form-control-sm" value="绿化及环境保护"></td></tr>
+                      <tr><td>800</td><td><input type="text" class="form-control form-control-sm" value="公路沿线管理用房设施"></td></tr>
+                      <tr><td>900</td><td><input type="text" class="form-control form-control-sm" value="监控系统"></td></tr>
+                      <tr><td>1000</td><td><input type="text" class="form-control form-control-sm" value="收费系统"></td></tr>
+                      <tr><td>1100</td><td><input type="text" class="form-control form-control-sm" value="通信系统"></td></tr>
+                      <tr><td>1200</td><td><input type="text" class="form-control form-control-sm" value="消防系统"></td></tr>
+                      <tr><td>1300</td><td><input type="text" class="form-control form-control-sm" value="供配电及照明系统"></td></tr>
+                     </table>
+                  </div>
+                  <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                    <button type="button" class="btn btn-primary">确定修改</button>
+                  </div>
+              </div>
+          </div>
+      </div>
+      <!--支付设置-->
+      <div class="modal fade" id="zfset" data-backdrop="static">
+          <div class="modal-dialog" role="document">
+              <div class="modal-content">
+                  <div class="modal-header">
+                      <h5 class="modal-title">支付设置</h5>
+                  </div>
+                  <div class="modal-body">
+                      <div class="form-group">
+                        <label></label>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
+                          <label class="form-check-label" for="inlineRadio1">按支付比例计算</label>
+                        </div>
+                        <div class="form-check form-check-inline">
+                          <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
+                          <label class="form-check-label" for="inlineRadio2">手工输入</label>
+                        </div>
+                      </div>
+                     <table class="table table-sm table-bordered">
+                      <tr><th width="150">章节</th><th>合同计量支付比例(%)</th><th>数量变更计量支付比例(%)</th></tr>
+                      <tr><td>100</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>200</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>300</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>400</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>500</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>600</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>700</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>800</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>900</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>1000</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>1100</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>1200</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                      <tr><td>1300</td><td><input type="text" class="form-control form-control-sm" value="100"></td><td><input type="text" class="form-control form-control-sm" value="100"></td></tr>
+                     </table>
+                  </div>
+                  <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                    <button type="button" class="btn btn-primary">确定修改</button>
+                  </div>
+              </div>
+          </div>
+      </div>      
     <!-- JS. -->
     <script src="js/jquery/jquery-3.2.1.min.js"></script>
     <script src="js/popper/popper.min.js"></script>

js/global.js

@@ -2,12 +2,16 @@
 function autoFlashHeight(){
     var cHeader = $(".c-header").height();
     var sBar = $(".sjs-bar").height();
+    var sBart = $(".sjs-bart").height();
     var sBarz = $(".side-bar").height();
     var pBarz = $(".toolsbar-f").height();
+    var bdtopc = $(".body-height-top").height();
     $(".sjs-height-1").height($(window).height()-cHeader-160);
     $(".sjs-height-2").height($(window).height()-cHeader-sBarz-160);
     $(".sjs-height-3").height($(window).height()-cHeader-sBar-560);
     $(".sjs-height-4").height($(window).height()-cHeader-pBarz-160);
+    $(".sjs-height-5").height($(window).height()-cHeader-sBart-605);
+    $(".sjs-height-6").height($(window).height()-cHeader-bdtopc-204);
 };
 $(window).resize(autoFlashHeight);
 /*全局自适应高度结束*/