校正ui图

src/layouts/components/AppMain/index.vue

@@ -10,7 +10,7 @@
     </vab-keel> -->
     <transition mode="out-in" name="fade-transform">
       <keep-alive v-if="routerView" :include="cachedRoutes" :max="10">
-        <router-view :key="key" style="min-height: 86vh" />
+        <router-view :key="key" style="min-height: 84vh" />
       </keep-alive>
     </transition>
   </section>

src/layouts/index.vue

@@ -504,7 +504,6 @@ export default {
       margin-left: $base-left-menu-width;
       background: #f6f8f9;
       transition: $base-transition;
-
       ::v-deep {
         .nav-bar-container {
           position: relative;

src/views/screening/DraftBox.vue

@@ -271,6 +271,7 @@ export default {
 <style lang="scss" scoped>
 .container {
   padding: 24px;
+  padding-bottom: 0px;
   height: 100%;
   display: flex;
   flex-direction: column;

src/views/screening/components/ConfigForms.vue

@@ -3,7 +3,11 @@
     id="publicContent"
     :class="[
       activeName == 'index0' && formClass ? formClass : '',
-      $route.path === '/screening/draft' ? 'p_padding' : '',
+      $route.path === '/screening/draft'
+        ? 'p_padding'
+        : $route.path === '/screening/add'
+        ? 'add_padding'
+        : '',
     ]"
   >
     <div
@@ -63,10 +67,10 @@
           </transition>
         </el-tab-pane>
       </el-tabs>
-      <div
+      <!-- <div
         class="bottom_line"
         :style="{ width: contrast ? 'calc(100% - 200px)' : '100%' }"
-      ></div>
+      ></div> -->
       <el-aside v-if="contrast" :width="'200px'">
         <div class="side-content">
           <ul class="list">
@@ -429,7 +433,7 @@ export default {
 }
 #publicContent {
   position: relative;
-  padding: 32px 24px 32px;
+  padding: 10px 24px 0px;
   .draftButton {
     position: absolute;
     top: 12px;
@@ -447,7 +451,10 @@ export default {
   }
 }
 #publicContent.p_padding {
-  padding: 10px 24px 17px;
+  padding: 10px 24px 0px;
+}
+#publicContent.add_padding {
+  padding: 20px 24px 0px;
 }
 ::v-deep .el-dialog__body {
   .title {
@@ -593,11 +600,11 @@ export default {
   border: 1px solid #4e68ff;
   color: #4e68ff;
 }
-.bottom_line {
-  // width: 100%;
-  position: absolute;
-  bottom: 0px;
-  height: 3px;
-  box-shadow: 0px 3px 4px rgb(0 21 41 / 8%);
-}
+// .bottom_line {
+//   // width: 100%;
+//   position: absolute;
+//   bottom: 0px;
+//   height: 3px;
+//   box-shadow: 0px 3px 4px rgb(0 21 41 / 8%);
+// }
 </style>

src/views/screening/components/FormTab.vue

@@ -48,10 +48,10 @@
           :style="{
             height:
               $route.path == '/screening/index'
-                ? 'calc(100vh - 310px)'
+                ? 'calc(100vh - 245px)'
                 : $route.path == '/screening/draft'
-                ? 'calc(100vh - 270px)'
-                : 'calc(100vh - 230px)',
+                ? 'calc(100vh - 249px)'
+                : 'calc(100vh - 203px)',
           }"
           :class="externalScroll ? 'no-scroll' : ''"
         >

src/views/screening/index.vue

@@ -25,7 +25,7 @@
     </div>
 
     <div v-if="isDetail">
-      <div>
+      <div style="margin-left: 24px">
         <el-button icon="el-icon-back" @click="backInfoce">返 回</el-button>
       </div>
       <ConfigForms
@@ -385,4 +385,9 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.container {
+  padding: 20px;
+  padding-bottom: 0px;
+}
+</style>