a

src/views/professional/teacherbase/index.vue

@@ -1,13 +1,12 @@
 
 <template>
-  <div class="teacherbase-page">
+  <div class="page-cards">
     <div class="page-wrapper">
       <!-- 筛选条件卡片：标题由 SearchForm 组件内置 -->
       <el-card v-show="showSearch" class="search-card" shadow="never">
         <search-form
           :model="search"
           ref="searchFormRef"
-          filter-title="筛选"
           @keyup-enter="handleFilter(search)"
         >
         <template #default="{ visible }">
@@ -2698,96 +2697,7 @@
   
 </script>
 <style lang="scss" scoped>
-  // 页面整体布局
-  .teacherbase-page {
-    padding: 12px;
-    min-height: 100%;
-    background: var(--el-bg-color-page, #f5f6f8);
-  }
-
-  .page-wrapper {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  // 筛选卡片（标题栏与表单样式在 SearchForm 组件内）
-  .search-card {
-    border-radius: 8px;
-    border: 1px solid var(--el-border-color-lighter);
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-    background: var(--el-bg-color);
-
-    :deep(.el-card__body) {
-      padding: 18px 20px 5px 20px;
-    }
-  }
-
-  // 列表内容卡片
-  .content-card {
-    border-radius: 8px;
-    border: 1px solid var(--el-border-color-lighter);
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
-    background: var(--el-bg-color);
-
-    :deep(.el-card__header) {
-      padding: 20px 20px 15px;
-      border-bottom: 1px solid var(--el-border-color-lighter);
-    }
-
-    :deep(.el-card__body) {
-      padding: 15px 20px 20px;
-    }
-  }
-
-  .card-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    flex-wrap: wrap;
-    gap: 12px;
-  }
-
-  .card-title {
-    display: inline-flex;
-    align-items: center;
-    gap: 8px;
-    font-size: 15px;
-    font-weight: 500;
-    color: var(--el-text-color-primary);
-
-    .title-icon {
-      font-size: 16px;
-      color: var(--el-color-primary);
-    }
-  }
-
-  .header-actions {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 12px;
-  }
-
-  .action-group {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-  }
-
-  .header-right {
-    display: flex;
-    align-items: center;
-    padding-left: 10px;
-  }
-
-  // 主表格行高稍增加
-  .teacherbase-table {
-    :deep(.el-table__body td),
-    :deep(.el-table__header th) {
-      padding: 9px 0;
-    }
-  }
+  @import '/@/assets/styles/page-cards.scss';
 
   // 列表内链接与占位（主表格与弹窗内通用）
   :deep(.certificate-link) {