联合检查样式修改，增加预约详情页和编辑页面纵向滚动条

src/views/administrative/appointment.vue

@@ -703,15 +703,16 @@
     }
 
     .add-inspect {
-      margin: 0 0.425rem 0 3.06rem;
+      margin: 0 0.425rem;
       padding-bottom: 0.3rem;
-      font-size: 0.35rem;
+      min-height: 2rem;
+      font-size: 0.37rem;
       color: #323233;
     }
 
     .add-inspect p {
       margin: 0.1rem 0;
-      padding: 0.2rem 0;
+      padding: 0.2rem 0.1rem;
       //border-bottom: 1px solid #f4f5f6;
     }
 

src/views/administrative/appointmentDetail.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="address_edit">
-        <div>
+      <div class="warp_body">
             <van-form @failed="onFailed" @submit="submit">
               <van-cell-group>
                 <van-field
@@ -82,6 +82,7 @@
                         show-word-limit
                 />
                   <div class="add-inspect">
+                      <p>联合检查部门、人员</p>
                       <p v-for="(item, index) in submitData.userObjs" :key="index">
                           <span class="add-dept">{{item.deptName}}</span><span class="add-name">{{item.userName}}</span>
                       </p>
@@ -585,6 +586,17 @@
         overflow: hidden;
         background-color: #ebf3fb;
     }
+
+    .warp_body {
+      margin: 0 3%;
+      padding-bottom: 3rem;
+      width: 94%;
+      height: 100%;
+      background-color: #ebf3fb;
+      overflow-y: auto;
+      margin-top: 0.15rem;
+    }
+
     /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
     .van-popup.van-toast{
         background: var(--van-toast-background) !important;
@@ -630,16 +642,17 @@
     }
 
     .add-inspect {
-        margin: 0 0.425rem 0 3.06rem;
+      margin: 0 0.425rem;
-        padding-bottom: 0.3rem;
+      padding-bottom: 0.3rem;
-        font-size: 0.35rem;
+      min-height: 2rem;
-        color: #323233;
+      font-size: 0.37rem;
+      color: #323233;
     }
 
     .add-inspect p {
-        margin: 0.1rem 0;
+      margin: 0.1rem 0;
-        padding: 0.2rem 0;
+      padding: 0.2rem 0.1rem;
-        //border-bottom: 1px solid #f4f5f6;
+      //border-bottom: 1px solid #f4f5f6;
     }
 
     .add-inspect p:nth-child(even) {

src/views/administrative/appointmentEdit.vue

@@ -5,7 +5,7 @@
             <header-nav :slefBack="true" @goBack="goBack" :titelText="`行政检查预约`"></header-nav>
         </div>-->
         <!-- 中间 -->
-        <div>
+      <div class="warp_body">
             <!--            <van-cell-group>-->
             <van-form @failed="onFailed" @submit="submit">
               <van-cell-group>
@@ -142,6 +142,7 @@
 <!--                        @click="selectDepts"-->
 <!--                />-->
                   <div class="add-inspect" v-if="data.checked || submitData.isSubmit == 1">
+                      <p>联合检查部门、人员</p>
                       <p v-for="(item, index) in submitData.userObjs" :key="index">
                           <span class="add-dept">{{item.deptName}}</span><span class="add-name">{{item.userName}}</span>
                       </p>
@@ -637,6 +638,17 @@
         overflow: hidden;
         background-color: #ebf3fb;
     }
+
+    .warp_body {
+      margin: 0 3%;
+      padding-bottom: 3rem;
+      width: 94%;
+      height: 100%;
+      background-color: #ebf3fb;
+      overflow-y: auto;
+      margin-top: 0.15rem;
+    }
+
     /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */
     .van-popup.van-toast{
         background: var(--van-toast-background) !important;
@@ -682,16 +694,17 @@
     }
 
     .add-inspect {
-        margin: 0 0.425rem 0 3.06rem;
+      margin: 0 0.425rem;
-        padding-bottom: 0.3rem;
+      padding-bottom: 0.3rem;
-        font-size: 0.35rem;
+      min-height: 2rem;
-        color: #323233;
+      font-size: 0.37rem;
+      color: #323233;
     }
 
     .add-inspect p {
-        margin: 0.1rem 0;
+      margin: 0.1rem 0;
-        padding: 0.2rem 0;
+      padding: 0.2rem 0.1rem;
-        //border-bottom: 1px solid #f4f5f6;
+      //border-bottom: 1px solid #f4f5f6;
     }
 
     .add-inspect p:nth-child(even) {