台帐界面结构调整

css/main.css

@@ -194,6 +194,15 @@ body {
 .panel-title>.title-main{
   padding-left: 15px
 }
+.side-menu{
+  position: fixed;
+  right:43px;
+  top:116px
+}
+.sub-content{
+  margin-left:0;
+  margin-right:46px
+}
 /*滚动*/
 .scrollbar-auto {
     overflow-y: auto;

taizhang-bg-detail.html

@@ -134,37 +134,41 @@
     					</div>
     				</div>
     				<div class="content-wrap row">
-    					<div class="c-header p-0 col-12">
-
-    					</div>
-    					<div class="c-body col-8">
-                <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">
-                <div class="tab-content">
-                  <div id="xiangmujie" class="tab-pane active">
-                    <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
-                    <div class="sjs-height-2">
-                      <table class="table table-bordered">
-                        <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
-          						</table>
-                    </div>
+    					<div class="c-header p-0 col-12"></div>
+              <!--核心内容（两栏）-->
+              <div class="row w-100 sub-content">
+                <!--左栏-->
+      					<div class="c-body col-8">
+                  <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 id="qingdan" class="tab-pane">
-                    <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
-                    <div class="sjs-height-2">
-                    	<table class="table table-bordered">
-                        <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
-          						</table>
+      					</div>
+                <!--右栏-->
+                <div class="c-body col">
+                  <div class="tab-content">
+                    <div id="xiangmujie" class="tab-pane active">
+                      <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
+                      <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>
+                      <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>
               </div>
-              <div class="col-auto pl-0">
+              <!--右侧菜单-->
+              <div class="side-menu">
                 <!--右侧菜单-->
                 <ul class="nav flex-column right-nav">
                   <li class="nav-item">

taizhang.html

@@ -143,63 +143,69 @@
     				</div>
     				<div class="content-wrap row">
     					<div class="c-header p-0 col-12"></div>
-    					<div class="c-body col-8">
-                <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>
-                  <a href="#batch" data-toggle="modal" data-target="#batch" class="btn btn-primary">批量添加子项 弹窗</a>
-                </div>
-    					</div>
-              <div class="c-body col">
-                <div class="tab-content">
-                  <div id="xiangmujie" class="tab-pane active">
-                    <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
-                    <div class="sjs-height-2">
-                      <table class="table table-bordered">
-                        <tr><th></th><th>项目节编号</th><th>名称</th><th>单位</th></tr>
-          						</table>
-                    </div>
+              <!--核心内容（两栏）-->
+              <div class="row w-100 sub-content">
+                <!--左栏-->
+                <div class="c-body col-8">
+                  <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>
+                    <a href="#batch" data-toggle="modal" data-target="#batch" class="btn btn-primary">批量添加子项 弹窗</a>
                   </div>
-                  <div id="qingdan" class="tab-pane">
-                    <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
-                    <div class="sjs-height-2">
-                    	<table class="table table-bordered">
-                        <tr><th></th><th>清单编号</th><th>名称</th><th>单位</th></tr>
-          						</table>
+				         </div>
+                 <!--右栏-->
+                <div class="c-body col">
+                  <div class="tab-content">
+                    <div id="xiangmujie" class="tab-pane active">
+                      <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
+                      <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 id="qianyue" class="tab-pane">
-                    <a href="#upload-qianyue" data-toggle="modal" data-target="#upload-qianyue"  class="btn btn-sm btn-primary">上传签约清单</a>
-                    <div class="sjs-height-2">
-                    	<table class="table table-bordered">
-                        <tr><th></th><th>清单编号</th><th>清单名称</th><th>单位</th><th>单价</th></tr>
-          						</table>
+                    <div id="qingdan" class="tab-pane">
+                      <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
+                      <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="qianyue" class="tab-pane">
+                      <a href="#upload-qianyue" data-toggle="modal" data-target="#upload-qianyue"  class="btn btn-sm btn-primary">上传签约清单</a>
+                      <div class="sjs-height-2">
+                      	<table class="table table-bordered">
+                          <tr><th></th><th>清单编号</th><th>清单名称</th><th>单位</th><th>单价</th></tr>
+            						</table>
+                      </div>
                     </div>
                   </div>
                 </div>
               </div>
-              <div class=" col-auto pl-0">
+              <!--右侧菜单-->
+              <div class="side-menu">
                 <!--右侧菜单-->
                 <ul class="nav flex-column right-nav">
                   <li class="nav-item">