修改页面的滚动

src/views/reviewManagement/stepComponent/numberMappingComponent/NumberMappingComponent.vue

@@ -381,6 +381,11 @@ onMounted( async ()=>{
 <style lang="scss" scoped>
 
 .number_mapping_content{
+    display: flex;
+    flex-direction: column;
+    > * {
+      flex-shrink: 0;
+    }
     height: 100%;
     overflow: auto;
 
@@ -395,8 +400,8 @@ onMounted( async ()=>{
 }
 
 .main_content {
+    flex: 1 1;
     overflow: auto;
-    height: calc(100% - 56px);
     display: flex;
     flex-direction: row;
     justify-content: space-between;

src/views/reviewManagement/stepComponent/questionnaireTemplateComponent/QuestionnaireTemplateComponent.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="page_item end_item">
+    <div class="page_item end_item template_component">
         <div class="page_search">
             <div class="search_content">
             <div class="content_left">
@@ -13,7 +13,7 @@
             </div>
         </div>
         <div class="page_jg_20"></div>
-        <Table :tableColumns="tableColumns" 
+        <Table :tableColumns="tableColumns" class="table_content"
             :tableData="tableData"
             :hidePagination="true">
             <template #gender="{row}">
@@ -206,11 +206,18 @@ watch(()=>store.state.evaluationManageStepData.isHeadTeacherInvolved,(newVal)=>{
 
 
 <style lang="scss" scoped>
+.template_component{
+    height: 100%;
+    overflow: auto;
+}
 
 .questionnaire_cell{
     gap:16px;
     word-break: keep-all;
 
 }
+.table_content{
+    overflow: auto;
+}
 
 </style>

src/views/reviewManagement/stepComponent/reviewAccountComponent/GenerateReviewCode.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="page_item end_item">
+    <div class="page_item end_item generate_review_code">
         <div class=" page_search">
             <div class="search_content">
                 <div class="content_left">
@@ -503,7 +503,13 @@ onMounted(async ()=>{
 
 
 <style lang="scss" scoped>
-
+.generate_review_code{
+    height: 100%;
+    .page_search .content_right{
+        flex-wrap: wrap;
+        height: auto;
+    }
+}
 .request_url{
     display: flex;
     gap:16px;

src/views/reviewManagement/stepComponent/reviewAccountComponent/ReviewAccountComponent.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="page_item   end_item">
+    <div class="page_item end_item review_account">
         <div class="page_search">
             <div class="search_content">
                 <div class="content_left">
@@ -612,8 +612,14 @@ onMounted(async ()=>{
 </script>
 
 
-
 <style lang="scss" scoped>
+.review_account{
+    height: 100%;
+    .page_search .content_right{
+        flex-wrap: wrap;
+        height: auto;
+    }
+}
 
 .grade_form_item{
     display: flex;

src/views/reviewManagement/stepComponent/teachingRelationshipComponent/TeachingRelationshipComponent.vue

@@ -27,7 +27,7 @@
                 @tabChange="(val)=>HandleTabChange(val,'grade')">
               </TabSearch>
             </div>
-            <div class="content_right">
+            <div class="content_right operation_btn">
               <el-button class="delete_button_border_no_bg" @click="ClearTeachingRelationship">清空授课</el-button>
               <el-button class="button_refresh" @click="HandleExportExcel">批量导出</el-button>
               <el-upload action="#"
@@ -737,6 +737,10 @@ onMounted( async ()=>{
         border-radius: 6px;
       }
     }
+    .operation_btn{
+      flex-wrap: wrap;
+      height: auto;
+    }
   }
 }