From 1a1b1ce66beb8a0f495830022445ea045400593d Mon Sep 17 00:00:00 2001
From: zhaichao <zhaichao@fengyingkj.top>
Date: Mon, 24 Aug 2026 14:48:08 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/assets/styles/design-system.scss | 326 ++++++++++++++++++
 frontend/src/assets/styles/design-tokens.scss | 147 ++++++++
 frontend/src/assets/styles/index.scss         |   6 +
 .../views/classHour/jointTraining/index.vue   |  20 --
 frontend/src/views/classHour/plan/index.vue   |  24 --
 .../src/views/classHour/subsidy/index.vue     |  19 -
 .../src/views/schedule/planImport/index.vue   |  10 -
 frontend/src/views/student/score/index.vue    |  18 -
 .../src/views/student/shiftTeam/index.vue     |  23 --
 .../src/views/student/statusChange/index.vue  |  18 -
 .../src/views/student/studentInfo/index.vue   |  23 --
 .../views/student/warningCondition/index.vue  |  17 -
 .../src/views/student/warningResult/index.vue |  25 --
 .../views/subjectMajor/discipline/index.vue   |  14 -
 .../src/views/subjectMajor/major/index.vue    |  17 -
 .../views/teachBusiness/syllabus/index.vue    |  10 -
 .../teachBusiness/teachingTask/index.vue      |  15 -
 .../teachBusiness/trainingPlan/index.vue      |  10 -
 .../src/views/teachBusiness/venue/index.vue   |  10 -
 .../src/views/teachOffice/elective/index.vue  |  32 --
 .../views/teachOffice/shiftSemester/index.vue |   9 -
 .../src/views/teachOffice/subject/index.vue   |   6 -
 .../src/views/teachOffice/taskPlan/index.vue  |  12 -
 .../src/views/teachOffice/teacher/index.vue   |  44 ---
 frontend/src/views/textbook/index.vue         |  19 -
 25 files changed, 479 insertions(+), 395 deletions(-)
 create mode 100644 frontend/src/assets/styles/design-system.scss
 create mode 100644 frontend/src/assets/styles/design-tokens.scss

