项目属性 增加tab

zaojiashu.html

@@ -116,6 +116,7 @@
                     <div class="main-content col-lg-8 p-0">
                         <div class="top-content">
                             <div class="main-data-top">
+
                               <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#qd-jsjs">计算基数 窗口</a>
                               <a href="javacript:void(0);" class="btn btn-secondary m-3" data-toggle="modal" data-target="#qd-fl">费率(%) 窗口</a>
                                 <!-- <table class="table table-sm table-bordered m-0">
@@ -2463,7 +2464,7 @@
     </div>
     <!--弹出项目属性-->
     <div class="modal fade" id="poj-set" data-backdrop="static">
-        <div class="modal-dialog" role="document">
+        <div class="modal-dialog modal-lg" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                   <h5 class="modal-title">项目属性</h5>
@@ -2472,33 +2473,83 @@
                     </button>
                 </div>
                 <div class="modal-body">
-                  <fieldset class="form-group">
-                      <h6><b>取费方式</b></h6>
-                      <div class="form-check">
-                        <label class="form-check-label">
-                          <input class="form-check-input" name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
-                          子目含量取费
-                        </label>
-                      </div>
-                      <div class="form-check">
-                      <label class="form-check-label">
-                          <input class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
-                          子目单价取费（反算）：清单综合合价=清单综合单价*清单工程量
-                        </label>
-                      </div>
-                      <div class="form-check">
-                      <label class="form-check-label">
-                          <input class="form-check-input" name="optionsRadios" id="optionsRadios3" value="option3" type="radio">
-                          子目单价取费（正算）：清单综合合价=∑子目综合合价
-                        </label>
-                      </div>
-                      <div class="form-check">
-                      <label class="form-check-label">
-                          <input class="form-check-input" name="optionsRadios" id="optionsRadios4" value="option4" type="radio">
-                          清单单价取费
-                        </label>
+                  <div class="row">
+                    <div class="col-3">
+                      <ul class="nav flex-column nav-pills" role="tablist">
+                        <li class="nav-item"><a class="nav-link active" data-toggle="pill" href="#poj-settings-1" role="tab">基本信息</a></li>
+                        <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-2" role="tab">工程特征</a></li>
+                        <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-3" role="tab">指标信息</a></li>
+                        <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-4" role="tab">取费方式</a></li>
+                        <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-5" role="tab">清单工程精度</a></li>
+                        <li class="nav-item"><a class="nav-link" data-toggle="pill" href="#poj-settings-6" role="tab">人工单价调整</a></li>
+                      </ul>
+                    </div>
+                    <div class="col-9">
+                      <div class="tab-content">
+                        <!--基本信息-->
+                        <div class="tab-pane fade show active" id="poj-settings-1" role="tabpanel">
+                          <div class="modal-auto-height">
+                            基本信息
+                          </div>
+                        </div>
+                        <!--工程特征-->
+                        <div class="tab-pane fade" id="poj-settings-2" role="tabpanel">
+                          <div class="modal-auto-height">
+                            工程特征
+                          </div>
+                        </div>
+                        <!--指标信息-->
+                        <div class="tab-pane fade" id="poj-settings-3" role="tabpanel">
+                          <div class="modal-auto-height">
+                            指标信息
+                          </div>
+                        </div>
+                        <!--取费方式-->
+                        <div class="tab-pane fade" id="poj-settings-4" role="tabpanel">
+                          <div class="modal-auto-height">
+                            <fieldset class="form-group">
+                              <div class="form-check">
+                                <label class="form-check-label">
+                                  <input class="form-check-input" name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
+                                  子目含量取费
+                                </label>
+                              </div>
+                              <div class="form-check">
+                              <label class="form-check-label">
+                                  <input class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2" type="radio">
+                                  子目单价取费（反算）：清单综合合价=清单综合单价*清单工程量
+                                </label>
+                              </div>
+                              <div class="form-check">
+                              <label class="form-check-label">
+                                  <input class="form-check-input" name="optionsRadios" id="optionsRadios3" value="option3" type="radio">
+                                  子目单价取费（正算）：清单综合合价=∑子目综合合价
+                                </label>
+                              </div>
+                              <div class="form-check">
+                              <label class="form-check-label">
+                                  <input class="form-check-input" name="optionsRadios" id="optionsRadios4" value="option4" type="radio">
+                                  清单单价取费
+                                </label>
+                              </div>
+                            </fieldset>
+                          </div>
+                        </div>
+                        <!--清单工程精度-->
+                        <div class="tab-pane fade" id="poj-settings-5" role="tabpanel">
+                          <div class="modal-auto-height">
+                            清单工程精度
+                          </div>
+                        </div>
+                        <!--人工单价调整-->
+                        <div class="tab-pane fade" id="poj-settings-6" role="tabpanel">
+                          <div class="modal-auto-height">
+                            人工单价调整
+                          </div>
+                        </div>
                       </div>
-                    </fieldset>
+                    </div>
+                  </div>
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>