修改教师列表样式问题

src/views/school/teacherList.vue

@@ -11,6 +11,25 @@
 
     <!-- 筛选区域 -->
     <div class="filter_wrapper">
+      <div class="filter_area">
+        <TabSearch.default
+          :tabList="tabList" 
+          tabType="box" 
+          :defaultTabKey="currentTab" 
+          @tabChange="ChangeTab"
+        />
+        <div class="search_area">
+          <el-input 
+            v-model="searchKeyword" 
+            placeholder="请输入账号/手机号"
+            @input="HandleSearch"
+          >
+            <template #append>
+              <el-button :icon="Search" @click="HandleSearch" />
+            </template>
+          </el-input>
+        </div>
+      </div>
       <div class="tag_group" v-if="gradeList.length > 1">
         <div class="tag_group_title">年级：</div>
         <div class="tag_group_content">
@@ -39,25 +58,6 @@
           </div>
         </div>
       </div>
-      <div class="filter_area">
-        <TabSearch.default
-          :tabList="tabList" 
-          tabType="box" 
-          :defaultTabKey="currentTab" 
-          @tabChange="ChangeTab"
-        />
-        <div class="search_area">
-          <el-input 
-            v-model="searchKeyword" 
-            placeholder="请输入账号/手机号"
-            @input="HandleSearch"
-          >
-            <template #append>
-              <el-button :icon="Search" @click="HandleSearch" />
-            </template>
-          </el-input>
-        </div>
-      </div>
     </div>
 
     <!-- 表格区域 -->
@@ -194,7 +194,7 @@
     </div>
   
     <!-- 分页器 -->
-    <div class="page_pagination">
+    <div class="page_pagination" style="margin-top: 20px; margin-bottom: 0;">
       <el-pagination 
         v-model:current-page="pageNum" 
         v-model:page-size="pageSize" 
@@ -558,7 +558,7 @@ onUnmounted(() => {
   border-radius: 10px;
   padding:20px;
   width: 100%;
-  overflow: hidden;
+  overflow: auto;
 }
 
 // 顶部导航
@@ -566,7 +566,6 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   gap: 20px;
-  margin-bottom: 20px;
   
   .back_button {
     width: 82px;
@@ -595,9 +594,9 @@ onUnmounted(() => {
 }
 
 // 筛选区域
-.filter_wrapper {
-  margin-bottom: 16px;
-}
+// .filter_wrapper {
+//   margin-bottom: 10px;
+// }
 
 .tag_group {
   padding: 8px 0;
@@ -648,7 +647,7 @@ onUnmounted(() => {
   align-items: center;
   gap: 20px;
   border-radius: 8px;
-  margin-top: 8px;
+  margin:10px 0;
   
   .search_area {
     flex: 1;