diff --git a/frontend/src/assets/styles/design-system.scss b/frontend/src/assets/styles/design-system.scss
new file mode 100644
index 000000000..5aa758136
--- /dev/null
+++ b/frontend/src/assets/styles/design-system.scss
@@ -0,0 +1,326 @@
+// ============================================================
+// 全局设计系统（Design System）
+// 收敛 Element 基元 + 统一页面结构基线 + 工具类
+// 依赖 design-tokens.scss 中的 $token 与 --token
+//
+// 用途：业务页面优先复用以下区块/工具类，删除各自 scoped 中重复定义，
+//       实现全站风格、排版、按钮统一。仅需在 index.scss 末尾引入一次。
+// ============================================================
+
+// ------------------------- 1. Element 基元收敛 -------------------------
+
+// 1.1 按钮——统一主色、尺寸、圆角、hover/active 反馈与外光晕
+.el-button {
+  --el-button-primary-text: #fff;
+  border-radius: var(--token-radius-md, 4px);
+  transition: background-color 0.2s, border-color 0.2s, color 0.2s,
+    box-shadow 0.2s;
+
+  // 主按钮统一教育绿
+  &.el-button--primary {
+    background-color: var(--token-color-primary, #00875a);
+    border-color: var(--token-color-primary, #00875a);
+    color: #fff;
+
+    &:hover,
+    &:focus {
+      background-color: var(--token-color-primary-hover, #0b9e6c);
+      border-color: var(--token-color-primary-hover, #0b9e6c);
+    }
+
+    &:active {
+      background-color: var(--token-color-primary-active, #006b47);
+      border-color: var(--token-color-primary-active, #006b47);
+    }
+
+    &.is-plain {
+      color: var(--token-color-primary, #00875a);
+      background-color: var(--token-color-primary-lighter, #f0f9f4);
+      border-color: var(--token-color-primary, #00875a);
+
+      &:hover,
+      &:focus {
+        color: #fff;
+        background-color: var(--token-color-primary, #00875a);
+      }
+    }
+
+    &.is-disabled {
+      background-color: #a0cfb8;
+      border-color: #a0cfb8;
+      color: rgba(255, 255, 255, 0.9);
+    }
+  }
+
+  // 危险按钮
+  &.el-button--danger {
+    background-color: var(--token-color-danger, #ff4949);
+    border-color: var(--token-color-danger, #ff4949);
+    &:hover,
+    &:focus {
+      background-color: #ff6b6b;
+      border-color: #ff6b6b;
+    }
+  }
+
+  // 聚焦外光晕（键盘可访问性），除 text 按钮外
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px var(--token-color-primary-ring, rgba(0, 135, 90, 0.35));
+  }
+
+  // 表格内文字操作按钮保持紧凑
+  &.el-button--text {
+    font-size: var(--token-font-size-sm, 13px);
+    padding: 0 4px;
+
+    &.danger-link {
+      color: var(--token-color-danger, #ff4949);
+    }
+  }
+}
+
+// 1.2 卡片——统一无内阴影、body 内边距
+.el-card {
+  border-color: var(--token-color-border-lighter, #ebeef5);
+  &.is-always-shadow {
+    box-shadow: var(--token-shadow-card, 0 1px 4px rgba(0, 0, 0, 0.06));
+  }
+}
+
+// 1.3 表格——统一表头背景与居中、行 hover、斑马
+.el-table {
+  th.el-table__cell {
+    background-color: var(--token-color-fill, #f5f7fa);
+    color: var(--token-color-text-main, #303133);
+    font-weight: 600;
+  }
+
+  th.el-table__cell > .cell {
+    text-align: center;
+  }
+
+  .el-table__body tr.hover-row > td.el-table__cell,
+  .el-table__body tr:hover > td.el-table__cell {
+    background-color: var(--token-color-primary-lighter, #f0f9f4);
+  }
+
+  &.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
+    background-color: var(--token-color-fill-light, #f0f2f5);
+  }
+}
+
+// 1.4 表单——统一 label 对齐与错误/必填语义
+.el-form {
+  .el-form-item {
+    .el-form-item__label {
+      color: var(--token-color-text-regular, #606266);
+    }
+    .el-form-item__error {
+      color: var(--token-color-danger, #ff4949);
+    }
+  }
+}
+
+// 1.5 分页——统一置于底部右侧
+.el-pagination {
+  color: var(--token-color-text-regular, #606266);
+  &.pagination-right {
+    justify-content: flex-end;
+  }
+}
+
+// ------------------------- 2. 页面结构基线 -------------------------
+// 说明：这些类名与历史业务页 scoped 中的自定义类名保持同名，
+//       统一后应删除页面内的 scoped 重复定义，避免覆盖。
+
+// 2.1 基础页面容器
+.page-shell {
+  padding: var(--token-space-xl, 20px);
+  box-sizing: border-box;
+}
+
+// 2.2 页面标题
+.page-title {
+  font-size: var(--token-font-size-xl, 20px);
+  font-weight: 600;
+  color: var(--token-color-text-main, #303133);
+  margin-bottom: var(--token-space-lg, 16px);
+}
+
+// 2.3 区块/卡片容器——统一白底 + 圆角 + 轻阴影 + 内边距
+.section-card {
+  background: #fff;
+  border-radius: var(--token-radius-xl, 8px);
+  box-shadow: var(--token-shadow-light, 0 1px 4px rgba(0, 0, 0, 0.08));
+  padding: var(--token-space-lg, 16px) var(--token-space-xl, 20px);
+  margin-bottom: var(--token-space-lg, 16px);
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+// 兼容：el-card 封装的查询/表格卡
+.search-card.el-card,
+.table-card.el-card {
+  border-radius: var(--token-radius-xl, 8px);
+}
+.search-card,
+.table-card {
+  margin-bottom: var(--token-space-lg, 16px);
+}
+
+.search-card {
+  .search-form {
+    .el-form-item {
+      margin-bottom: 0;
+    }
+  }
+
+  // 底部操作区（右侧对齐）
+  .search-actions,
+  .search-footer {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--token-space-md, 12px);
+  }
+
+  // 仅明确标记为页脚的操作区才带轻分割线（避免误伤页面自有分割结构）
+  .search-footer {
+    margin-top: var(--token-space-md, 12px);
+    padding-top: var(--token-space-md, 12px);
+    border-top: 1px solid var(--token-color-border-lighter, #ebeef5);
+  }
+}
+
+.table-card {
+  .pagination-wrap,
+  .pagination-wrapper,
+  .pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: var(--token-space-md, 12px);
+  }
+}
+
+// 2.4 查询控件——统一纵向排列的表单：标签右对齐 + 控件自适应
+.query-field {
+  display: flex;
+  align-items: center;
+  margin-bottom: var(--token-space-sm, 8px);
+  min-height: 32px;
+
+  .q-label {
+    width: 120px;
+    flex-shrink: 0;
+    font-size: var(--token-font-size-sm, 13px);
+    color: var(--token-color-text-main, #303133);
+    text-align: right;
+    margin-right: var(--token-space-sm, 8px);
+    white-space: nowrap;
+
+    &.no-check {
+      margin-left: var(--token-space-2xl, 24px);
+    }
+  }
+
+  .q-control {
+    flex: 1;
+    min-width: 0;
+  }
+}
+
+// 2.5 操作/导出按钮行——统一 flex + 等比间距 + 自动换行
+.action-row,
+.export-bar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--token-space-md, 12px);
+}
+
+.action-row + .action-row {
+  margin-top: var(--token-space-md, 12px);
+}
+
+// 2.6 列表工具栏——左右分组
+.list-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--token-space-md, 12px);
+  flex-wrap: wrap;
+  margin-bottom: var(--token-space-lg, 16px);
+
+  .left-group,
+  .right-group {
+    display: flex;
+    align-items: center;
+    gap: var(--token-space-md, 12px);
+    flex-wrap: wrap;
+  }
+}
+
+// 列表标题
+.list-title,
+.section-title {
+  font-size: var(--token-font-size-lg, 16px);
+  font-weight: 600;
+  color: var(--token-color-text-main, #303133);
+  margin-bottom: var(--token-space-md, 12px);
+}
+
+// 2.7 危险文字（删除/停用等）
+.text-danger,
+.danger-text,
+.danger-link {
+  color: var(--token-color-danger, #ff4949);
+}
+
+// ------------------------- 3. 工具类 -------------------------
+// 字体
+.text-center { text-align: center; }
+.text-left { text-align: left; }
+.text-right { text-align: right; }
+.text-primary { color: var(--token-color-primary, #00875a); }
+.text-regular { color: var(--token-color-text-regular, #606266); }
+.text-secondary { color: var(--token-color-text-secondary, #909399); }
+
+.font-sm { font-size: var(--token-font-size-sm, 13px); }
+.font-lg { font-size: var(--token-font-size-lg, 16px); }
+
+// 布局
+.flex { display: flex; align-items: center; }
+.flex-center { display: flex; align-items: center; justify-content: center; }
+.flex-between { display: flex; align-items: center; justify-content: space-between; }
+.flex-end { display: flex; align-items: center; justify-content: flex-end; }
+.flex-wrap { flex-wrap: wrap; }
+.flex-1 { flex: 1; min-width: 0; }
+.w-full { width: 100%; }
+
+// 间距（上/下）
+.mt-0 { margin-top: 0; }
+.mt-xs { margin-top: var(--token-space-xs, 4px); }
+.mt-sm { margin-top: var(--token-space-sm, 8px); }
+.mt-md { margin-top: var(--token-space-md, 12px); }
+.mt-lg { margin-top: var(--token-space-lg, 16px); }
+.mt-xl { margin-top: var(--token-space-xl, 20px); }
+.mb-0 { margin-bottom: 0; }
+.mb-xs { margin-bottom: var(--token-space-xs, 4px); }
+.mb-sm { margin-bottom: var(--token-space-sm, 8px); }
+.mb-md { margin-bottom: var(--token-space-md, 12px); }
+.mb-lg { margin-bottom: var(--token-space-lg, 16px); }
+.mb-xl { margin-bottom: var(--token-space-xl, 20px); }
+
+// 圆角/阴影
+.radius-sm { border-radius: var(--token-radius-sm, 2px); }
+.radius-md { border-radius: var(--token-radius-md, 4px); }
+.radius-lg { border-radius: var(--token-radius-lg, 6px); }
+.radius-xl { border-radius: var(--token-radius-xl, 8px); }
+.shadow-light { box-shadow: var(--token-shadow-light, 0 1px 4px rgba(0, 0, 0, 0.08)); }
+
+// 等宽
+.mono {
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
+}
\ No newline at end of file
diff --git a/frontend/src/assets/styles/design-tokens.scss b/frontend/src/assets/styles/design-tokens.scss
new file mode 100644
index 000000000..3349142f9
--- /dev/null
+++ b/frontend/src/assets/styles/design-tokens.scss
@@ -0,0 +1,147 @@
+// ============================================================
+// 设计 Token 体系（Design Tokens）
+// 全站统一颜色 / 字体 / 间距 / 圆角 / 阴影 / 边框 / 层级 / 断点
+// 约定：
+//   1. 业务代码禁止散落魔法数字，一律引用下方 $token / --token
+//   2. SCSS 变量供样式内使用，:root 自定义属性供内联/动态样式使用
+// ============================================================
+@import './variables.scss';
+
+// ------------------------- 色彩 Token -------------------------
+// 主色：教育绿
+$token-color-primary: #00875a;            // 主色
+$token-color-primary-hover: #0b9e6c;      // hover
+$token-color-primary-active: #006b47;     // active
+$token-color-primary-light: #e6f4ea;      // 浅底（标签/选中背景）
+$token-color-primary-lighter: #f0f9f4;    // 更浅（hover 背景/斑马）
+$token-color-primary-ring: rgba(0, 135, 90, 0.35); // 聚焦外光晕
+
+// 语义色
+$token-color-danger: #ff4949;             // 危险
+$token-color-success: #13ce66;            // 成功
+$token-color-warning: #ffba00;            // 警告
+$token-color-info: #909399;               // 中性信息
+
+// 中性灰阶（对齐 Element 三级文字）
+$token-color-text-main: #303133;          // 主要文字
+$token-color-text-regular: #606266;       // 常规文字
+$token-color-text-secondary: #909399;     // 次要文字
+$token-color-text-placeholder: #c0c4cc;   // 占位
+$token-color-border: #dcdfe6;             // 边框
+$token-color-border-light: #e4e7ed;       // 浅边框
+$token-color-border-lighter: #ebeef5;     // 极浅边框（分割线）
+$token-color-fill: #f5f7fa;               // 填充/底灰
+$token-color-fill-light: #f0f2f5;         // 更浅填充
+
+// ------------------------- 字体 Token -------------------------
+$token-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC',
+  'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
+$token-font-size-xs: 12px;
+$token-font-size-sm: 13px;
+$token-font-size-base: 14px;
+$token-font-size-lg: 16px;
+$token-font-size-xl: 20px;
+
+// ------------------------- 间距 Token -------------------------
+$token-space-xs: 4px;
+$token-space-sm: 8px;
+$token-space-md: 12px;
+$token-space-lg: 16px;
+$token-space-xl: 20px;
+$token-space-2xl: 24px;
+
+// ------------------------- 圆角 Token -------------------------
+$token-radius-sm: 2px;
+$token-radius-md: 4px;
+$token-radius-lg: 6px;
+$token-radius-xl: 8px;
+$token-radius-circle: 50%;
+
+// ------------------------- 阴影 Token -------------------------
+$token-shadow-light: 0 1px 4px rgba(0, 0, 0, 0.08);
+$token-shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);
+$token-shadow-popup: 0 2px 12px rgba(0, 0, 0, 0.12);
+
+// ------------------------- 层级 Token -------------------------
+$token-z-index-dropdown: 2000;   // 下拉/气泡
+$token-z-index-mask: 2001;       // 遮罩
+$token-z-index-modal: 2002;      // 弹窗
+$token-z-index-toast: 3000;      // 消息/通知
+
+// ------------------------- 断点 Token -------------------------
+$token-breakpoint-xs: 480px;
+$token-breakpoint-sm: 768px;
+$token-breakpoint-md: 992px;
+$token-breakpoint-lg: 1200px;
+$token-breakpoint-xl: 1920px;
+
+// ------------------------- 暴露给运行时（CSS 变量） -------------------------
+:root {
+  --token-color-primary: #{$token-color-primary};
+  --token-color-primary-hover: #{$token-color-primary-hover};
+  --token-color-primary-active: #{$token-color-primary-active};
+  --token-color-primary-light: #{$token-color-primary-light};
+  --token-color-primary-lighter: #{$token-color-primary-lighter};
+  --token-color-primary-ring: #{$token-color-primary-ring};
+
+  --token-color-danger: #{$token-color-danger};
+  --token-color-success: #{$token-color-success};
+  --token-color-warning: #{$token-color-warning};
+  --token-color-info: #{$token-color-info};
+
+  --token-color-text-main: #{$token-color-text-main};
+  --token-color-text-regular: #{$token-color-text-regular};
+  --token-color-text-secondary: #{$token-color-text-secondary};
+  --token-color-text-placeholder: #{$token-color-text-placeholder};
+  --token-color-border: #{$token-color-border};
+  --token-color-border-light: #{$token-color-border-light};
+  --token-color-border-lighter: #{$token-color-border-lighter};
+  --token-color-fill: #{$token-color-fill};
+  --token-color-fill-light: #{$token-color-fill-light};
+
+  --token-font-family: #{$token-font-family};
+  --token-font-size-xs: #{$token-font-size-xs};
+  --token-font-size-sm: #{$token-font-size-sm};
+  --token-font-size-base: #{$token-font-size-base};
+  --token-font-size-lg: #{$token-font-size-lg};
+  --token-font-size-xl: #{$token-font-size-xl};
+
+  --token-space-xs: #{$token-space-xs};
+  --token-space-sm: #{$token-space-sm};
+  --token-space-md: #{$token-space-md};
+  --token-space-lg: #{$token-space-lg};
+  --token-space-xl: #{$token-space-xl};
+  --token-space-2xl: #{$token-space-2xl};
+
+  --token-radius-sm: #{$token-radius-sm};
+  --token-radius-md: #{$token-radius-md};
+  --token-radius-lg: #{$token-radius-lg};
+  --token-radius-xl: #{$token-radius-xl};
+
+  --token-shadow-light: #{$token-shadow-light};
+  --token-shadow-card: #{$token-shadow-card};
+  --token-shadow-popup: #{$token-shadow-popup};
+
+  --token-z-index-dropdown: #{$token-z-index-dropdown};
+  --token-z-index-mask: #{$token-z-index-mask};
+  --token-z-index-modal: #{$token-z-index-modal};
+  --token-z-index-toast: #{$token-z-index-toast};
+}
+
+// ------------------------- 暴露给 JS 模块 -------------------------
+:export {
+  colorPrimary: $token-color-primary;
+  colorPrimaryHover: $token-color-primary-hover;
+  colorPrimaryActive: $token-color-primary-active;
+  colorPrimaryLight: $token-color-primary-light;
+  colorPrimaryLighter: $token-color-primary-lighter;
+  colorDanger: $token-color-danger;
+  colorSuccess: $token-color-success;
+  colorWarning: $token-color-warning;
+  fontFamily: $token-font-family;
+  breakpointXs: $token-breakpoint-xs;
+  breakpointSm: $token-breakpoint-sm;
+  breakpointMd: $token-breakpoint-md;
+  breakpointLg: $token-breakpoint-lg;
+  breakpointXl: $token-breakpoint-xl;
+}
\ No newline at end of file
diff --git a/frontend/src/assets/styles/index.scss b/frontend/src/assets/styles/index.scss
index 27d028ab4..f1344433b 100644
--- a/frontend/src/assets/styles/index.scss
+++ b/frontend/src/assets/styles/index.scss
@@ -245,3 +245,9 @@ aside {
     margin-bottom: 10px;
   }
 }
+
+/* ================= 全局设计系统 =================
+   居于最末加载，收敛 Element 基元与页面结构基线
+   （Token 体系在 design-tokens.scss，页面统一类名在 design-system.scss） */
+@import './design-tokens.scss';
+@import './design-system.scss';
diff --git a/frontend/src/views/classHour/jointTraining/index.vue b/frontend/src/views/classHour/jointTraining/index.vue
index 40e74a7f8..9515adbf5 100644
--- a/frontend/src/views/classHour/jointTraining/index.vue
+++ b/frontend/src/views/classHour/jointTraining/index.vue
@@ -455,13 +455,7 @@ export default {
 
   // ==================== 1. 查询条件区域 ====================
   .search-card {
-    margin-bottom: 16px;
-
     .search-form {
-      .w-full {
-        width: 100%;
-      }
-
       .search-actions {
         display: flex;
         justify-content: flex-end;
@@ -473,8 +467,6 @@ export default {
 
   // ==================== 2. 操作区域 ====================
   .upload-card {
-    margin-bottom: 16px;
-
     .upload-row {
       display: flex;
       align-items: center;
@@ -501,24 +493,12 @@ export default {
 
   // ==================== 3. 数据表格 ====================
   .table-card {
-    margin-bottom: 16px;
-
     .table-title {
       font-size: 14px;
       font-weight: 600;
       color: #303133;
       margin-bottom: 12px;
     }
-
-    .pagination {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 12px;
-    }
-
-    .text-danger {
-      color: #f56c6c;
-    }
   }
 
   // ==================== 4. 新增/修改表单 ====================
diff --git a/frontend/src/views/classHour/plan/index.vue b/frontend/src/views/classHour/plan/index.vue
index 626e0e2e0..c366fda47 100644
--- a/frontend/src/views/classHour/plan/index.vue
+++ b/frontend/src/views/classHour/plan/index.vue
@@ -641,30 +641,6 @@ export default {
     margin-bottom: 12px;
   }
 
-  // ==================== 1. 查询区域 ====================
-  .search-card {
-    margin-bottom: 16px;
-
-    .search-form {
-      .el-form-item {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  // ==================== 2. 数据表格 ====================
-  .table-card {
-    .pagination {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 12px;
-    }
-
-    .text-danger {
-      color: #f56c6c;
-    }
-  }
-
   // ==================== 3. 新增/修改表单 ====================
   .add-form {
     max-height: 62vh;
diff --git a/frontend/src/views/classHour/subsidy/index.vue b/frontend/src/views/classHour/subsidy/index.vue
index b4a16d849..6ce1e7af7 100644
--- a/frontend/src/views/classHour/subsidy/index.vue
+++ b/frontend/src/views/classHour/subsidy/index.vue
@@ -251,22 +251,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .subsidy-page {
-  .list-title {
-    font-size: 16px;
-    font-weight: 600;
-    color: #303133;
-    margin-bottom: 12px;
-  }
-
   // ==================== 1. 查询条件区域 ====================
   .search-card {
-    margin-bottom: 16px;
-
     .search-form {
       .search-actions-col {
         display: flex;
@@ -288,12 +275,6 @@ export default {
       color: #303133;
       margin-bottom: 12px;
     }
-
-    .pagination {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 12px;
-    }
   }
 }
 </style>
diff --git a/frontend/src/views/schedule/planImport/index.vue b/frontend/src/views/schedule/planImport/index.vue
index d86c285a6..401ddc265 100644
--- a/frontend/src/views/schedule/planImport/index.vue
+++ b/frontend/src/views/schedule/planImport/index.vue
@@ -327,10 +327,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .plan-import-page {
   .search-card {
     margin-bottom: 16px;
@@ -408,12 +404,6 @@ export default {
     .import-table {
       width: 100%;
     }
-
-    .pagination-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
   }
 }
 </style>
diff --git a/frontend/src/views/student/score/index.vue b/frontend/src/views/student/score/index.vue
index fa2acd7ea..bf1804de8 100644
--- a/frontend/src/views/student/score/index.vue
+++ b/frontend/src/views/student/score/index.vue
@@ -218,18 +218,6 @@ export default {
 
 <style scoped lang="scss">
 .score-page {
-  padding: 20px;
-
-  .search-card {
-    margin-bottom: 16px;
-
-    .search-form {
-      .el-form-item {
-        margin-bottom: 0;
-      }
-    }
-  }
-
   .toolbar {
     margin-bottom: 16px;
   }
@@ -238,12 +226,6 @@ export default {
     .el-table {
       width: 100%;
     }
-
-    .pagination {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
   }
 }
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/student/shiftTeam/index.vue b/frontend/src/views/student/shiftTeam/index.vue
index 9a93fd308..08069f415 100644
--- a/frontend/src/views/student/shiftTeam/index.vue
+++ b/frontend/src/views/student/shiftTeam/index.vue
@@ -627,31 +627,14 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .shift-team-page {
   .search-card {
-    margin-bottom: 16px;
-
     .search-form {
-      .w-full {
-        width: 100%;
-      }
-
       .search-actions-row {
         margin-top: 2px;
         border-top: 1px dashed #ebeef5;
         padding-top: 14px;
       }
-
-      .search-actions {
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        gap: 12px;
-      }
     }
   }
 
@@ -691,12 +674,6 @@ export default {
         color: #303133;
       }
     }
-
-    .pagination-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
   }
 
   .form-dialog-form {
diff --git a/frontend/src/views/student/statusChange/index.vue b/frontend/src/views/student/statusChange/index.vue
index 555d60f28..7349a4807 100644
--- a/frontend/src/views/student/statusChange/index.vue
+++ b/frontend/src/views/student/statusChange/index.vue
@@ -427,20 +427,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .status-change-page {
-  .search-card {
-    margin-bottom: 16px;
-  }
-
   .search-form {
-    .w-full {
-      width: 100%;
-    }
-
     .search-actions {
       display: flex;
       align-items: center;
@@ -472,12 +460,6 @@ export default {
         color: #303133;
       }
     }
-
-    .pagination-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
   }
 
   .add-form {
diff --git a/frontend/src/views/student/studentInfo/index.vue b/frontend/src/views/student/studentInfo/index.vue
index 1bf30b39c..1900f08d9 100644
--- a/frontend/src/views/student/studentInfo/index.vue
+++ b/frontend/src/views/student/studentInfo/index.vue
@@ -420,19 +420,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .student-info-page {
   .search-card {
-    margin-bottom: 16px;
-
     .search-form {
-      .w-full {
-        width: 100%;
-      }
-
       .range-control {
         display: flex;
         align-items: center;
@@ -466,13 +456,6 @@ export default {
     }
   }
 
-  .list-title {
-    font-size: 16px;
-    font-weight: 600;
-    color: #303133;
-    margin-bottom: 12px;
-  }
-
   .toolbar {
     margin-bottom: 16px;
   }
@@ -481,12 +464,6 @@ export default {
     .el-table {
       width: 100%;
     }
-
-    .pagination {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
   }
 
   .text-primary {
diff --git a/frontend/src/views/student/warningCondition/index.vue b/frontend/src/views/student/warningCondition/index.vue
index d81be0738..f81669575 100644
--- a/frontend/src/views/student/warningCondition/index.vue
+++ b/frontend/src/views/student/warningCondition/index.vue
@@ -476,10 +476,6 @@ export default {
 
 <style scoped lang="scss">
 .warning-condition-page {
-  .search-card {
-    margin-bottom: 16px;
-  }
-
   .search-form {
     ::v-deep .el-form-item {
       margin-bottom: 18px;
@@ -490,13 +486,6 @@ export default {
       border-top: 1px dashed #ebeef5;
       padding-top: 14px;
     }
-
-    .search-actions {
-      display: flex;
-      align-items: center;
-      justify-content: flex-end;
-      gap: 12px;
-    }
   }
 
   .table-card {
@@ -518,12 +507,6 @@ export default {
         gap: 10px;
       }
     }
-
-    .pagination-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
   }
 
   .form-dialog-form {
diff --git a/frontend/src/views/student/warningResult/index.vue b/frontend/src/views/student/warningResult/index.vue
index 5e6acb072..0e20201c8 100644
--- a/frontend/src/views/student/warningResult/index.vue
+++ b/frontend/src/views/student/warningResult/index.vue
@@ -204,32 +204,13 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .warning-result-page {
-  .search-card {
-    margin-bottom: 16px;
-  }
-
   .search-form {
-    .w-full {
-      width: 100%;
-    }
-
     .search-actions-row {
       margin-top: 2px;
       border-top: 1px dashed #ebeef5;
       padding-top: 14px;
     }
-
-    .search-actions {
-      display: flex;
-      align-items: center;
-      justify-content: flex-end;
-      gap: 12px;
-    }
   }
 
   .table-card {
@@ -245,12 +226,6 @@ export default {
         color: #303133;
       }
     }
-
-    .pagination-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
   }
 }
 </style>
diff --git a/frontend/src/views/subjectMajor/discipline/index.vue b/frontend/src/views/subjectMajor/discipline/index.vue
index 14213bc6b..a77d6a0a1 100644
--- a/frontend/src/views/subjectMajor/discipline/index.vue
+++ b/frontend/src/views/subjectMajor/discipline/index.vue
@@ -494,15 +494,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .discipline-page {
-  .search-card {
-    margin-bottom: 16px;
-  }
-
   .search-form {
     .w-full {
       width: 100%;
@@ -547,12 +539,6 @@ export default {
         color: #303133;
       }
     }
-
-    .pagination-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
   }
 
   .add-form {
diff --git a/frontend/src/views/subjectMajor/major/index.vue b/frontend/src/views/subjectMajor/major/index.vue
index 3e33df785..f30376eda 100644
--- a/frontend/src/views/subjectMajor/major/index.vue
+++ b/frontend/src/views/subjectMajor/major/index.vue
@@ -648,10 +648,6 @@ export default {
 
 <style scoped lang="scss">
 .major-page {
-  .search-card {
-    margin-bottom: 16px;
-  }
-
   .search-form {
     ::v-deep .el-form-item {
       margin-bottom: 18px;
@@ -662,13 +658,6 @@ export default {
       border-top: 1px dashed #ebeef5;
       padding-top: 14px;
     }
-
-    .search-actions {
-      display: flex;
-      align-items: center;
-      justify-content: flex-end;
-      gap: 12px;
-    }
   }
 
   .table-card {
@@ -690,12 +679,6 @@ export default {
         gap: 10px;
       }
     }
-
-    .pagination-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
   }
 
   .form-dialog-form {
diff --git a/frontend/src/views/teachBusiness/syllabus/index.vue b/frontend/src/views/teachBusiness/syllabus/index.vue
index 6bf4178bd..c714747f0 100644
--- a/frontend/src/views/teachBusiness/syllabus/index.vue
+++ b/frontend/src/views/teachBusiness/syllabus/index.vue
@@ -424,19 +424,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .syllabus-page {
   .search-card {
-    margin-bottom: 16px;
-
     .search-form {
-      .w-full {
-        width: 100%;
-      }
-
       .search-actions {
         padding-top: 4px;
       }
diff --git a/frontend/src/views/teachBusiness/teachingTask/index.vue b/frontend/src/views/teachBusiness/teachingTask/index.vue
index 1ff0e6469..c22dfe087 100644
--- a/frontend/src/views/teachBusiness/teachingTask/index.vue
+++ b/frontend/src/views/teachBusiness/teachingTask/index.vue
@@ -247,10 +247,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .teaching-task-page {
   .page-title {
     text-align: center;
@@ -262,8 +258,6 @@ export default {
 
   // ==================== 1. 查询条件区域 ====================
   .search-card {
-    margin-bottom: 16px;
-
     .search-form {
       .search-actions {
         display: flex;
@@ -274,15 +268,6 @@ export default {
     }
   }
 
-  // ==================== 2. 数据表格 ====================
-  .table-card {
-    .pagination {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 12px;
-    }
-  }
-
   // ==================== 3. 详情 ====================
   .detail-empty {
     min-height: 120px;
diff --git a/frontend/src/views/teachBusiness/trainingPlan/index.vue b/frontend/src/views/teachBusiness/trainingPlan/index.vue
index 67cc4f44f..485ee1b6c 100644
--- a/frontend/src/views/teachBusiness/trainingPlan/index.vue
+++ b/frontend/src/views/teachBusiness/trainingPlan/index.vue
@@ -505,19 +505,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .training-plan-page {
   .search-card {
-    margin-bottom: 16px;
-
     .search-form {
-      .w-full {
-        width: 100%;
-      }
-
       .search-actions {
         padding-top: 4px;
       }
diff --git a/frontend/src/views/teachBusiness/venue/index.vue b/frontend/src/views/teachBusiness/venue/index.vue
index 561b433bf..8d3852996 100644
--- a/frontend/src/views/teachBusiness/venue/index.vue
+++ b/frontend/src/views/teachBusiness/venue/index.vue
@@ -394,19 +394,9 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .venue-page {
   .search-card {
-    margin-bottom: 16px;
-
     .search-form {
-      .w-full {
-        width: 100%;
-      }
-
       .search-actions {
         padding-top: 4px;
       }
diff --git a/frontend/src/views/teachOffice/elective/index.vue b/frontend/src/views/teachOffice/elective/index.vue
index e54b8f4e0..963ad5614 100644
--- a/frontend/src/views/teachOffice/elective/index.vue
+++ b/frontend/src/views/teachOffice/elective/index.vue
@@ -360,19 +360,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-// ==================== 公共区域容器 ====================
-.section-card {
-  background: #fff;
-  border-radius: 8px;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
-  padding: 16px 20px;
-  margin-bottom: 16px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
 // ==================== 2. 查询条件区域 ====================
 .query-card {
   .query-field {
@@ -422,15 +409,6 @@ export default {
   }
 }
 
-// ==================== 3. 导出按钮区域 ====================
-.export-card {
-  .export-bar {
-    display: flex;
-    gap: 12px;
-    flex-wrap: wrap;
-  }
-}
-
 // ==================== 4. 操作按钮区域 ====================
 .action-card {
   .action-row {
@@ -485,16 +463,6 @@ export default {
     flex-direction: column;
     line-height: 1.4;
   }
-
-  .pagination-wrap {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: 12px;
-  }
-}
-
-.w-full {
-  width: 100%;
 }
 
 // ==================== 按钮样式 ====================
diff --git a/frontend/src/views/teachOffice/shiftSemester/index.vue b/frontend/src/views/teachOffice/shiftSemester/index.vue
index 3ef5ca91b..f4575a2de 100644
--- a/frontend/src/views/teachOffice/shiftSemester/index.vue
+++ b/frontend/src/views/teachOffice/shiftSemester/index.vue
@@ -592,10 +592,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .shift-semester-page {
   // ========== 页面标题 ==========
   .page-title {
@@ -607,11 +603,6 @@ export default {
     border-left: 4px solid var(--edu-green-primary);
   }
 
-  // ========== 1. 查询条件区域 ==========
-  .search-card {
-    margin-bottom: 16px;
-  }
-
   // ========== 2. 工具栏按钮区 ==========
   .list-toolbar {
     display: flex;
diff --git a/frontend/src/views/teachOffice/subject/index.vue b/frontend/src/views/teachOffice/subject/index.vue
index 285a5bff6..7c074f17e 100644
--- a/frontend/src/views/teachOffice/subject/index.vue
+++ b/frontend/src/views/teachOffice/subject/index.vue
@@ -565,10 +565,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 // ==================== 1. 顶部状态提示 ====================
 .status-tip {
   display: inline-block;
@@ -582,8 +578,6 @@ export default {
 
 // ==================== 2. 查询条件区域 ====================
 .search-card {
-  margin-bottom: 16px;
-
   .query-field {
     display: flex;
     align-items: center;
diff --git a/frontend/src/views/teachOffice/taskPlan/index.vue b/frontend/src/views/teachOffice/taskPlan/index.vue
index 3cabcbcc3..f6d4fa070 100644
--- a/frontend/src/views/teachOffice/taskPlan/index.vue
+++ b/frontend/src/views/teachOffice/taskPlan/index.vue
@@ -441,10 +441,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .task-plan-page {
   .page-title {
     text-align: center;
@@ -456,8 +452,6 @@ export default {
 
   // ========== 1. 查询条件区域 ==========
   .search-card {
-    margin-bottom: 16px;
-
     .search-form {
       .el-form-item {
         margin-bottom: 0;
@@ -490,12 +484,6 @@ export default {
       width: 100%;
     }
 
-    .pagination {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 12px;
-    }
-
     .text-danger {
       color: #f56c6c;
     }
diff --git a/frontend/src/views/teachOffice/teacher/index.vue b/frontend/src/views/teachOffice/teacher/index.vue
index a860454c8..19e378e21 100644
--- a/frontend/src/views/teachOffice/teacher/index.vue
+++ b/frontend/src/views/teachOffice/teacher/index.vue
@@ -992,8 +992,6 @@ export default {
 <style scoped lang="scss">
 .teacher-page {
   .search-card {
-    margin-bottom: 16px;
-
     .search-form {
       .el-form-item {
         margin-bottom: 0;
@@ -1008,47 +1006,5 @@ export default {
       border-top: 1px solid #ebeef5;
     }
   }
-
-  .list-title {
-    font-size: 16px;
-    font-weight: 600;
-    color: #303133;
-    margin-bottom: 12px;
-  }
-
-  .list-toolbar {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 12px;
-    flex-wrap: wrap;
-    margin-bottom: 16px;
-
-    .left-group,
-    .right-group {
-      display: flex;
-      align-items: center;
-      gap: 12px;
-      flex-wrap: wrap;
-    }
-  }
-
-  .table-card {
-    margin-bottom: 16px;
-
-    ::v-deep(.el-table) {
-      width: 100%;
-    }
-
-    .pagination-wrap {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
-  }
-
-  .danger-text {
-    color: #f56c6c;
-  }
 }
 </style>
diff --git a/frontend/src/views/textbook/index.vue b/frontend/src/views/textbook/index.vue
index b5115772b..1826f1804 100644
--- a/frontend/src/views/textbook/index.vue
+++ b/frontend/src/views/textbook/index.vue
@@ -1468,10 +1468,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.app-container {
-  padding: 20px;
-}
-
 .textbook-tabs {
   .search-card {
     margin-bottom: 16px;
@@ -1495,13 +1491,6 @@ export default {
     }
   }
 
-  .list-title {
-    font-size: 16px;
-    font-weight: 600;
-    color: #303133;
-    margin-bottom: 12px;
-  }
-
   .list-toolbar {
     display: flex;
     align-items: center;
@@ -1532,17 +1521,9 @@ export default {
   }
 
   .table-card {
-    margin-bottom: 16px;
-
     ::v-deep(.el-table) {
       width: 100%;
     }
-
-    .pagination-wrap {
-      display: flex;
-      justify-content: flex-end;
-      margin-top: 16px;
-    }
   }
 
   .margin-left-10 {
-- 
2.34.1


From 48aa4101308178c99a168c277551cb3f443fb17e Mon Sep 17 00:00:00 2001
From: zhaichao <zhaichao@fengyingkj.top>
Date: Mon, 24 Aug 2026 15:28:13 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E5=AF=B9=E6=8E=A5=EF=BC=8C=E4=BB=A5=E5=8F=8A=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/api/teachBusiness/classroom.js   |   2 +-
 frontend/src/api/teachBusiness/timetable.js   |  81 -----
 frontend/src/api/teachOffice/elective.js      |  68 ++++
 frontend/src/api/teachOffice/kb.js            |  47 +++
 frontend/src/api/teachOffice/subject.js       |  70 ----
 frontend/src/assets/styles/design-system.scss | 326 ------------------
 frontend/src/assets/styles/design-tokens.scss | 147 --------
 frontend/src/assets/styles/index.scss         |   6 -
 frontend/src/assets/styles/roomroot.scss      |   4 +-
 .../views/classHour/jointTraining/index.vue   |  20 ++
 frontend/src/views/classHour/plan/index.vue   |  24 ++
 .../src/views/classHour/subsidy/index.vue     |  19 +
 frontend/src/views/index.vue                  | 212 +++++++++++-
 frontend/src/views/student/score/index.vue    |  18 +
 .../src/views/student/shiftTeam/index.vue     |  23 ++
 .../src/views/student/statusChange/index.vue  |  18 +
 .../views/student/warningCondition/index.vue  |  17 +
 .../src/views/student/warningResult/index.vue |  25 ++
 .../src/views/subjectMajor/major/index.vue    |  17 +
 .../views/teachBusiness/calendar/index.vue    |   4 +-
 .../views/teachBusiness/semester/index.vue    | 277 ++++-----------
 .../views/teachBusiness/syllabus/index.vue    |  10 +
 .../teachBusiness/teachingTask/index.vue      |  15 +
 .../views/teachBusiness/timetable/index.vue   |   4 +-
 .../teachBusiness/trainingPlan/index.vue      |  10 +
 .../src/views/teachBusiness/venue/index.vue   |  10 +
 .../src/views/teachOffice/elective/index.vue  | 177 ++++++----
 .../views/teachOffice/shiftSemester/index.vue |   9 +
 .../src/views/teachOffice/subject/index.vue   |   8 +-
 .../src/views/teachOffice/taskPlan/index.vue  |  12 +
 .../src/views/teachOffice/teacher/index.vue   |  44 +++
 frontend/src/views/textbook/index.vue         |  19 +
 32 files changed, 824 insertions(+), 919 deletions(-)
 delete mode 100644 frontend/src/api/teachBusiness/timetable.js
 create mode 100644 frontend/src/api/teachOffice/elective.js
 create mode 100644 frontend/src/api/teachOffice/kb.js
 delete mode 100644 frontend/src/api/teachOffice/subject.js
 delete mode 100644 frontend/src/assets/styles/design-system.scss
 delete mode 100644 frontend/src/assets/styles/design-tokens.scss

diff --git a/frontend/src/api/teachBusiness/classroom.js b/frontend/src/api/teachBusiness/classroom.js
index 2776840cd..7c36aed69 100644
--- a/frontend/src/api/teachBusiness/classroom.js
+++ b/frontend/src/api/teachBusiness/classroom.js
@@ -92,4 +92,4 @@ export function listClassroomByJxldh(jxldh) {
     method: 'get',
     params: { jxldh }
   })
-}
\ No newline at end of file
+}
diff --git a/frontend/src/api/teachBusiness/timetable.js b/frontend/src/api/teachBusiness/timetable.js
deleted file mode 100644
index 364c4a9e8..000000000
--- a/frontend/src/api/teachBusiness/timetable.js
+++ /dev/null
@@ -1,81 +0,0 @@
-import request from '@/utils/request'
-
-// 课表（课程表 KCB）管理（KCBController /kcb）
-// 接口依据：KCBController + KCBServiceImpl
-// 说明：KCB 实体主键为 bh（编号，IdType.INPUT）；新增时后端强制 setBh(UUID) 覆盖、cjsj/bdsj 自动生成；
-//       delete/get/update 中的 URL 参数 kbh 实为 bh（编号）值；list 无分页返回全部记录
-
-/**
- * 新增课程表
- * POST /kcb/add
- * body 为 KCB 实体；bh 可留空（后端自动生成 UUID），cjsj/bdsj 后端自动维护
- */
-export function addKcb(data) {
-  return request({
-    url: '/kcb/add',
-    method: 'post',
-    data
-  })
-}
-
-/**
- * 删除课程表
- * POST /kcb/delete?kbh= （kbh 实为 bh 编号值）
- */
-export function deleteKcb(kbh) {
-  return request({
-    url: '/kcb/delete',
-    method: 'post',
-    params: { kbh }
-  })
-}
-
-/**
- * 批量删除课程表
- * POST /kcb/batchDelete
- * body 为 bh（编号）字符串数组
- */
-export function batchDeleteKcb(kbhList) {
-  return request({
-    url: '/kcb/batchDelete',
-    method: 'post',
-    data: kbhList
-  })
-}
-
-/**
- * 更新课程表
- * POST /kcb/update
- * body 为 KCB 实体，bh 编号必传
- */
-export function updateKcb(data) {
-  return request({
-    url: '/kcb/update',
-    method: 'post',
-    data
-  })
-}
-
-/**
- * 根据编号查询课程表详情
- * GET /kcb/get?kbh= （kbh 实为 bh 编号值）
- */
-export function getKcb(kbh) {
-  return request({
-    url: '/kcb/get',
-    method: 'get',
-    params: { kbh }
-  })
-}
-
-/**
- * 查询所有课程表数据
- * GET /kcb/list
- * 返回 List<KCB>，无分页，页面做本地过滤与本地分页
- */
-export function listKcb() {
-  return request({
-    url: '/kcb/list',
-    method: 'get'
-  })
-}
diff --git a/frontend/src/api/teachOffice/elective.js b/frontend/src/api/teachOffice/elective.js
new file mode 100644
index 000000000..d1b6cd228
--- /dev/null
+++ b/frontend/src/api/teachOffice/elective.js
@@ -0,0 +1,68 @@
+import request from '@/utils/request'
+
+// 分页查询选修班
+// pageNum/pageSize/jyxm(通信)/kmc(通信)/kxbcnj(通信)/xxbmc(通信)/xkzt(等值)/pxcc(等值)
+export function listElective(query) {
+  return request({
+    url: '/jys/elective/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 批量开放报名
+export function batchOpenElective(bhList) {
+  return request({
+    url: '/jys/elective/batch-open',
+    method: 'post',
+    data: { bhList: bhList }
+  })
+}
+
+// 批量取消开放报名
+export function batchCancelOpenElective(bhList) {
+  return request({
+    url: '/jys/elective/batch-cancel-open',
+    method: 'post',
+    data: { bhList: bhList }
+  })
+}
+
+// 批量停止报名
+export function batchStopElective(bhList) {
+  return request({
+    url: '/jys/elective/batch-stop',
+    method: 'post',
+    data: { bhList: bhList }
+  })
+}
+
+// 下载选修班列表（Excel）
+export function exportElectiveList(query) {
+  return request({
+    url: '/jys/elective/export',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  })
+}
+
+// 下载选修班学员名单（Excel）
+export function exportElectiveStudentsExcel(bhList) {
+  return request({
+    url: '/jys/elective/students/export-excel',
+    method: 'get',
+    params: { bhList: bhList },
+    responseType: 'blob'
+  })
+}
+
+// 下载选修班学员名单（Word）
+export function exportElectiveStudentsWord(bhList) {
+  return request({
+    url: '/jys/elective/students/export-word',
+    method: 'get',
+    params: { bhList: bhList },
+    responseType: 'blob'
+  })
+}
\ No newline at end of file
diff --git a/frontend/src/api/teachOffice/kb.js b/frontend/src/api/teachOffice/kb.js
new file mode 100644
index 000000000..fbc624cff
--- /dev/null
+++ b/frontend/src/api/teachOffice/kb.js
@@ -0,0 +1,47 @@
+import request from '@/utils/request'
+
+// 分页查询课程科目（课表 KB）
+// kmc/kmdm/jc 模糊，jysdh/kclx/pxlx/pxcc 等值
+export function listKb(query) {
+  return request({
+    url: '/jys/kb/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 课程科目详情（kbh 课编号）
+export function getKb(kbh) {
+  return request({
+    url: '/jys/kb/get',
+    method: 'get',
+    params: { kbh: kbh }
+  })
+}
+
+// 新增课程科目（kbh 留空后端生成 UUID）
+export function addKb(data) {
+  return request({
+    url: '/jys/kb/add',
+    method: 'post',
+    data: data
+  })
+}
+
+// 删除课程科目（kbh 课编号）
+export function deleteKb(kbh) {
+  return request({
+    url: '/jys/kb/delete',
+    method: 'post',
+    params: { kbh: kbh }
+  })
+}
+
+// 编辑课程科目（kbh 必传）
+export function updateKb(data) {
+  return request({
+    url: '/jys/kb/update',
+    method: 'post',
+    data: data
+  })
+}
\ No newline at end of file
diff --git a/frontend/src/api/teachOffice/subject.js b/frontend/src/api/teachOffice/subject.js
deleted file mode 100644
index 06ff16209..000000000
--- a/frontend/src/api/teachOffice/subject.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import request from '@/utils/request'
-
-// 课程科目（课标 KB）管理（JYSController /jys/kb）
-// 接口依据：JYSController 控制器（前端 baseURL 为 /api，此处不重复 /api 前缀）
-// 实体 KB 主键为 kbh（课编号）；新增时 kbh 留空由后端生成 UUID；xhbs 字段无需传递（后端 NEVER）
-
-/**
- * 新增课程科目
- * POST /jys/kb/add
- * body 为 KB 实体；kbh 可留空（后端生成 UUID）
- */
-export function addSubject(data) {
-  return request({
-    url: '/jys/kb/add',
-    method: 'post',
-    data
-  })
-}
-
-/**
- * 删除课程科目
- * POST /jys/kb/delete?kbh=
- */
-export function deleteSubject(kbh) {
-  return request({
-    url: '/jys/kb/delete',
-    method: 'post',
-    params: { kbh }
-  })
-}
-
-/**
- * 编辑课程科目
- * POST /jys/kb/update
- * body 为 KB 实体，kbh 课编号必传
- */
-export function updateSubject(data) {
-  return request({
-    url: '/jys/kb/update',
-    method: 'post',
-    data
-  })
-}
-
-/**
- * 查询课程科目详情
- * GET /jys/kb/get?kbh=
- */
-export function getSubject(kbh) {
-  return request({
-    url: '/jys/kb/get',
-    method: 'get',
-    params: { kbh }
-  })
-}
-
-/**
- * 分页查询课程科目（课标 KB）
- * GET /jys/kb/list
- * 查询参数：pageNum、pageSize、kmc 课名称（模糊）、jc 简称（模糊）、kmdm 科目代码（模糊）、
- *           jysdh 教研室代号（等值）、kclx 课程类型、pxlx 培训类型、pxcc 培训层次
- * 返回：PageResult<KB>（records/total）
- */
-export function listSubject(params) {
-  return request({
-    url: '/jys/kb/list',
-    method: 'get',
-    params
-  })
-}
\ No newline at end of file
diff --git a/frontend/src/assets/styles/design-system.scss b/frontend/src/assets/styles/design-system.scss
deleted file mode 100644
index 5aa758136..000000000
--- a/frontend/src/assets/styles/design-system.scss
+++ /dev/null
@@ -1,326 +0,0 @@
-// ============================================================
-// 全局设计系统（Design System）
-// 收敛 Element 基元 + 统一页面结构基线 + 工具类
-// 依赖 design-tokens.scss 中的 $token 与 --token
-//
-// 用途：业务页面优先复用以下区块/工具类，删除各自 scoped 中重复定义，
-//       实现全站风格、排版、按钮统一。仅需在 index.scss 末尾引入一次。
-// ============================================================
-
-// ------------------------- 1. Element 基元收敛 -------------------------
-
-// 1.1 按钮——统一主色、尺寸、圆角、hover/active 反馈与外光晕
-.el-button {
-  --el-button-primary-text: #fff;
-  border-radius: var(--token-radius-md, 4px);
-  transition: background-color 0.2s, border-color 0.2s, color 0.2s,
-    box-shadow 0.2s;
-
-  // 主按钮统一教育绿
-  &.el-button--primary {
-    background-color: var(--token-color-primary, #00875a);
-    border-color: var(--token-color-primary, #00875a);
-    color: #fff;
-
-    &:hover,
-    &:focus {
-      background-color: var(--token-color-primary-hover, #0b9e6c);
-      border-color: var(--token-color-primary-hover, #0b9e6c);
-    }
-
-    &:active {
-      background-color: var(--token-color-primary-active, #006b47);
-      border-color: var(--token-color-primary-active, #006b47);
-    }
-
-    &.is-plain {
-      color: var(--token-color-primary, #00875a);
-      background-color: var(--token-color-primary-lighter, #f0f9f4);
-      border-color: var(--token-color-primary, #00875a);
-
-      &:hover,
-      &:focus {
-        color: #fff;
-        background-color: var(--token-color-primary, #00875a);
-      }
-    }
-
-    &.is-disabled {
-      background-color: #a0cfb8;
-      border-color: #a0cfb8;
-      color: rgba(255, 255, 255, 0.9);
-    }
-  }
-
-  // 危险按钮
-  &.el-button--danger {
-    background-color: var(--token-color-danger, #ff4949);
-    border-color: var(--token-color-danger, #ff4949);
-    &:hover,
-    &:focus {
-      background-color: #ff6b6b;
-      border-color: #ff6b6b;
-    }
-  }
-
-  // 聚焦外光晕（键盘可访问性），除 text 按钮外
-  &:focus-visible {
-    outline: none;
-    box-shadow: 0 0 0 3px var(--token-color-primary-ring, rgba(0, 135, 90, 0.35));
-  }
-
-  // 表格内文字操作按钮保持紧凑
-  &.el-button--text {
-    font-size: var(--token-font-size-sm, 13px);
-    padding: 0 4px;
-
-    &.danger-link {
-      color: var(--token-color-danger, #ff4949);
-    }
-  }
-}
-
-// 1.2 卡片——统一无内阴影、body 内边距
-.el-card {
-  border-color: var(--token-color-border-lighter, #ebeef5);
-  &.is-always-shadow {
-    box-shadow: var(--token-shadow-card, 0 1px 4px rgba(0, 0, 0, 0.06));
-  }
-}
-
-// 1.3 表格——统一表头背景与居中、行 hover、斑马
-.el-table {
-  th.el-table__cell {
-    background-color: var(--token-color-fill, #f5f7fa);
-    color: var(--token-color-text-main, #303133);
-    font-weight: 600;
-  }
-
-  th.el-table__cell > .cell {
-    text-align: center;
-  }
-
-  .el-table__body tr.hover-row > td.el-table__cell,
-  .el-table__body tr:hover > td.el-table__cell {
-    background-color: var(--token-color-primary-lighter, #f0f9f4);
-  }
-
-  &.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
-    background-color: var(--token-color-fill-light, #f0f2f5);
-  }
-}
-
-// 1.4 表单——统一 label 对齐与错误/必填语义
-.el-form {
-  .el-form-item {
-    .el-form-item__label {
-      color: var(--token-color-text-regular, #606266);
-    }
-    .el-form-item__error {
-      color: var(--token-color-danger, #ff4949);
-    }
-  }
-}
-
-// 1.5 分页——统一置于底部右侧
-.el-pagination {
-  color: var(--token-color-text-regular, #606266);
-  &.pagination-right {
-    justify-content: flex-end;
-  }
-}
-
-// ------------------------- 2. 页面结构基线 -------------------------
-// 说明：这些类名与历史业务页 scoped 中的自定义类名保持同名，
-//       统一后应删除页面内的 scoped 重复定义，避免覆盖。
-
-// 2.1 基础页面容器
-.page-shell {
-  padding: var(--token-space-xl, 20px);
-  box-sizing: border-box;
-}
-
-// 2.2 页面标题
-.page-title {
-  font-size: var(--token-font-size-xl, 20px);
-  font-weight: 600;
-  color: var(--token-color-text-main, #303133);
-  margin-bottom: var(--token-space-lg, 16px);
-}
-
-// 2.3 区块/卡片容器——统一白底 + 圆角 + 轻阴影 + 内边距
-.section-card {
-  background: #fff;
-  border-radius: var(--token-radius-xl, 8px);
-  box-shadow: var(--token-shadow-light, 0 1px 4px rgba(0, 0, 0, 0.08));
-  padding: var(--token-space-lg, 16px) var(--token-space-xl, 20px);
-  margin-bottom: var(--token-space-lg, 16px);
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
-// 兼容：el-card 封装的查询/表格卡
-.search-card.el-card,
-.table-card.el-card {
-  border-radius: var(--token-radius-xl, 8px);
-}
-.search-card,
-.table-card {
-  margin-bottom: var(--token-space-lg, 16px);
-}
-
-.search-card {
-  .search-form {
-    .el-form-item {
-      margin-bottom: 0;
-    }
-  }
-
-  // 底部操作区（右侧对齐）
-  .search-actions,
-  .search-footer {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: var(--token-space-md, 12px);
-  }
-
-  // 仅明确标记为页脚的操作区才带轻分割线（避免误伤页面自有分割结构）
-  .search-footer {
-    margin-top: var(--token-space-md, 12px);
-    padding-top: var(--token-space-md, 12px);
-    border-top: 1px solid var(--token-color-border-lighter, #ebeef5);
-  }
-}
-
-.table-card {
-  .pagination-wrap,
-  .pagination-wrapper,
-  .pagination {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: var(--token-space-md, 12px);
-  }
-}
-
-// 2.4 查询控件——统一纵向排列的表单：标签右对齐 + 控件自适应
-.query-field {
-  display: flex;
-  align-items: center;
-  margin-bottom: var(--token-space-sm, 8px);
-  min-height: 32px;
-
-  .q-label {
-    width: 120px;
-    flex-shrink: 0;
-    font-size: var(--token-font-size-sm, 13px);
-    color: var(--token-color-text-main, #303133);
-    text-align: right;
-    margin-right: var(--token-space-sm, 8px);
-    white-space: nowrap;
-
-    &.no-check {
-      margin-left: var(--token-space-2xl, 24px);
-    }
-  }
-
-  .q-control {
-    flex: 1;
-    min-width: 0;
-  }
-}
-
-// 2.5 操作/导出按钮行——统一 flex + 等比间距 + 自动换行
-.action-row,
-.export-bar {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--token-space-md, 12px);
-}
-
-.action-row + .action-row {
-  margin-top: var(--token-space-md, 12px);
-}
-
-// 2.6 列表工具栏——左右分组
-.list-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--token-space-md, 12px);
-  flex-wrap: wrap;
-  margin-bottom: var(--token-space-lg, 16px);
-
-  .left-group,
-  .right-group {
-    display: flex;
-    align-items: center;
-    gap: var(--token-space-md, 12px);
-    flex-wrap: wrap;
-  }
-}
-
-// 列表标题
-.list-title,
-.section-title {
-  font-size: var(--token-font-size-lg, 16px);
-  font-weight: 600;
-  color: var(--token-color-text-main, #303133);
-  margin-bottom: var(--token-space-md, 12px);
-}
-
-// 2.7 危险文字（删除/停用等）
-.text-danger,
-.danger-text,
-.danger-link {
-  color: var(--token-color-danger, #ff4949);
-}
-
-// ------------------------- 3. 工具类 -------------------------
-// 字体
-.text-center { text-align: center; }
-.text-left { text-align: left; }
-.text-right { text-align: right; }
-.text-primary { color: var(--token-color-primary, #00875a); }
-.text-regular { color: var(--token-color-text-regular, #606266); }
-.text-secondary { color: var(--token-color-text-secondary, #909399); }
-
-.font-sm { font-size: var(--token-font-size-sm, 13px); }
-.font-lg { font-size: var(--token-font-size-lg, 16px); }
-
-// 布局
-.flex { display: flex; align-items: center; }
-.flex-center { display: flex; align-items: center; justify-content: center; }
-.flex-between { display: flex; align-items: center; justify-content: space-between; }
-.flex-end { display: flex; align-items: center; justify-content: flex-end; }
-.flex-wrap { flex-wrap: wrap; }
-.flex-1 { flex: 1; min-width: 0; }
-.w-full { width: 100%; }
-
-// 间距（上/下）
-.mt-0 { margin-top: 0; }
-.mt-xs { margin-top: var(--token-space-xs, 4px); }
-.mt-sm { margin-top: var(--token-space-sm, 8px); }
-.mt-md { margin-top: var(--token-space-md, 12px); }
-.mt-lg { margin-top: var(--token-space-lg, 16px); }
-.mt-xl { margin-top: var(--token-space-xl, 20px); }
-.mb-0 { margin-bottom: 0; }
-.mb-xs { margin-bottom: var(--token-space-xs, 4px); }
-.mb-sm { margin-bottom: var(--token-space-sm, 8px); }
-.mb-md { margin-bottom: var(--token-space-md, 12px); }
-.mb-lg { margin-bottom: var(--token-space-lg, 16px); }
-.mb-xl { margin-bottom: var(--token-space-xl, 20px); }
-
-// 圆角/阴影
-.radius-sm { border-radius: var(--token-radius-sm, 2px); }
-.radius-md { border-radius: var(--token-radius-md, 4px); }
-.radius-lg { border-radius: var(--token-radius-lg, 6px); }
-.radius-xl { border-radius: var(--token-radius-xl, 8px); }
-.shadow-light { box-shadow: var(--token-shadow-light, 0 1px 4px rgba(0, 0, 0, 0.08)); }
-
-// 等宽
-.mono {
-  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
-}
\ No newline at end of file
diff --git a/frontend/src/assets/styles/design-tokens.scss b/frontend/src/assets/styles/design-tokens.scss
deleted file mode 100644
index 3349142f9..000000000
--- a/frontend/src/assets/styles/design-tokens.scss
+++ /dev/null
@@ -1,147 +0,0 @@
-// ============================================================
-// 设计 Token 体系（Design Tokens）
-// 全站统一颜色 / 字体 / 间距 / 圆角 / 阴影 / 边框 / 层级 / 断点
-// 约定：
-//   1. 业务代码禁止散落魔法数字，一律引用下方 $token / --token
-//   2. SCSS 变量供样式内使用，:root 自定义属性供内联/动态样式使用
-// ============================================================
-@import './variables.scss';
-
-// ------------------------- 色彩 Token -------------------------
-// 主色：教育绿
-$token-color-primary: #00875a;            // 主色
-$token-color-primary-hover: #0b9e6c;      // hover
-$token-color-primary-active: #006b47;     // active
-$token-color-primary-light: #e6f4ea;      // 浅底（标签/选中背景）
-$token-color-primary-lighter: #f0f9f4;    // 更浅（hover 背景/斑马）
-$token-color-primary-ring: rgba(0, 135, 90, 0.35); // 聚焦外光晕
-
-// 语义色
-$token-color-danger: #ff4949;             // 危险
-$token-color-success: #13ce66;            // 成功
-$token-color-warning: #ffba00;            // 警告
-$token-color-info: #909399;               // 中性信息
-
-// 中性灰阶（对齐 Element 三级文字）
-$token-color-text-main: #303133;          // 主要文字
-$token-color-text-regular: #606266;       // 常规文字
-$token-color-text-secondary: #909399;     // 次要文字
-$token-color-text-placeholder: #c0c4cc;   // 占位
-$token-color-border: #dcdfe6;             // 边框
-$token-color-border-light: #e4e7ed;       // 浅边框
-$token-color-border-lighter: #ebeef5;     // 极浅边框（分割线）
-$token-color-fill: #f5f7fa;               // 填充/底灰
-$token-color-fill-light: #f0f2f5;         // 更浅填充
-
-// ------------------------- 字体 Token -------------------------
-$token-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC',
-  'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
-$token-font-size-xs: 12px;
-$token-font-size-sm: 13px;
-$token-font-size-base: 14px;
-$token-font-size-lg: 16px;
-$token-font-size-xl: 20px;
-
-// ------------------------- 间距 Token -------------------------
-$token-space-xs: 4px;
-$token-space-sm: 8px;
-$token-space-md: 12px;
-$token-space-lg: 16px;
-$token-space-xl: 20px;
-$token-space-2xl: 24px;
-
-// ------------------------- 圆角 Token -------------------------
-$token-radius-sm: 2px;
-$token-radius-md: 4px;
-$token-radius-lg: 6px;
-$token-radius-xl: 8px;
-$token-radius-circle: 50%;
-
-// ------------------------- 阴影 Token -------------------------
-$token-shadow-light: 0 1px 4px rgba(0, 0, 0, 0.08);
-$token-shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);
-$token-shadow-popup: 0 2px 12px rgba(0, 0, 0, 0.12);
-
-// ------------------------- 层级 Token -------------------------
-$token-z-index-dropdown: 2000;   // 下拉/气泡
-$token-z-index-mask: 2001;       // 遮罩
-$token-z-index-modal: 2002;      // 弹窗
-$token-z-index-toast: 3000;      // 消息/通知
-
-// ------------------------- 断点 Token -------------------------
-$token-breakpoint-xs: 480px;
-$token-breakpoint-sm: 768px;
-$token-breakpoint-md: 992px;
-$token-breakpoint-lg: 1200px;
-$token-breakpoint-xl: 1920px;
-
-// ------------------------- 暴露给运行时（CSS 变量） -------------------------
-:root {
-  --token-color-primary: #{$token-color-primary};
-  --token-color-primary-hover: #{$token-color-primary-hover};
-  --token-color-primary-active: #{$token-color-primary-active};
-  --token-color-primary-light: #{$token-color-primary-light};
-  --token-color-primary-lighter: #{$token-color-primary-lighter};
-  --token-color-primary-ring: #{$token-color-primary-ring};
-
-  --token-color-danger: #{$token-color-danger};
-  --token-color-success: #{$token-color-success};
-  --token-color-warning: #{$token-color-warning};
-  --token-color-info: #{$token-color-info};
-
-  --token-color-text-main: #{$token-color-text-main};
-  --token-color-text-regular: #{$token-color-text-regular};
-  --token-color-text-secondary: #{$token-color-text-secondary};
-  --token-color-text-placeholder: #{$token-color-text-placeholder};
-  --token-color-border: #{$token-color-border};
-  --token-color-border-light: #{$token-color-border-light};
-  --token-color-border-lighter: #{$token-color-border-lighter};
-  --token-color-fill: #{$token-color-fill};
-  --token-color-fill-light: #{$token-color-fill-light};
-
-  --token-font-family: #{$token-font-family};
-  --token-font-size-xs: #{$token-font-size-xs};
-  --token-font-size-sm: #{$token-font-size-sm};
-  --token-font-size-base: #{$token-font-size-base};
-  --token-font-size-lg: #{$token-font-size-lg};
-  --token-font-size-xl: #{$token-font-size-xl};
-
-  --token-space-xs: #{$token-space-xs};
-  --token-space-sm: #{$token-space-sm};
-  --token-space-md: #{$token-space-md};
-  --token-space-lg: #{$token-space-lg};
-  --token-space-xl: #{$token-space-xl};
-  --token-space-2xl: #{$token-space-2xl};
-
-  --token-radius-sm: #{$token-radius-sm};
-  --token-radius-md: #{$token-radius-md};
-  --token-radius-lg: #{$token-radius-lg};
-  --token-radius-xl: #{$token-radius-xl};
-
-  --token-shadow-light: #{$token-shadow-light};
-  --token-shadow-card: #{$token-shadow-card};
-  --token-shadow-popup: #{$token-shadow-popup};
-
-  --token-z-index-dropdown: #{$token-z-index-dropdown};
-  --token-z-index-mask: #{$token-z-index-mask};
-  --token-z-index-modal: #{$token-z-index-modal};
-  --token-z-index-toast: #{$token-z-index-toast};
-}
-
-// ------------------------- 暴露给 JS 模块 -------------------------
-:export {
-  colorPrimary: $token-color-primary;
-  colorPrimaryHover: $token-color-primary-hover;
-  colorPrimaryActive: $token-color-primary-active;
-  colorPrimaryLight: $token-color-primary-light;
-  colorPrimaryLighter: $token-color-primary-lighter;
-  colorDanger: $token-color-danger;
-  colorSuccess: $token-color-success;
-  colorWarning: $token-color-warning;
-  fontFamily: $token-font-family;
-  breakpointXs: $token-breakpoint-xs;
-  breakpointSm: $token-breakpoint-sm;
-  breakpointMd: $token-breakpoint-md;
-  breakpointLg: $token-breakpoint-lg;
-  breakpointXl: $token-breakpoint-xl;
-}
\ No newline at end of file
diff --git a/frontend/src/assets/styles/index.scss b/frontend/src/assets/styles/index.scss
index f1344433b..27d028ab4 100644
--- a/frontend/src/assets/styles/index.scss
+++ b/frontend/src/assets/styles/index.scss
@@ -245,9 +245,3 @@ aside {
     margin-bottom: 10px;
   }
 }
-
-/* ================= 全局设计系统 =================
-   居于最末加载，收敛 Element 基元与页面结构基线
-   （Token 体系在 design-tokens.scss，页面统一类名在 design-system.scss） */
-@import './design-tokens.scss';
-@import './design-system.scss';
diff --git a/frontend/src/assets/styles/roomroot.scss b/frontend/src/assets/styles/roomroot.scss
index b32941c17..d05468dc4 100644
--- a/frontend/src/assets/styles/roomroot.scss
+++ b/frontend/src/assets/styles/roomroot.scss
@@ -114,10 +114,10 @@
     }
   }
 
-  // 表格横向拖拽滚动：拖拽过程中保持默认光标，不显示“抓手”，避免干扰操作手感
+  // 表格横向拖拽滚动：拖拽过程中光标切换为“抓手”
   .el-table__body-wrapper.is-dragging,
   .el-table__fixed-body-wrapper.is-dragging {
-    cursor: default;
+    cursor: grabbing;
   }
 }
 
diff --git a/frontend/src/views/classHour/jointTraining/index.vue b/frontend/src/views/classHour/jointTraining/index.vue
index 9515adbf5..40e74a7f8 100644
--- a/frontend/src/views/classHour/jointTraining/index.vue
+++ b/frontend/src/views/classHour/jointTraining/index.vue
@@ -455,7 +455,13 @@ export default {
 
   // ==================== 1. 查询条件区域 ====================
   .search-card {
+    margin-bottom: 16px;
+
     .search-form {
+      .w-full {
+        width: 100%;
+      }
+
       .search-actions {
         display: flex;
         justify-content: flex-end;
@@ -467,6 +473,8 @@ export default {
 
   // ==================== 2. 操作区域 ====================
   .upload-card {
+    margin-bottom: 16px;
+
     .upload-row {
       display: flex;
       align-items: center;
@@ -493,12 +501,24 @@ export default {
 
   // ==================== 3. 数据表格 ====================
   .table-card {
+    margin-bottom: 16px;
+
     .table-title {
       font-size: 14px;
       font-weight: 600;
       color: #303133;
       margin-bottom: 12px;
     }
+
+    .pagination {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 12px;
+    }
+
+    .text-danger {
+      color: #f56c6c;
+    }
   }
 
   // ==================== 4. 新增/修改表单 ====================
diff --git a/frontend/src/views/classHour/plan/index.vue b/frontend/src/views/classHour/plan/index.vue
index c366fda47..626e0e2e0 100644
--- a/frontend/src/views/classHour/plan/index.vue
+++ b/frontend/src/views/classHour/plan/index.vue
@@ -641,6 +641,30 @@ export default {
     margin-bottom: 12px;
   }
 
+  // ==================== 1. 查询区域 ====================
+  .search-card {
+    margin-bottom: 16px;
+
+    .search-form {
+      .el-form-item {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  // ==================== 2. 数据表格 ====================
+  .table-card {
+    .pagination {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 12px;
+    }
+
+    .text-danger {
+      color: #f56c6c;
+    }
+  }
+
   // ==================== 3. 新增/修改表单 ====================
   .add-form {
     max-height: 62vh;
diff --git a/frontend/src/views/classHour/subsidy/index.vue b/frontend/src/views/classHour/subsidy/index.vue
index 6ce1e7af7..b4a16d849 100644
--- a/frontend/src/views/classHour/subsidy/index.vue
+++ b/frontend/src/views/classHour/subsidy/index.vue
@@ -251,9 +251,22 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .subsidy-page {
+  .list-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 12px;
+  }
+
   // ==================== 1. 查询条件区域 ====================
   .search-card {
+    margin-bottom: 16px;
+
     .search-form {
       .search-actions-col {
         display: flex;
@@ -275,6 +288,12 @@ export default {
       color: #303133;
       margin-bottom: 12px;
     }
+
+    .pagination {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 12px;
+    }
   }
 }
 </style>
diff --git a/frontend/src/views/index.vue b/frontend/src/views/index.vue
index 53cb8c8c3..6b60de5b0 100644
--- a/frontend/src/views/index.vue
+++ b/frontend/src/views/index.vue
@@ -1,8 +1,89 @@
 <template>
   <div class="app-container home">
-    <!-- 通知公告 -->
+    <!-- 第一行：信息/日志/公告 -->
     <el-row :gutter="20" class="bottom-row">
-      <el-col :xs="24" :sm="24" :md="24" :lg="24">
+      <el-col :xs="24" :sm="24" :md="12" :lg="8">
+        <el-card class="module-card info-card" shadow="hover">
+          <div slot="header" class="card-header">
+            <span><i class="el-icon-phone-outline card-icon"></i> 联系信息</span>
+          </div>
+          <div class="card-body">
+            <div class="contact-item">
+              <div class="contact-icon"><i class="el-icon-s-promotion"></i></div>
+              <div class="contact-text">
+                <div class="label">官网</div>
+                <el-link href="http://www.roomroot.vip" target="_blank">http://www.roomroot.vip</el-link>
+              </div>
+            </div>
+            <div class="contact-item">
+              <div class="contact-icon"><i class="el-icon-user-solid"></i></div>
+              <div class="contact-text">
+                <div class="label">QQ群</div>
+                <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=M9y5NjAl44lAL_Vh2crmEehZU_PMU6KS&authKey=ZSDz8hEREWSaPuxQV3gEwqGIaGjfRNnkB4rJjf0IvXhrSUGSGwQFmBA%2Boe8HFxyl&noverify=0&group_code=127358632" target="_blank">127358632</a>
+              </div>
+            </div>
+            <div class="contact-item">
+              <div class="contact-icon"><i class="el-icon-chat-dot-round"></i></div>
+              <div class="contact-text">
+                <div class="label">微信</div>
+                <span>风影随行</span>
+              </div>
+            </div>
+            <div class="contact-item">
+              <div class="contact-icon"><i class="el-icon-money"></i></div>
+              <div class="contact-text">
+                <div class="label">支付宝</div>
+                <span>风影随行</span>
+              </div>
+            </div>
+          </div>
+        </el-card>
+      </el-col>
+
+      <el-col :xs="24" :sm="24" :md="12" :lg="8">
+        <el-card class="module-card log-card" shadow="hover">
+          <div slot="header" class="card-header">
+            <span><i class="el-icon-time card-icon"></i> 登录日志</span>
+          </div>
+          <div class="card-body" v-loading="loginLogLoading">
+            <table v-if="loginLogList.length > 0" class="data-table">
+              <thead>
+                <tr>
+                  <th>登录人</th>
+                  <th>登录时间</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="item in loginLogList" :key="item.infoId">
+                  <td>
+                    <i class="el-icon-user table-icon"></i>
+                    {{ item.userName }}
+                  </td>
+                  <td>{{ parseTime(item.loginTime) }}</td>
+                </tr>
+              </tbody>
+            </table>
+            <div v-else class="empty-state">
+              <i class="el-icon-folder-opened empty-icon"></i>
+              <p>暂无记录</p>
+            </div>
+          </div>
+          <div class="card-footer">
+            <el-pagination
+              @size-change="handleLoginLogSizeChange"
+              @current-change="handleLoginLogCurrentChange"
+              :current-page="loginLogPage.currentPage"
+              :page-sizes="[10, 20, 50, 100]"
+              :page-size="loginLogPage.pageSize"
+              :total="loginLogPage.total"
+              layout="total, prev, pager, next"
+              small
+            />
+          </div>
+        </el-card>
+      </el-col>
+
+      <el-col :xs="24" :sm="24" :md="12" :lg="8">
         <el-card class="module-card notice-card" shadow="hover">
           <div slot="header" class="card-header">
             <span><i class="el-icon-bell card-icon"></i> 通知公告</span>
@@ -50,6 +131,7 @@
 
 <script>
 import { listNotice } from "@/api/system/notice"
+import { homeList } from "@/api/monitor/logininfor"
 import NoticeDetailView from "@/layout/components/HeaderNotice/DetailView"
 
 export default {
@@ -60,6 +142,13 @@ export default {
       version: "3.9.2",
       noticeList: [],
       noticeLoading: false,
+      loginLogList: [],
+      loginLogLoading: false,
+      loginLogPage: {
+        currentPage: 1,
+        pageSize: 10,
+        total: 0
+      },
       noticePage: {
         currentPage: 1,
         pageSize: 10,
@@ -69,6 +158,7 @@ export default {
   },
   mounted() {
     this.loadNoticeList()
+    this.loadLoginLogList()
   },
   methods: {
     goTarget(href) {
@@ -118,6 +208,28 @@ export default {
     handleViewNotice(item) {
       this.$refs.noticeViewRef.open(item)
     },
+    loadLoginLogList() {
+      this.loginLogLoading = true
+      homeList({
+        pageNum: this.loginLogPage.currentPage,
+        pageSize: this.loginLogPage.pageSize
+      }).then(response => {
+        this.loginLogList = response.rows || []
+        this.loginLogPage.total = response.total || 0
+        this.loginLogLoading = false
+      }).catch(() => {
+        this.loginLogLoading = false
+      })
+    },
+    handleLoginLogSizeChange(val) {
+      this.loginLogPage.pageSize = val
+      this.loginLogPage.currentPage = 1
+      this.loadLoginLogList()
+    },
+    handleLoginLogCurrentChange(val) {
+      this.loginLogPage.currentPage = val
+      this.loadLoginLogList()
+    },
     handleNoticeSizeChange(val) {
       this.noticePage.pageSize = val
       this.noticePage.currentPage = 1
@@ -259,6 +371,102 @@ export default {
     }
   }
 
+  .contact-item {
+    display: flex;
+    align-items: center;
+    padding: 14px 0;
+    border-bottom: 1px solid #f5f5f5;
+
+    &:last-child {
+      border-bottom: none;
+    }
+
+    .contact-icon {
+      width: 36px;
+      height: 36px;
+      border-radius: 50%;
+      background: linear-gradient(135deg, var(--edu-green-dark) 0%, var(--edu-green-primary) 100%);
+      color: #ffffff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 16px;
+      margin-right: 12px;
+      flex-shrink: 0;
+      box-shadow: 0 2px 8px rgba(15, 25, 86, 0.2);
+    }
+
+    .contact-text {
+      flex: 1;
+      min-width: 0;
+
+      .label {
+        font-size: 12px;
+        color: #909399;
+        margin-bottom: 2px;
+      }
+
+      a, .el-link {
+        font-size: 13px;
+        color: var(--edu-green-primary);
+      }
+
+      a:hover, .el-link:hover {
+        color: var(--edu-green-dark);
+      }
+
+      span {
+        font-size: 13px;
+        color: #606266;
+      }
+    }
+  }
+
+  .data-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 13px;
+
+    thead {
+      tr {
+        background: linear-gradient(135deg, rgba(0, 135, 90, 0.06) 0%, rgba(0, 135, 90, 0.04) 100%);
+      }
+
+      th {
+        padding: 10px 20px;
+        text-align: center;
+        font-weight: 600;
+        color: var(--edu-green-dark);
+        border-bottom: 1px solid rgba(0, 135, 90, 0.1);
+      }
+    }
+
+    tbody {
+      tr {
+        transition: background 0.2s;
+
+        &:hover {
+          background: rgba(0, 135, 90, 0.04);
+        }
+
+        td {
+          padding: 10px 20px;
+          color: #4a4f6b;
+          border-bottom: 1px solid #f0f1f7;
+
+          .table-icon {
+            color: var(--edu-green-light);
+            margin-right: 6px;
+          }
+        }
+
+        &:last-child td {
+          border-bottom: none;
+        }
+      }
+    }
+  }
+
   .notice-list {
     .notice-item {
       padding: 14px 0;
diff --git a/frontend/src/views/student/score/index.vue b/frontend/src/views/student/score/index.vue
index bf1804de8..fa2acd7ea 100644
--- a/frontend/src/views/student/score/index.vue
+++ b/frontend/src/views/student/score/index.vue
@@ -218,6 +218,18 @@ export default {
 
 <style scoped lang="scss">
 .score-page {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 16px;
+
+    .search-form {
+      .el-form-item {
+        margin-bottom: 0;
+      }
+    }
+  }
+
   .toolbar {
     margin-bottom: 16px;
   }
@@ -226,6 +238,12 @@ export default {
     .el-table {
       width: 100%;
     }
+
+    .pagination {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
   }
 }
 </style>
\ No newline at end of file
diff --git a/frontend/src/views/student/shiftTeam/index.vue b/frontend/src/views/student/shiftTeam/index.vue
index 08069f415..9a93fd308 100644
--- a/frontend/src/views/student/shiftTeam/index.vue
+++ b/frontend/src/views/student/shiftTeam/index.vue
@@ -627,14 +627,31 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .shift-team-page {
   .search-card {
+    margin-bottom: 16px;
+
     .search-form {
+      .w-full {
+        width: 100%;
+      }
+
       .search-actions-row {
         margin-top: 2px;
         border-top: 1px dashed #ebeef5;
         padding-top: 14px;
       }
+
+      .search-actions {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        gap: 12px;
+      }
     }
   }
 
@@ -674,6 +691,12 @@ export default {
         color: #303133;
       }
     }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
   }
 
   .form-dialog-form {
diff --git a/frontend/src/views/student/statusChange/index.vue b/frontend/src/views/student/statusChange/index.vue
index 7349a4807..555d60f28 100644
--- a/frontend/src/views/student/statusChange/index.vue
+++ b/frontend/src/views/student/statusChange/index.vue
@@ -427,8 +427,20 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .status-change-page {
+  .search-card {
+    margin-bottom: 16px;
+  }
+
   .search-form {
+    .w-full {
+      width: 100%;
+    }
+
     .search-actions {
       display: flex;
       align-items: center;
@@ -460,6 +472,12 @@ export default {
         color: #303133;
       }
     }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
   }
 
   .add-form {
diff --git a/frontend/src/views/student/warningCondition/index.vue b/frontend/src/views/student/warningCondition/index.vue
index f81669575..d81be0738 100644
--- a/frontend/src/views/student/warningCondition/index.vue
+++ b/frontend/src/views/student/warningCondition/index.vue
@@ -476,6 +476,10 @@ export default {
 
 <style scoped lang="scss">
 .warning-condition-page {
+  .search-card {
+    margin-bottom: 16px;
+  }
+
   .search-form {
     ::v-deep .el-form-item {
       margin-bottom: 18px;
@@ -486,6 +490,13 @@ export default {
       border-top: 1px dashed #ebeef5;
       padding-top: 14px;
     }
+
+    .search-actions {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 12px;
+    }
   }
 
   .table-card {
@@ -507,6 +518,12 @@ export default {
         gap: 10px;
       }
     }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
   }
 
   .form-dialog-form {
diff --git a/frontend/src/views/student/warningResult/index.vue b/frontend/src/views/student/warningResult/index.vue
index 0e20201c8..5e6acb072 100644
--- a/frontend/src/views/student/warningResult/index.vue
+++ b/frontend/src/views/student/warningResult/index.vue
@@ -204,13 +204,32 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .warning-result-page {
+  .search-card {
+    margin-bottom: 16px;
+  }
+
   .search-form {
+    .w-full {
+      width: 100%;
+    }
+
     .search-actions-row {
       margin-top: 2px;
       border-top: 1px dashed #ebeef5;
       padding-top: 14px;
     }
+
+    .search-actions {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 12px;
+    }
   }
 
   .table-card {
@@ -226,6 +245,12 @@ export default {
         color: #303133;
       }
     }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
   }
 }
 </style>
diff --git a/frontend/src/views/subjectMajor/major/index.vue b/frontend/src/views/subjectMajor/major/index.vue
index f30376eda..3e33df785 100644
--- a/frontend/src/views/subjectMajor/major/index.vue
+++ b/frontend/src/views/subjectMajor/major/index.vue
@@ -648,6 +648,10 @@ export default {
 
 <style scoped lang="scss">
 .major-page {
+  .search-card {
+    margin-bottom: 16px;
+  }
+
   .search-form {
     ::v-deep .el-form-item {
       margin-bottom: 18px;
@@ -658,6 +662,13 @@ export default {
       border-top: 1px dashed #ebeef5;
       padding-top: 14px;
     }
+
+    .search-actions {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 12px;
+    }
   }
 
   .table-card {
@@ -679,6 +690,12 @@ export default {
         gap: 10px;
       }
     }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
   }
 
   .form-dialog-form {
diff --git a/frontend/src/views/teachBusiness/calendar/index.vue b/frontend/src/views/teachBusiness/calendar/index.vue
index b9885121f..04fe5f17d 100644
--- a/frontend/src/views/teachBusiness/calendar/index.vue
+++ b/frontend/src/views/teachBusiness/calendar/index.vue
@@ -115,8 +115,8 @@ export default {
       totalWeeks: 0,
       dateRangeText: '',
       weeks: [],
-      // 显示控制：默认不勾选显示日期；节次全部展示
-      showDate: false,
+      // 显示控制：默认勾选显示日期；节次全部展示
+      showDate: true,
       // 事件存储：key = cellKey -> event
       events: {},
       loading: false
diff --git a/frontend/src/views/teachBusiness/semester/index.vue b/frontend/src/views/teachBusiness/semester/index.vue
index 2fff50f26..d13689f20 100644
--- a/frontend/src/views/teachBusiness/semester/index.vue
+++ b/frontend/src/views/teachBusiness/semester/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container teach-semester">
     <!-- 工具栏 -->
-    <el-row :gutter="10" class="semester-toolbar">
+    <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新添</el-button>
       </el-col>
@@ -17,75 +17,62 @@
     </el-row>
 
     <!-- 数据表格 -->
-    <div class="semester-table-wrap">
-      <el-table
-        v-loading="loading"
-        :data="semesterList"
-        border
-        stripe
-        :height="tableHeight"
-        :row-class-name="tableRowClassName"
-        :header-cell-style="{ background: '#F4F8F5', color: '#303133', fontWeight: 600 }"
-        @selection-change="handleSelectionChange"
-      >
-        <el-table-column type="selection" align="center" width="50" />
-        <el-table-column label="学期名称" align="center" min-width="190">
-          <template slot-scope="scope">
-            <span class="semester-name">
-              <i v-if="scope.row.dqxq" class="semester-name-icon el-icon-star-on"></i>
-              <span>{{ getSemesterName(scope.row.nd) }}</span>
-            </span>
-          </template>
-        </el-table-column>
-        <el-table-column label="当前" align="center" width="80">
-          <template slot-scope="scope">
-            <el-tag v-if="scope.row.dqxq" type="success" effect="dark" size="mini">当前学期</el-tag>
-            <span v-else class="text-muted">—</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="开学日期" align="center" min-width="120">
-          <template slot-scope="scope">
-            <span class="date-cell"><i class="el-icon-date"></i>{{ formatDate(scope.row.kxrq) || '—' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="结束日期" align="center" min-width="120">
-          <template slot-scope="scope">
-            <span class="date-cell"><i class="el-icon-date"></i>{{ formatDate(scope.row.jsrq) || '—' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="周数" align="center" prop="sdzs" width="80">
-          <template slot-scope="scope">
-            <el-tag v-if="scope.row.sdzs !== undefined && scope.row.sdzs !== null" type="info" effect="plain" size="mini">{{ scope.row.sdzs }} 周</el-tag>
-            <span v-else class="text-muted">—</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="调课不审批" align="center" width="116">
-          <template slot-scope="scope">
-            <span :class="boolCellClass(scope.row.tkbsp)">{{ scope.row.tkbsp ? '是' : '否' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="禁止调课" align="center" width="100">
-          <template slot-scope="scope">
-            <span :class="boolCellClass(scope.row.jztk)">{{ scope.row.jztk ? '是' : '否' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="终结成绩定及格" align="center" width="132">
-          <template slot-scope="scope">
-            <span :class="boolCellClass(scope.row.zjcjdjg)">{{ scope.row.zjcjdjg ? '是' : '否' }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="课时系数方案" align="center" min-width="120">
-          <template slot-scope="scope">
-            <span>{{ getCoefficientLabel(scope.row.ksxsfabh) }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="锁定时长" align="center" min-width="96">
-          <template slot-scope="scope">
-            <span class="lock-cell">{{ scope.row.sdjldw || '—' }}</span>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
+    <el-table
+      v-loading="loading"
+      :data="semesterList"
+      border
+      :height="tableHeight"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" align="center" width="50" />
+      <el-table-column label="学期名称" align="center" min-width="190">
+        <template slot-scope="scope">
+          <span>{{ getSemesterName(scope.row.nd) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="当前" align="center" width="70">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.dqxq" type="success" size="mini">当前</el-tag>
+          <span v-else>-</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="开学日期" align="center" prop="kxrq" min-width="130">
+        <template slot-scope="scope">
+          <span>{{ formatDate(scope.row.kxrq) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="结束日期" align="center" prop="jsrq" min-width="130">
+        <template slot-scope="scope">
+          <span>{{ formatDate(scope.row.jsrq) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="周数" align="center" prop="sdzs" width="70" />
+      <el-table-column label="调课不审批" align="center" width="100">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.tkbsp ? 'primary' : 'info'" size="mini">{{ scope.row.tkbsp ? '是' : '否' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="禁止调课" align="center" width="90">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.jztk ? 'danger' : 'info'" size="mini">{{ scope.row.jztk ? '是' : '否' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="终结成绩定及格" align="center" width="120">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.zjcjdjg ? 'primary' : 'info'" size="mini">{{ scope.row.zjcjdjg ? '是' : '否' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="课时系数方案" align="center" min-width="120">
+        <template slot-scope="scope">
+          <span>{{ getCoefficientLabel(scope.row.ksxsfabh) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="锁定时长" align="center" min-width="100">
+        <template slot-scope="scope">
+          <span>{{ scope.row.sdjldw || '-' }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
 
     <pagination
       v-show="total > 0"
@@ -348,14 +335,6 @@ export default {
         this.loading = false
       })
     },
-    /** 当前学期行高亮类名 */
-    tableRowClassName({ row }) {
-      return row.dqxq ? 'current-semester-row' : ''
-    },
-    /** 布尔开关单元格样式：是=实心绿点，否=灰色横线标记 */
-    boolCellClass(val) {
-      return val ? 'bool-cell is-true' : 'bool-cell is-false'
-    },
     /** 多选变化 */
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.nd)
@@ -512,146 +491,8 @@ export default {
 
 <style scoped lang="scss">
 .teach-semester {
-  /* 页面标题区 */
-  .semester-header {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    padding-bottom: 14px;
-    margin-bottom: 14px;
-    border-bottom: 1px solid #ebeef5;
-  }
-
-  .semester-title {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    font-size: 18px;
-    font-weight: 600;
-    color: #303133;
-    white-space: nowrap;
-  }
-
-  .title-dot {
-    width: 5px;
-    height: 18px;
-    border-radius: 3px;
-    background: var(--color, #00875A);
-  }
-
-  .semester-subtitle {
-    font-size: 13px;
-    color: #909399;
-    line-height: 1.5;
-    padding-top: 1px;
-  }
-
-  /* 工具栏 */
-  .semester-toolbar {
-    margin-bottom: 14px;
-  }
-
-  /* 表格卡片容器 */
-  .semester-table-wrap {
-    background: #fff;
-    border: 1px solid #ebeef5;
-    border-radius: 8px;
-    padding: 8px;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
-  }
-
-  /* 表头由 header-cell-style 设置底色，这里兜底 */
-  ::v-deep .el-table__header th {
-    font-weight: 600;
-  }
-
-  /* 当前学期行高亮：浅绿底 + 左侧加深强调 */
-  ::v-deep .el-table .current-semester-row td {
-    background: #F2FAF5;
-  }
-
-  ::v-deep .el-table .current-semester-row:hover > td {
-    background: #EAF6EF;
-  }
-
-  ::v-deep .el-table .current-semester-row td:first-child {
-    box-shadow: inset 3px 0 0 #00875A;
-  }
-
-  /* 学期名称 + 当前星标 */
-  .semester-name {
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    font-weight: 500;
-    color: #303133;
-  }
-
-  .semester-name-icon {
-    color: #00875A;
-    font-size: 14px;
-  }
-
-  /* 日期单元格 */
-  .date-cell {
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    color: #606266;
-    font-variant-numeric: tabular-nums;
-
-    i {
-      color: #a0a6ad;
-      font-size: 13px;
-    }
-  }
-
-  /* 锁定时长 */
-  .lock-cell {
-    background: #F4F6F8;
-    border: 1px solid #EBEEF5;
-    border-radius: 4px;
-    padding: 1px 8px;
-    font-size: 12px;
-    color: #606266;
-  }
-
-  /* 布尔开关：实心圆点 + 是/否 */
-  .bool-cell {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    font-size: 13px;
-
-    &::before {
-      content: '';
-      display: inline-block;
-      width: 9px;
-      height: 9px;
-      border-radius: 50%;
-    }
-
-    &.is-true {
-      color: #00875A;
-      font-weight: 600;
-
-      &::before {
-        background: #00875A;
-      }
-    }
-
-    &.is-false {
-      color: #C0C4CC;
-
-      &::before {
-        border: 1px solid #CDD1D6;
-        background: transparent;
-      }
-    }
-  }
-
-  .text-muted {
-    color: #C0C4CC;
+  .mb8 {
+    margin-bottom: 8px;
   }
 
   /* 弹窗内表单：防止 label 文字换行、字段拥挤换行 */
diff --git a/frontend/src/views/teachBusiness/syllabus/index.vue b/frontend/src/views/teachBusiness/syllabus/index.vue
index c714747f0..6bf4178bd 100644
--- a/frontend/src/views/teachBusiness/syllabus/index.vue
+++ b/frontend/src/views/teachBusiness/syllabus/index.vue
@@ -424,9 +424,19 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .syllabus-page {
   .search-card {
+    margin-bottom: 16px;
+
     .search-form {
+      .w-full {
+        width: 100%;
+      }
+
       .search-actions {
         padding-top: 4px;
       }
diff --git a/frontend/src/views/teachBusiness/teachingTask/index.vue b/frontend/src/views/teachBusiness/teachingTask/index.vue
index c22dfe087..1ff0e6469 100644
--- a/frontend/src/views/teachBusiness/teachingTask/index.vue
+++ b/frontend/src/views/teachBusiness/teachingTask/index.vue
@@ -247,6 +247,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .teaching-task-page {
   .page-title {
     text-align: center;
@@ -258,6 +262,8 @@ export default {
 
   // ==================== 1. 查询条件区域 ====================
   .search-card {
+    margin-bottom: 16px;
+
     .search-form {
       .search-actions {
         display: flex;
@@ -268,6 +274,15 @@ export default {
     }
   }
 
+  // ==================== 2. 数据表格 ====================
+  .table-card {
+    .pagination {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 12px;
+    }
+  }
+
   // ==================== 3. 详情 ====================
   .detail-empty {
     min-height: 120px;
diff --git a/frontend/src/views/teachBusiness/timetable/index.vue b/frontend/src/views/teachBusiness/timetable/index.vue
index ca3c1f28c..38347f3d9 100644
--- a/frontend/src/views/teachBusiness/timetable/index.vue
+++ b/frontend/src/views/teachBusiness/timetable/index.vue
@@ -242,7 +242,7 @@
 import { listTeachingPlan } from '@/api/teachBusiness/courseRunning'
 import { listStudentTeamTask } from '@/api/teachBusiness/studentTeamTask'
 import { listTeam } from '@/api/studentRecords/team'
-import { listSubject } from '@/api/teachOffice/subject'
+import { listKb } from '@/api/teachOffice/kb'
 import { listTeacher } from '@/api/teachOffice/teacher'
 import { listAllSemester } from '@/api/teachBusiness/semester'
 
@@ -516,7 +516,7 @@ export default {
       })
     },
     loadKbMap() {
-      listSubject({ pageNum: 1, pageSize: 1000 }).then(response => {
+      listKb({ pageNum: 1, pageSize: 1000 }).then(response => {
         const data = response.data || {}
         const map = {}
         ;(data.records || []).forEach(item => {
diff --git a/frontend/src/views/teachBusiness/trainingPlan/index.vue b/frontend/src/views/teachBusiness/trainingPlan/index.vue
index 485ee1b6c..67cc4f44f 100644
--- a/frontend/src/views/teachBusiness/trainingPlan/index.vue
+++ b/frontend/src/views/teachBusiness/trainingPlan/index.vue
@@ -505,9 +505,19 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .training-plan-page {
   .search-card {
+    margin-bottom: 16px;
+
     .search-form {
+      .w-full {
+        width: 100%;
+      }
+
       .search-actions {
         padding-top: 4px;
       }
diff --git a/frontend/src/views/teachBusiness/venue/index.vue b/frontend/src/views/teachBusiness/venue/index.vue
index 8d3852996..561b433bf 100644
--- a/frontend/src/views/teachBusiness/venue/index.vue
+++ b/frontend/src/views/teachBusiness/venue/index.vue
@@ -394,9 +394,19 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .venue-page {
   .search-card {
+    margin-bottom: 16px;
+
     .search-form {
+      .w-full {
+        width: 100%;
+      }
+
       .search-actions {
         padding-top: 4px;
       }
diff --git a/frontend/src/views/teachOffice/elective/index.vue b/frontend/src/views/teachOffice/elective/index.vue
index 963ad5614..be94c584e 100644
--- a/frontend/src/views/teachOffice/elective/index.vue
+++ b/frontend/src/views/teachOffice/elective/index.vue
@@ -88,17 +88,17 @@
 
     <!-- ==================== 6. 数据表格区域 ==================== -->
     <div class="section-card table-card">
-      <el-table :data="pagedData" border stripe class="main-table" @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" :data="tableData" border stripe class="main-table" @selection-change="handleSelectionChange">
         <template slot="empty">
           <span>无数据！</span>
         </template>
         <el-table-column type="selection" width="40" align="center" />
         <el-table-column type="index" label="序号" width="60" align="center" :index="tableIndex" />
-        <el-table-column prop="course" label="课程" min-width="110" show-overflow-tooltip />
-        <el-table-column prop="textbook" label="教材" min-width="120" show-overflow-tooltip />
-        <el-table-column prop="teacher" label="实施教员" width="90" align="center" />
-        <el-table-column prop="place" label="教学场地" width="100" show-overflow-tooltip />
-        <el-table-column prop="teamClass" label="显示可选队别班次" min-width="150" align="center" show-overflow-tooltip />
+        <el-table-column prop="kmc" label="课程" min-width="110" show-overflow-tooltip />
+        <el-table-column prop="jcmc" label="教材" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="jyxm" label="实施教员" width="90" align="center" />
+        <el-table-column prop="jsmc" label="教学场地" width="100" show-overflow-tooltip />
+        <el-table-column prop="kxdlbc" label="显示可选队别班次" min-width="150" align="center" show-overflow-tooltip />
         <el-table-column label="计划学时/运行学时/学分" width="130" align="center">
           <template slot="header">
             <div class="triple-header">
@@ -109,31 +109,29 @@
           </template>
           <template slot-scope="{ row }">
             <div class="triple-cell">
-              <span>{{ row.planHours }}</span>
-              <span>{{ row.runHours }}</span>
-              <span>{{ row.credit }}</span>
+              <span>{{ row.jhyxxsxf }}</span>
             </div>
           </template>
         </el-table-column>
         <el-table-column label="开课结课日期" min-width="150" align="center">
           <template slot-scope="{ row }">
-            {{ row.startDate }} ~ {{ row.endDate }}
+            {{ row.kkjkrq }}
           </template>
         </el-table-column>
         <el-table-column label="报名日期" min-width="140" align="center">
           <template slot-scope="{ row }">
-            {{ row.signupStart }} ~ {{ row.signupEnd }}
+            {{ row.bmrq }}
           </template>
         </el-table-column>
-        <el-table-column prop="planCount" label="计划人数" width="90" align="center" />
-        <el-table-column prop="requirement" label="要求说明" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="jhrs" label="计划人数" width="90" align="center" />
+        <el-table-column prop="yqsm" label="要求说明" min-width="120" show-overflow-tooltip />
       </el-table>
 
       <div class="pagination-wrap">
         <el-pagination
           background
           layout="total, prev, pager, next, jumper"
-          :total="tableData.length"
+          :total="total"
           :page-size="pageSize"
           :current-page="currentPage"
           @current-change="handlePageChange"
@@ -183,6 +181,17 @@
 </template>
 
 <script>
+import {
+  listElective,
+  batchOpenElective,
+  batchCancelOpenElective,
+  batchStopElective,
+  exportElectiveList,
+  exportElectiveStudentsExcel,
+  exportElectiveStudentsWord
+} from '@/api/teachOffice/elective'
+import { saveAs } from 'file-saver'
+
 export default {
   name: 'Elective',
   data() {
@@ -203,14 +212,10 @@ export default {
         pxcc: '无'
       },
 
-      // ==================== 数据表格 mock ====================
-      tableData: [
-        { id: 1, course: '军事英语', textbook: '军事英语教程', teacher: '张三', place: '教室101', teamClass: '2025级学员1-5队', planHours: 32, runHours: 30, credit: 2, startDate: '2026-09-01', endDate: '2027-01-15', signupStart: '2026-08-20', signupEnd: '2026-09-01', planCount: 60, requirement: '限选50人' },
-        { id: 2, course: '摄影技术', textbook: '摄影基础', teacher: '李四', place: '教室102', teamClass: '2024级学员1-4队', planHours: 24, runHours: 24, credit: 1.5, startDate: '2026-09-01', endDate: '2027-01-15', signupStart: '2026-08-20', signupEnd: '2026-09-01', planCount: 40, requirement: '自备相机' },
-        { id: 3, course: '网球', textbook: '网球教程', teacher: '王五', place: '操场', teamClass: '2025级学员2-6队', planHours: 24, runHours: 22, credit: 1.5, startDate: '2026-09-01', endDate: '2027-01-15', signupStart: '2026-08-21', signupEnd: '2026-09-02', planCount: 30, requirement: '需自备球拍' },
-        { id: 4, course: '书法鉴赏', textbook: '中国书法', teacher: '赵六', place: '教室103', teamClass: '2026级学员1-3队', planHours: 16, runHours: 16, credit: 1, startDate: '2026-09-08', endDate: '2026-12-30', signupStart: '2026-08-25', signupEnd: '2026-09-05', planCount: 35, requirement: '' },
-        { id: 5, course: '无人机操作', textbook: '无人机原理', teacher: '孙七', place: '室外训练场', teamClass: '2025级学员1-6队', planHours: 32, runHours: 28, credit: 2, startDate: '2026-09-08', endDate: '2027-01-10', signupStart: '2026-08-26', signupEnd: '2026-09-06', planCount: 25, requirement: '需通过体检' }
-      ],
+      // ==================== 数据表格 ====================
+      tableData: [],
+      total: 0,
+      loading: false,
       selectedRows: [],
 
       // ==================== 文件上传 ====================
@@ -241,73 +246,124 @@ export default {
   computed: {
     fileName() {
       return (this.selectedFile && this.selectedFile.name) || '未选择任何文件'
-    },
-    pagedData() {
-      const start = (this.currentPage - 1) * this.pageSize
-      return this.tableData.slice(start, start + this.pageSize)
     }
   },
+  created() {
+    this.loadList()
+  },
   methods: {
+    // 组装查询过滤条件（列表与导出共用，导出不含分页参数）
+    buildFilter() {
+      const q = {}
+      if (this.searchForm.js) q.jyxm = this.searchForm.js
+      if (this.searchForm.kbcnj) q.kxbcnj = this.searchForm.kbcnj
+      if (this.searchForm.kckmmc) q.kmc = this.searchForm.kckmmc
+      if (this.searchForm.xxbmc) q.xxbmc = this.searchForm.xxbmc
+      if (this.searchForm.xxkztEnabled) q.xkzt = this.searchForm.xxkzt
+      if (this.searchForm.pxccEnabled) q.pxcc = this.searchForm.pxcc
+      return q
+    },
+
     // ==================== 查询 ====================
     handleQuery() {
-      console.log('查询条件:', JSON.parse(JSON.stringify(this.searchForm)))
-      this.$message.success('查询完成（前端模拟）')
+      this.currentPage = 1
+      this.loadList()
+    },
+    loadList() {
+      this.loading = true
+      const params = Object.assign({ pageNum: this.currentPage, pageSize: this.pageSize }, this.buildFilter())
+      listElective(params)
+        .then(res => {
+          const data = (res && res.data) || {}
+          this.tableData = data.records || []
+          this.total = data.total || 0
+        })
+        .finally(() => {
+          this.loading = false
+        })
     },
 
     // ==================== 导出 ====================
-    downloadBlob(content, filename) {
-      const blob = new Blob(['\ufeff' + content], { type: 'text/plain;charset=utf-8;' })
-      const link = document.createElement('a')
-      link.href = URL.createObjectURL(blob)
-      link.download = filename
-      link.click()
-      URL.revokeObjectURL(link.href)
-    },
     handleDownloadList() {
-      this.downloadBlob('课程,教材,实施教员,教学场地,计划人数\n', '选修班列表.txt')
-      this.$message.success('选修班列表已下载（前端模拟）')
+      exportElectiveList(this.buildFilter())
+        .then(blob => {
+          saveAs(blob, '选修班列表.xlsx')
+          this.$message.success('选修班列表已下载')
+        })
+        .catch(() => {})
     },
     handleDownloadWord() {
-      this.downloadBlob('选修班学员名单\n', '选修班学员名单Word.txt')
-      this.$message.success('选修班学员名单Word已下载（前端模拟）')
+      const bhList = this.selectedRows.map(row => row.bh)
+      if (bhList.length === 0) {
+        this.$message.warning('请先选择选修班')
+        return
+      }
+      exportElectiveStudentsWord(bhList)
+        .then(blob => {
+          saveAs(blob, '选修班学员名单.docx')
+          this.$message.success('选修班学员名单Word已下载')
+        })
+        .catch(() => {})
     },
     handleDownloadExcel() {
-      this.downloadBlob('选修班学员名单\n', '选修班学员名单Excel.txt')
-      this.$message.success('选修班学员名单Excel已下载（前端模拟）')
-    },
-    handleDownloadTemplate() {
-      this.downloadBlob('课程,教材,实施教员,教学场地,计划学时,学分,开课结课日期,报名日期,计划人数,要求说明\n', '选修课数据文件模板.txt')
-      this.$message.success('【选修课数据文件模板】已下载（前端模拟）')
+      const bhList = this.selectedRows.map(row => row.bh)
+      if (bhList.length === 0) {
+        this.$message.warning('请先选择选修班')
+        return
+      }
+      exportElectiveStudentsExcel(bhList)
+        .then(blob => {
+          saveAs(blob, '选修班学员名单.xlsx')
+          this.$message.success('选修班学员名单Excel已下载')
+        })
+        .catch(() => {})
     },
 
     // ==================== 操作按钮 ====================
     handleOpenEarly() {
-      if (this.selectedRows.length === 0) {
+      const bhList = this.selectedRows.map(row => row.bh)
+      if (bhList.length === 0) {
         this.$message.warning('请先选择选修班')
         return
       }
-      this.$message.success('所选班已早开放报名（前端模拟）')
+      batchOpenElective(bhList)
+        .then(() => {
+          this.$message.success('所选班已开放报名')
+          this.loadList()
+        })
+        .catch(() => {})
     },
     handleCancelEarly() {
-      if (this.selectedRows.length === 0) {
+      const bhList = this.selectedRows.map(row => row.bh)
+      if (bhList.length === 0) {
         this.$message.warning('请先选择选修班')
         return
       }
-      this.$message.success('所选班已早取消开放报名（前端模拟）')
+      batchCancelOpenElective(bhList)
+        .then(() => {
+          this.$message.success('所选班已取消开放报名')
+          this.loadList()
+        })
+        .catch(() => {})
     },
     handleStopSignup() {
-      if (this.selectedRows.length === 0) {
+      const bhList = this.selectedRows.map(row => row.bh)
+      if (bhList.length === 0) {
         this.$message.warning('请先选择选修班')
         return
       }
-      this.$message.success('已批量停止报名（前端模拟）')
+      batchStopElective(bhList)
+        .then(() => {
+          this.$message.success('已批量停止报名')
+          this.loadList()
+        })
+        .catch(() => {})
     },
     handleReverseRange() {
-      if (this.selectedRows.length === 0) {
-        this.$message.warning('请先选择选修班')
-        return
-      }
-      this.$message.success('已根据学员反向确定班次范围（前端模拟）')
+      this.$message.warning('后端暂未提供该接口')
+    },
+    handleDownloadTemplate() {
+      this.$message.warning('后端暂未提供该接口')
     },
 
     // ==================== 文件上传 ====================
@@ -322,8 +378,7 @@ export default {
         this.$message.warning('请先选择文件')
         return
       }
-      console.log('上传文件:', this.selectedFile.name)
-      this.$message.success(`文件「${this.selectedFile.name}」上传成功（前端模拟）`)
+      this.$message.warning('后端暂未提供该接口')
     },
 
     // ==================== 表格多选 ====================
@@ -333,8 +388,7 @@ export default {
 
     // ==================== 新建选修课弹窗 ====================
     handleOpenNew() {
-      Object.assign(this.form, { kcmc: '', js: '', jc: '', jxcd: '', jhsxs: 0, yxsxs: 0, xf: 0, jh: 0 })
-      this.dialogVisible = true
+      this.$message.warning('后端暂未提供该接口')
     },
     handleNewConfirm() {
       if (!this.$refs.formRef) return
@@ -349,6 +403,7 @@ export default {
     // ==================== 分页 ====================
     handlePageChange(page) {
       this.currentPage = page
+      this.loadList()
     },
 
     // 表格序号（跨页连续）
diff --git a/frontend/src/views/teachOffice/shiftSemester/index.vue b/frontend/src/views/teachOffice/shiftSemester/index.vue
index f4575a2de..3ef5ca91b 100644
--- a/frontend/src/views/teachOffice/shiftSemester/index.vue
+++ b/frontend/src/views/teachOffice/shiftSemester/index.vue
@@ -592,6 +592,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .shift-semester-page {
   // ========== 页面标题 ==========
   .page-title {
@@ -603,6 +607,11 @@ export default {
     border-left: 4px solid var(--edu-green-primary);
   }
 
+  // ========== 1. 查询条件区域 ==========
+  .search-card {
+    margin-bottom: 16px;
+  }
+
   // ========== 2. 工具栏按钮区 ==========
   .list-toolbar {
     display: flex;
diff --git a/frontend/src/views/teachOffice/subject/index.vue b/frontend/src/views/teachOffice/subject/index.vue
index 7c074f17e..8b856e7c9 100644
--- a/frontend/src/views/teachOffice/subject/index.vue
+++ b/frontend/src/views/teachOffice/subject/index.vue
@@ -298,7 +298,7 @@
 </template>
 
 <script>
-import { listSubject, addSubject, updateSubject, deleteSubject, getSubject } from '@/api/teachOffice/subject'
+import { listKb as listSubject, addKb as addSubject, updateKb as updateSubject, deleteKb as deleteSubject, getKb } from '@/api/teachOffice/kb'
 
 export default {
   name: 'SubjectIndex',
@@ -565,6 +565,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 // ==================== 1. 顶部状态提示 ====================
 .status-tip {
   display: inline-block;
@@ -578,6 +582,8 @@ export default {
 
 // ==================== 2. 查询条件区域 ====================
 .search-card {
+  margin-bottom: 16px;
+
   .query-field {
     display: flex;
     align-items: center;
diff --git a/frontend/src/views/teachOffice/taskPlan/index.vue b/frontend/src/views/teachOffice/taskPlan/index.vue
index f6d4fa070..3cabcbcc3 100644
--- a/frontend/src/views/teachOffice/taskPlan/index.vue
+++ b/frontend/src/views/teachOffice/taskPlan/index.vue
@@ -441,6 +441,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .task-plan-page {
   .page-title {
     text-align: center;
@@ -452,6 +456,8 @@ export default {
 
   // ========== 1. 查询条件区域 ==========
   .search-card {
+    margin-bottom: 16px;
+
     .search-form {
       .el-form-item {
         margin-bottom: 0;
@@ -484,6 +490,12 @@ export default {
       width: 100%;
     }
 
+    .pagination {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 12px;
+    }
+
     .text-danger {
       color: #f56c6c;
     }
diff --git a/frontend/src/views/teachOffice/teacher/index.vue b/frontend/src/views/teachOffice/teacher/index.vue
index 19e378e21..a860454c8 100644
--- a/frontend/src/views/teachOffice/teacher/index.vue
+++ b/frontend/src/views/teachOffice/teacher/index.vue
@@ -992,6 +992,8 @@ export default {
 <style scoped lang="scss">
 .teacher-page {
   .search-card {
+    margin-bottom: 16px;
+
     .search-form {
       .el-form-item {
         margin-bottom: 0;
@@ -1006,5 +1008,47 @@ export default {
       border-top: 1px solid #ebeef5;
     }
   }
+
+  .list-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 12px;
+  }
+
+  .list-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    flex-wrap: wrap;
+    margin-bottom: 16px;
+
+    .left-group,
+    .right-group {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      flex-wrap: wrap;
+    }
+  }
+
+  .table-card {
+    margin-bottom: 16px;
+
+    ::v-deep(.el-table) {
+      width: 100%;
+    }
+
+    .pagination-wrap {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+  }
+
+  .danger-text {
+    color: #f56c6c;
+  }
 }
 </style>
diff --git a/frontend/src/views/textbook/index.vue b/frontend/src/views/textbook/index.vue
index 1826f1804..b5115772b 100644
--- a/frontend/src/views/textbook/index.vue
+++ b/frontend/src/views/textbook/index.vue
@@ -1468,6 +1468,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .textbook-tabs {
   .search-card {
     margin-bottom: 16px;
@@ -1491,6 +1495,13 @@ export default {
     }
   }
 
+  .list-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 12px;
+  }
+
   .list-toolbar {
     display: flex;
     align-items: center;
@@ -1521,9 +1532,17 @@ export default {
   }
 
   .table-card {
+    margin-bottom: 16px;
+
     ::v-deep(.el-table) {
       width: 100%;
     }
+
+    .pagination-wrap {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
   }
 
   .margin-left-10 {
-- 
2.34.1