Просмотр исходного кода

新增选择“计量节点”弹窗

fuqingqing 4 лет назад
Родитель
Сommit
8815802f43
1 измененных файлов с 113 добавлено и 0 удалено
  1. 113 0
      jiliang-qi-detail-1.html

+ 113 - 0
jiliang-qi-detail-1.html

@@ -167,6 +167,9 @@
                   <input type="text" class="form-control m-0">
                 </div>
               </div>
+              <div class="d-inline-block">
+                <a class="btn btn-sm btn-primary" href="#cooperation" data-toggle="modal" data-target="#jd_select">计量节点</a>
+              </div>
             </div>
             <div class="ml-auto">
 
@@ -663,6 +666,116 @@
             </div>
         </div>
     </div>
+    <!--计量节点-->
+    <div class="modal fade" id="jd_select" 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 py-2">                  
+                  <div class="d-inline-block mb-2">
+                    <div class="dropdown">
+                      <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                        <i class="fa fa-list-ol"></i> 显示层级
+                      </button>
+                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                        <a class="dropdown-item" href="#">第一层</a>
+                        <a class="dropdown-item" href="#">第二层</a>
+                        <a class="dropdown-item" href="#">第三层</a>
+                        <a class="dropdown-item" href="#">第四层</a>
+                        <a class="dropdown-item" href="#">第五层</a>
+                        <a class="dropdown-item" href="#">最底层</a>
+                      </div>
+                    </div> 
+                  </div>
+                  <div class="d-inline-block mb-2">
+                    <div class="input-group input-group-sm">
+                      <input type="text" class="form-control" placeholder="输入 项目节编号/名称 查找">
+                      <div class="input-group-append" >
+                        <span class="input-group-text" id="basic-addon1">结果:20</span>
+                      </div>
+                      <div class="input-group-append" >
+                        <button class="btn btn-outline-secondary" type="button" title="上一个"><i class="fa fa-angle-double-left"></i></button>
+                        <button class="btn btn-outline-secondary" type="button" title="下一个"><i class="fa fa-angle-double-right"></i></button>
+                      </div>
+                    </div>
+                  </div>              
+                  <div class="modal-height-550">
+                    <table class="table table-hover table-bordered">
+                      <thead>
+                        <tr><th>选择</th><th>项目节编号</th><th>项目节名称</th><th>单位</th></tr>
+                      </thead>
+                      <tr>
+                        <td><input type="checkbox"></td>
+                        <td>1</td>
+                        <td>第一部分 建筑安装工程费</td>
+                        <td>公路公里</td>
+                      </tr>
+                      <tr>
+                        <td><input type="checkbox"></td>
+                        <td>1-1</td>
+                        <td>临时工程</td>
+                        <td>公路公里</td>
+                      </tr>
+                      <tr>
+                        <td><input type="checkbox"></td>
+                        <td>1-2</td>
+                        <td>路基工程</td>
+                        <td>m3</td>
+                      </tr>
+                      <tr>
+                        <td><input type="checkbox"></td>
+                        <td>1-2-2</td>
+                        <td>挖方</td>
+                        <td>m3</td>
+                      </tr>
+                      <tr>
+                        <td><input type="checkbox"></td>
+                        <td>1-2-2-1</td>
+                        <td>挖土方</td>
+                        <td>m3</td>
+                      </tr>
+                      <tr>
+                        <td><input type="checkbox"></td>
+                        <td>1-2-2-1-1</td>
+                        <td>挖路基土方</td>
+                        <td>m3</td>
+                      </tr>
+                      <tr>
+                        <td><input type="checkbox"></td>
+                        <td>1-2-3</td>
+                        <td>填方</td>
+                        <td>m3</td>
+                      </tr>
+                      <tr>
+                        <td><input type="checkbox"></td>
+                        <td>1-2-3-1</td>
+                        <td>路基填方</td>
+                        <td>m3</td>
+                      </tr>
+                      <tr>
+                        <td><input type="checkbox"></td>
+                        <td>1-2-3-1-2</td>
+                        <td>利用方填筑</td>
+                        <td>m3</td>
+                      </tr>
+                      <tr>
+                        <td><input type="checkbox"></td>
+                        <td>1-2-3-1-3</td>
+                        <td>借方填筑</td>
+                        <td>m3</td>
+                      </tr>
+                    </table>
+                  </div>
+                </div>
+                <div class="modal-footer">
+                  <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
+                  <button type="button" class="btn btn-sm btn-primary">确认</button>
+                </div>
+            </div>
+        </div>
+    </div>
     <!--弹出调用变更令-->
     <div class="modal fade" id="use-bg" data-backdrop="static">
         <div class="modal-dialog modal-lgx" role="document">