Explorar el Código

加入子目换算的侧栏结构

Chente hace 6 años
padre
commit
12b102a942
Se han modificado 2 ficheros con 22 adiciones y 2 borrados
  1. 1 0
      css/main.css
  2. 21 2
      dinge.html

+ 1 - 0
css/main.css

@@ -74,6 +74,7 @@ body {
 }
 .main-side {
     border-right: 1px solid #ccc;
+    border-left: 1px solid #ccc;
     overflow:hidden;
 }
 .main-side .tab-bar {

+ 21 - 2
dinge.html

@@ -34,13 +34,18 @@
                       <a class="nav-link px-3" href="anzhuang.html">安装增加费</a>
                   </li>
               </ul>
+              <ul class="nav nav-tabs" role="tablist">
+                  <li class="nav-item">
+                      <a class="nav-link active px-3">子目换算</a>
+                  </li>
+              </ul>
         </nav>
     </div>
     <div class="main">
         <div class="content">
             <div class="container-fluid">
                 <div class="row">
-                  <div class="main-side col-lg-3 p-0">
+                  <div class="main-side col-3 p-0">
                     <div class="tab-bar">
                       <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>
@@ -53,7 +58,7 @@
                       <ul id="treeDemo" class="ztree"></ul>
                     </div>
                   </div>
-                  <div class="main-content col-lg-9 p-0">
+                  <div class="main-content col p-0">
                     <!-- 右标签 -->
                     <ul class="nav nav-tabs tools-bar" role="tablist">
                         <li class="nav-item">
@@ -296,6 +301,20 @@
                         </div>
                     </div>
                   </div>
+                  <div class="main-side col-3 p-0">
+                    <div class="main-data-top-fluid">
+                      <table class="table table-sm table-bordered">
+                        <tr><th></th><th>编号</th><th>名称</th><th>内容</th></tr>
+                        <tr><td>1</td><td>1</td><td>场地厚度在±300mm以内的全挖、全填土石方</td><td>定额*1.3</td></tr>
+                      </table>
+                    </div>
+                    <div class="bottom-content">
+                      <table class="table table-sm table-bordered">
+                        <tr><th></th><th>调整类型</th><th>人材机编码</th><th>名称</th><th>操作符</th><th>数量</th></tr>
+                        <tr><td>1</td><td>定额</td><td></td><td>*</td><td>1.3</td></tr>
+                      </table>
+                    </div>
+                  </div>
                 </div>
             </div>
         </div>