loading,与样式

src/components/FormComponents/CustomForm/index.vue

@@ -66,7 +66,7 @@
         </template>
       </el-collapse>
     </template>
-    <div class="form-footer">
+    <div v-if="!options.closeBtn" class="form-footer">
       <template v-if="options.menuBtn">
         <template v-if="options.prevBtn">
           <el-button

src/views/audit-detail/components/screenReview.vue

 <template>
   <div>
-    <el-container>
-      <el-main v-loading="pageLoading" class="transition-box">
+    <el-container v-loading="fromLoading">
+      <el-main class="transition-box">
         <el-empty v-if="!isEmpty" description="暂无数据"></el-empty>
         <template v-if="isEmpty">
           <div ref="my-form" class="my-form">
             <custom-form
               ref="customForm"
+              class="mb-20"
               :options="jsonList[1]"
               :form-edit="form"
             ></custom-form>
-            <!-- <custom-form ref="form" :options="jsonList[1]"></custom-form>
-            <custom-form ref="form" :options="jsonList[2]"></custom-form>
-            <custom-form ref="form" :options="jsonList[3]"></custom-form>
-            <custom-form ref="form" :options="jsonList[4]"></custom-form> -->
+            <custom-form
+              ref="form"
+              :options="jsonList[2]"
+              class="mb-20"
+              :form-edit="form"
+            ></custom-form>
+            <custom-form
+              ref="form"
+              :options="jsonList[3]"
+              class="mb-20"
+              :form-edit="form"
+            ></custom-form>
+            <custom-form
+              ref="form"
+              class="mb-20"
+              :options="jsonList[4]"
+              :form-edit="form"
+            ></custom-form>
           </div>
         </template>
       </el-main>
@@ -36,14 +51,15 @@ export default {
   components: { CustomForm },
   data() {
     return {
-      fromLoading: false,
+      fromLoading: true,
       formTabs: [],
       formTabsList: [],
       jsonList: [],
       form: {
         name: "123",
         phone: "18712412341",
-        min_age: "18",
+        age: "18",
+        is_continue_follow: "1",
       },
       asideShow: true,
     }
@@ -58,9 +74,6 @@ export default {
     sideWidth() {
       return this.asideShow ? "200px" : "0px"
     },
-    pageLoading() {
-      return this.loading || this.formloading
-    },
   },
   watch: {},
   created() {
@@ -116,11 +129,12 @@ export default {
             const formJson = res.data.formJson
             const obj = eval("(" + formJson + ")")
             obj.disabled = true
+            obj.closeBtn = true
             obj.detail = true
             this.jsonList.push(obj)
             if (i == 4) {
               console.log(this.jsonList)
-              this.formloading = false
+              this.fromLoading = false
             }
           }
         })
@@ -134,4 +148,8 @@ export default {
   },
 }
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.md-20 {
+  margin-bottom: 20px;
+}
+</style>

src/views/audit-detail/index.vue

 <template>
   <div id="audit-detail">
+    <div class="top">
       <div class="audit-detail_header p-24">
         <div class="left">
           <span>当前审核</span>
@@ -24,6 +25,7 @@
           <span v-if="editStatus" class="op">驳回修改建议:胃镜图片不合规</span>
         </div>
       </div>
+    </div>
     <div class="table-content p-24">
       <component :is="curComponent"></component>
     </div>
@@ -228,6 +230,8 @@ export default {
 }
 
 #audit-detail {
+  display: flex;
+  flex-direction: column;
   // padding: 22px 24px;
   .audit-detail_header {
     height: 65px;
@@ -301,6 +305,8 @@ export default {
   margin-left: 20px;
 }
 .table-content {
+  height: calc(100vh - 260px);
+  overflow: auto;
   padding-top: 20px;
   padding-bottom: 20px;
 }