zc

src/views/comprehensive/system/publicConfig/exploitConfig.vue

@@ -1,7 +1,7 @@
 <!--开发配置-->
 <template>
-  <div class="app-container public-config-page">
-    <el-form :model="form" ref="form" :inline="true" :rules="rules" label-width="160px">
+  <div class="public-config-page">
+    <el-form class="public-form-box scrollbar-box" :model="form" ref="form" :inline="true" :rules="rules" label-width="160px">
       <div class="title-box">
         <p>文件预览配置</p>
       </div>
@@ -159,7 +159,9 @@
 
     </el-form>
     <div class="sub_btn">
+      <p class="null-p"></p>
       <p class="inquire-button-one"  @click="submitForm">保存</p>
+      <p class="null-p"></p>
     </div>
   </div>
 </template>
@@ -221,16 +223,29 @@
 
 <style scoped lang="scss">
   .public-config-page{
-    padding-bottom: 200px !important;
+    flex:1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    /*position: relative;*/
+    /*padding-bottom: 200px !important;*/
+    .public-form-box{
+      flex:1;
+      overflow-y: scroll;
+      overflow-x: hidden;
+    }
     /*底部按钮弹框*/
     .sub_btn{
-      position: fixed;
+      /*position: absolute;*/
+      display: flex;
       right: 20px;
       bottom: 0;
       background: #fff;
       height: 112px;
-      width:84%;
       text-align: center;
+      .null-p{
+        flex:1;
+      }
       .inquire-button-one{
         cursor:pointer;
         display: inline-block;