增加新选项，调整界面布局

poj-list-detail.html

@@ -380,71 +380,92 @@
                 </div>
                 <!--页面显示-->
                 <div class="tab-pane" id="page" role="tabpanel">
-                  <!--部位台帐-->
-                    <div class="form-group row">
-                      <label class="col-sm-2 col-form-label text-right"></label>
-                      <div class="col-lg-5">
-                          <div class="form-check form-check-inline">
-                            <input class="form-check-input" type="checkbox" id="inlineCheckbo5" value="option2">
-                            <label class="form-check-label" for="inlineCheckbo5">开启「部位台帐」</label>
-                          </div>
-                          <div class="text-muted pl-3"><i class="fa fa-exclamation-triangle "></i>「部位台帐」显示在「0号台帐」以及「各期计量」侧栏菜单中</div>
-                      </div>
-                    </div>
-                  <!--导出-->
-                    <div class="form-group row">
-                      <label class="col-sm-2 col-form-label text-right"></label>
-                      <div class="col-lg-5">
-                          <div class="form-check form-check-inline">
-                            <input class="form-check-input" type="checkbox" id="inlineCheckbo5" value="option2">
-                            <label class="form-check-label" for="inlineCheckbo5">开启报表「导出PDF」</label>
-                          </div>
-                      </div>
-                    </div>
-                    <div class="form-group row">
-                      <label class="col-sm-2 col-form-label text-right"></label>
-                      <div class="col-lg-5">
-                          <div class="form-check form-check-inline">
-                            <input class="form-check-input" type="checkbox" id="inlineCheckbo5" value="option2">
-                            <label class="form-check-label" for="inlineCheckbo5">开启报表「导出Excel」</label>
-                          </div>
-                      </div>
-                    </div>
-                  <!--导出-->
-                    <div class="form-group row">
-                      <label class="col-sm-2 col-form-label text-right"></label>
-                      <div class="col-lg-5">
-                          <div class="form-check form-check-inline">
-                            <input class="form-check-input" type="checkbox" id="inlineCheckbo5" value="option2">
-                            <label class="form-check-label" for="inlineCheckbo5">开启报表水印</label>
-                          </div>
-                          <div class="text-muted pl-3"><i class="fa fa-exclamation-triangle "></i>审批未通过的计量期，报表将显示水印「审批未通过」</div>
-                      </div>
-                    </div>
-                    <div class="form-group row">
-                      <label class="col-sm-2 col-form-label text-right"></label>
-                      <div class="col-lg-5">
-                          <div class="form-check form-check-inline">
-                            <input class="form-check-input" type="checkbox" id="inlineCheckbo6" value="option2">
-                            <label class="form-check-label" for="inlineCheckbo6">开启报表「批量设置其他标段」</label>
-                          </div>
-                      </div>
+                  <div class="col-6 offset-2">
+                  <!--期内大功能-->
+                    <div class="card mb-2">
+                      <div class="card-header">标段内功能</div>
+                        <ul class="list-group list-group-flush">
+                          <li class="list-group-item">
+                            <div class="form-group mb-0">
+                                <div class="form-check">
+                                  <input class="form-check-input" type="checkbox" id="inlineCheckbo1" value="option2">
+                                  <label class="form-check-label" for="inlineCheckbo51">开启「部位台帐」</label>
+                                </div>
+                                <div class="text-muted pl-3"><i class="fa fa-exclamation-triangle "></i>「部位台帐」显示在「0号台帐」以及「各期计量」侧栏菜单中</div>
+                            </div>
+                          </li>
+                          <li class="list-group-item">
+                            <div class="form-group mb-0">
+                              <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="inlineCheckbo2" value="option2">
+                                <label class="form-check-label" for="inlineCheckbo2">开启「形象进度」功能</label>
+                              </div>
+                            </div>
+                          </li>
+                        </ul>
                     </div>
-                    <div class="form-group row">
-                      <label class="col-sm-2 col-form-label text-right"></label>
-                      <div class="col-lg-5">
-                          <div class="form-check form-check-inline">
-                            <input class="form-check-input" type="checkbox" id="inlineCheckbo6" value="option2">
-                            <label class="form-check-label" for="inlineCheckbo6">开启报表「跨标段批量签名」</label>
-                          </div>
-                      </div>
+                  <!--报表相关-->
+                    <div class="card">
+                      <div class="card-header">报表相关</div>
+                        <ul class="list-group list-group-flush">
+                          <li class="list-group-item">
+                            <div class="form-group mb-0">
+                              <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="inlineCheckbo3" value="option2">
+                                <label class="form-check-label" for="inlineCheckbo3">开启报表「导出PDF」</label>
+                              </div>
+                            </div>
+                          </li>
+                          <li class="list-group-item">
+                            <div class="form-group mb-0">
+                              <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="inlineCheckbo4" value="option2">
+                                <label class="form-check-label" for="inlineCheckbo4">开启报表「导出Excel」</label>
+                              </div>
+                            </div>
+                          </li>
+                          <li class="list-group-item">
+                            <div class="form-group mb-0">
+                              <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="inlineCheckbo5" value="option2">
+                                <label class="form-check-label" for="inlineCheckbo5">开启报表水印</label>
+                              </div>
+                              <div class="text-muted pl-3"><i class="fa fa-exclamation-triangle "></i>审批未通过的计量期，报表将显示水印「审批未通过」</div>
+                            </div>
+                          </li>
+                          <li class="list-group-item">
+                            <div class="form-group mb-0">
+                              <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="inlineCheckbo6" value="option2">
+                                <label class="form-check-label" for="inlineCheckbo6">开启报表「批量设置其他标段」</label>
+                              </div>
+                            </div>
+                          </li>
+                          <li class="list-group-item">
+                            <div class="form-group mb-0">
+                              <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="inlineCheckbo7" value="option2">
+                                <label class="form-check-label" for="inlineCheckbo7">开启报表「跨标段批量签名」</label>
+                              </div>
+                            </div>
+                          </li>
+                          <li class="list-group-item">
+                            <div class="form-group mb-0">
+                              <div class="form-check">
+                                <input class="form-check-input" type="checkbox" id="inlineCheckbo8" value="option2">
+                                <label class="form-check-label" for="inlineCheckbo8">开启「报表归档」功能</label>
+                              </div>
+                                <div class="text-muted pl-3"><i class="fa fa-exclamation-triangle "></i>「报表规定」开启后，新建一期前必须归档上一期报表</div>
+                            </div>
+                          </li>
                     </div>
-                    <div class="form-group row" >
-                      <label class="col-sm-2 col-form-label"></label>
-                      <div class="col-lg-6">
+                    <div class="form-group" >
+                      <label class="col-form-label"></label>
+                      <div class="">
                           <button type="submit" class="btn btn-primary">确认修改</button>
                       </div>
                     </div>
+                  </div>
                 </div>
                 <!--第三方接口-->
                 <div class="tab-pane" id="port" role="tabpanel">
@@ -457,7 +478,7 @@
                           </select>
                       </div>
                     </div>
-                    <div class="form-group row" >
+                    <div class="form-group" >
                       <label class="col-sm-2 col-form-label"></label>
                       <div class="col-lg-6">
                           <button type="submit" class="btn btn-primary">确认修改</button>