Selaa lähdekoodia

工料机 增加筛选,以及三材汇总

Chente 7 vuotta sitten
vanhempi
commit
b59f4680fb
2 muutettua tiedostoa jossa 96 lisäystä ja 91 poistoa
  1. 8 0
      css/main.css
  2. 88 91
      gongliaoji.html

+ 8 - 0
css/main.css

@@ -268,10 +268,18 @@ body {
         transform: translateX(10px);
     }
 }
+.gl-side{
+  border-right:1px solid #ccc;
+  width:150px
+}
 .bottom-content .tab-content .main-data-bottom{
     height: 300px;
     overflow: auto;
 }
+.bottom-content .main-data-bottom2{
+    height: 331px;
+    overflow: hidden;
+}
 .bottom-content .tab-content .ovf-hidden{
     overflow: hidden;
 }

+ 88 - 91
gongliaoji.html

@@ -99,99 +99,96 @@
             </div>
             <div class="container-fluid">
                 <div class="row">
-                    <div class="main-content col-lg-12 p-0">
-                      <div class="top-content">
-                          <div class="main-data-top">
-                              <table class="table table-sm table-bordered m-0">
-                                      <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>
-                                              <th>是否暂估</th>
-                                              <th>供货方式</th>
-                                              <th>甲供数量</th>
-                                              <th>出厂价</th>
-                                              <th>交货方式</th>
-                                              <th>... </th>
-                                          </tr>
-                                      </thead>
-                                      <tbody>
-                                          <tr>
-                                              <td>00010201</td>
-                                              <td>土石方综合工日</td>
-                                              <td> </td>
-                                              <td>工日</td>
-                                              <td>人</td>
-                                              <td>土石方人工</td>
-                                              <td> </td>
-                                              <td>100.232</td>
-                                              <td>38</td>
-                                              <td> </td>
-                                              <td>38</td>
-                                              <td>市场价合计</td>
-                                              <td>是否暂估</td>
-                                              <td>供货方式</td>
-                                              <td>甲供数量</td>
-                                              <td>出厂价</td>
-                                              <td>交货方式</td>
-                                              <td>... </td>
-                                          </tr>
-                                      </tbody>
-                                  </table>
-                          </div>
+                    <div class="gl-side">
+                      <ul class="list-unstyled ml-3 mt-2 mb-2">
+                        <li><a href="#">所有工料机</a>
+                          <ul class="list-unstyled my-2 ml-3">
+                            <li class="mb-2"><a href="#">人工</a></li>
+                            <li class="mb-2"><a href="#">材料</a></li>
+                            <li class="mb-2"><a href="#">机械</a></li>
+                            <li class="mb-2"><a href="#">主材</a></li>
+                            <li class="mb-2"><a href="#">设备</a></li>
+                          </ul>
+                        </li>
+                        <li class="mb-2"><a href="#">分部分项工料机</a></li>
+                        <li class="mb-2"><a href="#">措施分项工料机</a></li>
+                        <li class="mb-2"><a href="#">甲供材料</a></li>
+                        <li class="mb-2"><a href="#">暂估材料</a></li>
+                        <li class="mb-2"><a href="#">三材汇总</a></li>
+                        <li class="mb-2"><a href="#">主要材料</a></li>
+                      </ul>
+                    </div>
+                    <div class="main-content col p-0">
+                      <!--其他工料机-->
+                      <!-- <div class="top-content">
+                        <div class="main-data-top">
+                          <table class="table table-sm table-bordered m-0">
+                            <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>
+                                    <th>是否暂估</th>
+                                    <th>供货方式</th>
+                                    <th>甲供数量</th>
+                                    <th>出厂价</th>
+                                    <th>交货方式</th>
+                                    <th>... </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr>
+                                    <td>00010201</td>
+                                    <td>土石方综合工日</td>
+                                    <td> </td>
+                                    <td>工日</td>
+                                    <td>人</td>
+                                    <td>土石方人工</td>
+                                    <td> </td>
+                                    <td>100.232</td>
+                                    <td>38</td>
+                                    <td> </td>
+                                    <td>38</td>
+                                    <td>市场价合计</td>
+                                    <td>是否暂估</td>
+                                    <td>供货方式</td>
+                                    <td>甲供数量</td>
+                                    <td>出厂价</td>
+                                    <td>交货方式</td>
+                                    <td>... </td>
+                                </tr>
+                            </tbody>
+                          </table>
                         </div>
-                        <div class="bottom-content">
-                            <ul class="nav nav-tabs d-flex" role="tablist">
-                                <li class="nav-item">
-                                    <a class="nav-link active" data-toggle="tab" href="#de" role="tab">相关定额</a>
-                                </li>
-                                <li class="nav-item">
-                                    <a class="nav-link" data-toggle="tab" href="#ph" role="tab">配合比表</a>
-                                </li>
-                                <li class="nav-item">
-                                    <a class="nav-link" data-toggle="tab" href="#jx" role="tab">机械单价</a>
-                                </li>
-                                <li class="nav-item ml-auto mr-4">
-                                    <a class="nav-link position-absolute text-muted" href="#" data-toggle="tooltip" data-placement="bottom" data-original-title="按住,上下拖动调整高度"><i class="fa fa-arrows-v"></i></a>
-                                </li>
-                            </ul>
-                            <!-- Tab panes -->
-                            <div class="tab-content">
-                                <div class="tab-pane active" id="de" role="tabpanel">
-                                    <div class="main-data-bottom ovf-hidden">
-                                        相关定额
-                                    </div>
-                                </div>
-                                <div class="tab-pane" id="ph" role="tabpanel">
-                                    <div class="main-data-bottom">
-                                        <table class="table table-sm table-bordered m-0">
-                                          <thead>
-                                            <tr><th></th><th>编码</th><th>名称</th><th>单位</th><th>基价单价</th><th>调整基价</th><th>市场单价</th><th>消耗量</th></tr>
-                                          </thead>
-                                        </table>
-                                    </div>
-                                </div>
-                                <div class="tab-pane" id="jx" role="tabpanel">
-                                    <div class="main-data-bottom">
-                                      <table class="table table-sm table-bordered m-0">
-                                        <thead>
-                                          <tr><th></th><th>编码</th><th>名称</th><th>单位</th><th>基价单价</th><th>调整基价</th><th>市场基价</th><th>用量</th></tr>
-                                        </thead>
-                                      </table>
-                                    </div>
-                                </div>
-                            </div>
+                      </div>
+                      <div class="bottom-content">
+                        <div class="main-data-bottom2">
+                            <table class="table table-sm table-bordered m-0">
+                              <thead>
+                                <tr><th></th><th>编码</th><th>名称</th><th>单位</th><th>基价单价</th><th>调整基价</th><th>市场单价</th><th>消耗量</th></tr>
+                              </thead>
+                            </table>
                         </div>
+                      </div> -->
+                      <!--三材汇总-->
+                      <div class="main-data-full">
+                        <table class="table table-sm table-bordered m-0">
+                          <thead>
+                            <tr>
+                              <th>编码</th><th>名称</th><th>规格型号</th><th>单位</th><th>定额价</th><th>市场价</th><th>总消耗量</th><th>三材系数</th><th>三材量</th><th>三材类别</th>
+                            </tr>
+                          </thead>
+                        </table>
+                      </div>
                     </div>
                 </div>
             </div>