费率 界面更新

feilv.html

@@ -83,19 +83,26 @@
         </div>
         <div class="content">
             <div class="toolsbar px-1">
-              <div class="form-inline py-1">
-                <label class="mx-2" for="inlineFormCustomSelect">费率标准：</label>
-                <select class="form-control form-control-sm" id="inlineFormCustomSelect">
-                  <option selected>重庆渝发建发[2016]35号</option>
-                  <option value="1">One</option>
-                  <option value="2">Two</option>
-                  <option value="3">Three</option>
+              <!-- <div class="form-inline py-1">
+                <label class="mx-2">建设项目费率：</label>
+                <select class="form-control form-control-sm">
+                  <option selected>费率1</option>
+                  <option value="1">费率2</option>
+                  <option value="2">费率3</option>
                 </select>
-              </div>
+                <a class="btn btn-secondary btn-sm ml-1">从其他项目复制</a>
+              </div> -->
+                <div class="form-inline py-1">
+                  <label class="mx-2" >当前使用：费率1</label>
+                  <label class="mx-2" ><a href="#" id="pop-lv"><span class="fa fa-file-powerpoint-o mr-1"></span>3</a> 单位工程使用</label>
+                  <label class="mx-2" >基于 重庆渝建发[2016]35号</label>
+                  <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#set-lv"><i class="fa fa-cog"></i> 设置</a>
+                  <a class="btn btn-sm ml-1" href="#" data-toggle="modal" data-target="#change-lv"><i class="fa fa-exchange"></i> 更换</a>
+                </div>
             </div>
             <div class="container-fluid">
                 <div class="row">
-                    <div class="main-content col-lg-9 p-0">
+                    <div class="main-content col-lg-8 p-0">
                       <div class="main-data-full">
                           <table class="table table-sm table-bordered m-0">
                               <thead>
@@ -163,6 +170,129 @@
                           </table>
                       </div>
                     </div>
+                    <div class="col-lg-4 p-0">
+                      <div class="p-1">
+                        <div class="form-check">
+                           <label class="form-check-label">
+                             <input type="checkbox" class="form-check-input">
+                              统一设置相同参数
+                           </label>
+                           <table class="table table-sm table-bordered m-0">
+                             <thead><th>序号</th><th>参数名称</th><th>参数值</th></thead>
+                             <tbody>
+                               <tr><td>1</td><td>工程分类</td><td><select class="form-control form-control-sm"><option>一类工程</option></select></td></tr>
+                               <tr><td>2</td><td>工程分类</td><td><select class="form-control form-control-sm"><option>在市区</option></select></td></tr>
+                             </tbody>
+                           </table>
+                         </div>
+                      </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出设置-->
+    <div class="modal fade" id="set-lv" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <h5 class="modal-title">费率1 设置</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                      <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                  <div class="form-group">
+                    <label>费率文件名称</label>
+                    <input class="form-control"  value="费率1">
+                  </div>
+                  <div class="form-group">
+                    <label >费率标准</label>
+                    <select class="form-control"><option>重庆渝建发[2016]35号</option></select>
+                    <small class="form-text text-danger">重新选择费率标准将重置当前费率文件的所有费率，正在使用当前费率文件的其他单位工程也将受影响。</small>
+                  </div>
+                  <div class="form-group">
+                    <label>正在使用 费率1 的单位工程</label>
+                    <ul class="list-unstyled">
+                      <li>A单位工程</li>
+                      <li>B单位工程</li>
+                      <li>C单位工程</li>
+                      <li>D单位工程</li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary pull-left">另存新文件</button>
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="" class="btn btn-primary">确定</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出更换-->
+    <div class="modal fade" id="change-lv" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                  <h5 class="modal-title">更换费率文件</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                      <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                  <div class="form-group">
+                    <label class="custom-control custom-radio">
+                      <input id="radio1" name="radio" type="radio" class="custom-control-input" checked>
+                      <span class="custom-control-indicator"></span>
+                      <span class="custom-control-description">从本建设项目中选择</span>
+                    </label>
+                    <label class="custom-control custom-radio">
+                      <input id="radio2" name="radio" type="radio" class="custom-control-input">
+                      <span class="custom-control-indicator"></span>
+                      <span class="custom-control-description">从其他建设项目中复制</span>
+                    </label>
+                  </div>
+                  <!--从本建设项目中选择-->
+                  <div class="form-group">
+                    <label>建设项目A</label>
+                    <select class="form-control"><option>费率1</option><option>费率2</option><option>费率3</option></select>
+                  </div>
+                  <!--从其他建设项目中复制-->
+                  <div class="form-group">
+                    <label>选择建设项目</label>
+                    <select class="form-control"><option>建设项目B</option><option>建设项目C</option><option>建设项目D</option></select>
+                  </div>
+                  <div class="form-group">
+                    <select class="form-control"><option>费率1</option><option>费率2</option><option>费率3</option></select>
+                    <small class="form-text text-muted">你选择的费率文件将复制一份至新项目，不会影响原建设项目的费率文件。</small>
+                  </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
+                    <a href="" class="btn btn-primary">确定</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出初始化费率文件-->
+    <div class="modal fade" id="myModal" data-backdrop="static">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">设置费率文件</h5>
+                </div>
+                <div class="modal-body">
+                  <div class="form-group">
+                    <label>费率文件名称</label>
+                    <input class="form-control"  value="A单位工程的费率文件">
+                  </div>
+                  <div class="form-group">
+                    <label >费率标准</label>
+                    <select class="form-control"><option>请选择费率标准</option><option>重庆渝建发[2016]35号</option></select>
+                  </div>
+                </div>
+                <div class="modal-footer text-xs-center">
+                  <a href="" class="btn btn-primary" data-dismiss="modal">确定</a>
                 </div>
             </div>
         </div>
@@ -176,5 +306,17 @@
 <script type="text/javascript">
     autoFlashHeight();
 </script>
+<script type="text/javascript">
+    $('#pop-lv').popover({
+      placement:"bottom",
+      html:true,
+      trigger:"hover | focus",
+      content:"A单位工程<br>B单位工程<br>C单位工程"
+    }
+    );
+</script>
+<script type="text/javascript">
+    $('#myModal').modal('show')
+</script>
 
 </html>