diff --git a/score-index-full.png.jpg b/score-index-full.png.jpg
new file mode 100644
index 0000000..6e39e08
Binary files /dev/null and b/score-index-full.png.jpg differ
diff --git a/score-index-viewport.png.jpg b/score-index-viewport.png.jpg
new file mode 100644
index 0000000..de45825
Binary files /dev/null and b/score-index-viewport.png.jpg differ
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 9679c27..ae45377 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -761,3 +761,6 @@ aside {
 .el-table .el-table__cell {
     border-radius: 0 !important;
 }
+
+/* 教师端亮色主题适配（最后导入，确保覆盖各业务页暗色 scoped 样式与全局暗色规则） */
+@import "./teacher-light.scss";
diff --git a/src/assets/styles/sidebar.scss b/src/assets/styles/sidebar.scss
index 4661484..11e148d 100644
--- a/src/assets/styles/sidebar.scss
+++ b/src/assets/styles/sidebar.scss
@@ -586,3 +586,141 @@
     }
   }
 }
+
+/*
+ * 教师端亮色主题覆盖
+ * 取代 #app .studentLayout, #app .teacherLayout 共享的暗色背景
+ * 仅作用于 .teacherLayout，保留学生端原有暗黑风格
+ */
+#app .teacherLayout {
+  // 整体浅色背景 + 蓝色点缀，营造明亮的科技感
+  background:
+    radial-gradient(circle at 10% 20%, rgba(30, 136, 229, 0.07), transparent 34%),
+    radial-gradient(circle at 88% 8%, rgba(66, 165, 245, 0.05), transparent 28%),
+    linear-gradient(135deg, #f5f8fc 0%, #eaf2fb 52%, #f3f8ff 100%) !important;
+
+  .main-container {
+    background:
+      radial-gradient(circle at 10% 20%, rgba(30, 136, 229, 0.06), transparent 34%),
+      radial-gradient(circle at 88% 8%, rgba(66, 165, 245, 0.04), transparent 28%),
+      linear-gradient(135deg, #f5f8fc 0%, #eaf2fb 52%, #f3f8ff 100%) !important;
+  }
+
+  .app-main,
+  .teacher-main {
+    background:
+      radial-gradient(circle at 12% 18%, rgba(30, 136, 229, 0.05), transparent 34%),
+      radial-gradient(circle at 78% 6%, rgba(66, 165, 245, 0.04), transparent 28%),
+      linear-gradient(135deg, #f7fafd 0%, #eef4fb 48%, #f5f8fc 100%) !important;
+
+    &::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: rgba(30, 60, 100, 0.06);
+      border-radius: 10px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: rgba(30, 136, 229, 0.35);
+      border-radius: 10px;
+
+      &:hover {
+        background: rgba(30, 136, 229, 0.55);
+      }
+    }
+  }
+
+  // 侧边栏整体：浅色玻璃质感 + 蓝色描边
+  .sidebar-container {
+    border-right: 1px solid rgba(30, 136, 229, 0.18) !important;
+    background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%) !important;
+    box-shadow: 4px 0 18px rgba(30, 60, 100, 0.06) !important;
+
+    &::after {
+      background: linear-gradient(180deg, rgba(30, 136, 229, 0.35), rgba(30, 136, 229, 0.15) 45%, rgba(30, 136, 229, 0.25)) !important;
+    }
+
+    // 教师端导航容器：浅色玻璃 + 蓝色描边
+    .student-course-nav {
+      background:
+        radial-gradient(circle at 18% 10%, rgba(30, 136, 229, 0.08), transparent 34%),
+        rgba(255, 255, 255, 0.7) !important;
+      box-shadow: inset -1px 0 0 rgba(30, 136, 229, 0.08), 8px 0 24px rgba(30, 60, 100, 0.06) !important;
+      backdrop-filter: blur(10px);
+    }
+
+    // 区块标题：深蓝色字
+    .student-course-heading {
+      color: #5a7896 !important;
+
+      &:hover,
+      &.active {
+        color: #1e88e5 !important;
+      }
+    }
+
+    // 菜单项：浅色背景 + 深色文字 + 蓝色 hover
+    .student-course-link {
+      color: #2c4a6a !important;
+      background: rgba(30, 136, 229, 0.04) !important;
+      border: 1px solid rgba(30, 136, 229, 0.1) !important;
+
+      &:hover,
+      &.active {
+        color: #1e88e5 !important;
+        border-color: rgba(30, 136, 229, 0.4) !important;
+        background: linear-gradient(95deg, rgba(30, 136, 229, 0.14), rgba(66, 165, 245, 0.06)) !important;
+        box-shadow: 0 4px 14px rgba(30, 136, 229, 0.16) !important;
+      }
+
+      &.active {
+        border-left: 3px solid #1e88e5 !important;
+      }
+    }
+
+    // 图标容器：浅色玻璃 + 蓝色边框
+    .student-course-icon {
+      color: #1e88e5 !important;
+      border-color: rgba(30, 136, 229, 0.22) !important;
+      background:
+        linear-gradient(135deg, rgba(30, 136, 229, 0.16), rgba(66, 165, 245, 0.06)),
+        rgba(255, 255, 255, 0.6) !important;
+      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 0 8px rgba(30, 136, 229, 0.1) !important;
+
+      &--heading {
+        color: #1e88e5 !important;
+        background: rgba(30, 136, 229, 0.12) !important;
+      }
+    }
+
+    // 报告按钮（如有）：浅色玻璃 + 蓝色高亮
+    .student-report-button {
+      color: #1e88e5 !important;
+      background: rgba(30, 136, 229, 0.1) !important;
+      border-color: rgba(30, 136, 229, 0.5) !important;
+
+      &:hover,
+      &.active {
+        color: #ffffff !important;
+        background: linear-gradient(135deg, #1e88e5, #42a5f5) !important;
+        box-shadow: 0 4px 14px rgba(30, 136, 229, 0.3) !important;
+      }
+    }
+  }
+}
+
+/*
+ * 教师端实训页背景覆盖
+ * student-training.scss 中 #app .teacherLayout .app-main:has(.student-training-shell) 使用了暗色背景
+ * 此处覆盖为亮色，确保实训页与教师端整体亮色主题一致
+ */
+#app .teacherLayout .app-main:has(.student-training-shell) {
+  background: linear-gradient(135deg, #f5f8fc 0%, #eaf2fb 52%, #f3f8ff 100%) !important;
+}
+
+#app .teacherLayout .app-main:has(.student-training-shell) .student-training-shell {
+  background: transparent !important;
+}
diff --git a/src/assets/styles/student-training.scss b/src/assets/styles/student-training.scss
index 94919bb..35d6a5a 100644
--- a/src/assets/styles/student-training.scss
+++ b/src/assets/styles/student-training.scss
@@ -44,6 +44,11 @@
   background: #06111d !important;
 }
 
+/* 教师端亮色主题：实训页背景改为浅色，与学生端暗黑风格区分 */
+#app .teacherLayout .app-main:has(.student-training-shell) {
+  background: linear-gradient(135deg, #f5f8fc 0%, #eaf2fb 52%, #f3f8ff 100%) !important;
+}
+
 #app .studentLayout .app-main:has(.student-training-shell) .student-training-shell,
 #app .teacherLayout .app-main:has(.student-training-shell) .student-training-shell {
   box-sizing: border-box !important;
@@ -66,6 +71,11 @@
   font-variant-numeric: tabular-nums !important;
 }
 
+/* 教师端实训页容器背景改为透明，融入亮色主题 */
+#app .teacherLayout .app-main:has(.student-training-shell) .student-training-shell {
+  background: transparent !important;
+}
+
 /*
  * Student pages use different local names for their main and workbench cards.
  * Keep the layout density here so a page-specific card cannot reclaim the
diff --git a/src/assets/styles/teacher-light.scss b/src/assets/styles/teacher-light.scss
new file mode 100644
index 0000000..6226421
--- /dev/null
+++ b/src/assets/styles/teacher-light.scss
@@ -0,0 +1,1843 @@
+/* =============================================================
+ * 教师端亮色主题适配
+ * 作用范围：
+ *   1) 页面内 scoped 暗色样式  -> 用 #app .teacherLayout 前缀提权覆盖
+ *   2) teleport 到 body 的弹层 -> 用 body.teacher-light-mode 覆盖
+ * 色板：科技蓝亮色系
+ *   主蓝 #1e88e5 / 亮蓝 #42a5f5 / 深蓝 #1565c0
+ *   标题 #1e3a5f / 正文 #2c4a6a / 次要 #6b85a3
+ *   卡片 #ffffff / 描边 rgba(30,136,229,.15) / 行 hover #f0f7ff
+ * ============================================================= */
+
+/* ---------- 1. 页面根容器与基础文字 ---------- */
+#app .teacherLayout {
+  .teacher-page,
+  .student-page,
+  .class-page,
+  .training-task-page,
+  .grade-center,
+  .task,
+  .default-task-page,
+  .school-admin-workbench {
+    color: #2c4a6a;
+  }
+
+  // 通用文字层级：白色文字在亮色背景下不可见，统一改深色
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    color: #1e3a5f;
+    text-shadow: none !important;
+  }
+
+  p,
+  span,
+  div,
+  li,
+  label {
+    // 仅覆盖原本偏白的文字，避免误伤 Element 组件内部状态色
+  }
+
+  /* ---------- 2. 页面头部卡片（两种变体统一） ---------- */
+  .page-header {
+    background: linear-gradient(135deg, #ffffff 0%, #f3f8ff 100%) !important;
+    border: 1px solid rgba(30, 136, 229, 0.18) !important;
+    box-shadow:
+      0 6px 20px rgba(30, 60, 100, 0.08),
+      inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
+
+    &::before {
+      background: linear-gradient(90deg, transparent, rgba(30, 136, 229, 0.45), transparent) !important;
+    }
+
+    .header-content h1,
+    .header-text .page-title,
+    .header-text .header-title {
+      color: #1e3a5f !important;
+      text-shadow: none !important;
+    }
+
+    .header-content p,
+    .header-text .page-subtitle,
+    .header-text .header-subtitle {
+      color: #5a7896 !important;
+    }
+
+    // 纯青色图标块：保留蓝色渐变，降低发光
+    .header-icon {
+      color: #ffffff !important;
+      box-shadow: 0 6px 18px rgba(30, 136, 229, 0.28) !important;
+    }
+
+    // 玻璃质感图标框
+    .header-icon-wrap {
+      background: linear-gradient(135deg, rgba(30, 136, 229, 0.14), rgba(66, 165, 245, 0.06)) !important;
+      border-color: rgba(30, 136, 229, 0.3) !important;
+
+      .header-icon-svg {
+        color: #1e88e5 !important;
+      }
+    }
+
+    .decoration-dot {
+      opacity: 0.7;
+    }
+  }
+
+  // 成绩中心 hero 大卡
+  .admin-hero {
+    background: linear-gradient(135deg, #ffffff 0%, #f3f8ff 100%) !important;
+    border-color: rgba(30, 136, 229, 0.22) !important;
+    box-shadow: 0 8px 24px rgba(30, 60, 100, 0.08) !important;
+
+    &::after {
+      background: linear-gradient(90deg, rgba(30, 136, 229, 0.1), transparent 38%), repeating-linear-gradient(90deg, rgba(30, 136, 229, 0.06) 0 1px, transparent 1px 64px) !important;
+    }
+  }
+
+  .admin-badge {
+    color: #1565c0 !important;
+    background: rgba(30, 136, 229, 0.1) !important;
+    border-color: rgba(30, 136, 229, 0.4) !important;
+  }
+
+  .admin-title {
+    color: #1e3a5f !important;
+    text-shadow: none !important;
+  }
+
+  .admin-subtitle {
+    color: #5a7896 !important;
+  }
+
+  /* ---------- 3. 搜索栏 / 工具条 ---------- */
+  .query-bar,
+  .task-toolbar,
+  .toolbar,
+  .filter-section {
+    background: #ffffff !important;
+    border: 1px solid rgba(30, 136, 229, 0.15) !important;
+    box-shadow: 0 4px 14px rgba(30, 60, 100, 0.06) !important;
+  }
+
+  .query-item .query-label,
+  .class-picker,
+  .toolbar .query-label {
+    color: #2c4a6a !important;
+  }
+
+  .task-tip {
+    color: #5a7896 !important;
+  }
+
+  /* ---------- 4. 卡片容器 ---------- */
+  .card,
+  .admin-panel,
+  .score-card,
+  .stats-card,
+  .trend-card {
+    background: #ffffff !important;
+    border: 1px solid rgba(30, 136, 229, 0.15) !important;
+    box-shadow: 0 6px 20px rgba(30, 60, 100, 0.06) !important;
+    backdrop-filter: none;
+  }
+
+  .admin-panel-title {
+    color: #1e3a5f !important;
+  }
+
+  .admin-panel-subtitle {
+    color: #5a7896 !important;
+  }
+
+  // 卡片内部标题/正文
+  .card-header,
+  .card-body,
+  .card-footer {
+    color: #2c4a6a;
+
+    h2,
+    h3,
+    h4,
+    .card-title {
+      color: #1e3a5f !important;
+    }
+  }
+
+  // app-container 全局蓝色发光阴影柔化
+  .app-container {
+    background: #ffffff;
+    box-shadow: 0 6px 20px rgba(30, 60, 100, 0.08) !important;
+    min-height: auto !important;
+    padding: 18px 20px 28px !important;
+  }
+
+  // 滚动容器统一底部留白，避免表格/列表滚到底部紧贴边缘
+  .teacher-main {
+    padding-bottom: 32px !important;
+  }
+
+  /* ---------- 5. 表格 ---------- */
+  .el-table {
+    background-color: #ffffff !important;
+    border: 1px solid rgba(30, 136, 229, 0.15) !important;
+    box-shadow: 0 6px 20px rgba(30, 60, 100, 0.06) !important;
+    color: #2c4a6a;
+
+    // 表头：浅蓝渐变 + 深蓝字（!important 同时覆盖页面 :header-cell-style 内联样式）
+    .el-table__header-wrapper th.el-table__cell,
+    .el-table__fixed-header-wrapper th.el-table__cell {
+      background: linear-gradient(135deg, #e8f3fe 0%, #d8ebfb 100%) !important;
+      background-color: #e3effb !important;
+      color: #1e3a5f !important;
+      font-weight: 600 !important;
+      text-shadow: none !important;
+      border-bottom: 1px solid rgba(30, 136, 229, 0.2) !important;
+    }
+
+    // 单元格
+    .el-table__cell,
+    td.el-table__cell .cell {
+      color: #2c4a6a !important;
+    }
+
+    tr,
+    td.el-table__cell {
+      background-color: #ffffff !important;
+      border-bottom: 1px solid #edf2f7 !important;
+    }
+
+    // 斑马纹（若开启）
+    .el-table__row--striped td.el-table__cell {
+      background-color: #f8fbff !important;
+    }
+
+    // hover 行
+    .el-table__body tr:hover > td.el-table__cell {
+      background-color: #f0f7ff !important;
+    }
+
+    // 空数据/汇总行文字
+    .el-table__empty-text,
+    .el-table__summary .cell {
+      color: #6b85a3 !important;
+    }
+
+    // 表尾合计
+    tfoot td.el-table__cell {
+      background-color: #f3f8fd !important;
+      color: #1e3a5f !important;
+    }
+
+    // 排序/筛选图标
+    .caret-wrapper {
+      color: #8aa8c4;
+    }
+  }
+
+  /* ---------- 6. 按钮 ----------
+   * 页面 scoped 样式把所有按钮强制成青色透明描边，需按类型重置三件套
+   * （background-color / border-color / color）及 hover/disabled 状态
+   */
+  .el-button {
+    border-radius: 8px;
+    font-weight: 500;
+    box-shadow: none;
+    transform: none;
+
+    // 默认按钮
+    &:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info):not(.is-text):not(.is-link) {
+      background-color: #ffffff !important;
+      border-color: #c9d8e8 !important;
+      color: #2c4a6a !important;
+
+      &:hover,
+      &:focus {
+        background-color: #f0f7ff !important;
+        border-color: #1e88e5 !important;
+        color: #1e88e5 !important;
+        box-shadow: none !important;
+        transform: none !important;
+      }
+    }
+
+    // 主按钮
+    &.el-button--primary {
+      background-color: #1e88e5 !important;
+      border-color: #1e88e5 !important;
+      color: #ffffff !important;
+
+      &:hover,
+      &:focus {
+        background-color: #42a5f5 !important;
+        border-color: #42a5f5 !important;
+        color: #ffffff !important;
+        box-shadow: 0 4px 12px rgba(30, 136, 229, 0.25) !important;
+        transform: none !important;
+      }
+
+      &.is-plain {
+        background-color: #e8f3fe !important;
+        border-color: #9cc8ef !important;
+        color: #1565c0 !important;
+
+        &:hover,
+        &:focus {
+          background-color: #1e88e5 !important;
+          border-color: #1e88e5 !important;
+          color: #ffffff !important;
+        }
+      }
+    }
+
+    // 成功
+    &.el-button--success {
+      background-color: #2ba471 !important;
+      border-color: #2ba471 !important;
+      color: #ffffff !important;
+
+      &:hover,
+      &:focus {
+        background-color: #3cbb85 !important;
+        border-color: #3cbb85 !important;
+        color: #ffffff !important;
+        box-shadow: 0 4px 12px rgba(43, 164, 113, 0.22) !important;
+        transform: none !important;
+      }
+
+      &.is-plain {
+        background-color: #e6f6ee !important;
+        border-color: #9fd8bd !important;
+        color: #1e7a4f !important;
+
+        &:hover,
+        &:focus {
+          background-color: #2ba471 !important;
+          color: #ffffff !important;
+        }
+      }
+    }
+
+    // 警告
+    &.el-button--warning {
+      background-color: #e8a33d !important;
+      border-color: #e8a33d !important;
+      color: #ffffff !important;
+
+      &:hover,
+      &:focus {
+        background-color: #f2b45a !important;
+        border-color: #f2b45a !important;
+        color: #ffffff !important;
+        box-shadow: 0 4px 12px rgba(232, 163, 61, 0.22) !important;
+        transform: none !important;
+      }
+
+      &.is-plain {
+        background-color: #fdf3e2 !important;
+        border-color: #f3d3a0 !important;
+        color: #b36a14 !important;
+
+        &:hover,
+        &:focus {
+          background-color: #e8a33d !important;
+          color: #ffffff !important;
+        }
+      }
+    }
+
+    // 危险
+    &.el-button--danger {
+      background-color: #e05a5a !important;
+      border-color: #e05a5a !important;
+      color: #ffffff !important;
+
+      &:hover,
+      &:focus {
+        background-color: #ec7272 !important;
+        border-color: #ec7272 !important;
+        color: #ffffff !important;
+        box-shadow: 0 4px 12px rgba(224, 90, 90, 0.22) !important;
+        transform: none !important;
+      }
+
+      &.is-plain {
+        background-color: #fdecec !important;
+        border-color: #f3b0b0 !important;
+        color: #c0392b !important;
+
+        &:hover,
+        &:focus {
+          background-color: #e05a5a !important;
+          color: #ffffff !important;
+        }
+      }
+    }
+
+    // text/link 文字按钮（表格操作列）：加深以满足白底对比度
+    &.is-text,
+    &.is-link {
+      background: transparent !important;
+      border-color: transparent !important;
+
+      &.el-button--primary {
+        color: #1565c0 !important;
+        &:hover,
+        &:focus {
+          color: #0d4f9e !important;
+          background: rgba(30, 136, 229, 0.08) !important;
+        }
+      }
+      &.el-button--danger {
+        color: #d04545 !important;
+        &:hover,
+        &:focus {
+          color: #c0392b !important;
+          background: rgba(224, 90, 90, 0.08) !important;
+        }
+      }
+    }
+
+    // 禁用
+    &.is-disabled,
+    &.is-disabled:hover,
+    &.is-disabled:focus {
+      opacity: 0.55;
+      transform: none !important;
+      box-shadow: none !important;
+    }
+  }
+
+  /* ---------- 7. 表单与输入组件 ---------- */
+  .el-form-item__label {
+    color: #2c4a6a !important;
+  }
+
+  .el-input__wrapper,
+  .el-select .el-input__wrapper,
+  .el-date-editor.el-input__wrapper,
+  .el-input-number .el-input__wrapper {
+    background-color: #ffffff !important;
+    box-shadow: 0 0 0 1px #c9d8e8 inset !important;
+    border-radius: 8px;
+
+    &:hover {
+      box-shadow: 0 0 0 1px #9cc0e0 inset !important;
+    }
+
+    &.is-focus,
+    &.is-focused {
+      box-shadow: 0 0 0 1px #1e88e5 inset !important;
+    }
+  }
+
+  .el-textarea__inner {
+    background-color: #ffffff !important;
+    border-color: #c9d8e8 !important;
+    color: #2c4a6a !important;
+    border-radius: 8px;
+
+    &::placeholder {
+      color: #a0b4c8 !important;
+    }
+
+    &:focus {
+      border-color: #1e88e5 !important;
+    }
+  }
+
+  .el-input__inner {
+    color: #2c4a6a !important;
+
+    &::placeholder {
+      color: #a0b4c8 !important;
+    }
+  }
+
+  .el-input__prefix,
+  .el-input__suffix {
+    color: #8aa8c4;
+  }
+
+  .el-select .el-input.is-disabled .el-input__wrapper,
+  .el-input.is-disabled .el-input__wrapper {
+    background-color: #f4f7fa !important;
+    box-shadow: 0 0 0 1px #e0e8f0 inset !important;
+
+    .el-input__inner {
+      color: #8aa8c4 !important;
+      -webkit-text-fill-color: #8aa8c4;
+    }
+  }
+
+  // 单选/复选/开关文字
+  .el-radio,
+  .el-checkbox {
+    color: #2c4a6a;
+
+    &.is-disabled {
+      color: #a0b4c8;
+    }
+  }
+
+  .el-radio__label,
+  .el-checkbox__label {
+    color: #2c4a6a;
+  }
+
+  // 表单校验错误
+  .el-form-item__error {
+    color: #e05a5a;
+  }
+
+  // 字数统计
+  .el-input__count,
+  .el-input__count-inner {
+    color: #8aa8c4 !important;
+    background: transparent !important;
+  }
+
+  /* ---------- 8. 分页（覆盖全局 index.scss 强制暗色） ---------- */
+  .el-pagination,
+  .pager .el-pagination {
+    --el-pagination-bg-color: transparent;
+    --el-pagination-button-bg-color: #ffffff;
+    --el-pagination-hover-color: #1e88e5;
+    color: #2c4a6a;
+    font-weight: 500;
+
+    .el-pagination__total,
+    .el-pagination__jump {
+      color: #2c4a6a !important;
+    }
+
+    button,
+    .el-pager li {
+      background-color: #ffffff !important;
+      color: #2c4a6a !important;
+      border: 1px solid #d5e1ee;
+      border-radius: 6px;
+      font-weight: 500;
+
+      &:hover {
+        color: #1e88e5 !important;
+        border-color: #1e88e5;
+        background-color: #f0f7ff !important;
+      }
+    }
+
+    .el-pager li.is-active {
+      background-color: #1e88e5 !important;
+      color: #ffffff !important;
+      border-color: #1e88e5;
+    }
+
+    .btn-prev,
+    .btn-next {
+      background-color: #ffffff !important;
+      color: #2c4a6a !important;
+
+      &:disabled,
+      &.is-disabled {
+        background-color: #f4f7fa !important;
+        color: #b0c0d0 !important;
+      }
+    }
+
+    .el-select .el-input__wrapper {
+      background-color: #ffffff !important;
+      box-shadow: 0 0 0 1px #d5e1ee inset !important;
+
+      .el-input__inner {
+        color: #2c4a6a !important;
+      }
+    }
+  }
+
+  /* ---------- 9. 其他组件 ---------- */
+  // 标签 el-tag：浅底标签文字加深，保证在白底上可读
+  .el-tag {
+    &.el-tag--primary {
+      &.is-plain,
+      &.is-light {
+        color: #1565c0 !important;
+        background-color: #e8f3fe !important;
+        border-color: #9cc8ef !important;
+      }
+    }
+
+    &.el-tag--success {
+      &.is-plain,
+      &.is-light {
+        color: #1e7a4f !important;
+        background-color: #e6f6ee !important;
+        border-color: #9fd8bd !important;
+      }
+    }
+
+    &.el-tag--warning {
+      &.is-plain,
+      &.is-light {
+        color: #b36a14 !important;
+        background-color: #fdf3e2 !important;
+        border-color: #f3d3a0 !important;
+      }
+    }
+
+    &.el-tag--danger {
+      &.is-plain,
+      &.is-light {
+        color: #c0392b !important;
+        background-color: #fdecec !important;
+        border-color: #f3b0b0 !important;
+      }
+    }
+
+    &.el-tag--info {
+      &.is-plain,
+      &.is-light {
+        color: #5e6b7c !important;
+        background-color: #f4f6f9 !important;
+        border-color: #d3dae3 !important;
+      }
+    }
+  }
+
+  // 标签页
+  .el-tabs__item {
+    color: #5a7896;
+
+    &.is-active {
+      color: #1565c0;
+    }
+  }
+
+  .el-tabs__active-bar {
+    background-color: #1e88e5;
+  }
+
+  .el-tabs__nav-wrap::after {
+    background-color: #e3eaf2;
+  }
+
+  // 描述列表
+  .el-descriptions__label {
+    color: #5a7896 !important;
+    background: #f6f9fc !important;
+  }
+
+  .el-descriptions__content {
+    color: #2c4a6a !important;
+  }
+
+  // 卡片组件
+  .el-card {
+    border-color: rgba(30, 136, 229, 0.15);
+    box-shadow: 0 4px 14px rgba(30, 60, 100, 0.05);
+  }
+
+  // 空状态
+  .el-empty__description p {
+    color: #6b85a3;
+  }
+
+  // 加载遮罩（覆盖全局 element-ui.scss 暗色遮罩）
+  .el-loading-mask {
+    background-color: rgba(245, 248, 252, 0.78) !important;
+    backdrop-filter: blur(2px);
+  }
+
+  .el-loading-spinner .path {
+    stroke: #1e88e5 !important;
+  }
+
+  .el-loading-text {
+    color: #1e88e5 !important;
+  }
+
+  // 开关
+  .el-switch__label {
+    color: #2c4a6a;
+  }
+
+  // 下拉菜单（页面内）
+  .el-dropdown-menu {
+    color: #2c4a6a;
+  }
+
+  // 警告/提示条
+  .el-alert__title,
+  .el-alert__description {
+    color: inherit;
+  }
+
+  /* ---------- 16. 按钮/表头/密度统一规范（仅样式层，不改模板） ---------- */
+
+  // 16.1 工具栏按钮语义纠偏
+  // 语义约定：查询/搜索/保存=蓝，新增=绿，导入=蓝，导出/下载=橙，重置/刷新/配置=白底
+  // 学生管理：btn-group 首个 primary 是“新增” -> 绿；末个 primary 是“刷新” -> 白底
+  .student-page .query-bar .btn-group {
+    > .el-button--primary:first-child {
+      background-color: #2ba471 !important;
+      border-color: #2ba471 !important;
+      color: #ffffff !important;
+      box-shadow: none !important;
+
+      &:hover,
+      &:focus {
+        background-color: #3cbb85 !important;
+        border-color: #3cbb85 !important;
+        color: #ffffff !important;
+      }
+    }
+
+    > .el-button--primary:last-child {
+      background-color: #ffffff !important;
+      border-color: #c9d8e8 !important;
+      color: #2c4a6a !important;
+      box-shadow: none !important;
+
+      &:hover,
+      &:focus {
+        background-color: #f0f7ff !important;
+        border-color: #1e88e5 !important;
+        color: #1e88e5 !important;
+      }
+    }
+  }
+
+  // 成绩管理：toolbar-right 内三个 success 依次为 导出 / 权重设置 / 成绩更新
+  .school-admin-workbench .toolbar .toolbar-right {
+    // 导出 -> 橙（与其他页面导出统一）
+    > .el-button--success {
+      background: #e8a33d !important;
+      border-color: #e8a33d !important;
+      color: #ffffff !important;
+      box-shadow: none !important;
+
+      &:hover {
+        background: #f2b45a !important;
+        border-color: #f2b45a !important;
+        color: #ffffff !important;
+      }
+    }
+
+    // 权重设置（第二个 success）-> 白底次要
+    > .el-button--success ~ .el-button--success {
+      background: #ffffff !important;
+      border-color: #c9d8e8 !important;
+      color: #2c4a6a !important;
+      box-shadow: none !important;
+
+      &:hover {
+        background: #f0f7ff !important;
+        border-color: #1e88e5 !important;
+        color: #1e88e5 !important;
+      }
+    }
+
+    // 成绩更新（第三个 success）-> 蓝（主要操作）
+    > .el-button--success ~ .el-button--success ~ .el-button--success {
+      background: #1e88e5 !important;
+      border-color: #1e88e5 !important;
+      color: #ffffff !important;
+      box-shadow: 0 4px 12px rgba(30, 136, 229, 0.2) !important;
+
+      &:hover {
+        background: #42a5f5 !important;
+        border-color: #42a5f5 !important;
+        color: #ffffff !important;
+      }
+    }
+  }
+
+  // 16.2 表格操作列：text/link/默认按钮统一为小号实心按钮
+  .el-table {
+    .action-group {
+      gap: 6px !important;
+    }
+
+    .cell .el-button + .el-button {
+      margin-left: 6px !important;
+    }
+
+    .el-button {
+      height: 26px !important;
+      min-height: 26px !important;
+      padding: 0 10px !important;
+      font-size: 12px !important;
+      font-weight: 500 !important;
+      line-height: 24px !important;
+      border-radius: 6px !important;
+      box-shadow: none !important;
+
+      .el-icon {
+        font-size: 12px !important;
+        margin-right: 2px;
+      }
+
+      // 把文字按钮（is-text / is-link）重置为实心
+      &.is-text,
+      &.is-link {
+        &.el-button--primary {
+          background-color: #1e88e5 !important;
+          border-color: #1e88e5 !important;
+          color: #ffffff !important;
+
+          &:hover,
+          &:focus {
+            background-color: #42a5f5 !important;
+            border-color: #42a5f5 !important;
+            color: #ffffff !important;
+          }
+        }
+
+        &.el-button--success {
+          background-color: #2ba471 !important;
+          border-color: #2ba471 !important;
+          color: #ffffff !important;
+
+          &:hover,
+          &:focus {
+            background-color: #3cbb85 !important;
+            border-color: #3cbb85 !important;
+            color: #ffffff !important;
+          }
+        }
+
+        &.el-button--warning {
+          background-color: #e8a33d !important;
+          border-color: #e8a33d !important;
+          color: #ffffff !important;
+
+          &:hover,
+          &:focus {
+            background-color: #f2b45a !important;
+            border-color: #f2b45a !important;
+            color: #ffffff !important;
+          }
+        }
+
+        &.el-button--danger {
+          background-color: #e05a5a !important;
+          border-color: #e05a5a !important;
+          color: #ffffff !important;
+
+          &:hover,
+          &:focus {
+            background-color: #ec7272 !important;
+            border-color: #ec7272 !important;
+            color: #ffffff !important;
+          }
+        }
+
+        // 无类型的文字按钮 -> 白底描边
+        &:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger):not(.el-button--info) {
+          background-color: #ffffff !important;
+          border-color: #c9d8e8 !important;
+          color: #2c4a6a !important;
+
+          &:hover,
+          &:focus {
+            background-color: #f0f7ff !important;
+            border-color: #1e88e5 !important;
+            color: #1e88e5 !important;
+          }
+        }
+      }
+
+      // 实心按钮尺寸对齐（学生页原 default 尺寸较大）
+      &.el-button--primary,
+      &.el-button--success,
+      &.el-button--warning,
+      &.el-button--danger {
+        font-weight: 500 !important;
+      }
+
+      // 禁用态保持可见但弱化
+      &.is-disabled,
+      &.is-disabled:hover {
+        opacity: 0.55 !important;
+        cursor: not-allowed !important;
+      }
+    }
+  }
+
+  // 16.3 表头统一：浅蓝底 + 深蓝字（同步修复成绩页 .cell 白字）
+  .el-table {
+    --el-table-header-bg-color: #e3effb;
+    --el-table-header-text-color: #1e3a5f;
+
+    .el-table__header-wrapper th.el-table__cell,
+    .el-table__fixed-header-wrapper th.el-table__cell {
+      height: 38px;
+      padding: 5px 0 !important;
+      background: linear-gradient(180deg, #eef6fe 0%, #dcebfb 100%) !important;
+      color: #1e3a5f !important;
+      font-size: 13px !important;
+      font-weight: 600 !important;
+      text-shadow: none !important;
+      border-bottom: 1px solid rgba(30, 136, 229, 0.2) !important;
+
+      .cell {
+        color: #1e3a5f !important;
+        font-size: 13px !important;
+        font-weight: 600 !important;
+        text-shadow: none !important;
+      }
+    }
+  }
+
+  // 16.4 整体布局紧凑化
+  .page-header {
+    padding: 14px 20px !important;
+    margin-bottom: 12px !important;
+  }
+
+  .query-bar,
+  .toolbar,
+  .task-toolbar,
+  .filter-section {
+    padding: 10px 14px !important;
+    margin-bottom: 12px !important;
+    gap: 10px !important;
+  }
+
+  .school-admin-workbench {
+    .admin-hero {
+      padding: 16px 20px !important;
+      margin-bottom: 12px !important;
+    }
+
+    .admin-panel {
+      padding: 14px !important;
+    }
+  }
+
+  .el-table {
+    font-size: 13px !important;
+
+    .el-table__cell {
+      padding: 7px 0 !important;
+    }
+
+    td.el-table__cell .cell {
+      font-size: 13px !important;
+      line-height: 1.5 !important;
+    }
+  }
+
+  .el-pagination,
+  .pagination-container {
+    margin-top: 12px !important;
+  }
+}
+
+/* =============================================================
+ * 10. teleport 弹层（body.teacher-light-mode 命中）
+ * ============================================================= */
+body.teacher-light-mode {
+  // 全局无条件暗色规则的重置（index.scss / element-ui.scss）
+  .el-input__inner {
+    color: #2c4a6a !important;
+
+    &::placeholder {
+      color: #a0b4c8 !important;
+    }
+  }
+
+  .el-input__count,
+  .el-input__count-inner {
+    color: #8aa8c4 !important;
+    background: transparent !important;
+  }
+
+  // 下拉选择弹层
+  .el-select__popper.el-popper,
+  .el-select-dropdown {
+    background: #ffffff !important;
+    border: 1px solid #d5e1ee !important;
+    box-shadow: 0 8px 24px rgba(30, 60, 100, 0.12) !important;
+
+    .el-select-dropdown__item {
+      color: #2c4a6a !important;
+
+      &.is-hovering,
+      &:hover {
+        background-color: #f0f7ff !important;
+        color: #1e88e5 !important;
+      }
+
+      &.is-selected {
+        color: #1e88e5 !important;
+        background-color: #e8f3fe !important;
+        font-weight: 600;
+      }
+
+      &.is-disabled {
+        color: #b0c0d0 !important;
+      }
+    }
+
+    .el-select-dropdown__empty {
+      color: #6b85a3 !important;
+    }
+
+    .el-popper__arrow::before {
+      background: #ffffff !important;
+      border-color: #d5e1ee !important;
+    }
+  }
+
+  // 分页每页条数下拉里的输入框
+  .el-pagination .el-input__inner {
+    color: #2c4a6a !important;
+  }
+
+  // 日期/时间选择器面板
+  .el-picker-panel,
+  .el-date-picker,
+  .el-time-panel {
+    background: #ffffff !important;
+    border: 1px solid #d5e1ee !important;
+    box-shadow: 0 8px 24px rgba(30, 60, 100, 0.12) !important;
+    color: #2c4a6a !important;
+
+    .el-picker-panel__icon-btn,
+    .el-picker-panel__header-label,
+    .el-date-picker__header-label,
+    .el-date-table th {
+      color: #5a7896 !important;
+    }
+
+    .el-date-table td .el-date-table-cell__text {
+      color: #2c4a6a !important;
+
+      &:hover {
+        background-color: #e8f3fe !important;
+        color: #1e88e5 !important;
+      }
+    }
+
+    .el-date-table td.today .el-date-table-cell__text {
+      color: #1e88e5 !important;
+      font-weight: 700;
+    }
+
+    .el-date-table td.current:not(.disabled) .el-date-table-cell__text {
+      background-color: #1e88e5 !important;
+      color: #ffffff !important;
+    }
+
+    .el-date-table td.prev-month .el-date-table-cell__text,
+    .el-date-table td.next-month .el-date-table-cell__text {
+      color: #b0c0d0 !important;
+    }
+
+    .el-time-spinner__item {
+      color: #2c4a6a !important;
+
+      &.is-active {
+        color: #1e88e5 !important;
+      }
+
+      &:hover:not(.is-disabled) {
+        background: #f0f7ff !important;
+        color: #1e88e5 !important;
+      }
+    }
+
+    .el-picker-panel__footer {
+      background: #f6f9fc !important;
+      border-top-color: #e3eaf2 !important;
+    }
+
+    .el-picker-panel__sidebar {
+      border-right-color: #e3eaf2 !important;
+    }
+
+    .el-time-panel__btn.confirm {
+      color: #1e88e5 !important;
+    }
+  }
+
+  // 弹窗（教师端各页面 teacher-dialog / admin-edit-dialog）
+  .teacher-dialog,
+  .admin-edit-dialog {
+    background: #ffffff !important;
+    border: 1px solid #d5e1ee !important;
+    border-radius: 16px !important;
+    box-shadow: 0 20px 56px rgba(30, 60, 100, 0.18) !important;
+    overflow: hidden;
+
+    .el-dialog__header {
+      background: linear-gradient(135deg, #e8f3fe 0%, #d8ebfb 100%) !important;
+      padding: 18px 24px;
+      margin: 0;
+      border-bottom: 1px solid rgba(30, 136, 229, 0.15);
+
+      .el-dialog__title {
+        color: #1e3a5f !important;
+        font-weight: 700;
+        font-size: 17px;
+        text-shadow: none !important;
+      }
+
+      .el-dialog__headerbtn .el-dialog__close {
+        color: #5a7896 !important;
+
+        &:hover {
+          color: #1e88e5 !important;
+        }
+      }
+    }
+
+    .el-dialog__body {
+      background: #ffffff !important;
+      color: #2c4a6a;
+      padding: 24px 28px;
+    }
+
+    .el-dialog__footer {
+      background: #f8fbfe !important;
+      border-top: 1px solid #edf2f7 !important;
+      padding: 14px 24px;
+    }
+
+    .el-form-item__label,
+    label {
+      color: #2c4a6a !important;
+    }
+
+    .el-input__wrapper,
+    .el-select .el-input__wrapper,
+    .el-textarea__inner {
+      background-color: #ffffff !important;
+    }
+
+    .el-input__inner,
+    .el-textarea__inner {
+      color: #2c4a6a !important;
+    }
+
+    .el-radio__label,
+    .el-checkbox__label {
+      color: #2c4a6a !important;
+    }
+
+    // 班级成员管理弹窗内的搜索工具条
+    .member-toolbar {
+      background: #f8fbfe !important;
+      border: 1px solid rgba(30, 136, 229, 0.12) !important;
+    }
+  }
+
+  // 确认消息框（退出登录等 ElMessageBox）
+  .el-overlay {
+    .el-message-box {
+      background: #ffffff !important;
+      border: 1px solid #d5e1ee !important;
+      box-shadow: 0 20px 56px rgba(30, 60, 100, 0.2) !important;
+      border-radius: 14px;
+
+      .el-message-box__title,
+      .el-message-box__content,
+      .el-message-box__message p {
+        color: #2c4a6a !important;
+      }
+
+      .el-message-box__headerbtn .el-message-box__close {
+        color: #5a7896 !important;
+      }
+    }
+  }
+
+  // 轻提示
+  .el-message {
+    background: #ffffff !important;
+    border: 1px solid #d5e1ee !important;
+    box-shadow: 0 8px 24px rgba(30, 60, 100, 0.12) !important;
+    color: #2c4a6a !important;
+
+    .el-message__content {
+      color: #2c4a6a !important;
+    }
+  }
+
+  // 通知
+  .el-notification {
+    background: #ffffff !important;
+    border: 1px solid #d5e1ee !important;
+    box-shadow: 0 8px 24px rgba(30, 60, 100, 0.12) !important;
+
+    .el-notification__title {
+      color: #1e3a5f !important;
+    }
+
+    .el-notification__content {
+      color: #2c4a6a !important;
+    }
+  }
+
+  // tooltip 保持 Element 默认深色（设计语义为浮层提示，不调整）
+
+  // 全屏加载遮罩
+  .el-loading-mask {
+    background-color: rgba(245, 248, 252, 0.78) !important;
+  }
+
+  .el-loading-spinner .path {
+    stroke: #1e88e5 !important;
+  }
+
+  .el-loading-text {
+    color: #1e88e5 !important;
+  }
+
+  /* ---------- 11. 表格 CSS 变量层兜底（admin-theme 通过变量注入暗色） ---------- */
+  .el-table {
+    --el-table-bg-color: #ffffff;
+    --el-table-tr-bg-color: #ffffff;
+    --el-table-header-bg-color: #e3effb;
+    --el-table-header-text-color: #1e3a5f;
+    --el-table-text-color: #2c4a6a;
+    --el-table-border-color: #edf2f7;
+    --el-table-row-hover-bg-color: #f0f7ff;
+  }
+
+  /* ---------- 12. 成绩中心（school-admin-workbench）补充 ---------- */
+  .school-admin-workbench {
+    .toolbar {
+      background: #ffffff !important;
+      border-color: rgba(30, 136, 229, 0.18) !important;
+    }
+
+    // 工具栏按钮：覆盖 admin-theme.scss 的深色渐变，统一为亮色系统色
+    .toolbar .el-button {
+      &::before,
+      &::after {
+        display: none !important;
+      }
+
+      // Primary（查询等主要操作）— 科技蓝
+      &[type="primary"],
+      &.el-button--primary {
+        background: #1e88e5 !important;
+        border-color: #1e88e5 !important;
+        color: #ffffff !important;
+        box-shadow: 0 4px 12px rgba(30, 136, 229, 0.2) !important;
+        backdrop-filter: none !important;
+
+        &:hover {
+          background: #42a5f5 !important;
+          border-color: #42a5f5 !important;
+          color: #ffffff !important;
+          box-shadow: 0 6px 16px rgba(30, 136, 229, 0.3) !important;
+          transform: none !important;
+        }
+      }
+
+      // Success（导出/新增等）— 绿色
+      &[type="success"],
+      &.el-button--success {
+        background: #2ba471 !important;
+        border-color: #2ba471 !important;
+        color: #ffffff !important;
+        box-shadow: 0 4px 12px rgba(43, 164, 113, 0.2) !important;
+        backdrop-filter: none !important;
+
+        &:hover {
+          background: #3cbb85 !important;
+          border-color: #3cbb85 !important;
+          color: #ffffff !important;
+          transform: none !important;
+        }
+      }
+
+      // Danger（删除等）— 红色
+      &[type="danger"],
+      &.el-button--danger {
+        background: #e05a5a !important;
+        border-color: #e05a5a !important;
+        color: #ffffff !important;
+
+        &:hover {
+          background: #ec7272 !important;
+          border-color: #ec7272 !important;
+        }
+      }
+
+      // Warning — 橙色
+      &[type="warning"],
+      &.el-button--warning {
+        background: #e8a33d !important;
+        border-color: #e8a33d !important;
+        color: #ffffff !important;
+
+        &:hover {
+          background: #f2b45a !important;
+          border-color: #f2b45a !important;
+        }
+      }
+
+      // 默认按钮（重置等）— 白底深字
+      &:not([type="primary"]):not([type="success"]):not([type="danger"]):not([type="warning"]):not(.el-button--primary):not(.el-button--success):not(.el-button--danger):not(.el-button--warning) {
+        background: #ffffff !important;
+        border-color: #c9d8e8 !important;
+        color: #2c4a6a !important;
+        backdrop-filter: none !important;
+
+        &:hover {
+          background: #f0f7ff !important;
+          border-color: #1e88e5 !important;
+          color: #1e88e5 !important;
+          transform: none !important;
+        }
+      }
+    }
+
+    .admin-form {
+      background: #ffffff !important;
+      border-color: rgba(30, 136, 229, 0.18) !important;
+    }
+
+    .el-table .el-loading-mask {
+      background: rgba(245, 248, 252, 0.78) !important;
+    }
+
+    .el-table .el-loading-spinner .path {
+      stroke: #1e88e5 !important;
+    }
+
+    .el-table .el-loading-text {
+      color: #1e88e5 !important;
+    }
+
+    // 表格操作按钮
+    .action-btn {
+      color: #1565c0 !important;
+    }
+
+    .action-btn.el-button--danger {
+      color: #d04545 !important;
+    }
+  }
+
+  /* ---------- 13. 教师首页仪表盘补充 ---------- */
+  .grade-center {
+    .card-badge {
+      color: #1565c0 !important;
+      background: rgba(30, 136, 229, 0.1) !important;
+      border-color: rgba(30, 136, 229, 0.25) !important;
+    }
+
+    .legend-dots,
+    .legend-item,
+    .filter-label,
+    .insight-text {
+      color: #46607d !important;
+    }
+
+    // 卡片右上角图标：荧光青/绿 -> 科技蓝/绿
+    .trend-icon {
+      background: linear-gradient(135deg, rgba(30, 136, 229, 0.12), rgba(30, 136, 229, 0.04)) !important;
+      border-color: rgba(30, 136, 229, 0.3) !important;
+      color: #1565c0 !important;
+    }
+
+    .stats-icon {
+      background: linear-gradient(135deg, rgba(43, 164, 113, 0.12), rgba(43, 164, 113, 0.04)) !important;
+      border-color: rgba(43, 164, 113, 0.3) !important;
+      color: #1e7a4f !important;
+    }
+
+    .card-badge.success {
+      color: #1e7a4f !important;
+      background: rgba(43, 164, 113, 0.1) !important;
+      border-color: rgba(43, 164, 113, 0.25) !important;
+    }
+
+    .el-select__caret {
+      color: #8aa8c4 !important;
+    }
+
+    .card-footer {
+      border-top-color: rgba(30, 136, 229, 0.12) !important;
+    }
+
+    .card-glow {
+      background: radial-gradient(circle at 30% 30%, rgba(30, 136, 229, 0.06), transparent 50%) !important;
+    }
+
+    // 成绩卡片：白底 + 淡彩色顶边
+    .score-card {
+      background: #ffffff !important;
+      border-color: rgba(30, 136, 229, 0.15) !important;
+
+      &:hover {
+        box-shadow: 0 10px 26px rgba(30, 60, 100, 0.1) !important;
+      }
+
+      &.card-max {
+        background: linear-gradient(135deg, rgba(255, 107, 157, 0.07), #ffffff 60%) !important;
+        border-color: rgba(255, 107, 157, 0.28) !important;
+      }
+
+      &.card-min {
+        background: linear-gradient(135deg, rgba(75, 207, 250, 0.07), #ffffff 60%) !important;
+        border-color: rgba(45, 184, 232, 0.28) !important;
+      }
+
+      &.card-avg {
+        background: linear-gradient(135deg, rgba(245, 200, 0, 0.08), #ffffff 60%) !important;
+        border-color: rgba(245, 200, 0, 0.3) !important;
+      }
+    }
+
+    .score-name {
+      color: #46607d !important;
+    }
+
+    .score-number {
+      background: linear-gradient(135deg, #1565c0, #1e88e5) !important;
+      -webkit-background-clip: text !important;
+      background-clip: text !important;
+      -webkit-text-fill-color: transparent !important;
+    }
+
+    .score-unit {
+      color: #6b85a3 !important;
+    }
+  }
+
+  /* ---------- 14. 实训任务管理页 ---------- */
+  .teacher-main.training-task-main-theme {
+    background: linear-gradient(135deg, #f5f8fc 0%, #eaf2fb 48%, #f3f8ff 100%) !important;
+  }
+
+  .training-task-page {
+    // 头部统计小块：荧光绿/浅蓝白字在白底上不可见，改为实色浅蓝底 + 深蓝字
+    .header-stats {
+      .stat-item,
+      .header-stat {
+        color: #2c4a6a !important;
+        background: #e8f3fe !important;
+        border-color: rgba(30, 136, 229, 0.25) !important;
+      }
+
+      .stat-label {
+        color: #5a7896 !important;
+      }
+
+      .stat-value {
+        color: #1565c0 !important;
+        text-shadow: none !important;
+      }
+    }
+
+    // 页面副标题加深
+    .page-header .page-subtitle {
+      color: #5a7896 !important;
+    }
+
+    .class-filter .filter-label {
+      color: #2c4a6a !important;
+    }
+
+    // 搜索框
+    .search-box {
+      background: #ffffff !important;
+      border-color: rgba(30, 136, 229, 0.2) !important;
+      box-shadow: none !important;
+
+      .el-input__inner {
+        color: #2c4a6a !important;
+
+        &::placeholder {
+          color: #a0b4c8 !important;
+        }
+      }
+    }
+
+    // 工具栏主按钮（原深蓝渐变）改为亮蓝
+    .toolbar-btn {
+      border-radius: 10px;
+
+      &.el-button--primary,
+      &.el-button--success {
+        background: #1e88e5 !important;
+        border-color: #1e88e5 !important;
+        color: #ffffff !important;
+        box-shadow: 0 4px 12px rgba(30, 136, 229, 0.2) !important;
+
+        &:hover {
+          background: #42a5f5 !important;
+          border-color: #42a5f5 !important;
+        }
+      }
+
+      // “恢复默认”：原深暗红渐变改为浅红 plain 风格（hover 转红实心）
+      &.el-button--danger,
+      &.toolbar-btn-danger {
+        background: #fdecec !important;
+        border-color: #f3b0b0 !important;
+        color: #c0392b !important;
+        box-shadow: none !important;
+        text-shadow: none !important;
+        transform: none !important;
+
+        &:hover,
+        &:focus {
+          background: #e05a5a !important;
+          border-color: #e05a5a !important;
+          color: #ffffff !important;
+          box-shadow: none !important;
+          transform: none !important;
+        }
+      }
+
+      &::before,
+      &::after {
+        display: none !important;
+      }
+    }
+
+    // 项目筛选容器
+    .project-filter {
+      background: #ffffff !important;
+      border-color: rgba(30, 136, 229, 0.15) !important;
+      box-shadow: 0 4px 14px rgba(30, 60, 100, 0.06) !important;
+
+      .filter-label {
+        color: #2c4a6a !important;
+
+        svg {
+          color: #1e88e5 !important;
+        }
+      }
+    }
+
+    // 项目页签
+    .project-tabs {
+      .project-tab {
+        background: #ffffff !important;
+        border-color: rgba(30, 136, 229, 0.15) !important;
+        color: #2c4a6a !important;
+
+        .tab-name {
+          color: #2c4a6a !important;
+        }
+
+        .tab-count {
+          background: rgba(30, 136, 229, 0.1) !important;
+          color: #1565c0 !important;
+        }
+
+        &:hover {
+          border-color: rgba(30, 136, 229, 0.4) !important;
+        }
+
+        &.active {
+          background: linear-gradient(135deg, rgba(30, 136, 229, 0.14), rgba(66, 165, 245, 0.06)) !important;
+          border-color: rgba(30, 136, 229, 0.5) !important;
+
+          .tab-name {
+            color: #1565c0 !important;
+          }
+
+          .tab-count {
+            background: #1e88e5 !important;
+            color: #ffffff !important;
+          }
+        }
+      }
+    }
+
+    // “显示 x/x 条”：原浅绿字在白底偏淡，改为深绿
+    .filter-result {
+      color: #1e7a4f !important;
+      background: rgba(43, 164, 113, 0.08) !important;
+      border-color: rgba(43, 164, 113, 0.25) !important;
+    }
+
+    // 任务卡片网格：一行五个，整体更紧凑
+    .task-grid {
+      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
+      gap: 14px !important;
+      min-height: auto !important;
+    }
+
+    // 任务卡片
+    .task-card {
+      padding: 14px !important;
+      border-radius: 12px !important;
+      background: #ffffff !important;
+      border-color: rgba(30, 136, 229, 0.15) !important;
+      box-shadow: 0 6px 18px rgba(30, 60, 100, 0.06) !important;
+
+      &:hover {
+        transform: none !important;
+        border-color: rgba(30, 136, 229, 0.4) !important;
+        box-shadow: 0 10px 28px rgba(30, 60, 100, 0.1) !important;
+      }
+
+      // 装饰编号与右上角“启用/停用”状态标签位置重叠，亮色下隐藏避免干扰
+      .card-index {
+        display: none !important;
+      }
+
+      .card-header {
+        margin-bottom: 8px !important;
+      }
+
+      .task-project {
+        font-size: 11px !important;
+        padding: 2px 8px !important;
+        color: #1565c0 !important;
+        background: rgba(30, 136, 229, 0.1) !important;
+        border-color: rgba(30, 136, 229, 0.25) !important;
+      }
+
+      // 启用状态：荧光绿在白底不可见，改为深绿实色标签
+      .task-status {
+        font-size: 10px !important;
+        padding: 2px 8px !important;
+        color: #b04545 !important;
+        background: rgba(224, 90, 90, 0.1) !important;
+        border-color: rgba(224, 90, 90, 0.3) !important;
+
+        &.enabled {
+          color: #1e7a4f !important;
+          background: rgba(43, 164, 113, 0.1) !important;
+          border-color: rgba(43, 164, 113, 0.3) !important;
+        }
+      }
+
+      // 目标/步骤数量文字加深
+      .task-meta .meta-item {
+        color: #46607d !important;
+      }
+
+      .task-name {
+        margin: 0 0 8px !important;
+        font-size: 14px !important;
+        color: #1e3a5f !important;
+      }
+
+      .task-meta {
+        margin-bottom: 10px !important;
+        gap: 10px !important;
+      }
+
+      .meta-item {
+        font-size: 11px !important;
+        color: #5a7896 !important;
+      }
+
+      .edit-btn {
+        width: 100% !important;
+        height: 30px !important;
+        padding: 0 10px !important;
+        font-size: 12px !important;
+        border-radius: 8px !important;
+        background: linear-gradient(135deg, #1e88e5, #1565c0) !important;
+        color: #ffffff !important;
+        box-shadow: 0 4px 12px rgba(30, 136, 229, 0.22) !important;
+
+        &:hover {
+          background: linear-gradient(135deg, #42a5f5, #1e88e5) !important;
+        }
+      }
+    }
+
+    // 卡片上的扫描线/辉光特效在亮色下隐藏
+    .scanline,
+    .card-glow {
+      display: none !important;
+    }
+
+    .corner-decoration {
+      opacity: 0.5;
+    }
+
+    .task-empty {
+      color: #6b85a3 !important;
+    }
+
+    // 表单内白色 label（scoped 中带 !important）
+    .task-form .el-form-item__label,
+    .drawer-shell .el-form-item__label {
+      color: #2c4a6a !important;
+    }
+
+    // 窄屏下列数收敛
+    @media (max-width: 1500px) {
+      .task-grid {
+        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
+      }
+    }
+
+    @media (max-width: 1100px) {
+      .task-grid {
+        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+      }
+    }
+  }
+}
+
+/* =============================================================
+ * 15. 实训任务抽屉（el-drawer teleport 到 body）
+ * ============================================================= */
+body.teacher-light-mode {
+  .training-task-drawer.el-drawer {
+    background: #f5f8fc !important;
+    box-shadow: -10px 0 36px rgba(30, 60, 100, 0.14) !important;
+
+    .el-drawer__body {
+      background: #f5f8fc;
+    }
+  }
+
+  .training-task-drawer {
+    .drawer-shell {
+      background: #f5f8fc !important;
+      color: #2c4a6a;
+    }
+
+    .drawer-header {
+      background: linear-gradient(90deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.04)) !important;
+      border-bottom: 1px solid rgba(30, 136, 229, 0.12) !important;
+    }
+
+    .drawer-kicker {
+      color: #1565c0 !important;
+      background: rgba(30, 136, 229, 0.1) !important;
+    }
+
+    .drawer-close-button {
+      color: #5a7896 !important;
+      background: rgba(30, 136, 229, 0.08) !important;
+
+      &:hover {
+        color: #ffffff !important;
+        background: #1e88e5 !important;
+      }
+    }
+
+    .identity-item {
+      background: #ffffff !important;
+      border-color: rgba(30, 136, 229, 0.12) !important;
+
+      .identity-label {
+        color: #5a7896 !important;
+      }
+
+      .status-value {
+        color: #1e3a5f !important;
+      }
+    }
+
+    .drawer-section {
+      background: #ffffff !important;
+      border-color: rgba(30, 136, 229, 0.12) !important;
+    }
+
+    .section-title {
+      color: #1e3a5f !important;
+
+      .section-number {
+        background: rgba(30, 136, 229, 0.12) !important;
+        color: #1e88e5 !important;
+      }
+    }
+
+    .section-info {
+      color: #5a7896 !important;
+    }
+
+    .objective-row,
+    .step-item,
+    .material-row {
+      background: #f8fbfe !important;
+      border-color: rgba(30, 136, 229, 0.12) !important;
+      color: #2c4a6a !important;
+
+      .objective-number {
+        background: rgba(30, 136, 229, 0.1) !important;
+        color: #1e88e5 !important;
+      }
+    }
+
+    .material-placeholder {
+      color: #8aa8c4 !important;
+    }
+
+    .material-link {
+      color: #1e88e5 !important;
+    }
+
+    .add-step-button,
+    .upload-btn {
+      background: rgba(30, 136, 229, 0.08) !important;
+      border-color: rgba(30, 136, 229, 0.3) !important;
+      color: #1e88e5 !important;
+
+      &:hover {
+        background: #1e88e5 !important;
+        color: #ffffff !important;
+      }
+    }
+
+    .remove-btn {
+      color: #e05a5a !important;
+      border-color: rgba(224, 90, 90, 0.3) !important;
+
+      &:hover {
+        background: rgba(224, 90, 90, 0.08) !important;
+      }
+    }
+
+    // 抽屉内表单 label/输入框
+    .el-form-item__label {
+      color: #2c4a6a !important;
+    }
+
+    .el-input__wrapper,
+    .el-select .el-input__wrapper,
+    .el-textarea__inner {
+      background-color: #ffffff !important;
+      box-shadow: 0 0 0 1px #c9d8e8 inset !important;
+      border-color: #c9d8e8 !important;
+    }
+
+    .el-input__inner,
+    .el-textarea__inner {
+      color: #2c4a6a !important;
+
+      &::placeholder {
+        color: #a0b4c8 !important;
+      }
+    }
+  }
+
+  // 教师端其他 el-drawer 默认亮色兜底
+  .el-drawer {
+    .el-drawer__header {
+      color: #1e3a5f;
+      margin-bottom: 0;
+      padding: 18px 24px;
+      border-bottom: 1px solid #edf2f7;
+    }
+
+    .el-drawer__title {
+      color: #1e3a5f;
+      font-weight: 700;
+    }
+
+    .el-drawer__close-btn .el-icon {
+      color: #5a7896;
+    }
+  }
+}
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 0bd49a1..7a8192f 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="['navbar', { 'teacher-navbar': role === 3 }]">
     <!-- 背景装饰 -->
-    <svg class="nav-bg-decoration" viewBox="0 0 1920 60" preserveAspectRatio="xMidYMid slice">
+    <svg v-if="role !== 3" class="nav-bg-decoration" viewBox="0 0 1920 60" preserveAspectRatio="xMidYMid slice">
       <defs>
         <linearGradient id="navGrad" x1="0%" y1="0%" x2="100%" y2="100%">
           <stop offset="0%" style="stop-color:#001529;stop-opacity:0.95" />
@@ -25,6 +25,23 @@
       <circle cx="1500" cy="20" r="1.5" fill="#00ff9d" opacity="0.25" />
       <circle cx="1800" cy="40" r="2" fill="#00aaff" opacity="0.3" />
     </svg>
+    <!-- 教师端亮色装饰：浅色底纹 + 蓝色点缀，保持科技感 -->
+    <svg v-else class="nav-bg-decoration" viewBox="0 0 1920 60" preserveAspectRatio="xMidYMid slice">
+      <defs>
+        <linearGradient id="teacherGlowLine" x1="0%" y1="0%" x2="100%" y2="0%">
+          <stop offset="0%" style="stop-color:#1e88e5;stop-opacity:0" />
+          <stop offset="50%" style="stop-color:#1e88e5;stop-opacity:0.45" />
+          <stop offset="100%" style="stop-color:#1e88e5;stop-opacity:0" />
+        </linearGradient>
+      </defs>
+      <line x1="0" y1="59" x2="1920" y2="59" stroke="url(#teacherGlowLine)" stroke-width="1" />
+      <circle cx="180" cy="22" r="2" fill="#1e88e5" opacity="0.25" />
+      <circle cx="460" cy="36" r="1.5" fill="#42a5f5" opacity="0.3" />
+      <circle cx="820" cy="18" r="2" fill="#1e88e5" opacity="0.2" />
+      <circle cx="1180" cy="32" r="1.5" fill="#42a5f5" opacity="0.28" />
+      <circle cx="1540" cy="24" r="2" fill="#1e88e5" opacity="0.22" />
+      <circle cx="1780" cy="38" r="1.5" fill="#42a5f5" opacity="0.26" />
+    </svg>
 
     <div :class="[role !== 3 ? 'navTitle' : 'TnavTitle']">
       <div class="logo-area">
@@ -55,7 +72,7 @@
       </div>
       <div class="divider"></div>
       <div class="avatar-container">
-        <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
+        <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click" :popper-class="role === 3 ? 'teacher-dropdown-popper' : ''">
           <div class="avatar-wrapper">
             <div class="avatar-ring">
               <img src="../../assets/images/头像.webp" class="user-avatar" />
@@ -297,7 +314,7 @@ onMounted(() => {
     display: flex;
     align-items: center;
     padding: 0 20px;
-    background: linear-gradient(90deg, rgba(0, 60, 120, 0.5), rgba(0, 30, 60, 0.3) 60%, transparent);
+    background: linear-gradient(90deg, rgba(30, 136, 229, 0.08), rgba(66, 165, 245, 0.04) 60%, transparent);
     backdrop-filter: blur(10px);
 
     .logo-area {
@@ -306,16 +323,16 @@ onMounted(() => {
       gap: 12px;
 
       .logo-icon {
-        filter: drop-shadow(0 0 8px rgba(0, 170, 255, 0.5));
+        filter: drop-shadow(0 0 6px rgba(30, 136, 229, 0.35));
       }
 
       span {
         font-size: 15px;
         font-family: var(--student-font-base);
-        font-weight: 600;
-        color: #fff;
+        font-weight: 700;
+        color: #1e3a5f;
         letter-spacing: 1px;
-        text-shadow: 0 0 12px rgba(80, 200, 255, 0.4);
+        text-shadow: none;
       }
     }
   }
@@ -537,28 +554,179 @@ onMounted(() => {
 }
 
 .teacher-navbar {
-  background: linear-gradient(135deg, rgba(5, 20, 40, 0.98), rgba(10, 35, 60, 0.95)) !important;
-  border-bottom: 1px solid rgba(60, 192, 255, 0.2);
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  // 教师端亮色主题：浅色玻璃质感 + 蓝色点缀，保持科技感
+  background: linear-gradient(135deg, #ffffff 0%, #f3f8ff 50%, #eaf2fb 100%) !important;
+  border-bottom: 1px solid rgba(30, 136, 229, 0.18);
+  box-shadow: 0 6px 24px rgba(30, 60, 100, 0.08);
   backdrop-filter: blur(20px);
 
+  // 菜单项：浅色文字 + 轻量描边
+  .el-ment {
+    color: #3a5a7a;
+
+    .el-ment-item {
+      color: #3a5a7a;
+      background: rgba(30, 136, 229, 0.06);
+      border: 1px solid rgba(30, 136, 229, 0.12);
+
+      .menu-indicator {
+        background: linear-gradient(90deg, transparent, #1e88e5, transparent);
+      }
+
+      &:hover {
+        color: #1e88e5;
+        background: rgba(30, 136, 229, 0.12);
+        border-color: rgba(30, 136, 229, 0.28);
+
+        .menu-indicator {
+          background: linear-gradient(90deg, transparent, #1e88e5, transparent);
+        }
+      }
+    }
+
+    .el-ment-item-active {
+      color: #1e88e5;
+      background: linear-gradient(135deg, rgba(30, 136, 229, 0.18), rgba(66, 165, 245, 0.08));
+      border-color: rgba(30, 136, 229, 0.4);
+      box-shadow: 0 4px 14px rgba(30, 136, 229, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+
+      .menu-indicator {
+        background: linear-gradient(90deg, transparent, #1e88e5, transparent);
+      }
+
+      &::before {
+        background: linear-gradient(90deg, transparent, rgba(30, 136, 229, 0.7), transparent);
+      }
+    }
+
+    &.teacher-nav {
+      .el-ment-item {
+        color: #3a5a7a;
+        background: rgba(30, 136, 229, 0.05);
+        border: 1px solid rgba(30, 136, 229, 0.1);
+
+        &:hover {
+          color: #1e88e5;
+          background: rgba(30, 136, 229, 0.12);
+          border-color: rgba(30, 136, 229, 0.28);
+        }
+      }
+
+      .el-ment-item-active {
+        color: #1e88e5;
+        background: linear-gradient(135deg, rgba(30, 136, 229, 0.2), rgba(66, 165, 245, 0.1));
+        border-color: rgba(30, 136, 229, 0.45);
+        box-shadow: 0 4px 16px rgba(30, 136, 229, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.6);
+
+        .menu-indicator {
+          background: linear-gradient(90deg, transparent, #1e88e5, transparent);
+        }
+      }
+    }
+  }
+
+  // 右侧区域：浅色背景渐变
   .right-menu {
-    background: linear-gradient(90deg, transparent, rgba(0, 40, 80, 0.4));
+    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6));
   }
 
   .search-box {
-    background: rgba(60, 180, 255, 0.08) !important;
-    border-color: rgba(60, 180, 255, 0.15) !important;
+    background: rgba(30, 136, 229, 0.08) !important;
+    border-color: rgba(30, 136, 229, 0.18) !important;
+    color: rgba(30, 90, 140, 0.7) !important;
+
+    &:hover {
+      background: rgba(30, 136, 229, 0.14) !important;
+      border-color: rgba(30, 136, 229, 0.32) !important;
+      color: #1e88e5 !important;
+    }
   }
 
-  .avatar-wrapper {
-    background: rgba(60, 180, 255, 0.08) !important;
-    border-color: rgba(60, 180, 255, 0.15) !important;
+  .divider {
+    background: linear-gradient(180deg, transparent, rgba(30, 136, 229, 0.35), transparent);
   }
 
-  .avatar-ring {
-    background: linear-gradient(135deg, #00aaff, #00ff9d) !important;
-    box-shadow: 0 0 12px rgba(0, 170, 255, 0.5) !important;
+  .avatar-container .avatar-wrapper {
+    background: rgba(30, 136, 229, 0.08) !important;
+    border-color: rgba(30, 136, 229, 0.18) !important;
+
+    &:hover {
+      background: rgba(30, 136, 229, 0.16) !important;
+      border-color: rgba(30, 136, 229, 0.32) !important;
+    }
+
+    .avatar-ring {
+      background: linear-gradient(135deg, #1e88e5, #42a5f5) !important;
+      box-shadow: 0 0 10px rgba(30, 136, 229, 0.35) !important;
+    }
+
+    .dropdown-icon {
+      color: rgba(30, 90, 140, 0.7);
+    }
+  }
+}
+
+// 教师端下拉面板：亮色玻璃质感（dropdown teleport 到 body，需使用 popper-class 选择器）
+.teacher-dropdown-popper {
+  .dropdown-panel {
+    background: linear-gradient(160deg, #ffffff 0%, #f3f8ff 50%, #eaf2fb 100%);
+    border: 1px solid rgba(30, 136, 229, 0.25);
+    box-shadow: 0 15px 40px rgba(30, 60, 100, 0.18), 0 0 20px rgba(30, 136, 229, 0.08);
+
+    .dropdown-header {
+      background: linear-gradient(135deg, rgba(30, 136, 229, 0.1), rgba(66, 165, 245, 0.05));
+      border-bottom: 1px solid rgba(30, 136, 229, 0.15);
+
+      .user-info {
+        .user-name {
+          color: #1e3a5f;
+        }
+
+        .user-role {
+          color: #1e88e5;
+        }
+      }
+    }
+
+    .dropdown-divider {
+      background: linear-gradient(90deg, transparent, rgba(30, 136, 229, 0.25), transparent);
+    }
+
+    .dropdown-menu-custom {
+      .dropdown-item {
+        color: #3a5a7a !important;
+
+        svg {
+          color: rgba(30, 136, 229, 0.8);
+        }
+
+        &:hover {
+          background: linear-gradient(135deg, rgba(30, 136, 229, 0.14), rgba(66, 165, 245, 0.06)) !important;
+          color: #1e88e5 !important;
+
+          svg {
+            color: #1e88e5;
+          }
+        }
+
+        &.logout {
+          color: rgba(200, 80, 80, 0.85) !important;
+
+          svg {
+            color: rgba(220, 100, 100, 0.8);
+          }
+
+          &:hover {
+            background: linear-gradient(135deg, rgba(220, 80, 80, 0.14), rgba(200, 60, 60, 0.06)) !important;
+            color: #d63030 !important;
+
+            svg {
+              color: #d63030;
+            }
+          }
+        }
+      }
+    }
   }
 }
 
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 0c13f9a..4659f49 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
-    <div class="title" style="height: 50px; background-color: #072048 !important; z-index: 900 !important; position: relative">
+    <div class="title" :style="{ height: '50px', zIndex: 900, position: 'relative', backgroundColor: titleBgColor }">
       <Navbar />
     </div>
     <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
@@ -32,6 +32,9 @@ const needTagsView = computed(() => settingsStore.tagsView);
 const fixedHeader = computed(() => settingsStore.fixedHeader);
 const useTopNavbarOnly = computed(() => role.value === 1 || role.value === 2);
 
+// 教师端改用亮色主题：顶部标题栏使用浅色背景，与平台/学校管理员端做区分
+const titleBgColor = computed(() => (role.value === 3 ? "#f5f8fc" : "#072048"));
+
 const classObj = computed(() => ({
   hideSidebar: !sidebar.value.opened,
   openSidebar: sidebar.value.opened,
@@ -39,8 +42,6 @@ const classObj = computed(() => ({
   mobile: device.value === "mobile",
   teacherLayout: role.value === 3,
   studentLayout: role.value !== 1 && role.value !== 2 && role.value !== 3,
-  // 教师端启用 Element Plus 暗色模式，让所有组件弹层（date-picker、select 等）自动变暗
-  dark: role.value === 3,
 }));
 
 const { width, height } = useWindowSize();
@@ -66,6 +67,19 @@ const settingRef = ref(null);
 function setLayout() {
   settingRef.value.openSetting();
 }
+
+// 教师端亮色模式标识：挂在 body 上，使 teleport 到 body 的弹层（下拉、日期选择器、弹窗等）也能命中亮色样式
+const TEACHER_LIGHT_CLASS = "teacher-light-mode";
+watchEffect(() => {
+  if (role.value === 3) {
+    document.body.classList.add(TEACHER_LIGHT_CLASS);
+  } else {
+    document.body.classList.remove(TEACHER_LIGHT_CLASS);
+  }
+});
+onBeforeUnmount(() => {
+  document.body.classList.remove(TEACHER_LIGHT_CLASS);
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/schoolAdmin/trainingTask/index.vue b/src/views/schoolAdmin/trainingTask/index.vue
index fb905ea..abdbd5f 100644
--- a/src/views/schoolAdmin/trainingTask/index.vue
+++ b/src/views/schoolAdmin/trainingTask/index.vue
@@ -51,10 +51,10 @@
               <circle cx="11" cy="11" r="8"/>
               <path d="M21 21l-4.35-4.35"/>
             </svg>
-            <input 
-              v-model.trim="keyword" 
-              type="text" 
-              placeholder="输入实训任务名称搜索..." 
+            <input
+              v-model.trim="keyword"
+              type="text"
+              placeholder="输入实训任务名称搜索..."
               class="search-input"
               @keyup.enter="queryTasks"
             />
@@ -151,9 +151,9 @@
             <path d="M22 16v6h-6" stroke="#00ff9d" stroke-width="2" fill="none" opacity="0.4"/>
           </svg>
         </div>
-        
+
         <div class="card-index">{{ String(index + 1).padStart(2, "0") }}</div>
-        
+
         <div class="card-content">
           <div class="card-header">
             <span class="task-project">
@@ -166,9 +166,9 @@
               {{ task.enabled ? '启用' : '停用' }}
             </span>
           </div>
-          
+
           <h3 class="task-name">{{ task.title }}</h3>
-          
+
           <div class="task-meta">
             <span class="meta-item">
               <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -186,7 +186,7 @@
             </span>
           </div>
         </div>
-        
+
         <div class="card-actions" @click.stop>
           <el-button type="primary" class="edit-btn" @click="editTask(task)">
             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -196,11 +196,11 @@
             编辑任务
           </el-button>
         </div>
-        
+
         <div class="card-glow"></div>
         <div class="scanline"></div>
       </article>
-      
+
       <el-empty v-if="!filteredTasks.length && !loading" class="task-empty" description="暂无匹配的实训任务">
         <template #image>
           <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#00aaff" stroke-width="1" opacity="0.3">
@@ -1222,14 +1222,14 @@ function buildPayload() {
 .training-task-drawer {
   // 覆盖 Element Plus 默认白色样式
   --el-drawer-bg-color: #081827 !important;
-  
+
   .el-drawer__body {
     height: 100%;
     padding: 0;
     overflow: hidden;
     background: linear-gradient(160deg, #081827 0%, #06111d 58%, #071b2a 100%) !important;
   }
-  
+
   // 移除白色边框
   &.el-drawer {
     border: none !important;
@@ -1241,7 +1241,7 @@ function buildPayload() {
 // 抽屉遮罩层
 .el-overlay {
   background: rgba(0, 0, 0, 0.7) !important;
-  
+
   .training-task-drawer {
     background: linear-gradient(160deg, #081827 0%, #06111d 58%, #071b2a 100%) !important;
   }
@@ -1498,13 +1498,13 @@ function buildPayload() {
     color: rgba(200, 230, 255, 0.7);
     font-size: 13px;
   }
-  
+
   // Switch 组件暗色化
   .el-switch {
     --el-switch-off-color: rgba(255, 107, 107, 0.4);
     --el-switch-on-color: rgba(0, 255, 157, 0.5);
     --el-switch-border-color: rgba(0, 170, 255, 0.3);
-    
+
     &.is-checked {
       --el-switch-border-color: rgba(0, 255, 157, 0.6);
     }
@@ -1652,7 +1652,7 @@ function buildPayload() {
   background: linear-gradient(135deg, rgba(0, 170, 255, 0.2), rgba(0, 100, 180, 0.15)) !important;
   border: 1px solid rgba(0, 170, 255, 0.4) !important;
   color: #00aaff !important;
-  
+
   &:hover {
     background: linear-gradient(135deg, rgba(0, 170, 255, 0.3), rgba(0, 100, 180, 0.25)) !important;
     border-color: rgba(0, 170, 255, 0.6) !important;
@@ -1741,7 +1741,7 @@ function buildPayload() {
   background: rgba(0, 170, 255, 0.1) !important;
   border: 1px solid rgba(0, 170, 255, 0.25) !important;
   border-radius: 10px;
-  
+
   &:hover {
     color: #ffffff !important;
     background: rgba(0, 170, 255, 0.2) !important;
@@ -1774,7 +1774,7 @@ function buildPayload() {
 
   .page-header {
     padding: 20px;
-    
+
     .header-content {
       flex-direction: column;
       align-items: flex-start;
@@ -1831,7 +1831,7 @@ function buildPayload() {
 .el-drawer.training-task-drawer {
   background: linear-gradient(160deg, #081827 0%, #06111d 58%, #071b2a 100%) !important;
   border: none !important;
-  
+
   .el-drawer__body {
     background: linear-gradient(160deg, #081827 0%, #06111d 58%, #071b2a 100%) !important;
   }
diff --git a/src/views/teacherEnd/class/index.vue b/src/views/teacherEnd/class/index.vue
index 25aad36..d4dc5cc 100644
--- a/src/views/teacherEnd/class/index.vue
+++ b/src/views/teacherEnd/class/index.vue
@@ -1,1143 +1,1202 @@
 <template>
-  <div class="class-page">
-    <!-- 页面头部 -->
-    <div class="page-header">
-      <div class="header-icon">
-        <el-icon><Grid /></el-icon>
-      </div>
-      <div class="header-content">
-        <h1>班级管理</h1>
-        <p>维护学校班级信息，支持行政班和教学班两种模式</p>
-      </div>
-    </div>
-
-    <el-tabs v-if="adminClassManagementEnabled" v-model="activeClassType" class="class-tabs" @tab-change="handleTabChange">
-      <el-tab-pane label="行政班" name="ADMIN" />
-      <el-tab-pane label="教学班" name="TEACHING" />
-    </el-tabs>
-
-    <div class="query-bar">
-      <el-select v-if="facultyManagementEnabled" v-model="paramsquery.schoolFacultyId" placeholder="所属院系" clearable @change="getMajorList">
-        <el-option v-for="faculty in facultyList" :key="faculty.schoolFacultyId" :label="faculty.schoolFacultyName" :value="faculty.schoolFacultyId" />
-      </el-select>
-      <el-select v-if="majorManagementEnabled" v-model="paramsquery.schoolMajorId" placeholder="所属专业" clearable>
-        <el-option v-for="major in majorList" :key="major.schoolMajorId" :label="major.schoolMajorName" :value="major.schoolMajorId" />
-      </el-select>
-      <el-input v-model="paramsquery.className" placeholder="班级名称" clearable>
-        <template #prefix>
-          <el-icon><Search /></el-icon>
-        </template>
-      </el-input>
-      <div class="query-divider"></div>
-      <el-button type="primary" @click="getList">
-        <el-icon><Search /></el-icon>
-        查询
-      </el-button>
-      <el-button @click="refresh">
-        <el-icon><Refresh /></el-icon>
-        刷新
-      </el-button>
-      <div class="btn-group">
-        <el-button v-if="canCreateCurrentClass" type="success" @click="openCreateDialog">
-          <el-icon><Plus /></el-icon>
-          新增{{ activeClassType === "ADMIN" ? "行政班" : "教学班" }}
-        </el-button>
-      </div>
-    </div>
-
-    <el-table :data="filteredTableData" border v-loading="loading" class="class-table" :header-cell-style="tableHeaderStyle">
-      <el-table-column label="班级名称" prop="schoolClass.className" align="center" />
-      <el-table-column v-if="facultyManagementEnabled" label="所属院系" align="center">
-        <template #default="{ row }">
-          <span>{{ row.schoolFacultyName || "-" }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column v-if="majorManagementEnabled" label="所属专业" align="center">
-        <template #default="{ row }">
-          <span>{{ row.schoolMajorName || "-" }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="创建人" align="center">
-        <template #default="{ row }">
-          <span>{{ row.createdByName || "-" }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="数据来源" align="center" width="120">
-        <template #default="{ row }">
-          <el-tag :type="row.schoolClass.dataSource === 'ZHIYUN' ? 'warning' : 'success'">
-            {{ row.schoolClass.dataSource === "ZHIYUN" ? "智云" : "本系统" }}
-          </el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="创建时间" prop="schoolClass.createTime" align="center" width="180">
-        <template #default="{ row }">
-          <span>{{ formatDate(row.schoolClass.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" align="center" width="500">
-        <template #default="{ row }">
-          <el-button v-if="activeClassType === 'TEACHING'" type="primary" text @click="openMemberDialog(row.schoolClass)">
-            <el-icon><User /></el-icon>
-            成员管理
-          </el-button>
-          <template v-if="canOperateClass(row.schoolClass)">
-            <el-button type="primary" text @click="editClass(row)">
-              <el-icon><Edit /></el-icon>
-              编辑
-            </el-button>
-            <el-button type="danger" text @click="deleteClass(row.schoolClass.schoolClassId)">
-              <el-icon><Delete /></el-icon>
-              删除
+    <div class="class-page">
+        <!-- 页面头部 -->
+        <div class="page-header">
+            <div class="header-icon">
+                <el-icon>
+                    <Grid />
+                </el-icon>
+            </div>
+            <div class="header-content">
+                <h1>班级管理</h1>
+                <p>维护学校班级信息，支持行政班和教学班两种模式</p>
+            </div>
+        </div>
+
+        <el-tabs v-if="adminClassManagementEnabled" v-model="activeClassType" class="class-tabs"
+            @tab-change="handleTabChange">
+            <el-tab-pane label="行政班" name="ADMIN" />
+            <el-tab-pane label="教学班" name="TEACHING" />
+        </el-tabs>
+
+        <div class="query-bar">
+            <el-select v-if="facultyManagementEnabled" v-model="paramsquery.schoolFacultyId" placeholder="所属院系"
+                clearable @change="getMajorList">
+                <el-option v-for="faculty in facultyList" :key="faculty.schoolFacultyId"
+                    :label="faculty.schoolFacultyName" :value="faculty.schoolFacultyId" />
+            </el-select>
+            <el-select v-if="majorManagementEnabled" v-model="paramsquery.schoolMajorId" placeholder="所属专业" clearable>
+                <el-option v-for="major in majorList" :key="major.schoolMajorId" :label="major.schoolMajorName"
+                    :value="major.schoolMajorId" />
+            </el-select>
+            <el-input v-model="paramsquery.className" placeholder="班级名称" clearable>
+                <template #prefix>
+                    <el-icon>
+                        <Search />
+                    </el-icon>
+                </template>
+            </el-input>
+            <div class="query-divider"></div>
+            <el-button type="primary" @click="getList">
+                <el-icon>
+                    <Search />
+                </el-icon>
+                查询
             </el-button>
-            <el-button v-if="activeClassType === 'TEACHING'" type="warning" text @click="initializeClass(row.schoolClass)">
-              <el-icon><Refresh /></el-icon>
-              数据初始化
+            <el-button @click="refresh">
+                <el-icon>
+                    <Refresh />
+                </el-icon>
+                刷新
             </el-button>
-          </template>
-          <el-tag v-else type="info">仅查看</el-tag>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination v-show="schoolTotal > 0" :total="schoolTotal" v-model:page="paramsquery.index" v-model:limit="paramsquery.size" @pagination="getList" />
-
-    <el-dialog v-model="dialogVisible" width="520px" :title="dialogTitle" class="teacher-dialog" @close="onClose">
-      <el-form ref="formInlineref" :model="formInline" label-width="96px" :rules="rules">
-        <el-form-item v-if="facultyManagementEnabled" label="所属院系" prop="schoolFacultyId">
-          <el-select v-model="formInline.schoolFacultyId" placeholder="请选择院系" clearable class="form-control" @change="getMajorListForForm">
-            <el-option v-for="faculty in facultyList" :key="faculty.schoolFacultyId" :label="faculty.schoolFacultyName" :value="faculty.schoolFacultyId" />
-          </el-select>
-        </el-form-item>
-        <el-form-item v-if="majorManagementEnabled" label="所属专业" prop="schoolMajorId">
-          <el-select v-model="formInline.schoolMajorId" placeholder="请选择专业" clearable class="form-control" @change="handleFormMajorChange">
-            <el-option v-for="major in majorListForForm" :key="major.schoolMajorId" :label="major.schoolMajorName" :value="major.schoolMajorId" />
-          </el-select>
-        </el-form-item>
-        <el-form-item v-if="activeClassType === 'TEACHING' && isCreate && adminClassManagementEnabled" label="来源行政班" prop="sourceClassIds">
-          <el-select v-model="sourceAdminClassIds" placeholder="请选择来源行政班" clearable multiple collapse-tags collapse-tags-tooltip class="form-control">
-            <el-option v-for="schoolClass in adminClassOptions" :key="schoolClass.schoolClassId" :label="schoolClass.className" :value="schoolClass.schoolClassId" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="班级名称" prop="className">
-          <el-input v-model="formInline.className" placeholder="请输入班级名称" class="form-control" />
-        </el-form-item>
-        <el-form-item v-if="activeClassType === 'TEACHING' && isCreate" label="名单创建">
-          <div class="import-create-actions">
-            <el-upload action="/api/user/uploadTeachingClassByStudentMembers" :data="importCreateUploadData" :show-file-list="false" :before-upload="beforeImportCreate" :http-request="uploadImportCreate">
-              <el-button type="primary">导入名单创建</el-button>
-            </el-upload>
-            <el-button @click="downloadTeachingClassImportTemplate">模板下载</el-button>
-          </div>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <span class="dialog-footers">
-          <el-button @click="dialogVisible = false">
-            <el-icon><Close /></el-icon>
-            <span>取消</span>
-          </el-button>
-          <el-button type="primary" @click="submitForm">
-            <el-icon><Check /></el-icon>
-            <span>确定</span>
-          </el-button>
-        </span>
-      </template>
-    </el-dialog>
-
-    <el-dialog v-model="memberDialogVisible" width="900px" :title="memberDialogTitle" class="teacher-dialog" @close="closeMemberDialog">
-      <div class="member-toolbar">
-        <el-input v-model="memberParams.name" placeholder="学生姓名" clearable>
-          <template #prefix>
-            <el-icon><Search /></el-icon>
-          </template>
-        </el-input>
-        <el-input v-model="memberParams.userName" placeholder="学号" clearable>
-          <template #prefix>
-            <el-icon><User /></el-icon>
-          </template>
-        </el-input>
-        <el-button type="primary" @click="getMemberList">
-          <el-icon><Search /></el-icon>
-          查询
-        </el-button>
-        <el-button @click="refreshMemberList">
-          <el-icon><Refresh /></el-icon>
-          刷新
-        </el-button>
-        <template v-if="selectedTeachingClassCanOperate">
-          <el-upload action="/api/user/uploadTeachingClassStudentMembers" :data="memberUploadData" :show-file-list="false" :before-upload="beforeImportMembers" :http-request="uploadMemberImport">
-            <el-button type="primary">
-              <el-icon><Upload /></el-icon>
-              导入成员
-            </el-button>
-          </el-upload>
-          <el-button @click="downloadMemberImportTemplate">
-            <el-icon><Download /></el-icon>
-            模板下载
-          </el-button>
-        </template>
-      </div>
-      <el-table :data="memberList" border v-loading="memberLoading" class="member-table" :header-cell-style="tableHeaderStyle">
-        <el-table-column label="学生姓名" prop="name" align="center" />
-        <el-table-column label="学号" prop="username" align="center" />
-        <el-table-column label="所属班级" prop="className" align="center" />
-        <el-table-column label="电话" prop="phone" align="center" />
-        <el-table-column label="邮箱" prop="email" align="center" />
-        <el-table-column label="账号来源" prop="codeFrom" align="center" />
-        <el-table-column label="操作" align="center" width="200">
-          <template #default="{ row }">
-            <template v-if="selectedTeachingClassCanOperate">
-              <el-button type="danger" text @click="removeMember(row)">
-                <el-icon><Delete /></el-icon>
-                移除
-              </el-button>
-              <el-button type="primary" text @click="initializeMember(row)">
-                <el-icon><Refresh /></el-icon>
-                数据初始化
-              </el-button>
+            <div class="btn-group">
+                <el-button v-if="canCreateCurrentClass" type="success" @click="openCreateDialog">
+                    <el-icon>
+                        <Plus />
+                    </el-icon>
+                    新增{{ activeClassType === "ADMIN" ? "行政班" : "教学班" }}
+                </el-button>
+            </div>
+        </div>
+
+        <el-table :data="filteredTableData" border v-loading="loading" class="class-table"
+            :header-cell-style="tableHeaderStyle">
+            <el-table-column label="班级名称" prop="schoolClass.className" align="center" />
+            <el-table-column v-if="facultyManagementEnabled" label="所属院系" align="center">
+                <template #default="{ row }">
+                    <span>{{ row.schoolFacultyName || "-" }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column v-if="majorManagementEnabled" label="所属专业" align="center">
+                <template #default="{ row }">
+                    <span>{{ row.schoolMajorName || "-" }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="创建人" align="center">
+                <template #default="{ row }">
+                    <span>{{ row.createdByName || "-" }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="数据来源" align="center" width="120">
+                <template #default="{ row }">
+                    <el-tag :type="row.schoolClass.dataSource === 'ZHIYUN' ? 'warning' : 'success'">
+                        {{ row.schoolClass.dataSource === "ZHIYUN" ? "智云" : "本系统" }}
+                    </el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column label="创建时间" prop="schoolClass.createTime" align="center" width="180">
+                <template #default="{ row }">
+                    <span>{{ formatDate(row.schoolClass.createTime) }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="500">
+                <template #default="{ row }">
+                    <el-button v-if="activeClassType === 'TEACHING'" type="primary" text
+                        @click="openMemberDialog(row.schoolClass)">
+                        <el-icon>
+                            <User />
+                        </el-icon>
+                        成员管理
+                    </el-button>
+                    <template v-if="canOperateClass(row.schoolClass)">
+                        <el-button type="primary" text @click="editClass(row)">
+                            <el-icon>
+                                <Edit />
+                            </el-icon>
+                            编辑
+                        </el-button>
+                        <el-button type="danger" text @click="deleteClass(row.schoolClass.schoolClassId)">
+                            <el-icon>
+                                <Delete />
+                            </el-icon>
+                            删除
+                        </el-button>
+                        <el-button v-if="activeClassType === 'TEACHING'" type="warning" text
+                            @click="initializeClass(row.schoolClass)">
+                            <el-icon>
+                                <Refresh />
+                            </el-icon>
+                            数据初始化
+                        </el-button>
+                    </template>
+                    <el-tag v-else type="info">仅查看</el-tag>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <pagination v-show="schoolTotal > 0" :total="schoolTotal" v-model:page="paramsquery.index"
+            v-model:limit="paramsquery.size" @pagination="getList" />
+
+        <el-dialog v-model="dialogVisible" width="520px" :title="dialogTitle" class="teacher-dialog" @close="onClose">
+            <el-form ref="formInlineref" :model="formInline" label-width="96px" :rules="rules">
+                <el-form-item v-if="facultyManagementEnabled" label="所属院系" prop="schoolFacultyId">
+                    <el-select v-model="formInline.schoolFacultyId" placeholder="请选择院系" clearable class="form-control"
+                        @change="getMajorListForForm">
+                        <el-option v-for="faculty in facultyList" :key="faculty.schoolFacultyId"
+                            :label="faculty.schoolFacultyName" :value="faculty.schoolFacultyId" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item v-if="majorManagementEnabled" label="所属专业" prop="schoolMajorId">
+                    <el-select v-model="formInline.schoolMajorId" placeholder="请选择专业" clearable class="form-control"
+                        @change="handleFormMajorChange">
+                        <el-option v-for="major in majorListForForm" :key="major.schoolMajorId"
+                            :label="major.schoolMajorName" :value="major.schoolMajorId" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item v-if="activeClassType === 'TEACHING' && isCreate && adminClassManagementEnabled"
+                    label="来源行政班" prop="sourceClassIds">
+                    <el-select v-model="sourceAdminClassIds" placeholder="请选择来源行政班" clearable multiple collapse-tags
+                        collapse-tags-tooltip class="form-control">
+                        <el-option v-for="schoolClass in adminClassOptions" :key="schoolClass.schoolClassId"
+                            :label="schoolClass.className" :value="schoolClass.schoolClassId" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="班级名称" prop="className">
+                    <el-input v-model="formInline.className" placeholder="请输入班级名称" class="form-control" />
+                </el-form-item>
+                <el-form-item v-if="activeClassType === 'TEACHING' && isCreate" label="名单创建">
+                    <div class="import-create-actions">
+                        <el-upload action="/api/user/uploadTeachingClassByStudentMembers" :data="importCreateUploadData"
+                            :show-file-list="false" :before-upload="beforeImportCreate"
+                            :http-request="uploadImportCreate">
+                            <el-button type="primary">导入名单创建</el-button>
+                        </el-upload>
+                        <el-button @click="downloadTeachingClassImportTemplate">模板下载</el-button>
+                    </div>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footers">
+                    <el-button @click="dialogVisible = false">
+                        <el-icon>
+                            <Close />
+                        </el-icon>
+                        <span>取消</span>
+                    </el-button>
+                    <el-button type="primary" @click="submitForm">
+                        <el-icon>
+                            <Check />
+                        </el-icon>
+                        <span>确定</span>
+                    </el-button>
+                </span>
             </template>
-            <el-tag v-else type="info">仅查看</el-tag>
-          </template>
-        </el-table-column>
-      </el-table>
-      <pagination v-show="memberTotal > 0" :total="memberTotal" v-model:page="memberParams.index" v-model:limit="memberParams.size" @pagination="getMemberList" />
-    </el-dialog>
-  </div>
+        </el-dialog>
+
+        <el-dialog v-model="memberDialogVisible" width="900px" :title="memberDialogTitle" class="teacher-dialog"
+            @close="closeMemberDialog">
+            <div class="member-toolbar">
+                <el-input v-model="memberParams.name" placeholder="学生姓名" clearable>
+                    <template #prefix>
+                        <el-icon>
+                            <Search />
+                        </el-icon>
+                    </template>
+                </el-input>
+                <el-input v-model="memberParams.userName" placeholder="学号" clearable>
+                    <template #prefix>
+                        <el-icon>
+                            <User />
+                        </el-icon>
+                    </template>
+                </el-input>
+                <el-button type="primary" @click="getMemberList">
+                    <el-icon>
+                        <Search />
+                    </el-icon>
+                    查询
+                </el-button>
+                <el-button @click="refreshMemberList">
+                    <el-icon>
+                        <Refresh />
+                    </el-icon>
+                    刷新
+                </el-button>
+                <template v-if="selectedTeachingClassCanOperate">
+                    <el-upload action="/api/user/uploadTeachingClassStudentMembers" :data="memberUploadData"
+                        :show-file-list="false" :before-upload="beforeImportMembers" :http-request="uploadMemberImport">
+                        <el-button type="primary">
+                            <el-icon>
+                                <Upload />
+                            </el-icon>
+                            导入成员
+                        </el-button>
+                    </el-upload>
+                    <el-button @click="downloadMemberImportTemplate">
+                        <el-icon>
+                            <Download />
+                        </el-icon>
+                        模板下载
+                    </el-button>
+                </template>
+            </div>
+            <el-table :data="memberList" border v-loading="memberLoading" class="member-table"
+                :header-cell-style="tableHeaderStyle">
+                <el-table-column label="学生姓名" prop="name" align="center" />
+                <el-table-column label="学号" prop="username" align="center" />
+                <el-table-column label="所属班级" prop="className" align="center" />
+                <el-table-column label="电话" prop="phone" align="center" />
+                <el-table-column label="邮箱" prop="email" align="center" />
+                <el-table-column label="账号来源" prop="codeFrom" align="center" />
+                <el-table-column label="操作" align="center" width="200">
+                    <template #default="{ row }">
+                        <template v-if="selectedTeachingClassCanOperate">
+                            <el-button type="danger" text @click="removeMember(row)">
+                                <el-icon>
+                                    <Delete />
+                                </el-icon>
+                                移除
+                            </el-button>
+                            <el-button type="primary" text @click="initializeMember(row)">
+                                <el-icon>
+                                    <Refresh />
+                                </el-icon>
+                                数据初始化
+                            </el-button>
+                        </template>
+                        <el-tag v-else type="info">仅查看</el-tag>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <pagination v-show="memberTotal > 0" :total="memberTotal" v-model:page="memberParams.index"
+                v-model:limit="memberParams.size" @pagination="getMemberList" />
+        </el-dialog>
+    </div>
 </template>
 
 <script setup>
-import { Plus, Refresh, Search, Edit, Delete, User, Grid, Upload, Download, Close, Check } from "@element-plus/icons-vue";
-import { ElMessageBox } from "element-plus";
-import { formatDate } from "@/utils/index";
-import useUserStore from "@/store/modules/user";
-import * as indexApi from "@/api/teacher";
-
-const { proxy } = getCurrentInstance();
-const userStore = useUserStore();
-
-const activeClassType = ref("ADMIN");
-const dialogVisible = ref(false);
-const memberDialogVisible = ref(false);
-const loading = ref(false);
-const memberLoading = ref(false);
-const isCreate = ref(true);
-const tableData = ref([]);
-const memberList = ref([]);
-const schoolTotal = ref(0);
-const memberTotal = ref(0);
-const facultyList = ref([]);
-const majorList = ref([]);
-const majorListForForm = ref([]);
-const allClassList = ref([]);
-const sourceAdminClassIds = ref([]);
-const selectedTeachingClass = ref(null);
-
-const currentUserId = computed(() => userStore.userInfo.userId);
-const currentSchoolId = computed(() => userStore.userInfo.schoolId);
-const legacyAdminEnabled = computed(() => userStore.schoolProductConfig?.organizationMode !== "TEACHING_CLASS_ONLY");
-const facultyManagementEnabled = computed(() => userStore.schoolProductConfig?.facultyManagementEnabled ?? legacyAdminEnabled.value);
-const majorManagementEnabled = computed(() => userStore.schoolProductConfig?.majorManagementEnabled ?? legacyAdminEnabled.value);
-const adminClassManagementEnabled = computed(() => userStore.schoolProductConfig?.adminClassManagementEnabled ?? legacyAdminEnabled.value);
-const isTeacherRosterMode = computed(() => !facultyManagementEnabled.value && !majorManagementEnabled.value && !adminClassManagementEnabled.value);
-const canCreateCurrentClass = computed(() => activeClassType.value === "ADMIN" || activeClassType.value === "TEACHING");
+import { Plus, Refresh, Search, Edit, Delete, User, Grid, Upload, Download, Close, Check } from "@element-plus/icons-vue"
+import { ElMessageBox } from "element-plus"
+import { formatDate } from "@/utils/index"
+import useUserStore from "@/store/modules/user"
+import * as indexApi from "@/api/teacher"
+
+const { proxy } = getCurrentInstance()
+const userStore = useUserStore()
+
+const activeClassType = ref("ADMIN")
+const dialogVisible = ref(false)
+const memberDialogVisible = ref(false)
+const loading = ref(false)
+const memberLoading = ref(false)
+const isCreate = ref(true)
+const tableData = ref([])
+const memberList = ref([])
+const schoolTotal = ref(0)
+const memberTotal = ref(0)
+const facultyList = ref([])
+const majorList = ref([])
+const majorListForForm = ref([])
+const allClassList = ref([])
+const sourceAdminClassIds = ref([])
+const selectedTeachingClass = ref(null)
+
+const currentUserId = computed(() => userStore.userInfo.userId)
+const currentSchoolId = computed(() => userStore.userInfo.schoolId)
+const legacyAdminEnabled = computed(() => userStore.schoolProductConfig?.organizationMode !== "TEACHING_CLASS_ONLY")
+const facultyManagementEnabled = computed(() => userStore.schoolProductConfig?.facultyManagementEnabled ?? legacyAdminEnabled.value)
+const majorManagementEnabled = computed(() => userStore.schoolProductConfig?.majorManagementEnabled ?? legacyAdminEnabled.value)
+const adminClassManagementEnabled = computed(() => userStore.schoolProductConfig?.adminClassManagementEnabled ?? legacyAdminEnabled.value)
+const isTeacherRosterMode = computed(() => !facultyManagementEnabled.value && !majorManagementEnabled.value && !adminClassManagementEnabled.value)
+const canCreateCurrentClass = computed(() => activeClassType.value === "ADMIN" || activeClassType.value === "TEACHING")
 
 const paramsquery = ref({
-  index: 1,
-  size: 10,
-  schoolId: currentSchoolId.value,
-  schoolFacultyId: "",
-  schoolMajorId: "",
-  className: "",
-});
+    index: 1,
+    size: 10,
+    schoolId: currentSchoolId.value,
+    schoolFacultyId: "",
+    schoolMajorId: "",
+    className: "",
+})
 
-const formInline = ref(defaultForm());
-const memberParams = ref(defaultMemberParams());
+const formInline = ref(defaultForm())
+const memberParams = ref(defaultMemberParams())
 
 const rules = computed(() => ({
-  ...(facultyManagementEnabled.value ? { schoolFacultyId: [{ required: true, message: "请选择所属院系", trigger: "change" }] } : {}),
-  ...(majorManagementEnabled.value ? { schoolMajorId: [{ required: true, message: "请选择所属专业", trigger: "change" }] } : {}),
-  className: [{ required: true, message: "请输入班级名称", trigger: "blur" }],
-}));
+    ...(facultyManagementEnabled.value ? { schoolFacultyId: [{ required: true, message: "请选择所属院系", trigger: "change" }] } : {}),
+    ...(majorManagementEnabled.value ? { schoolMajorId: [{ required: true, message: "请选择所属专业", trigger: "change" }] } : {}),
+    className: [{ required: true, message: "请输入班级名称", trigger: "blur" }],
+}))
 
 const tableHeaderStyle = {
-  color: "#0f3052",
-  fontSize: "14px",
-  backgroundColor: "#eaf4ff",
-};
+    color: "#0f3052",
+    fontSize: "14px",
+    backgroundColor: "#eaf4ff",
+}
 
-const dialogTitle = computed(() => `${isCreate.value ? "新增" : "编辑"}${activeClassType.value === "ADMIN" ? "行政班" : "教学班"}`);
-const memberDialogTitle = computed(() => `${selectedTeachingClass.value?.className || ""} 成员管理`);
-const selectedTeachingClassCanOperate = computed(() => canOperateClass(selectedTeachingClass.value));
+const dialogTitle = computed(() => `${isCreate.value ? "新增" : "编辑"}${activeClassType.value === "ADMIN" ? "行政班" : "教学班"}`)
+const memberDialogTitle = computed(() => `${selectedTeachingClass.value?.className || ""} 成员管理`)
+const selectedTeachingClassCanOperate = computed(() => canOperateClass(selectedTeachingClass.value))
 
 const filteredTableData = computed(() => {
-  return tableData.value.filter((row) => normalizeClassType(row.schoolClass) === activeClassType.value);
-});
+    return tableData.value.filter((row) => normalizeClassType(row.schoolClass) === activeClassType.value)
+})
 
 const adminClassOptions = computed(() => {
-  return allClassList.value.filter((schoolClass) => {
-    return normalizeClassType(schoolClass) === "ADMIN" && (!formInline.value.schoolMajorId || schoolClass.schoolMajorId === formInline.value.schoolMajorId);
-  });
-});
+    return allClassList.value.filter((schoolClass) => {
+        return normalizeClassType(schoolClass) === "ADMIN" && (!formInline.value.schoolMajorId || schoolClass.schoolMajorId === formInline.value.schoolMajorId)
+    })
+})
 
 const importCreateUploadData = computed(() => ({
-  schoolId: currentSchoolId.value,
-  schoolFacultyId: formInline.value.schoolFacultyId,
-  schoolMajorId: formInline.value.schoolMajorId,
-  className: formInline.value.className,
-  operatorId: currentUserId.value,
-  sourceClassIds: sourceAdminClassIds.value.join(","),
-}));
+    schoolId: currentSchoolId.value,
+    schoolFacultyId: formInline.value.schoolFacultyId,
+    schoolMajorId: formInline.value.schoolMajorId,
+    className: formInline.value.className,
+    operatorId: currentUserId.value,
+    sourceClassIds: sourceAdminClassIds.value.join(","),
+}))
 
 const memberUploadData = computed(() => ({
-  teachingClassId: selectedTeachingClass.value?.schoolClassId || "",
-  operatorId: currentUserId.value,
-}));
+    teachingClassId: selectedTeachingClass.value?.schoolClassId || "",
+    operatorId: currentUserId.value,
+}))
 
 function isMultiTeachingClassConflict(error) {
-  return error?.response?.data?.code === 409;
+    return error?.response?.data?.code === 409
 }
 
 function multiTeachingClassMessage(error) {
-  const body = error?.response?.data || {};
-  const students = Array.isArray(body.data) ? body.data : [];
-  const details = students.length ? `\n${students.slice(0, 12).join("、")}${students.length > 12 ? " 等" : ""}` : "";
-  return `${body.msg || "部分学生已在其他教学班，是否继续操作？"}${details}`;
+    const body = error?.response?.data || {}
+    const students = Array.isArray(body.data) ? body.data : []
+    const details = students.length ? `\n${students.slice(0, 12).join("、")}${students.length > 12 ? " 等" : ""}` : ""
+    return `${body.msg || "部分学生已在其他教学班，是否继续操作？"}${details}`
 }
 
 function buildUploadFormData(file, data, confirmMultiTeachingClass = false) {
-  const formData = new FormData();
-  formData.append("file", file);
-  Object.keys(data).forEach((key) => {
-    formData.append(key, data[key] ?? "");
-  });
-  formData.append("confirmMultiTeachingClass", confirmMultiTeachingClass);
-  return formData;
+    const formData = new FormData()
+    formData.append("file", file)
+    Object.keys(data).forEach((key) => {
+        formData.append(key, data[key] ?? "")
+    })
+    formData.append("confirmMultiTeachingClass", confirmMultiTeachingClass)
+    return formData
 }
 
 function defaultForm() {
-  return {
-    schoolFacultyId: "",
-    schoolId: currentSchoolId.value,
-    schoolMajorId: "",
-    className: "",
-    classType: activeClassType.value,
-    sourceClassIds: "",
-  };
+    return {
+        schoolFacultyId: "",
+        schoolId: currentSchoolId.value,
+        schoolMajorId: "",
+        className: "",
+        classType: activeClassType.value,
+        sourceClassIds: "",
+    }
 }
 
 function defaultMemberParams() {
-  return {
-    index: 1,
-    size: 10,
-    schoolId: currentSchoolId.value,
-    schoolClassId: "",
-    name: "",
-    userName: "",
-  };
+    return {
+        index: 1,
+        size: 10,
+        schoolId: currentSchoolId.value,
+        schoolClassId: "",
+        name: "",
+        userName: "",
+    }
 }
 
 function normalizeClassType(schoolClass) {
-  if (schoolClass?.classType) {
-    return schoolClass.classType;
-  }
-  return schoolClass?.createdBy ? "TEACHING" : "ADMIN";
+    if (schoolClass?.classType) {
+        return schoolClass.classType
+    }
+    return schoolClass?.createdBy ? "TEACHING" : "ADMIN"
 }
 
 function canOperateClass(schoolClass) {
-  if (schoolClass?.dataSource === "ZHIYUN") {
-    return false;
-  }
-  if (normalizeClassType(schoolClass) === "ADMIN") {
-    return !schoolClass?.schoolId || schoolClass.schoolId === currentSchoolId.value;
-  }
-  return schoolClass?.createdBy === currentUserId.value;
+    if (schoolClass?.dataSource === "ZHIYUN") {
+        return false
+    }
+    if (normalizeClassType(schoolClass) === "ADMIN") {
+        return !schoolClass?.schoolId || schoolClass.schoolId === currentSchoolId.value
+    }
+    return schoolClass?.createdBy === currentUserId.value
 }
 
 function getList(options = {}) {
-  const { showLoading = true } = options;
-  if (showLoading) {
-    loading.value = true;
-  }
-  indexApi
-    .getClassesList({
-      ...paramsquery.value,
-      operatorId: currentUserId.value,
-    })
-    .then((res) => {
-      tableData.value = res.data?.list || [];
-      schoolTotal.value = res.data?.total || 0;
-    })
-    .finally(() => {
-      if (showLoading) {
-        loading.value = false;
-      }
-    });
+    const { showLoading = true } = options
+    if (showLoading) {
+        loading.value = true
+    }
+    indexApi
+        .getClassesList({
+            ...paramsquery.value,
+            operatorId: currentUserId.value,
+        })
+        .then((res) => {
+            tableData.value = res.data?.list || []
+            schoolTotal.value = res.data?.total || 0
+        })
+        .finally(() => {
+            if (showLoading) {
+                loading.value = false
+            }
+        })
 }
 
 function handleTabChange() {
-  paramsquery.value.index = 1;
-  getList();
+    paramsquery.value.index = 1
+    getList()
 }
 
 function openCreateDialog() {
-  if (!canCreateCurrentClass.value) {
-    proxy.$message.warning("普通教师不能新增行政班");
-    return;
-  }
-  isCreate.value = true;
-  formInline.value = defaultForm();
-  sourceAdminClassIds.value = [];
-  dialogVisible.value = true;
+    if (!canCreateCurrentClass.value) {
+        proxy.$message.warning("普通教师不能新增行政班")
+        return
+    }
+    isCreate.value = true
+    formInline.value = defaultForm()
+    sourceAdminClassIds.value = []
+    dialogVisible.value = true
 }
 
 function editClass(row) {
-  const schoolClass = row?.schoolClass || row;
-  const schoolFacultyId = schoolClass?.schoolFacultyId || row?.schoolFacultyId || "";
-  const schoolMajorId = schoolClass?.schoolMajorId || row?.schoolMajorId || "";
-  isCreate.value = false;
-  formInline.value = {
-    ...schoolClass,
-    schoolFacultyId,
-    schoolMajorId,
-    classType: normalizeClassType(schoolClass),
-    userId: currentUserId.value,
-  };
-  sourceAdminClassIds.value = [];
-  majorListForForm.value = [];
-  dialogVisible.value = true;
-  hydrateClassFormOptions(formInline.value);
+    const schoolClass = row?.schoolClass || row
+    const schoolFacultyId = schoolClass?.schoolFacultyId || row?.schoolFacultyId || ""
+    const schoolMajorId = schoolClass?.schoolMajorId || row?.schoolMajorId || ""
+    isCreate.value = false
+    formInline.value = {
+        ...schoolClass,
+        schoolFacultyId,
+        schoolMajorId,
+        classType: normalizeClassType(schoolClass),
+        userId: currentUserId.value,
+    }
+    sourceAdminClassIds.value = []
+    majorListForForm.value = []
+    dialogVisible.value = true
+    hydrateClassFormOptions(formInline.value)
 }
 
 function addClass(confirmMultiTeachingClass = false) {
-  const payload = {
-    ...formInline.value,
-    schoolId: currentSchoolId.value,
-    classType: activeClassType.value,
-    sourceClassIds: activeClassType.value === "TEACHING" ? sourceAdminClassIds.value.join(",") : "",
-    userId: currentUserId.value,
-    confirmMultiTeachingClass,
-  };
-  indexApi
-    .addClass(payload)
-    .then(() => {
-      proxy.$message.success("添加成功");
-      dialogVisible.value = false;
-      getList({ showLoading: false });
-      refreshAllClassList();
-    })
-    .catch((error) => {
-      if (!isMultiTeachingClassConflict(error)) return;
-      ElMessageBox.confirm(multiTeachingClassMessage(error), "学生已在其他教学班", {
-        confirmButtonText: "继续创建",
-        cancelButtonText: "取消",
-        type: "warning",
-      }).then(() => addClass(true));
-    });
+    const payload = {
+        ...formInline.value,
+        schoolId: currentSchoolId.value,
+        classType: activeClassType.value,
+        sourceClassIds: activeClassType.value === "TEACHING" ? sourceAdminClassIds.value.join(",") : "",
+        userId: currentUserId.value,
+        confirmMultiTeachingClass,
+    }
+    indexApi
+        .addClass(payload)
+        .then(() => {
+            proxy.$message.success("添加成功")
+            dialogVisible.value = false
+            getList({ showLoading: false })
+            refreshAllClassList()
+        })
+        .catch((error) => {
+            if (!isMultiTeachingClassConflict(error)) return
+            ElMessageBox.confirm(multiTeachingClassMessage(error), "学生已在其他教学班", {
+                confirmButtonText: "继续创建",
+                cancelButtonText: "取消",
+                type: "warning",
+            }).then(() => addClass(true))
+        })
 }
 
 function updateClass() {
-  const payload = {
-    ...formInline.value,
-    schoolId: currentSchoolId.value,
-    classType: activeClassType.value,
-    userId: currentUserId.value,
-    status: true,
-  };
-  indexApi.updateClass(payload).then(() => {
-    proxy.$message.success("编辑成功");
-    dialogVisible.value = false;
-    getList({ showLoading: false });
-    refreshAllClassList();
-  });
+    const payload = {
+        ...formInline.value,
+        schoolId: currentSchoolId.value,
+        classType: activeClassType.value,
+        userId: currentUserId.value,
+        status: true,
+    }
+    indexApi.updateClass(payload).then(() => {
+        proxy.$message.success("编辑成功")
+        dialogVisible.value = false
+        getList({ showLoading: false })
+        refreshAllClassList()
+    })
 }
 
 function submitForm() {
-  proxy.$refs.formInlineref.validate((valid) => {
-    if (!valid) return;
-    if (adminClassManagementEnabled.value && isCreate.value && activeClassType.value === "TEACHING" && sourceAdminClassIds.value.length === 0) {
-      proxy.$message.warning("请选择来源行政班");
-      return;
-    }
-    isCreate.value ? addClass() : updateClass();
-  });
+    proxy.$refs.formInlineref.validate((valid) => {
+        if (!valid) return
+        if (adminClassManagementEnabled.value && isCreate.value && activeClassType.value === "TEACHING" && sourceAdminClassIds.value.length === 0) {
+            proxy.$message.warning("请选择来源行政班")
+            return
+        }
+        isCreate.value ? addClass() : updateClass()
+    })
 }
 
 async function beforeImportCreate(file) {
-  if (activeClassType.value !== "TEACHING") {
-    proxy.$message.warning("请切换到教学班");
-    return false;
-  }
-  if (!formInline.value.schoolFacultyId || !formInline.value.schoolMajorId || !formInline.value.className) {
-    proxy.$message.warning("请先填写院系、专业和班级名称");
-    return false;
-  }
-  if (sourceAdminClassIds.value.length === 0) {
-    proxy.$message.warning("请选择来源行政班");
-    return false;
-  }
-  const total = await getSelectedSourceAdminStudentTotal();
-  if (total <= 0) {
-    proxy.$message.warning("所选来源行政班暂无学生，请先在学生管理中导入行政班学生后再创建教学班");
-    return false;
-  }
-  if (!/\.(xls|xlsx)$/i.test(file.name)) {
-    proxy.$message.warning("请选择xls或xlsx格式文件");
-    return false;
-  }
-  return true;
+    if (activeClassType.value !== "TEACHING") {
+        proxy.$message.warning("请切换到教学班")
+        return false
+    }
+    if (!formInline.value.schoolFacultyId || !formInline.value.schoolMajorId || !formInline.value.className) {
+        proxy.$message.warning("请先填写院系、专业和班级名称")
+        return false
+    }
+    if (sourceAdminClassIds.value.length === 0) {
+        proxy.$message.warning("请选择来源行政班")
+        return false
+    }
+    const total = await getSelectedSourceAdminStudentTotal()
+    if (total <= 0) {
+        proxy.$message.warning("所选来源行政班暂无学生，请先在学生管理中导入行政班学生后再创建教学班")
+        return false
+    }
+    if (!/\.(xls|xlsx)$/i.test(file.name)) {
+        proxy.$message.warning("请选择xls或xlsx格式文件")
+        return false
+    }
+    return true
 }
 
 async function getSelectedSourceAdminStudentTotal() {
-  const results = await Promise.all(
-    sourceAdminClassIds.value.map((schoolClassId) => {
-      return indexApi.getStudentList({
-        index: 1,
-        size: 1,
-        schoolId: currentSchoolId.value,
-        schoolClassId,
-      });
-    }),
-  );
-  return results.reduce((sum, res) => sum + Number(res.data?.total || 0), 0);
+    const results = await Promise.all(
+        sourceAdminClassIds.value.map((schoolClassId) => {
+            return indexApi.getStudentList({
+                index: 1,
+                size: 1,
+                schoolId: currentSchoolId.value,
+                schoolClassId,
+            })
+        }),
+    )
+    return results.reduce((sum, res) => sum + Number(res.data?.total || 0), 0)
 }
 
 function uploadImportCreate(options, confirmMultiTeachingClass = false) {
-  const formData = buildUploadFormData(options.file, importCreateUploadData.value, confirmMultiTeachingClass);
-  return indexApi
-    .uploadTeachingClassByStudentMembers(formData)
-    .then((res) => {
-      handleImportCreateSuccess(res);
-    })
-    .catch((error) => {
-      if (!isMultiTeachingClassConflict(error)) return;
-      return ElMessageBox.confirm(multiTeachingClassMessage(error), "学生已在其他教学班", {
-        confirmButtonText: "继续导入创建",
-        cancelButtonText: "取消",
-        type: "warning",
-      }).then(() => uploadImportCreate(options, true));
-    });
+    const formData = buildUploadFormData(options.file, importCreateUploadData.value, confirmMultiTeachingClass)
+    return indexApi
+        .uploadTeachingClassByStudentMembers(formData)
+        .then((res) => {
+            handleImportCreateSuccess(res)
+        })
+        .catch((error) => {
+            if (!isMultiTeachingClassConflict(error)) return
+            return ElMessageBox.confirm(multiTeachingClassMessage(error), "学生已在其他教学班", {
+                confirmButtonText: "继续导入创建",
+                cancelButtonText: "取消",
+                type: "warning",
+            }).then(() => uploadImportCreate(options, true))
+        })
 }
 
 function handleImportCreateSuccess(res) {
-  if (res?.statusCode && res.statusCode !== "OK" && res.statusCode !== 200) {
-    proxy.$message.error(res?.message || "导入创建失败");
-    return;
-  }
-  proxy.$message.success("导入创建成功");
-  dialogVisible.value = false;
-  getList();
-  refreshAllClassList();
+    if (res?.statusCode && res.statusCode !== "OK" && res.statusCode !== 200) {
+        proxy.$message.error(res?.message || "导入创建失败")
+        return
+    }
+    proxy.$message.success("导入创建成功")
+    dialogVisible.value = false
+    getList()
+    refreshAllClassList()
 }
 
 function openMemberDialog(schoolClass) {
-  selectedTeachingClass.value = schoolClass;
-  memberParams.value = {
-    ...defaultMemberParams(),
-    schoolClassId: schoolClass.schoolClassId,
-  };
-  memberDialogVisible.value = true;
-  getMemberList();
+    selectedTeachingClass.value = schoolClass
+    memberParams.value = {
+        ...defaultMemberParams(),
+        schoolClassId: schoolClass.schoolClassId,
+    }
+    memberDialogVisible.value = true
+    getMemberList()
 }
 
 function closeMemberDialog() {
-  selectedTeachingClass.value = null;
-  memberList.value = [];
-  memberTotal.value = 0;
-  memberParams.value = defaultMemberParams();
+    selectedTeachingClass.value = null
+    memberList.value = []
+    memberTotal.value = 0
+    memberParams.value = defaultMemberParams()
 }
 
 function getMemberList() {
-  if (!memberParams.value.schoolClassId) {
-    return;
-  }
-  memberLoading.value = true;
-  indexApi
-    .getStudentList(memberParams.value)
-    .then((res) => {
-      memberList.value = res.data?.list || [];
-      memberTotal.value = res.data?.total || 0;
-    })
-    .finally(() => {
-      memberLoading.value = false;
-    });
+    if (!memberParams.value.schoolClassId) {
+        return
+    }
+    memberLoading.value = true
+    indexApi
+        .getStudentList(memberParams.value)
+        .then((res) => {
+            memberList.value = res.data?.list || []
+            memberTotal.value = res.data?.total || 0
+        })
+        .finally(() => {
+            memberLoading.value = false
+        })
 }
 
 function refreshMemberList() {
-  memberParams.value.name = "";
-  memberParams.value.userName = "";
-  memberParams.value.index = 1;
-  getMemberList();
+    memberParams.value.name = ""
+    memberParams.value.userName = ""
+    memberParams.value.index = 1
+    getMemberList()
 }
 
 function beforeImportMembers(file) {
-  if (!selectedTeachingClass.value?.schoolClassId) {
-    proxy.$message.warning("请先选择教学班");
-    return false;
-  }
-  if (!selectedTeachingClassCanOperate.value) {
-    proxy.$message.warning("只能维护自己创建的教学班成员");
-    return false;
-  }
-  if (!/\.(xls|xlsx)$/i.test(file.name)) {
-    proxy.$message.warning("请选择xls或xlsx格式文件");
-    return false;
-  }
-  return true;
+    if (!selectedTeachingClass.value?.schoolClassId) {
+        proxy.$message.warning("请先选择教学班")
+        return false
+    }
+    if (!selectedTeachingClassCanOperate.value) {
+        proxy.$message.warning("只能维护自己创建的教学班成员")
+        return false
+    }
+    if (!/\.(xls|xlsx)$/i.test(file.name)) {
+        proxy.$message.warning("请选择xls或xlsx格式文件")
+        return false
+    }
+    return true
 }
 
 function uploadMemberImport(options, confirmMultiTeachingClass = false) {
-  if (isTeacherRosterMode.value) {
-    const formData = new FormData();
-    formData.append("file", options.file);
-    return indexApi.importTeacherRosterMembers(selectedTeachingClass.value.schoolClassId, formData).then((res) => {
-      handleMemberImportSuccess(res);
-    });
-  }
-  const formData = buildUploadFormData(options.file, memberUploadData.value, confirmMultiTeachingClass);
-  return indexApi
-    .uploadTeachingClassStudentMembers(formData)
-    .then((res) => {
-      handleMemberImportSuccess(res);
-    })
-    .catch((error) => {
-      if (!isMultiTeachingClassConflict(error)) return;
-      return ElMessageBox.confirm(multiTeachingClassMessage(error), "学生已在其他教学班", {
-        confirmButtonText: "继续导入",
-        cancelButtonText: "取消",
-        type: "warning",
-      }).then(() => uploadMemberImport(options, true));
-    });
+    if (isTeacherRosterMode.value) {
+        const formData = new FormData()
+        formData.append("file", options.file)
+        return indexApi.importTeacherRosterMembers(selectedTeachingClass.value.schoolClassId, formData).then((res) => {
+            handleMemberImportSuccess(res)
+        })
+    }
+    const formData = buildUploadFormData(options.file, memberUploadData.value, confirmMultiTeachingClass)
+    return indexApi
+        .uploadTeachingClassStudentMembers(formData)
+        .then((res) => {
+            handleMemberImportSuccess(res)
+        })
+        .catch((error) => {
+            if (!isMultiTeachingClassConflict(error)) return
+            return ElMessageBox.confirm(multiTeachingClassMessage(error), "学生已在其他教学班", {
+                confirmButtonText: "继续导入",
+                cancelButtonText: "取消",
+                type: "warning",
+            }).then(() => uploadMemberImport(options, true))
+        })
 }
 
 function handleMemberImportSuccess(res) {
-  if (res?.statusCode && res.statusCode !== "OK" && res.statusCode !== 200) {
-    proxy.$message.error(res?.message || "导入失败");
-    return;
-  }
-  proxy.$message.success("导入成功");
-  getMemberList();
+    if (res?.statusCode && res.statusCode !== "OK" && res.statusCode !== 200) {
+        proxy.$message.error(res?.message || "导入失败")
+        return
+    }
+    proxy.$message.success("导入成功")
+    getMemberList()
 }
 
 function removeMember(row) {
-  ElMessageBox.confirm("确定将该学生从当前教学班移除吗？", "提示", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning",
-  }).then(() => {
-    indexApi
-      .deleteStudent({
-        userId: row.userId,
-        operatorId: currentUserId.value,
-        teachingClassId: selectedTeachingClass.value.schoolClassId,
-      })
-      .then(() => {
-        proxy.$message.success("移除成功");
-        getMemberList();
-      });
-  });
+    ElMessageBox.confirm("确定将该学生从当前教学班移除吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+    }).then(() => {
+        indexApi
+            .deleteStudent({
+                userId: row.userId,
+                operatorId: currentUserId.value,
+                teachingClassId: selectedTeachingClass.value.schoolClassId,
+            })
+            .then(() => {
+                proxy.$message.success("移除成功")
+                getMemberList()
+            })
+    })
 }
 
 function initializeMember(row) {
-  ElMessageBox.confirm("确定初始化该学生在当前教学班的实训数据吗？该操作不可恢复。", "提示", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning",
-  }).then(() => {
-    indexApi
-      .initializeTeachingClassStudentTrainingData({
-        teachingClassId: selectedTeachingClass.value.schoolClassId,
-        studentUserId: row.userId,
-        operatorId: currentUserId.value,
-      })
-      .then(() => {
-        proxy.$message.success("初始化成功");
-      });
-  });
+    ElMessageBox.confirm("确定初始化该学生在当前教学班的实训数据吗？该操作不可恢复。", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+    }).then(() => {
+        indexApi
+            .initializeTeachingClassStudentTrainingData({
+                teachingClassId: selectedTeachingClass.value.schoolClassId,
+                studentUserId: row.userId,
+                operatorId: currentUserId.value,
+            })
+            .then(() => {
+                proxy.$message.success("初始化成功")
+            })
+    })
 }
 
 async function downloadMemberImportTemplate() {
-  const XLSX = await import("xlsx");
-  if (isTeacherRosterMode.value) {
+    const XLSX = await import("xlsx")
+    if (isTeacherRosterMode.value) {
+        const templateSheet = XLSX.utils.aoa_to_sheet([
+            ["学生姓名", "学号"],
+            ["张三", "20260001"],
+        ])
+        templateSheet["!cols"] = [{ wch: 16 }, { wch: 18 }]
+        const guideSheet = XLSX.utils.aoa_to_sheet([["填写说明"], ["1. 本模板用于向当前教学班添加成员。"], ["2. 仅填写学生姓名和学号，不需要填写班级或其他个人信息。"], ["3. 学号已存在时，系统会复用该学生并加入当前教学班。"], ["4. 任意一行校验失败时，整批导入失败并返回失败原因。"]])
+        guideSheet["!cols"] = [{ wch: 72 }]
+        const workbook = XLSX.utils.book_new()
+        XLSX.utils.book_append_sheet(workbook, templateSheet, "教学班成员导入模板")
+        XLSX.utils.book_append_sheet(workbook, guideSheet, "填写说明")
+        XLSX.writeFile(workbook, "教学班成员导入模板.xlsx")
+        return
+    }
     const templateSheet = XLSX.utils.aoa_to_sheet([
-      ["学生姓名", "学号"],
-      ["张三", "20260001"],
-    ]);
-    templateSheet["!cols"] = [{ wch: 16 }, { wch: 18 }];
-    const guideSheet = XLSX.utils.aoa_to_sheet([["填写说明"], ["1. 本模板用于向当前教学班添加成员。"], ["2. 仅填写学生姓名和学号，不需要填写班级或其他个人信息。"], ["3. 学号已存在时，系统会复用该学生并加入当前教学班。"], ["4. 任意一行校验失败时，整批导入失败并返回失败原因。"]]);
-    guideSheet["!cols"] = [{ wch: 72 }];
-    const workbook = XLSX.utils.book_new();
-    XLSX.utils.book_append_sheet(workbook, templateSheet, "教学班成员导入模板");
-    XLSX.utils.book_append_sheet(workbook, guideSheet, "填写说明");
-    XLSX.writeFile(workbook, "教学班成员导入模板.xlsx");
-    return;
-  }
-  const templateSheet = XLSX.utils.aoa_to_sheet([
-    ["所属院系", "所属专业", "行政班", "学号", "学生姓名", "性别", "手机号", "邮箱"],
-    ["商学院", "电子商务", "2026电子商务1班-行政班", "20260001", "张三", "男", "13800000000", "zhangsan@example.com"],
-  ]);
-  templateSheet["!cols"] = [{ wch: 18 }, { wch: 18 }, { wch: 28 }, { wch: 18 }, { wch: 16 }, { wch: 10 }, { wch: 18 }, { wch: 26 }];
-  const guideSheet = XLSX.utils.aoa_to_sheet([["填写说明"], ["1. 本模板用于向当前教学班追加成员。"], ["2. 不要填写任何数据ID，院系、专业、行政班请填写页面中的名称。"], ["3. 系统优先按当前教学班来源行政班匹配；未配置来源行政班时，按院系、专业、行政班、学号、姓名匹配已有学生。"], ["4. 任意一行校验失败时，整批导入失败并返回失败原因。"]]);
-  guideSheet["!cols"] = [{ wch: 72 }];
-  const workbook = XLSX.utils.book_new();
-  XLSX.utils.book_append_sheet(workbook, templateSheet, "教学班成员导入模板");
-  XLSX.utils.book_append_sheet(workbook, guideSheet, "填写说明");
-  XLSX.writeFile(workbook, "教学班成员导入模板.xlsx");
+        ["所属院系", "所属专业", "行政班", "学号", "学生姓名", "性别", "手机号", "邮箱"],
+        ["商学院", "电子商务", "2026电子商务1班-行政班", "20260001", "张三", "男", "13800000000", "zhangsan@example.com"],
+    ])
+    templateSheet["!cols"] = [{ wch: 18 }, { wch: 18 }, { wch: 28 }, { wch: 18 }, { wch: 16 }, { wch: 10 }, { wch: 18 }, { wch: 26 }]
+    const guideSheet = XLSX.utils.aoa_to_sheet([["填写说明"], ["1. 本模板用于向当前教学班追加成员。"], ["2. 不要填写任何数据ID，院系、专业、行政班请填写页面中的名称。"], ["3. 系统优先按当前教学班来源行政班匹配；未配置来源行政班时，按院系、专业、行政班、学号、姓名匹配已有学生。"], ["4. 任意一行校验失败时，整批导入失败并返回失败原因。"]])
+    guideSheet["!cols"] = [{ wch: 72 }]
+    const workbook = XLSX.utils.book_new()
+    XLSX.utils.book_append_sheet(workbook, templateSheet, "教学班成员导入模板")
+    XLSX.utils.book_append_sheet(workbook, guideSheet, "填写说明")
+    XLSX.writeFile(workbook, "教学班成员导入模板.xlsx")
 }
 
 async function downloadTeachingClassImportTemplate() {
-  const XLSX = await import("xlsx");
-  const templateSheet = XLSX.utils.aoa_to_sheet([
-    ["所属院系", "所属专业", "行政班", "学号", "学生姓名", "性别", "手机号", "邮箱"],
-    ["商学院", "电子商务", "2026电子商务1班-行政班", "20260001", "张三", "男", "13800000000", "zhangsan@example.com"],
-  ]);
-  templateSheet["!cols"] = [{ wch: 18 }, { wch: 18 }, { wch: 28 }, { wch: 18 }, { wch: 16 }, { wch: 10 }, { wch: 18 }, { wch: 26 }];
-  const guideSheet = XLSX.utils.aoa_to_sheet([["填写说明"], ["1. 先在新增教学班弹窗中选择院系、专业并填写班级名称；来源行政班可以不选。"], ["2. 不要填写任何数据ID，院系、专业、行政班请填写页面中的名称。"], ["3. 学生必须已存在于对应行政班；如果行政班暂无学生，请先在学生管理中导入行政班学生。"], ["4. 系统会按模板学生名单加入新教学班；学生若已在其他教学班，将自动转入新教学班。"], ["5. 任意一行校验失败时，整批导入创建失败，教学班和成员关系都不会写入。"]]);
-  guideSheet["!cols"] = [{ wch: 96 }];
-  const workbook = XLSX.utils.book_new();
-  XLSX.utils.book_append_sheet(workbook, templateSheet, "教学班名单创建模板");
-  XLSX.utils.book_append_sheet(workbook, guideSheet, "填写说明");
-  XLSX.writeFile(workbook, "教学班名单创建模板.xlsx");
+    const XLSX = await import("xlsx")
+    const templateSheet = XLSX.utils.aoa_to_sheet([
+        ["所属院系", "所属专业", "行政班", "学号", "学生姓名", "性别", "手机号", "邮箱"],
+        ["商学院", "电子商务", "2026电子商务1班-行政班", "20260001", "张三", "男", "13800000000", "zhangsan@example.com"],
+    ])
+    templateSheet["!cols"] = [{ wch: 18 }, { wch: 18 }, { wch: 28 }, { wch: 18 }, { wch: 16 }, { wch: 10 }, { wch: 18 }, { wch: 26 }]
+    const guideSheet = XLSX.utils.aoa_to_sheet([["填写说明"], ["1. 先在新增教学班弹窗中选择院系、专业并填写班级名称；来源行政班可以不选。"], ["2. 不要填写任何数据ID，院系、专业、行政班请填写页面中的名称。"], ["3. 学生必须已存在于对应行政班；如果行政班暂无学生，请先在学生管理中导入行政班学生。"], ["4. 系统会按模板学生名单加入新教学班；学生若已在其他教学班，将自动转入新教学班。"], ["5. 任意一行校验失败时，整批导入创建失败，教学班和成员关系都不会写入。"]])
+    guideSheet["!cols"] = [{ wch: 96 }]
+    const workbook = XLSX.utils.book_new()
+    XLSX.utils.book_append_sheet(workbook, templateSheet, "教学班名单创建模板")
+    XLSX.utils.book_append_sheet(workbook, guideSheet, "填写说明")
+    XLSX.writeFile(workbook, "教学班名单创建模板.xlsx")
 }
 
 function deleteClass(id) {
-  ElMessageBox.confirm("确定删除该班级吗？", "提示", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning",
-  }).then(() => {
-    indexApi.deleteClass({ schoolClassId: id, userId: currentUserId.value }).then(() => {
-      proxy.$message.success("删除成功");
-      getList();
-      refreshAllClassList();
-    });
-  });
+    ElMessageBox.confirm("确定删除该班级吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+    }).then(() => {
+        indexApi.deleteClass({ schoolClassId: id, userId: currentUserId.value }).then(() => {
+            proxy.$message.success("删除成功")
+            getList()
+            refreshAllClassList()
+        })
+    })
 }
 
 function initializeClass(schoolClass) {
-  ElMessageBox.confirm("确定初始化该教学班全班实训数据吗？该操作不可恢复。", "提示", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning",
-  }).then(() => {
-    indexApi
-      .initializeTeachingClassTrainingData({
-        teachingClassId: schoolClass.schoolClassId,
-        operatorId: currentUserId.value,
-      })
-      .then(() => {
-        proxy.$message.success("初始化成功");
-      });
-  });
+    ElMessageBox.confirm("确定初始化该教学班全班实训数据吗？该操作不可恢复。", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+    }).then(() => {
+        indexApi
+            .initializeTeachingClassTrainingData({
+                teachingClassId: schoolClass.schoolClassId,
+                operatorId: currentUserId.value,
+            })
+            .then(() => {
+                proxy.$message.success("初始化成功")
+            })
+    })
 }
 
 function refresh() {
-  getList();
+    getList()
 }
 
 function onClose() {
-  formInline.value = defaultForm();
-  sourceAdminClassIds.value = [];
+    formInline.value = defaultForm()
+    sourceAdminClassIds.value = []
 }
 
 function getFacultyList() {
-  return indexApi.seleteSchoolFacultyList({ schoolId: currentSchoolId.value }).then((res) => {
-    facultyList.value = res.data || [];
-    return facultyList.value;
-  });
+    return indexApi.seleteSchoolFacultyList({ schoolId: currentSchoolId.value }).then((res) => {
+        facultyList.value = res.data || []
+        return facultyList.value
+    })
 }
 
 function getMajorList() {
-  paramsquery.value.schoolMajorId = "";
-  if (!paramsquery.value.schoolFacultyId) {
-    majorList.value = [];
-    return;
-  }
-  indexApi.getMajorListBySchoolId({ schoolFacultyId: paramsquery.value.schoolFacultyId }).then((res) => {
-    majorList.value = res.data || [];
-  });
+    paramsquery.value.schoolMajorId = ""
+    if (!paramsquery.value.schoolFacultyId) {
+        majorList.value = []
+        return
+    }
+    indexApi.getMajorListBySchoolId({ schoolFacultyId: paramsquery.value.schoolFacultyId }).then((res) => {
+        majorList.value = res.data || []
+    })
 }
 
 function loadMajorListForForm(schoolFacultyId) {
-  if (!schoolFacultyId) {
-    majorListForForm.value = [];
-    return Promise.resolve([]);
-  }
-  return indexApi.getMajorListBySchoolId({ schoolFacultyId }).then((res) => {
-    majorListForForm.value = res.data || [];
-    return majorListForForm.value;
-  });
+    if (!schoolFacultyId) {
+        majorListForForm.value = []
+        return Promise.resolve([])
+    }
+    return indexApi.getMajorListBySchoolId({ schoolFacultyId }).then((res) => {
+        majorListForForm.value = res.data || []
+        return majorListForForm.value
+    })
 }
 
 function getMajorListForForm() {
-  sourceAdminClassIds.value = [];
-  formInline.value.schoolMajorId = "";
-  loadMajorListForForm(formInline.value.schoolFacultyId);
+    sourceAdminClassIds.value = []
+    formInline.value.schoolMajorId = ""
+    loadMajorListForForm(formInline.value.schoolFacultyId)
 }
 
 async function hydrateClassFormOptions(row) {
-  const schoolMajorId = row?.schoolMajorId;
-  if (!schoolMajorId) {
-    return;
-  }
-  if (row.schoolFacultyId) {
-    await loadMajorListForForm(row.schoolFacultyId);
-    return;
-  }
-  const faculties = facultyList.value.length ? facultyList.value : await getFacultyList();
-  const results = await Promise.all(
-    faculties.map((faculty) =>
-      indexApi
-        .getMajorListBySchoolId({ schoolFacultyId: faculty.schoolFacultyId })
-        .then((res) => ({
-          facultyId: faculty.schoolFacultyId,
-          majors: res.data || [],
-        }))
-        .catch(() => ({
-          facultyId: faculty.schoolFacultyId,
-          majors: [],
-        })),
-    ),
-  );
-  const matched = results.find((item) => item.majors.some((major) => major.schoolMajorId === schoolMajorId));
-  if (!matched) {
-    return;
-  }
-  majorListForForm.value = matched.majors;
-  formInline.value = {
-    ...formInline.value,
-    schoolFacultyId: matched.facultyId,
-    schoolMajorId,
-  };
+    const schoolMajorId = row?.schoolMajorId
+    if (!schoolMajorId) {
+        return
+    }
+    if (row.schoolFacultyId) {
+        await loadMajorListForForm(row.schoolFacultyId)
+        return
+    }
+    const faculties = facultyList.value.length ? facultyList.value : await getFacultyList()
+    const results = await Promise.all(
+        faculties.map((faculty) =>
+            indexApi
+                .getMajorListBySchoolId({ schoolFacultyId: faculty.schoolFacultyId })
+                .then((res) => ({
+                    facultyId: faculty.schoolFacultyId,
+                    majors: res.data || [],
+                }))
+                .catch(() => ({
+                    facultyId: faculty.schoolFacultyId,
+                    majors: [],
+                })),
+        ),
+    )
+    const matched = results.find((item) => item.majors.some((major) => major.schoolMajorId === schoolMajorId))
+    if (!matched) {
+        return
+    }
+    majorListForForm.value = matched.majors
+    formInline.value = {
+        ...formInline.value,
+        schoolFacultyId: matched.facultyId,
+        schoolMajorId,
+    }
 }
 
 function handleFormMajorChange() {
-  sourceAdminClassIds.value = [];
+    sourceAdminClassIds.value = []
 }
 
 function getAllClassList() {
-  indexApi.getClassListBySchoolId({ schoolId: currentSchoolId.value }).then((res) => {
-    allClassList.value = res.data || [];
-  });
+    indexApi.getClassListBySchoolId({ schoolId: currentSchoolId.value }).then((res) => {
+        allClassList.value = res.data || []
+    })
 }
 
 function refreshAllClassList() {
-  indexApi.clearClassListBySchoolIdCache(currentSchoolId.value);
-  indexApi.getClassListBySchoolId({ schoolId: currentSchoolId.value }, { force: true }).then((res) => {
-    allClassList.value = res.data || [];
-  });
+    indexApi.clearClassListBySchoolIdCache(currentSchoolId.value)
+    indexApi.getClassListBySchoolId({ schoolId: currentSchoolId.value }, { force: true }).then((res) => {
+        allClassList.value = res.data || []
+    })
 }
 
 onMounted(() => {
-  if (!adminClassManagementEnabled.value) {
-    activeClassType.value = "TEACHING";
-  }
-  getList();
-  getAllClassList();
-  getFacultyList();
-});
+    if (!adminClassManagementEnabled.value) {
+        activeClassType.value = "TEACHING"
+    }
+    getList()
+    getAllClassList()
+    getFacultyList()
+})
 </script>
 
 <style lang="scss" scoped>
 .class-page {
-  padding: 20px;
-  min-height: calc(100vh - 70px);
-
-  // 页面头部卡片
-  .page-header {
-    display: flex;
-    align-items: center;
-    gap: 20px;
-    padding: 24px 28px;
-    background: linear-gradient(135deg, rgba(8, 24, 39, 0.9) 0%, rgba(6, 17, 29, 0.9) 100%);
-    border-radius: 16px;
-    margin-bottom: 20px;
-    border: 1px solid rgba(0, 200, 255, 0.2);
-    box-shadow:
-      0 8px 32px rgba(0, 0, 0, 0.4),
-      inset 0 1px 0 rgba(255, 255, 255, 0.05);
-
-    .header-icon {
-      width: 60px;
-      height: 60px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
-      border-radius: 14px;
-      font-size: 30px;
-      color: #0a0f1c;
-      box-shadow: 0 0 30px rgba(0, 212, 255, 0.4);
-    }
+    min-height: calc(100vh - 70px);
+
+    // 页面头部卡片
+    .page-header {
+        display: flex;
+        align-items: center;
+        gap: 20px;
+        padding: 24px 28px;
+        background: linear-gradient(135deg, rgba(8, 24, 39, 0.9) 0%, rgba(6, 17, 29, 0.9) 100%);
+        border-radius: 16px;
+        margin-bottom: 20px;
+        border: 1px solid rgba(0, 200, 255, 0.2);
+        box-shadow:
+            0 8px 32px rgba(0, 0, 0, 0.4),
+            inset 0 1px 0 rgba(255, 255, 255, 0.05);
+
+        .header-icon {
+            width: 60px;
+            height: 60px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
+            border-radius: 14px;
+            font-size: 30px;
+            color: #0a0f1c;
+            box-shadow: 0 0 30px rgba(0, 212, 255, 0.4);
+        }
+
+        .header-content {
+            h1 {
+                margin: 0 0 6px 0;
+                font-size: 24px;
+                font-weight: 700;
+                color: #fff;
+                letter-spacing: 2px;
+                text-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
+            }
+
+            p {
+                margin: 0;
+                font-size: 14px;
+                color: rgba(255, 255, 255, 0.5);
+            }
+        }
 
-    .header-content {
-      h1 {
-        margin: 0 0 6px 0;
-        font-size: 24px;
-        font-weight: 700;
-        color: #fff;
-        letter-spacing: 2px;
-        text-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
-      }
-      p {
-        margin: 0;
-        font-size: 14px;
-        color: rgba(255, 255, 255, 0.5);
-      }
+        .header-stats {
+            margin-left: auto;
+            display: flex;
+            gap: 24px;
+
+            .stat-item {
+                text-align: center;
+                padding: 12px 20px;
+                background: rgba(0, 212, 255, 0.08);
+                border-radius: 12px;
+                border: 1px solid rgba(0, 212, 255, 0.15);
+
+                .stat-value {
+                    font-size: 28px;
+                    font-weight: 700;
+                    color: #00d4ff;
+                    line-height: 1;
+                    text-shadow: 0 0 15px rgba(0, 212, 255, 0.5);
+                }
+
+                .stat-label {
+                    font-size: 12px;
+                    color: rgba(255, 255, 255, 0.5);
+                    margin-top: 4px;
+                }
+            }
+        }
     }
 
-    .header-stats {
-      margin-left: auto;
-      display: flex;
-      gap: 24px;
+    // 标签页样式
+    .class-tabs {
+        margin-bottom: 16px;
+        background: rgba(6, 17, 29, 0.6);
+        border-radius: 14px;
+        padding: 6px 16px;
+        border: 1px solid rgba(0, 200, 255, 0.15);
 
-      .stat-item {
-        text-align: center;
-        padding: 12px 20px;
-        background: rgba(0, 212, 255, 0.08);
-        border-radius: 12px;
-        border: 1px solid rgba(0, 212, 255, 0.15);
-
-        .stat-value {
-          font-size: 28px;
-          font-weight: 700;
-          color: #00d4ff;
-          line-height: 1;
-          text-shadow: 0 0 15px rgba(0, 212, 255, 0.5);
+        :deep(.el-tabs__header) {
+            margin: 0;
         }
 
-        .stat-label {
-          font-size: 12px;
-          color: rgba(255, 255, 255, 0.5);
-          margin-top: 4px;
+        :deep(.el-tabs__nav-wrap::after) {
+            display: none;
         }
-      }
-    }
-  }
-
-  // 标签页样式
-  .class-tabs {
-    margin-bottom: 16px;
-    background: rgba(6, 17, 29, 0.6);
-    border-radius: 14px;
-    padding: 6px 16px;
-    border: 1px solid rgba(0, 200, 255, 0.15);
-
-    :deep(.el-tabs__header) {
-      margin: 0;
-    }
 
-    :deep(.el-tabs__nav-wrap::after) {
-      display: none;
-    }
+        :deep(.el-tabs__item) {
+            font-size: 15px;
+            font-weight: 500;
+            padding: 10px 24px;
+            border-radius: 8px;
+            transition: all 0.3s ease;
+            color: rgba(255, 255, 255, 0.5);
+            background: transparent;
+            border: 1px solid transparent;
+
+            &:hover {
+                color: #00d4ff;
+                background: rgba(0, 212, 255, 0.1);
+            }
+
+            &.is-active {
+                color: #0a0f1c;
+                background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
+                font-weight: 600;
+                border-color: #00d4ff;
+                box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
+            }
+        }
 
-    :deep(.el-tabs__item) {
-      font-size: 15px;
-      font-weight: 500;
-      padding: 10px 24px;
-      border-radius: 8px;
-      transition: all 0.3s ease;
-      color: rgba(255, 255, 255, 0.5);
-      background: transparent;
-      border: 1px solid transparent;
-
-      &:hover {
-        color: #00d4ff;
-        background: rgba(0, 212, 255, 0.1);
-      }
-
-      &.is-active {
-        color: #0a0f1c;
-        background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
-        font-weight: 600;
-        border-color: #00d4ff;
-        box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
-      }
+        :deep(.el-tabs__active-bar) {
+            display: none;
+        }
     }
 
-    :deep(.el-tabs__active-bar) {
-      display: none;
-    }
-  }
-
-  // 搜索栏
-  .query-bar {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 12px;
-    padding: 20px 24px;
-    background: rgba(6, 17, 29, 0.6);
-    border-radius: 14px;
-    margin-bottom: 16px;
-    border: 1px solid rgba(0, 200, 255, 0.15);
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
-
-    .el-select {
-      width: 150px;
-    }
+    // 搜索栏
+    .query-bar {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 12px;
+        padding: 20px 24px;
+        background: rgba(6, 17, 29, 0.6);
+        border-radius: 14px;
+        margin-bottom: 16px;
+        border: 1px solid rgba(0, 200, 255, 0.15);
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+
+        .el-select {
+            width: 150px;
+        }
 
-    .el-input {
-      width: 170px;
-    }
+        .el-input {
+            width: 170px;
+        }
 
-    .query-divider {
-      width: 1px;
-      height: 32px;
-      background: rgba(0, 200, 255, 0.2);
-      margin: 0 4px;
-    }
+        .query-divider {
+            width: 1px;
+            height: 32px;
+            background: rgba(0, 200, 255, 0.2);
+            margin: 0 4px;
+        }
 
-    .btn-group {
-      margin-left: auto;
-      display: flex;
-      gap: 10px;
-    }
-  }
-
-  // 表格样式
-  .el-table {
-    border-radius: 14px;
-    overflow: hidden;
-    background: transparent;
-    border: 1px solid rgba(0, 200, 255, 0.15);
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
-
-    :deep(.el-table__header-wrapper th) {
-      background: transparent;
-      color: #fff;
-      font-weight: 600;
-      border: none !important;
-      padding: 14px 0;
-      font-size: 14px;
-      text-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
+        .btn-group {
+            margin-left: auto;
+            display: flex;
+            gap: 10px;
+        }
     }
 
-    :deep(.el-table__body-wrapper tr) {
-      background: transparent;
-      transition: all 0.3s ease;
+    // 表格样式
+    .el-table {
+        border-radius: 14px;
+        overflow: hidden;
+        background: transparent;
+        border: 1px solid rgba(0, 200, 255, 0.15);
+        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+
+        :deep(.el-table__header-wrapper th) {
+            background: transparent;
+            color: #fff;
+            font-weight: 600;
+            border: none !important;
+            padding: 14px 0;
+            font-size: 14px;
+            text-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
+        }
 
-      &:hover > td {
-        background: rgba(0, 212, 255, 0.08) !important;
-      }
-    }
+        :deep(.el-table__body-wrapper tr) {
+            background: transparent;
+            transition: all 0.3s ease;
 
-    :deep(.el-table__row td) {
-      padding: 14px 0;
-      border-bottom: 1px solid rgba(0, 200, 255, 0.1) !important;
-      background: transparent !important;
-    }
+            &:hover>td {
+                background: rgba(0, 212, 255, 0.08) !important;
+            }
+        }
 
-    :deep(.el-table__cell) {
-      font-size: 14px;
-      color: rgba(255, 255, 255, 0.85);
-      background: transparent !important;
-      border: none !important;
-    }
+        :deep(.el-table__row td) {
+            padding: 14px 0;
+            border-bottom: 1px solid rgba(0, 200, 255, 0.1) !important;
+            background: transparent !important;
+        }
 
-    :deep(.el-table__border-left),
-    :deep(.el-table__border-right) {
-      display: none;
-    }
-  }
-
-  // 操作按钮
-  .el-button {
-    display: inline-flex;
-    align-items: center;
-    gap: 5px;
-    border-radius: 8px;
-    font-weight: 500;
-    transition: all 0.3s ease;
-    padding: 8px 14px;
-    border: 1px solid rgba(0, 200, 255, 0.3);
-    background: rgba(0, 150, 200, 0.15);
-    color: #00d4ff;
-
-    &:hover {
-      transform: translateY(-1px);
-      box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
-      background: rgba(0, 212, 255, 0.2);
+        :deep(.el-table__cell) {
+            font-size: 14px;
+            color: rgba(255, 255, 255, 0.85);
+            background: transparent !important;
+            border: none !important;
+        }
+
+        :deep(.el-table__border-left),
+        :deep(.el-table__border-right) {
+            display: none;
+        }
     }
 
-    .el-icon {
-      font-size: 15px;
+    // 操作按钮
+    .el-button {
+        display: inline-flex;
+        align-items: center;
+        gap: 5px;
+        border-radius: 8px;
+        font-weight: 500;
+        transition: all 0.3s ease;
+        padding: 8px 14px;
+        border: 1px solid rgba(0, 200, 255, 0.3);
+        background: rgba(0, 150, 200, 0.15);
+        color: #00d4ff;
+
+        &:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
+            background: rgba(0, 212, 255, 0.2);
+        }
+
+        .el-icon {
+            font-size: 15px;
+        }
     }
-  }
-
-  // 成员工具栏
-  .member-toolbar {
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    gap: 10px;
-    margin-bottom: 16px;
-    padding: 16px 20px;
-    background: rgba(6, 17, 29, 0.5);
-    border-radius: 12px;
-    border: 1px solid rgba(0, 200, 255, 0.15);
-
-    .el-input {
-      width: 150px;
+
+    // 成员工具栏
+    .member-toolbar {
+        display: flex;
+        flex-wrap: nowrap;
+        align-items: center;
+        gap: 10px;
+        margin-bottom: 16px;
+        padding: 16px 20px;
+        background: rgba(6, 17, 29, 0.5);
+        border-radius: 12px;
+        border: 1px solid rgba(0, 200, 255, 0.15);
+
+        .el-input {
+            width: 150px;
+        }
     }
-  }
-
-  // 弹窗样式
-  .el-dialog {
-    border-radius: 18px;
-    overflow: hidden;
-    background: linear-gradient(135deg, #07111d 0%, #03070e 100%);
-    border: 1px solid rgba(0, 200, 255, 0.2);
-    box-shadow:
-      0 20px 60px rgba(0, 0, 0, 0.6),
-      0 0 40px rgba(0, 212, 255, 0.1);
-
-    :deep(.el-dialog__header) {
-      background: linear-gradient(135deg, #0099cc 0%, #006699 100%);
-      color: #fff;
-      padding: 22px 28px;
-      margin: 0;
-
-      .el-dialog__title {
-        color: #fff;
-        font-weight: 700;
-        font-size: 18px;
-        text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-      }
-
-      .el-dialog__headerbtn {
-        .el-dialog__close {
-          color: rgba(255, 255, 255, 0.8);
-          font-size: 20px;
+
+    // 弹窗样式
+    .el-dialog {
+        border-radius: 18px;
+        overflow: hidden;
+        background: linear-gradient(135deg, #07111d 0%, #03070e 100%);
+        border: 1px solid rgba(0, 200, 255, 0.2);
+        box-shadow:
+            0 20px 60px rgba(0, 0, 0, 0.6),
+            0 0 40px rgba(0, 212, 255, 0.1);
+
+        :deep(.el-dialog__header) {
+            background: linear-gradient(135deg, #0099cc 0%, #006699 100%);
+            color: #fff;
+            padding: 22px 28px;
+            margin: 0;
+
+            .el-dialog__title {
+                color: #fff;
+                font-weight: 700;
+                font-size: 18px;
+                text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+            }
+
+            .el-dialog__headerbtn {
+                .el-dialog__close {
+                    color: rgba(255, 255, 255, 0.8);
+                    font-size: 20px;
+                }
+            }
+        }
+
+        :deep(.el-dialog__body) {
+            padding: 28px;
+            background: transparent;
         }
-      }
+
+        :deep(.el-dialog__footer) {
+            padding: 18px 28px;
+            border-top: 1px solid rgba(0, 200, 255, 0.15);
+            background: rgba(10, 15, 30, 0.5);
+        }
+    }
+
+    .dialog-footers {
+        display: flex;
+        gap: 12px;
+        justify-content: flex-end;
     }
 
-    :deep(.el-dialog__body) {
-      padding: 28px;
-      background: transparent;
+    .form-control {
+        width: 100%;
     }
 
-    :deep(.el-dialog__footer) {
-      padding: 18px 28px;
-      border-top: 1px solid rgba(0, 200, 255, 0.15);
-      background: rgba(10, 15, 30, 0.5);
+    .import-create-actions {
+        display: flex;
+        gap: 10px;
+        align-items: center;
     }
-  }
-
-  .dialog-footers {
-    display: flex;
-    gap: 12px;
-    justify-content: flex-end;
-  }
-
-  .form-control {
-    width: 100%;
-  }
-
-  .import-create-actions {
-    display: flex;
-    gap: 10px;
-    align-items: center;
-  }
 }
 </style>
diff --git a/src/views/teacherEnd/index.vue b/src/views/teacherEnd/index.vue
index 97bde8a..c019738 100644
--- a/src/views/teacherEnd/index.vue
+++ b/src/views/teacherEnd/index.vue
@@ -204,15 +204,15 @@ const getIndicatorArrow = (name) => {
   return map[name] || "●";
 };
 
-// 折线图配色方案
+// 折线图配色方案（亮色背景：科技蓝系分类色）
 const getLineColor = (index) => {
   const colors = [
-    { main: "#00d4ff", light: "#7fefff" },
-    { main: "#00ff9d", light: "#7fffcc" },
-    { main: "#ff6b9d", light: "#ffb3c9" },
-    { main: "#ffd93d", light: "#ffea80" },
-    { main: "#a78bfa", light: "#d4bfff" },
-    { main: "#22d3ee", light: "#80efff" },
+    { main: "#1e88e5", light: "#9cc8ef" },
+    { main: "#2ba471", light: "#9fd8bd" },
+    { main: "#ec6b8f", light: "#f5b8cb" },
+    { main: "#f0a830", light: "#f8d59a" },
+    { main: "#7e57c2", light: "#c4b0e4" },
+    { main: "#26a69a", light: "#9fd8d1" },
   ];
   return colors[index % colors.length].main;
 };
@@ -236,11 +236,11 @@ const getTrendData = async () => {
       axisPointer: {
         type: "cross",
         lineStyle: {
-          color: "rgba(0, 212, 255, 0.3)",
+          color: "rgba(30, 136, 229, 0.35)",
           type: "dashed",
         },
         crossStyle: {
-          color: "rgba(0, 212, 255, 0.5)",
+          color: "rgba(30, 136, 229, 0.5)",
         },
       },
       formatter: function(params) {
@@ -271,11 +271,11 @@ const getTrendData = async () => {
       data: classTime.value,
       axisLine: {
         lineStyle: {
-          color: "rgba(0, 212, 255, 0.3)",
+          color: "rgba(30, 136, 229, 0.25)",
         },
       },
       axisLabel: {
-        color: "rgba(120, 180, 220, 0.9)",
+        color: "#6b85a3",
         fontSize: 11,
         margin: 12,
       },
@@ -289,7 +289,7 @@ const getTrendData = async () => {
       max: 100,
       splitLine: {
         lineStyle: {
-          color: "rgba(0, 212, 255, 0.1)",
+          color: "rgba(30, 136, 229, 0.12)",
           type: "dashed",
         },
       },
@@ -297,19 +297,19 @@ const getTrendData = async () => {
         show: false,
       },
       axisLabel: {
-        color: "rgba(120, 180, 220, 0.9)",
+        color: "#6b85a3",
         fontSize: 11,
         formatter: "{value}",
       },
     },
     series: classList.value.map((item, index) => {
       const colorSet = [
-        { main: "#00d4ff", light: "rgba(0, 212, 255, 0.3)" },
-        { main: "#00ff9d", light: "rgba(0, 255, 157, 0.3)" },
-        { main: "#ff6b9d", light: "rgba(255, 107, 157, 0.3)" },
-        { main: "#ffd93d", light: "rgba(255, 217, 61, 0.3)" },
-        { main: "#a78bfa", light: "rgba(167, 139, 250, 0.3)" },
-        { main: "#22d3ee", light: "rgba(34, 211, 238, 0.3)" },
+        { main: "#1e88e5", light: "rgba(30, 136, 229, 0.22)" },
+        { main: "#2ba471", light: "rgba(43, 164, 113, 0.2)" },
+        { main: "#ec6b8f", light: "rgba(236, 107, 143, 0.2)" },
+        { main: "#f0a830", light: "rgba(240, 168, 48, 0.2)" },
+        { main: "#7e57c2", light: "rgba(126, 87, 194, 0.2)" },
+        { main: "#26a69a", light: "rgba(38, 166, 154, 0.2)" },
       ][index % 6];
       return {
         ...item,
@@ -347,13 +347,13 @@ const getTrendData = async () => {
   });
 };
 
-// 饼图配色方案
+// 饼图配色方案（亮色背景：科技蓝系分类色）
 const getPieColor = (index) => {
   const colors = [
-    { main: "#ff9f43", light: "rgba(255, 159, 67, 0.2)" },
-    { main: "#26de81", light: "rgba(38, 222, 129, 0.2)" },
-    { main: "#4bcffa", light: "rgba(75, 207, 250, 0.2)" },
-    { main: "#fc5c65", light: "rgba(252, 92, 101, 0.2)" },
+    { main: "#1e88e5", light: "rgba(30, 136, 229, 0.2)" },
+    { main: "#26a69a", light: "rgba(38, 166, 154, 0.2)" },
+    { main: "#7e57c2", light: "rgba(126, 87, 194, 0.2)" },
+    { main: "#ec6b8f", light: "rgba(236, 107, 143, 0.2)" },
   ];
   return colors[index % colors.length].main;
 };
@@ -384,7 +384,7 @@ const getStatisticsData = async () => {
       itemHeight: 12,
       itemGap: 16,
       textStyle: {
-        color: "rgba(150, 200, 230, 0.95)",
+        color: "#5a7896",
         fontSize: 13,
       },
       formatter: (name) => {
@@ -394,8 +394,8 @@ const getStatisticsData = async () => {
       },
       textStyle: {
         rich: {
-          name: { color: "rgba(150, 200, 230, 0.95)", fontSize: 13 },
-          num: { color: "#00d4ff", fontSize: 13, fontWeight: 600 },
+          name: { color: "#5a7896", fontSize: 13 },
+          num: { color: "#1e88e5", fontSize: 13, fontWeight: 600 },
         },
       },
     },
@@ -407,7 +407,7 @@ const getStatisticsData = async () => {
         avoidLabelOverlap: true,
         itemStyle: {
           borderRadius: 8,
-          borderColor: "rgba(15, 25, 45, 0.95)",
+          borderColor: "#ffffff",
           borderWidth: 3,
         },
         label: {
@@ -417,8 +417,8 @@ const getStatisticsData = async () => {
           scale: true,
           scaleSize: 12,
           itemStyle: {
-            shadowBlur: 20,
-            shadowColor: "rgba(0, 212, 255, 0.5)",
+            shadowBlur: 16,
+            shadowColor: "rgba(30, 136, 229, 0.35)",
           },
         },
         data: circularData.value.map((item, index) => ({
@@ -527,7 +527,6 @@ onBeforeUnmount(() => {
 <style lang="scss" scoped>
 // 页面主容器
 .grade-center {
-  padding: 20px 24px;
   min-height: calc(100vh - 96px);
   display: flex;
   flex-direction: column;
@@ -1131,7 +1130,6 @@ onBeforeUnmount(() => {
 
 @media (max-width: 768px) {
   .grade-center {
-    padding: 12px;
   }
 
   .page-header {
diff --git a/src/views/teacherEnd/student/index.vue b/src/views/teacherEnd/student/index.vue
index 202b8bc..369e621 100644
--- a/src/views/teacherEnd/student/index.vue
+++ b/src/views/teacherEnd/student/index.vue
@@ -7,708 +7,738 @@
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 <template>
-  <div class="student-page">
-    <!-- 页面头部 -->
-    <div class="page-header">
-      <div class="header-icon">
-        <el-icon><User /></el-icon>
-      </div>
-      <div class="header-content">
-        <h1>学生管理</h1>
-        <p>管理系统学生用户信息，支持学生账号的增删改查及数据初始化操作</p>
-      </div>
-    </div>
+    <div class="student-page">
+        <!-- 页面头部 -->
+        <div class="page-header">
+            <div class="header-icon">
+                <el-icon>
+                    <User />
+                </el-icon>
+            </div>
+            <div class="header-content">
+                <h1>学生管理</h1>
+                <p>管理系统学生用户信息，支持学生账号的增删改查及数据初始化操作</p>
+            </div>
+        </div>
 
-    <div class="query-bar">
-      <div class="query-item">
-        <span class="query-label">班级:</span>
-        <el-select v-model="paramsquery.schoolClassId" placeholder="" style="width: 14rem" clearable>
-          <el-option v-for="school in studentClassOptions" :key="school.schoolClassId" :label="school.className" :value="school.schoolClassId" />
-        </el-select>
-      </div>
-      <div class="query-item">
-        <span class="query-label">学生姓名:</span>
-        <el-input style="width: 14rem" v-model="paramsquery.name" placeholder="请输入"></el-input>
-      </div>
-      <div class="query-item">
-        <span class="query-label">学生学号:</span>
-        <el-input style="width: 14rem" v-model="paramsquery.userName" placeholder="请输入"></el-input>
-        <el-button @click="getList" type="primary" class="ml10">
-          <el-icon><Search /></el-icon>
-          搜索
-        </el-button>
-      </div>
-      <div class="btn-group">
-        <el-button type="primary" @click="addschool">
-          <el-icon><Plus /></el-icon>
-          新增
-        </el-button>
-        <el-upload action="/api/user/importTeacherStudents" :show-file-list="false" :before-upload="beforeImportStudents" :http-request="uploadStudents">
-          <el-button type="primary">
-            <el-icon><Upload /></el-icon>
-            导入
-          </el-button>
-        </el-upload>
-        <el-button type="warning" @click="exportTeacher">
-          <el-icon><Download /></el-icon>
-          导出
-        </el-button>
-        <el-button type="warning" @click="downloadTemplate">
-          <el-icon><Download /></el-icon>
-          模板下载
-        </el-button>
-        <el-button type="primary" @click="refresh">
-          <el-icon><Refresh /></el-icon>
-          刷新
-        </el-button>
-      </div>
+        <div class="query-bar">
+            <div class="query-item">
+                <span class="query-label">班级:</span>
+                <el-select v-model="paramsquery.schoolClassId" placeholder="" style="width: 14rem" clearable>
+                    <el-option v-for="school in studentClassOptions" :key="school.schoolClassId"
+                        :label="school.className" :value="school.schoolClassId" />
+                </el-select>
+            </div>
+            <div class="query-item">
+                <span class="query-label">学生姓名:</span>
+                <el-input style="width: 14rem" v-model="paramsquery.name" placeholder="请输入"></el-input>
+            </div>
+            <div class="query-item">
+                <span class="query-label">学生学号:</span>
+                <el-input style="width: 14rem" v-model="paramsquery.userName" placeholder="请输入"></el-input>
+                <el-button @click="getList" type="primary" class="ml10">
+                    <el-icon>
+                        <Search />
+                    </el-icon>
+                    搜索
+                </el-button>
+            </div>
+            <div class="btn-group">
+                <el-button type="primary" @click="addschool">
+                    <el-icon>
+                        <Plus />
+                    </el-icon>
+                    新增
+                </el-button>
+                <el-upload action="/api/user/importTeacherStudents" :show-file-list="false"
+                    :before-upload="beforeImportStudents" :http-request="uploadStudents">
+                    <el-button type="primary">
+                        <el-icon>
+                            <Upload />
+                        </el-icon>
+                        导入
+                    </el-button>
+                </el-upload>
+                <el-button type="warning" @click="exportTeacher">
+                    <el-icon>
+                        <Download />
+                    </el-icon>
+                    导出
+                </el-button>
+                <el-button type="warning" @click="downloadTemplate">
+                    <el-icon>
+                        <Download />
+                    </el-icon>
+                    模板下载
+                </el-button>
+                <el-button type="primary" @click="refresh">
+                    <el-icon>
+                        <Refresh />
+                    </el-icon>
+                    刷新
+                </el-button>
+            </div>
+        </div>
+        <el-table :data="tableData" border v-loading="loading" style="width: 100%" :header-cell-style="{
+            color: '#fff',
+            fontSize: '14px',
+            fontWeight: '600',
+            background: 'linear-gradient(135deg, #0099cc 0%, #006699 100%)',
+        }">
+            <el-table-column label="所属班级" prop="className" align="center"></el-table-column>
+            <el-table-column label="学生姓名" prop="name" align="center"></el-table-column>
+            <el-table-column label="学号" prop="username" align="center"></el-table-column>
+            <el-table-column label="账号来源" prop="codeFrom" align="center"></el-table-column>
+            <el-table-column label="创建日期" prop="createTime" align="center">
+                <template #default="{ row }">
+                    <span>{{ formatDate(row.createTime) }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center" width="500">
+                <template #default="{ row }">
+                    <div class="action-group">
+                        <el-button type="primary" @click="editSchool(row)">
+                            <el-icon>
+                                <Edit />
+                            </el-icon>
+                            编辑
+                        </el-button>
+                        <el-button type="danger" @click="delSchool(row)">
+                            <el-icon>
+                                <Delete />
+                            </el-icon>
+                            删除
+                        </el-button>
+                        <el-button type="success" @click="initPassword(row, 0)">
+                            <el-icon>
+                                <Lock />
+                            </el-icon>
+                            密码初始化
+                        </el-button>
+                        <el-button type="warning" @click="initPassword(row, 1)">
+                            <el-icon>
+                                <Refresh />
+                            </el-icon>
+                            数据初始化
+                        </el-button>
+                    </div>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination v-show="schoolTotal > 0" :total="schoolTotal" v-model:page="paramsquery.index"
+            v-model:limit="paramsquery.size" @pagination="getList" />
+        <el-dialog v-model="dialogVisible" width="560px" :title="status ? '新增学生' : '编辑学生'" class="teacher-dialog"
+            @close="onClose">
+            <el-form :model="formInline" class="demo-form-inline" ref="formInlineref" label-width="100px"
+                style="width: 80%" :rules="studentFormRules">
+                <template v-if="!isTeacherRosterMode">
+                    <el-form-item label="所属院系:" prop="schoolFacultyId">
+                        <el-select v-model="formInline.schoolFacultyId" placeholder="" clearable @change="getMajorList"
+                            style="width: 20rem" v-if="status">
+                            <el-option v-for="school in facultyList" :key="school.schoolId"
+                                :label="school.schoolFacultyName" :value="school.schoolFacultyId" />
+                        </el-select>
+                        <el-input v-else v-model="classInfo.name" style="width: 20rem" disabled></el-input>
+                    </el-form-item>
+                    <el-form-item label="所属专业:" prop="schoolMajorId">
+                        <el-select v-model="formInline.schoolMajorId" placeholder="" clearable style="width: 20rem"
+                            v-if="status" @change="getClassByMajor">
+                            <el-option v-for="major in majorList" :key="major.schoolMajorId"
+                                :label="major.schoolMajorName" :value="major.schoolMajorId" />
+                        </el-select>
+                        <el-input v-else v-model="classInfo.value" placeholder="请输入所属专业:" style="width: 20rem"
+                            disabled></el-input>
+                    </el-form-item>
+                    <el-form-item label="所属班级:" prop="schoolClassId">
+                        <el-select v-model="formInline.schoolClassId" placeholder="" clearable style="width: 20rem"
+                            v-if="status">
+                            <el-option v-for="major in classList1" :key="major.schoolClassId" :label="major.className"
+                                :value="major.schoolClassId" />
+                        </el-select>
+                        <el-input v-else v-model="classInfo.className" placeholder="请输入所属班级:" style="width: 20rem"
+                            disabled></el-input>
+                    </el-form-item>
+                </template>
+                <el-form-item v-if="isTeacherRosterMode" label="所属教学班:" prop="teachingClassId">
+                    <el-select v-model="formInline.teachingClassId" placeholder="请选择教学班" clearable style="width: 20rem">
+                        <el-option v-for="schoolClass in teachingClassOptions" :key="schoolClass.schoolClassId"
+                            :label="schoolClass.className" :value="schoolClass.schoolClassId" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="学生姓名:" prop="name">
+                    <el-input v-model="formInline.name" style="width: 20rem" placeholder=""></el-input>
+                </el-form-item>
+                <el-form-item label="学号:" prop="userName">
+                    <el-input v-model="formInline.userName" style="width: 20rem" placeholder=""></el-input>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footers">
+                    <el-button @click="dialogVisible = false">取消</el-button>
+                    <el-button type="primary" @click="submitForm">确定</el-button>
+                </span>
+            </template>
+        </el-dialog>
     </div>
-    <el-table
-      :data="tableData"
-      border
-      v-loading="loading"
-      style="width: 100%"
-      :header-cell-style="{
-        color: '#fff',
-        fontSize: '14px',
-        fontWeight: '600',
-        background: 'linear-gradient(135deg, #0099cc 0%, #006699 100%)',
-      }"
-    >
-      <el-table-column label="所属班级" prop="className" align="center"></el-table-column>
-      <el-table-column label="学生姓名" prop="name" align="center"></el-table-column>
-      <el-table-column label="学号" prop="username" align="center"></el-table-column>
-      <el-table-column label="账号来源" prop="codeFrom" align="center"></el-table-column>
-      <el-table-column label="创建日期" prop="createTime" align="center">
-        <template #default="{ row }">
-          <span>{{ formatDate(row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" align="center" width="500">
-        <template #default="{ row }">
-          <div class="action-group">
-            <el-button type="primary" @click="editSchool(row)">
-              <el-icon><Edit /></el-icon>
-              编辑
-            </el-button>
-            <el-button type="danger" @click="delSchool(row)">
-              <el-icon><Delete /></el-icon>
-              删除
-            </el-button>
-            <el-button type="success" @click="initPassword(row, 0)">
-              <el-icon><Lock /></el-icon>
-              密码初始化
-            </el-button>
-            <el-button type="warning" @click="initPassword(row, 1)">
-              <el-icon><Refresh /></el-icon>
-              数据初始化
-            </el-button>
-          </div>
-        </template>
-      </el-table-column>
-    </el-table>
-    <pagination v-show="schoolTotal > 0" :total="schoolTotal" v-model:page="paramsquery.index" v-model:limit="paramsquery.size" @pagination="getList" />
-    <el-dialog v-model="dialogVisible" width="560px" :title="status ? '新增学生' : '编辑学生'" class="teacher-dialog" @close="onClose">
-      <el-form :model="formInline" class="demo-form-inline" ref="formInlineref" label-width="100px" style="width: 80%" :rules="studentFormRules">
-        <template v-if="!isTeacherRosterMode">
-          <el-form-item label="所属院系:" prop="schoolFacultyId">
-            <el-select v-model="formInline.schoolFacultyId" placeholder="" clearable @change="getMajorList" style="width: 20rem" v-if="status">
-              <el-option v-for="school in facultyList" :key="school.schoolId" :label="school.schoolFacultyName" :value="school.schoolFacultyId" />
-            </el-select>
-            <el-input v-else v-model="classInfo.name" style="width: 20rem" disabled></el-input>
-          </el-form-item>
-          <el-form-item label="所属专业:" prop="schoolMajorId">
-            <el-select v-model="formInline.schoolMajorId" placeholder="" clearable style="width: 20rem" v-if="status" @change="getClassByMajor">
-              <el-option v-for="major in majorList" :key="major.schoolMajorId" :label="major.schoolMajorName" :value="major.schoolMajorId" />
-            </el-select>
-            <el-input v-else v-model="classInfo.value" placeholder="请输入所属专业:" style="width: 20rem" disabled></el-input>
-          </el-form-item>
-          <el-form-item label="所属班级:" prop="schoolClassId">
-            <el-select v-model="formInline.schoolClassId" placeholder="" clearable style="width: 20rem" v-if="status">
-              <el-option v-for="major in classList1" :key="major.schoolClassId" :label="major.className" :value="major.schoolClassId" />
-            </el-select>
-            <el-input v-else v-model="classInfo.className" placeholder="请输入所属班级:" style="width: 20rem" disabled></el-input>
-          </el-form-item>
-        </template>
-        <el-form-item v-if="isTeacherRosterMode" label="所属教学班:" prop="teachingClassId">
-          <el-select v-model="formInline.teachingClassId" placeholder="请选择教学班" clearable style="width: 20rem">
-            <el-option v-for="schoolClass in teachingClassOptions" :key="schoolClass.schoolClassId" :label="schoolClass.className" :value="schoolClass.schoolClassId" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="学生姓名:" prop="name">
-          <el-input v-model="formInline.name" style="width: 20rem" placeholder=""></el-input>
-        </el-form-item>
-        <el-form-item label="学号:" prop="userName">
-          <el-input v-model="formInline.userName" style="width: 20rem" placeholder=""></el-input>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <span class="dialog-footers">
-          <el-button @click="dialogVisible = false">取消</el-button>
-          <el-button type="primary" @click="submitForm">确定</el-button>
-        </span>
-      </template>
-    </el-dialog>
-  </div>
 </template>
 <script setup>
-import { Search, Plus, Refresh, Edit, Delete, Lock } from "@element-plus/icons-vue";
-import { formatDate } from "@/utils/index";
-import { ElMessageBox } from "element-plus";
-const { proxy } = getCurrentInstance();
-import useUserStore from "@/store/modules/user";
-const userStore = useUserStore();
-const currentUserId = computed(() => userStore.userInfo.userId);
-const currentSchoolId = computed(() => userStore.userInfo.schoolId);
-const isTeacherRosterMode = computed(() => userStore.schoolProductConfig?.studentRosterOwner === "TEACHER");
-const isManagerTeacher = computed(() => userStore.userInfo.teacherAdmin === true);
-import * as indexApi from "@/api/teacher";
-const dialogVisible = ref(false);
-const loading = ref(false);
+import { Search, Plus, Refresh, Edit, Delete, Lock } from "@element-plus/icons-vue"
+import { formatDate } from "@/utils/index"
+import { ElMessageBox } from "element-plus"
+const { proxy } = getCurrentInstance()
+import useUserStore from "@/store/modules/user"
+const userStore = useUserStore()
+const currentUserId = computed(() => userStore.userInfo.userId)
+const currentSchoolId = computed(() => userStore.userInfo.schoolId)
+const isTeacherRosterMode = computed(() => userStore.schoolProductConfig?.studentRosterOwner === "TEACHER")
+const isManagerTeacher = computed(() => userStore.userInfo.teacherAdmin === true)
+import * as indexApi from "@/api/teacher"
+const dialogVisible = ref(false)
+const loading = ref(false)
 const formInline = ref({
-  schoolFacultyId: "",
-  schoolId: userStore.userInfo.schoolId,
-  schoolMajorId: "",
-  schoolMajorName: "",
-  schoolClassId: "",
-  teachingClassId: "",
-  schoolName: "",
-  userName: "",
-});
+    schoolFacultyId: "",
+    schoolId: userStore.userInfo.schoolId,
+    schoolMajorId: "",
+    schoolMajorName: "",
+    schoolClassId: "",
+    teachingClassId: "",
+    schoolName: "",
+    userName: "",
+})
 const createEmptyForm = () => ({
-  schoolFacultyId: "",
-  schoolId: currentSchoolId.value,
-  schoolMajorId: "",
-  schoolMajorName: "",
-  schoolClassId: "",
-  teachingClassId: "",
-  schoolName: "",
-  userName: "",
-  name: "",
-});
+    schoolFacultyId: "",
+    schoolId: currentSchoolId.value,
+    schoolMajorId: "",
+    schoolMajorName: "",
+    schoolClassId: "",
+    teachingClassId: "",
+    schoolName: "",
+    userName: "",
+    name: "",
+})
 const organizationRules = {
-  schoolFacultyId: [{ required: true, message: "请选择所属院系", trigger: "change" }],
-  schoolMajorId: [{ required: true, message: "请选择所属专业", trigger: "change" }],
-  schoolClassId: [{ required: true, message: "请选择所属班级", trigger: "change" }],
-};
+    schoolFacultyId: [{ required: true, message: "请选择所属院系", trigger: "change" }],
+    schoolMajorId: [{ required: true, message: "请选择所属专业", trigger: "change" }],
+    schoolClassId: [{ required: true, message: "请选择所属班级", trigger: "change" }],
+}
 const studentIdentityRules = {
-  name: [{ required: true, message: "请输入学生姓名", trigger: "blur" }],
-  userName: [{ required: true, message: "请输入学号", trigger: "blur" }],
-};
+    name: [{ required: true, message: "请输入学生姓名", trigger: "blur" }],
+    userName: [{ required: true, message: "请输入学号", trigger: "blur" }],
+}
 const teacherRosterRules = {
-  ...studentIdentityRules,
-  teachingClassId: [{ required: true, message: "请选择所属教学班", trigger: "change" }],
-};
-const studentFormRules = computed(() => (isTeacherRosterMode.value ? teacherRosterRules : { ...organizationRules, ...studentIdentityRules }));
+    ...studentIdentityRules,
+    teachingClassId: [{ required: true, message: "请选择所属教学班", trigger: "change" }],
+}
+const studentFormRules = computed(() => (isTeacherRosterMode.value ? teacherRosterRules : { ...organizationRules, ...studentIdentityRules }))
 const paramsquery = ref({
-  index: 1,
-  size: 10,
-  schoolId: userStore.userInfo.schoolId,
-});
-const classInfo = ref({});
-const schoolTotal = ref(0);
+    index: 1,
+    size: 10,
+    schoolId: userStore.userInfo.schoolId,
+})
+const classInfo = ref({})
+const schoolTotal = ref(0)
 function buildStudentImportFormData(file) {
-  const formData = new FormData();
-  formData.append("file", file);
-  formData.append("operatorId", currentUserId.value);
-  return formData;
+    const formData = new FormData()
+    formData.append("file", file)
+    formData.append("operatorId", currentUserId.value)
+    return formData
 }
 // 新增编辑状态
-const status = ref(false);
+const status = ref(false)
 // 院校list
-const tableData = ref([]);
+const tableData = ref([])
 // 获取院校列表
 const getList = () => {
-  indexApi.getStudentList({ ...paramsquery.value, operatorId: currentUserId.value }).then((res) => {
-    tableData.value = res.data.list;
-    schoolTotal.value = res.data.total;
-  });
-};
+    indexApi.getStudentList({ ...paramsquery.value, operatorId: currentUserId.value }).then((res) => {
+        tableData.value = res.data.list
+        schoolTotal.value = res.data.total
+    })
+}
 // 删除院校
 const delSchool = (id) => {
-  indexApi.deleteStudent({ userId: id.userId, operatorId: currentUserId.value, teachingClassId: resolveRowTeachingClassId(id) }).then((res) => {
-    proxy.$message.success("删除成功");
-    getList();
-  });
-};
+    indexApi.deleteStudent({ userId: id.userId, operatorId: currentUserId.value, teachingClassId: resolveRowTeachingClassId(id) }).then((res) => {
+        proxy.$message.success("删除成功")
+        getList()
+    })
+}
 // 新增院校
 const addschool = () => {
-  formInline.value = createEmptyForm();
-  classInfo.value = {};
-  classList1.value = [];
-  dialogVisible.value = true;
-  status.value = true;
-};
+    formInline.value = createEmptyForm()
+    classInfo.value = {}
+    classList1.value = []
+    dialogVisible.value = true
+    status.value = true
+}
 const editSchool = (row) => {
-  console.log(row);
-  let data = { ...row };
-  formInline.value = data;
-  formInline.value.userName = row.username;
-  formInline.value.teachingClassId = isTeacherRosterMode.value ? row.teachingClassId || currentTeachingClassId() : "";
-  classInfo.value = {
-    className: row.className || row.schoolClassName || "",
-  };
-  dialogVisible.value = true;
-  status.value = false;
-  if (!isTeacherRosterMode.value && row.schoolMajorId) {
-    indexApi.getFacultyAndMajorName({ schoolMajorId: row.schoolMajorId }).then((res) => {
-      classInfo.value.name = Object.keys(res.data)[0];
-      classInfo.value.value = Object.values(res.data)[0];
-    });
-  }
-};
+    console.log(row)
+    let data = { ...row }
+    formInline.value = data
+    formInline.value.userName = row.username
+    formInline.value.teachingClassId = isTeacherRosterMode.value ? row.teachingClassId || currentTeachingClassId() : ""
+    classInfo.value = {
+        className: row.className || row.schoolClassName || "",
+    }
+    dialogVisible.value = true
+    status.value = false
+    if (!isTeacherRosterMode.value && row.schoolMajorId) {
+        indexApi.getFacultyAndMajorName({ schoolMajorId: row.schoolMajorId }).then((res) => {
+            classInfo.value.name = Object.keys(res.data)[0]
+            classInfo.value.value = Object.values(res.data)[0]
+        })
+    }
+}
 const add = () => {
-  formInline.value.schoolId = currentSchoolId.value;
-  formInline.value.operatorId = currentUserId.value;
-  if (isTeacherRosterMode.value) {
-    indexApi.addTeacherRosterStudent(formInline.value).then((res) => {
-      proxy.$message.success("添加成功");
-      dialogVisible.value = false;
-      getList();
-    });
-    return;
-  }
-  formInline.value.schoolMajorName = majorList.value?.filter((item) => item.schoolMajorId == formInline.value.schoolMajorId)[0].schoolMajorName;
-  formInline.value.schoolClassName = classList1.value?.filter((item) => item.schoolClassId == formInline.value.schoolClassId)[0].className;
-  formInline.value.userId = currentUserId.value;
-  indexApi.addStudent(formInline.value).then((res) => {
-    proxy.$message.success("添加成功");
-    dialogVisible.value = false;
-    getList();
-  });
-};
+    formInline.value.schoolId = currentSchoolId.value
+    formInline.value.operatorId = currentUserId.value
+    if (isTeacherRosterMode.value) {
+        indexApi.addTeacherRosterStudent(formInline.value).then((res) => {
+            proxy.$message.success("添加成功")
+            dialogVisible.value = false
+            getList()
+        })
+        return
+    }
+    formInline.value.schoolMajorName = majorList.value?.filter((item) => item.schoolMajorId == formInline.value.schoolMajorId)[0].schoolMajorName
+    formInline.value.schoolClassName = classList1.value?.filter((item) => item.schoolClassId == formInline.value.schoolClassId)[0].className
+    formInline.value.userId = currentUserId.value
+    indexApi.addStudent(formInline.value).then((res) => {
+        proxy.$message.success("添加成功")
+        dialogVisible.value = false
+        getList()
+    })
+}
 const edit = () => {
-  formInline.value.status = true;
-  formInline.value.operatorId = currentUserId.value;
-  if (isTeacherRosterMode.value) {
-    indexApi.updateTeacherRosterStudent(formInline.value).then((res) => {
-      proxy.$message.success("编辑成功");
-      dialogVisible.value = false;
-      getList();
-    });
-    return;
-  }
-  formInline.value.teachingClassId = currentTeachingClassId();
-  indexApi.updateStudent(formInline.value).then((res) => {
-    proxy.$message.success("编辑成功");
-    dialogVisible.value = false;
-    getList();
-  });
-};
+    formInline.value.status = true
+    formInline.value.operatorId = currentUserId.value
+    if (isTeacherRosterMode.value) {
+        indexApi.updateTeacherRosterStudent(formInline.value).then((res) => {
+            proxy.$message.success("编辑成功")
+            dialogVisible.value = false
+            getList()
+        })
+        return
+    }
+    formInline.value.teachingClassId = currentTeachingClassId()
+    indexApi.updateStudent(formInline.value).then((res) => {
+        proxy.$message.success("编辑成功")
+        dialogVisible.value = false
+        getList()
+    })
+}
 // 提交
 const submitForm = () => {
-  proxy.$refs.formInlineref.validate((valid) => {
-    if (valid) {
-      status.value ? add() : edit();
-    } else {
-      return false;
-    }
-  });
-};
+    proxy.$refs.formInlineref.validate((valid) => {
+        if (valid) {
+            status.value ? add() : edit()
+        } else {
+            return false
+        }
+    })
+}
 const onClose = () => {
-  formInline.value = createEmptyForm();
-  classInfo.value = {};
-  classList1.value = [];
-  dialogVisible.value = false;
-};
+    formInline.value = createEmptyForm()
+    classInfo.value = {}
+    classList1.value = []
+    dialogVisible.value = false
+}
 // 刷新
 const refresh = () => {
-  loading.value = true;
-  setTimeout(() => {
-    loading.value = false;
-    getList();
-  }, 2000);
-};
+    loading.value = true
+    setTimeout(() => {
+        loading.value = false
+        getList()
+    }, 2000)
+}
 // 查询院系下拉列表
-const facultyList = ref([]);
+const facultyList = ref([])
 const getFacultyList = () => {
-  indexApi.seleteSchoolFacultyList({ schoolId: userStore.userInfo.schoolId }).then((res) => {
-    facultyList.value = res.data;
-  });
-};
+    indexApi.seleteSchoolFacultyList({ schoolId: userStore.userInfo.schoolId }).then((res) => {
+        facultyList.value = res.data
+    })
+}
 // 专业下拉框
-const majorList = ref([]);
+const majorList = ref([])
 const getMajorList = () => {
-  if (!formInline.value.schoolFacultyId) return;
-  paramsquery.value.schoolMajorId = "";
-  indexApi.getMajorListBySchoolId({ schoolFacultyId: formInline.value.schoolFacultyId }).then((res) => {
-    majorList.value = res.data;
-  });
-};
+    if (!formInline.value.schoolFacultyId) return
+    paramsquery.value.schoolMajorId = ""
+    indexApi.getMajorListBySchoolId({ schoolFacultyId: formInline.value.schoolFacultyId }).then((res) => {
+        majorList.value = res.data
+    })
+}
 const uploadStudents = (options) => {
-  if (isTeacherRosterMode.value) {
-    const formData = new FormData();
-    formData.append("file", options.file);
-    return indexApi.importTeacherRosterStudents(formData).then((res) => {
-      handleSuccess(res);
-    });
-  }
-  const formData = buildStudentImportFormData(options.file);
-  return indexApi.importTeacherStudents(formData).then((res) => {
-    handleSuccess(res);
-  });
-};
+    if (isTeacherRosterMode.value) {
+        const formData = new FormData()
+        formData.append("file", options.file)
+        return indexApi.importTeacherRosterStudents(formData).then((res) => {
+            handleSuccess(res)
+        })
+    }
+    const formData = buildStudentImportFormData(options.file)
+    return indexApi.importTeacherStudents(formData).then((res) => {
+        handleSuccess(res)
+    })
+}
 const handleSuccess = (res, file) => {
-  if (res?.statusCode && res.statusCode !== "OK" && res.statusCode !== 200) {
-    proxy.$message.error(res?.message || "导入失败");
-    return;
-  }
-  getList();
-  proxy.$modal.msgSuccess("导入成功");
-};
+    if (res?.statusCode && res.statusCode !== "OK" && res.statusCode !== 200) {
+        proxy.$message.error(res?.message || "导入失败")
+        return
+    }
+    getList()
+    proxy.$modal.msgSuccess("导入成功")
+}
 // 导出教师账号
 const exportTeacher = () => {
-  indexApi.exportStudentList({ schoolId: userStore.userInfo.schoolId, operatorId: currentUserId.value, schoolClassId: currentTeachingClassId() }).then((res) => {
-    const blob = new Blob([res], { type: "application/vnd.ms-excel" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = url;
-    link.setAttribute("download", "学生信息表格.xlsx");
-    link.click();
-    URL.revokeObjectURL(url);
-  });
-};
+    indexApi.exportStudentList({ schoolId: userStore.userInfo.schoolId, operatorId: currentUserId.value, schoolClassId: currentTeachingClassId() }).then((res) => {
+        const blob = new Blob([res], { type: "application/vnd.ms-excel" })
+        const url = URL.createObjectURL(blob)
+        const link = document.createElement("a")
+        link.href = url
+        link.setAttribute("download", "学生信息表格.xlsx")
+        link.click()
+        URL.revokeObjectURL(url)
+    })
+}
 // 导入模版下载
 const buildOwnedAdminClassRows = async () => {
-  const majorGroups = await Promise.all(
-    facultyList.value.map((faculty) =>
-      indexApi
-        .getMajorListBySchoolId({ schoolFacultyId: faculty.schoolFacultyId })
-        .then((res) => (res.data || []).map((major) => ({ ...major, schoolFacultyName: faculty.schoolFacultyName })))
-        .catch(() => []),
-    ),
-  );
-  const allMajors = majorGroups.flat();
-  return classList.value
-    .filter((item) => canUseAdminClassForStudent(item))
-    .map((item) => {
-      const major = allMajors.find((majorItem) => majorItem.schoolMajorId === item.schoolMajorId) || majorList.value.find((majorItem) => majorItem.schoolMajorId === item.schoolMajorId);
-      const faculty = facultyList.value.find((facultyItem) => facultyItem.schoolFacultyId === (major?.schoolFacultyId || item.schoolFacultyId));
-      return [faculty?.schoolFacultyName || item.schoolFacultyName || "", major?.schoolMajorName || item.schoolMajorName || "", item.className || ""];
-    })
-    .filter((row) => row.every(Boolean));
-};
+    const majorGroups = await Promise.all(
+        facultyList.value.map((faculty) =>
+            indexApi
+                .getMajorListBySchoolId({ schoolFacultyId: faculty.schoolFacultyId })
+                .then((res) => (res.data || []).map((major) => ({ ...major, schoolFacultyName: faculty.schoolFacultyName })))
+                .catch(() => []),
+        ),
+    )
+    const allMajors = majorGroups.flat()
+    return classList.value
+        .filter((item) => canUseAdminClassForStudent(item))
+        .map((item) => {
+            const major = allMajors.find((majorItem) => majorItem.schoolMajorId === item.schoolMajorId) || majorList.value.find((majorItem) => majorItem.schoolMajorId === item.schoolMajorId)
+            const faculty = facultyList.value.find((facultyItem) => facultyItem.schoolFacultyId === (major?.schoolFacultyId || item.schoolFacultyId))
+            return [faculty?.schoolFacultyName || item.schoolFacultyName || "", major?.schoolMajorName || item.schoolMajorName || "", item.className || ""]
+        })
+        .filter((row) => row.every(Boolean))
+}
 
 const downloadTemplate = async () => {
-  const XLSX = await import("xlsx");
-  if (isTeacherRosterMode.value) {
-    const exampleClassName = teachingClassOptions.value[0]?.className || "教学一班";
+    const XLSX = await import("xlsx")
+    if (isTeacherRosterMode.value) {
+        const exampleClassName = teachingClassOptions.value[0]?.className || "教学一班"
+        const templateSheet = XLSX.utils.aoa_to_sheet([
+            ["学生姓名", "学号", "班级"],
+            ["张三", "20260001", exampleClassName],
+        ])
+        templateSheet["!cols"] = [{ wch: 16 }, { wch: 18 }, { wch: 20 }]
+        const workbook = XLSX.utils.book_new()
+        XLSX.utils.book_append_sheet(workbook, templateSheet, "学生导入模板")
+        XLSX.writeFile(workbook, "学生账号导入模板.xlsx")
+        return
+    }
+    const adminClassRows = await buildOwnedAdminClassRows()
+    const firstAdminClass = adminClassRows[0] || ["电子商务学院", "电子商务", "行政一班"]
     const templateSheet = XLSX.utils.aoa_to_sheet([
-      ["学生姓名", "学号", "班级"],
-      ["张三", "20260001", exampleClassName],
-    ]);
-    templateSheet["!cols"] = [{ wch: 16 }, { wch: 18 }, { wch: 20 }];
-    const workbook = XLSX.utils.book_new();
-    XLSX.utils.book_append_sheet(workbook, templateSheet, "学生导入模板");
-    XLSX.writeFile(workbook, "学生账号导入模板.xlsx");
-    return;
-  }
-  const adminClassRows = await buildOwnedAdminClassRows();
-  const firstAdminClass = adminClassRows[0] || ["电子商务学院", "电子商务", "行政一班"];
-  const templateSheet = XLSX.utils.aoa_to_sheet([
-    ["姓名", "学号", "性别", "所属院系", "所属专业", "所属班级"],
-    ["张三", "20260001", "男", firstAdminClass[0], firstAdminClass[1], firstAdminClass[2]],
-  ]);
-  templateSheet["!cols"] = [{ wch: 14 }, { wch: 18 }, { wch: 10 }, { wch: 24 }, { wch: 24 }, { wch: 20 }];
-  const dataRows = adminClassRows.length ? adminClassRows : [["暂无可导入行政班", "请先维护专业", "请先创建行政班"]];
-  const dataSheet = XLSX.utils.aoa_to_sheet([["所属院系", "所属专业", "所属班级"], ...dataRows]);
-  dataSheet["!cols"] = [{ wch: 28 }, { wch: 28 }, { wch: 24 }];
-  const guideSheet = XLSX.utils.aoa_to_sheet([["填写说明"], ["1. 本模板用于学生账号导入，不要填写任何数据ID。"], ["2. 所属院系、所属专业、所属班级请使用基础数据页中的名称。"], ["3. 只能导入本校行政班，不能导入教学班或其他学校的班级。"], ["4. 性别可填写男、女，也可留空。"], ["5. 任意一行校验失败时，整批导入失败并返回失败原因。"]]);
-  guideSheet["!cols"] = [{ wch: 76 }];
-  const workbook = XLSX.utils.book_new();
-  XLSX.utils.book_append_sheet(workbook, templateSheet, "学生导入模板");
-  XLSX.utils.book_append_sheet(workbook, dataSheet, "基础数据");
-  XLSX.utils.book_append_sheet(workbook, guideSheet, "填写说明");
-  XLSX.writeFile(workbook, "学生账号导入模板.xlsx");
-};
+        ["姓名", "学号", "性别", "所属院系", "所属专业", "所属班级"],
+        ["张三", "20260001", "男", firstAdminClass[0], firstAdminClass[1], firstAdminClass[2]],
+    ])
+    templateSheet["!cols"] = [{ wch: 14 }, { wch: 18 }, { wch: 10 }, { wch: 24 }, { wch: 24 }, { wch: 20 }]
+    const dataRows = adminClassRows.length ? adminClassRows : [["暂无可导入行政班", "请先维护专业", "请先创建行政班"]]
+    const dataSheet = XLSX.utils.aoa_to_sheet([["所属院系", "所属专业", "所属班级"], ...dataRows])
+    dataSheet["!cols"] = [{ wch: 28 }, { wch: 28 }, { wch: 24 }]
+    const guideSheet = XLSX.utils.aoa_to_sheet([["填写说明"], ["1. 本模板用于学生账号导入，不要填写任何数据ID。"], ["2. 所属院系、所属专业、所属班级请使用基础数据页中的名称。"], ["3. 只能导入本校行政班，不能导入教学班或其他学校的班级。"], ["4. 性别可填写男、女，也可留空。"], ["5. 任意一行校验失败时，整批导入失败并返回失败原因。"]])
+    guideSheet["!cols"] = [{ wch: 76 }]
+    const workbook = XLSX.utils.book_new()
+    XLSX.utils.book_append_sheet(workbook, templateSheet, "学生导入模板")
+    XLSX.utils.book_append_sheet(workbook, dataSheet, "基础数据")
+    XLSX.utils.book_append_sheet(workbook, guideSheet, "填写说明")
+    XLSX.writeFile(workbook, "学生账号导入模板.xlsx")
+}
 
-const classList = ref([]);
+const classList = ref([])
 const normalizeClassType = (schoolClass) => {
-  if (schoolClass?.classType) return schoolClass.classType;
-  return schoolClass?.createdBy ? "TEACHING" : "ADMIN";
-};
-const sameValue = (left, right) => String(left || "") === String(right || "");
+    if (schoolClass?.classType) return schoolClass.classType
+    return schoolClass?.createdBy ? "TEACHING" : "ADMIN"
+}
+const sameValue = (left, right) => String(left || "") === String(right || "")
 const canUseAdminClassForStudent = (schoolClass) => {
-  if (normalizeClassType(schoolClass) !== "ADMIN") return false;
-  return !schoolClass?.schoolId || sameValue(schoolClass.schoolId, currentSchoolId.value);
-};
-const classMap = computed(() => new Map(classList.value.map((item) => [item.schoolClassId, item])));
-const teachingClassOptions = computed(() => classList.value.filter((schoolClass) => normalizeClassType(schoolClass) === "TEACHING" && sameValue(schoolClass.schoolId, currentSchoolId.value) && (isManagerTeacher.value || sameValue(schoolClass.createdBy, currentUserId.value))));
-const studentClassOptions = computed(() => teachingClassOptions.value);
+    if (normalizeClassType(schoolClass) !== "ADMIN") return false
+    return !schoolClass?.schoolId || sameValue(schoolClass.schoolId, currentSchoolId.value)
+}
+const classMap = computed(() => new Map(classList.value.map((item) => [item.schoolClassId, item])))
+const teachingClassOptions = computed(() => classList.value.filter((schoolClass) => normalizeClassType(schoolClass) === "TEACHING" && sameValue(schoolClass.schoolId, currentSchoolId.value) && (isManagerTeacher.value || sameValue(schoolClass.createdBy, currentUserId.value))))
+const studentClassOptions = computed(() => teachingClassOptions.value)
 const currentTeachingClassId = () => {
-  const selectedClass = classMap.value.get(paramsquery.value.schoolClassId);
-  return selectedClass && normalizeClassType(selectedClass) === "TEACHING" ? selectedClass.schoolClassId : "";
-};
-const resolveRowTeachingClassId = (row) => currentTeachingClassId() || row?.teachingClassId || "";
+    const selectedClass = classMap.value.get(paramsquery.value.schoolClassId)
+    return selectedClass && normalizeClassType(selectedClass) === "TEACHING" ? selectedClass.schoolClassId : ""
+}
+const resolveRowTeachingClassId = (row) => currentTeachingClassId() || row?.teachingClassId || ""
 const beforeImportStudents = (file) => {
-  if (!/\.(xls|xlsx)$/i.test(file.name)) {
-    proxy.$message.warning("请选择xls或xlsx格式文件");
-    return false;
-  }
-  return true;
-};
+    if (!/\.(xls|xlsx)$/i.test(file.name)) {
+        proxy.$message.warning("请选择xls或xlsx格式文件")
+        return false
+    }
+    return true
+}
 const getClassList = () => {
-  indexApi.getClassListBySchoolId({ schoolId: userStore.userInfo.schoolId }).then((res) => {
-    classList.value = res.data;
-  });
-};
-const classList1 = ref([]);
+    indexApi.getClassListBySchoolId({ schoolId: userStore.userInfo.schoolId }).then((res) => {
+        classList.value = res.data
+    })
+}
+const classList1 = ref([])
 // 根据专业查班级
 const getClassByMajor = () => {
-  if (!formInline.value.schoolMajorId) return;
-  formInline.value.schoolClassId = "";
-  indexApi.getClassListByMajorId({ schoolMajorId: formInline.value.schoolMajorId }).then((res) => {
-    classList1.value = (res.data || []).filter((item) => canUseAdminClassForStudent(item));
-  });
-};
+    if (!formInline.value.schoolMajorId) return
+    formInline.value.schoolClassId = ""
+    indexApi.getClassListByMajorId({ schoolMajorId: formInline.value.schoolMajorId }).then((res) => {
+        classList1.value = (res.data || []).filter((item) => canUseAdminClassForStudent(item))
+    })
+}
 //初始化密码
 const initPassword = (row, status) => {
-  if (status == 0) {
-    ElMessageBox.confirm("确定初始化密码吗?", "提示", {
-      confirmButtonText: "确定",
-      cancelButtonText: "取消",
-      type: "warning",
-    })
-      .then(() => {
-        indexApi.initStudentPassword({ userId: row.userId, operatorId: currentUserId.value, teachingClassId: resolveRowTeachingClassId(row) }).then((res) => {
-          proxy.$message.success("密码初始化成功");
-          getList();
-        });
-      })
-      .catch(() => {});
-  } else {
-    ElMessageBox.confirm("确定初始化当前学生数据吗?", "提示", {
-      confirmButtonText: "确定",
-      cancelButtonText: "取消",
-      type: "warning",
-    })
-      .then(() => {
-        const teachingClassId = resolveRowTeachingClassId(row);
-        if (!teachingClassId) {
-          proxy.$message.warning("请先选择教学班");
-          return;
-        }
-        indexApi
-          .initializeTeachingClassStudentTrainingData({
-            teachingClassId,
-            studentUserId: row.userId,
-            operatorId: currentUserId.value,
-          })
-          .then((res) => {
-            proxy.$message.success("初始化成功");
-            getList();
-          });
-      })
-      .catch(() => {});
-  }
-};
+    if (status == 0) {
+        ElMessageBox.confirm("确定初始化密码吗?", "提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+        })
+            .then(() => {
+                indexApi.initStudentPassword({ userId: row.userId, operatorId: currentUserId.value, teachingClassId: resolveRowTeachingClassId(row) }).then((res) => {
+                    proxy.$message.success("密码初始化成功")
+                    getList()
+                })
+            })
+            .catch(() => { })
+    } else {
+        ElMessageBox.confirm("确定初始化当前学生数据吗?", "提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+        })
+            .then(() => {
+                const teachingClassId = resolveRowTeachingClassId(row)
+                if (!teachingClassId) {
+                    proxy.$message.warning("请先选择教学班")
+                    return
+                }
+                indexApi
+                    .initializeTeachingClassStudentTrainingData({
+                        teachingClassId,
+                        studentUserId: row.userId,
+                        operatorId: currentUserId.value,
+                    })
+                    .then((res) => {
+                        proxy.$message.success("初始化成功")
+                        getList()
+                    })
+            })
+            .catch(() => { })
+    }
+}
 onMounted(async () => {
-  await userStore.ensureSchoolProductConfig().catch(() => null);
-  getList();
-  getClassList();
-  if (!isTeacherRosterMode.value) {
-    getFacultyList();
-  }
-});
+    await userStore.ensureSchoolProductConfig().catch(() => null)
+    getList()
+    getClassList()
+    if (!isTeacherRosterMode.value) {
+        getFacultyList()
+    }
+})
 </script>
 <style lang="scss" scoped>
 .student-page {
-  padding: 20px;
-  min-height: calc(100vh - 70px);
+    min-height: calc(100vh - 70px);
 
-  // 页面头部卡片
-  .page-header {
-    display: flex;
-    align-items: center;
-    gap: 20px;
-    padding: 24px 28px;
-    background: linear-gradient(135deg, rgba(8, 24, 39, 0.9) 0%, rgba(6, 17, 29, 0.9) 100%);
-    border-radius: 16px;
-    margin-bottom: 20px;
-    border: 1px solid rgba(0, 200, 255, 0.2);
-    box-shadow:
-      0 8px 32px rgba(0, 0, 0, 0.4),
-      inset 0 1px 0 rgba(255, 255, 255, 0.05);
+    // 页面头部卡片
+    .page-header {
+        display: flex;
+        align-items: center;
+        gap: 20px;
+        padding: 24px 28px;
+        background: linear-gradient(135deg, rgba(8, 24, 39, 0.9) 0%, rgba(6, 17, 29, 0.9) 100%);
+        border-radius: 16px;
+        margin-bottom: 20px;
+        border: 1px solid rgba(0, 200, 255, 0.2);
+        box-shadow:
+            0 8px 32px rgba(0, 0, 0, 0.4),
+            inset 0 1px 0 rgba(255, 255, 255, 0.05);
 
-    .header-icon {
-      width: 60px;
-      height: 60px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
-      border-radius: 14px;
-      font-size: 30px;
-      color: #0a0f1c;
-      box-shadow: 0 0 30px rgba(0, 212, 255, 0.4);
-    }
+        .header-icon {
+            width: 60px;
+            height: 60px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);
+            border-radius: 14px;
+            font-size: 30px;
+            color: #0a0f1c;
+            box-shadow: 0 0 30px rgba(0, 212, 255, 0.4);
+        }
 
-    .header-content {
-      h1 {
-        margin: 0 0 6px 0;
-        font-size: 24px;
-        font-weight: 700;
-        color: #fff;
-        letter-spacing: 2px;
-        text-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
-      }
-      p {
-        margin: 0;
-        font-size: 14px;
-        color: rgba(255, 255, 255, 0.5);
-      }
+        .header-content {
+            h1 {
+                margin: 0 0 6px 0;
+                font-size: 24px;
+                font-weight: 700;
+                color: #fff;
+                letter-spacing: 2px;
+                text-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
+            }
+
+            p {
+                margin: 0;
+                font-size: 14px;
+                color: rgba(255, 255, 255, 0.5);
+            }
+        }
     }
-  }
 
-  // 搜索栏
-  .query-bar {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 16px;
-    padding: 20px 24px;
-    background: rgba(6, 17, 29, 0.6);
-    border-radius: 14px;
-    margin-bottom: 16px;
-    border: 1px solid rgba(0, 200, 255, 0.15);
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+    // 搜索栏
+    .query-bar {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 16px;
+        padding: 20px 24px;
+        background: rgba(6, 17, 29, 0.6);
+        border-radius: 14px;
+        margin-bottom: 16px;
+        border: 1px solid rgba(0, 200, 255, 0.15);
+        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
 
-    .query-item {
-      display: flex;
-      align-items: center;
-      gap: 8px;
+        .query-item {
+            display: flex;
+            align-items: center;
+            gap: 8px;
 
-      .query-label {
-        color: rgba(255, 255, 255, 0.7);
-        font-size: 14px;
-        white-space: nowrap;
-      }
-    }
+            .query-label {
+                color: rgba(255, 255, 255, 0.7);
+                font-size: 14px;
+                white-space: nowrap;
+            }
+        }
 
-    .btn-group {
-      margin-left: auto;
-      display: flex;
-      gap: 10px;
+        .btn-group {
+            margin-left: auto;
+            display: flex;
+            gap: 10px;
+        }
     }
-  }
 
-  // 表格样式
-  .el-table {
-    border-radius: 14px;
-    overflow: hidden;
-    background: transparent;
-    border: 1px solid rgba(0, 200, 255, 0.15);
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+    // 表格样式
+    .el-table {
+        border-radius: 14px;
+        overflow: hidden;
+        background: transparent;
+        border: 1px solid rgba(0, 200, 255, 0.15);
+        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
 
-    :deep(.el-table__header-wrapper th) {
-      background: transparent;
-      color: #fff;
-      font-weight: 600;
-      border: none !important;
-      padding: 14px 0;
-      font-size: 14px;
-      text-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
-    }
+        :deep(.el-table__header-wrapper th) {
+            background: transparent;
+            color: #fff;
+            font-weight: 600;
+            border: none !important;
+            padding: 14px 0;
+            font-size: 14px;
+            text-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
+        }
 
-    :deep(.el-table__body-wrapper tr) {
-      background: transparent;
-      transition: all 0.3s ease;
+        :deep(.el-table__body-wrapper tr) {
+            background: transparent;
+            transition: all 0.3s ease;
 
-      &:hover > td {
-        background: rgba(0, 212, 255, 0.08) !important;
-      }
-    }
+            &:hover>td {
+                background: rgba(0, 212, 255, 0.08) !important;
+            }
+        }
 
-    :deep(.el-table__row td) {
-      padding: 14px 0;
-      border-bottom: 1px solid rgba(0, 200, 255, 0.1) !important;
-      background: transparent !important;
-    }
+        :deep(.el-table__row td) {
+            padding: 14px 0;
+            border-bottom: 1px solid rgba(0, 200, 255, 0.1) !important;
+            background: transparent !important;
+        }
 
-    :deep(.el-table__cell) {
-      font-size: 14px;
-      color: rgba(255, 255, 255, 0.85);
-      background: transparent !important;
-      border: none !important;
+        :deep(.el-table__cell) {
+            font-size: 14px;
+            color: rgba(255, 255, 255, 0.85);
+            background: transparent !important;
+            border: none !important;
+        }
     }
-  }
 
-  // 操作按钮组
-  .action-group {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    flex-wrap: wrap;
-  }
+    // 操作按钮组
+    .action-group {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        flex-wrap: wrap;
+    }
 
-  // 按钮样式
-  .el-button {
-    display: inline-flex;
-    align-items: center;
-    gap: 5px;
-    border-radius: 8px;
-    font-weight: 500;
-    transition: all 0.3s ease;
-    padding: 8px 14px;
-    border: 1px solid rgba(0, 200, 255, 0.3);
-    background: rgba(0, 150, 200, 0.15);
-    color: #00d4ff;
+    // 按钮样式
+    .el-button {
+        display: inline-flex;
+        align-items: center;
+        gap: 5px;
+        border-radius: 8px;
+        font-weight: 500;
+        transition: all 0.3s ease;
+        padding: 8px 14px;
+        border: 1px solid rgba(0, 200, 255, 0.3);
+        background: rgba(0, 150, 200, 0.15);
+        color: #00d4ff;
 
-    &:hover {
-      transform: translateY(-1px);
-      box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
-      background: rgba(0, 212, 255, 0.2);
+        &:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
+            background: rgba(0, 212, 255, 0.2);
+        }
     }
-  }
 
-  // 弹窗样式
-  .el-dialog {
-    border-radius: 18px;
-    overflow: hidden;
-    background: linear-gradient(135deg, #07111d 0%, #03070e 100%);
-    border: 1px solid rgba(0, 200, 255, 0.2);
-    box-shadow:
-      0 20px 60px rgba(0, 0, 0, 0.6),
-      0 0 40px rgba(0, 212, 255, 0.1);
+    // 弹窗样式
+    .el-dialog {
+        border-radius: 18px;
+        overflow: hidden;
+        background: linear-gradient(135deg, #07111d 0%, #03070e 100%);
+        border: 1px solid rgba(0, 200, 255, 0.2);
+        box-shadow:
+            0 20px 60px rgba(0, 0, 0, 0.6),
+            0 0 40px rgba(0, 212, 255, 0.1);
 
-    :deep(.el-dialog__header) {
-      background: linear-gradient(135deg, #0099cc 0%, #006699 100%);
-      color: #fff;
-      padding: 22px 28px;
-      margin: 0;
+        :deep(.el-dialog__header) {
+            background: linear-gradient(135deg, #0099cc 0%, #006699 100%);
+            color: #fff;
+            padding: 22px 28px;
+            margin: 0;
 
-      .el-dialog__title {
-        color: #fff;
-        font-weight: 700;
-        font-size: 18px;
-        text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-      }
+            .el-dialog__title {
+                color: #fff;
+                font-weight: 700;
+                font-size: 18px;
+                text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+            }
 
-      .el-dialog__headerbtn {
-        .el-dialog__close {
-          color: rgba(255, 255, 255, 0.8);
-          font-size: 20px;
+            .el-dialog__headerbtn {
+                .el-dialog__close {
+                    color: rgba(255, 255, 255, 0.8);
+                    font-size: 20px;
+                }
+            }
         }
-      }
-    }
 
-    :deep(.el-dialog__body) {
-      padding: 28px;
-      background: transparent;
-    }
+        :deep(.el-dialog__body) {
+            padding: 28px;
+            background: transparent;
+        }
 
-    :deep(.el-dialog__footer) {
-      padding: 18px 28px;
-      border-top: 1px solid rgba(0, 200, 255, 0.15);
-      background: rgba(10, 15, 30, 0.5);
+        :deep(.el-dialog__footer) {
+            padding: 18px 28px;
+            border-top: 1px solid rgba(0, 200, 255, 0.15);
+            background: rgba(10, 15, 30, 0.5);
+        }
     }
-  }
 
-  :deep(.pagination-container) {
-    .el-pagination {
-      position: sticky !important;
+    :deep(.pagination-container) {
+        .el-pagination {
+            position: sticky !important;
+        }
     }
-  }
 }
 </style>
diff --git a/src/views/teacherEnd/trainingTask/index.vue b/src/views/teacherEnd/trainingTask/index.vue
index 16b83cf..978a7c3 100644
--- a/src/views/teacherEnd/trainingTask/index.vue
+++ b/src/views/teacherEnd/trainingTask/index.vue
@@ -1,1897 +1,1943 @@
 <template>
-  <div class="training-task-page">
-    <!-- 页面头部 -->
-    <section class="page-header">
-      <div class="header-decoration">
-        <svg class="decoration-lines" viewBox="0 0 400 60" preserveAspectRatio="xMidYMid slice">
-          <defs>
-            <linearGradient id="headerGrad" x1="0%" y1="0%" x2="100%" y2="0%">
-              <stop offset="0%" style="stop-color: #00aaff; stop-opacity: 0" />
-              <stop offset="50%" style="stop-color: #00aaff; stop-opacity: 0.3" />
-              <stop offset="100%" style="stop-color: #00ff9d; stop-opacity: 0" />
-            </linearGradient>
-          </defs>
-          <line x1="0" y1="58" x2="400" y2="58" stroke="url(#headerGrad)" stroke-width="1" />
-          <circle cx="50" cy="30" r="3" fill="#00aaff" opacity="0.2" />
-          <circle cx="150" cy="20" r="2" fill="#00ff9d" opacity="0.2" />
-          <circle cx="250" cy="40" r="2.5" fill="#00aaff" opacity="0.15" />
-          <circle cx="350" cy="25" r="2" fill="#00ff9d" opacity="0.2" />
-        </svg>
-      </div>
-      <div class="header-content">
-        <div class="header-icon">
-          <svg width="32" height="32" viewBox="0 0 24 24" fill="none">
-            <path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke="#00aaff" stroke-width="1.5" stroke-linecap="round" />
-            <path d="M9 12h6M9 16h6" stroke="#00aaff" stroke-width="1.5" stroke-linecap="round" />
-          </svg>
-        </div>
-        <div class="header-text">
-          <h1 class="page-title">实训任务管理</h1>
-          <p class="page-subtitle">维护教学班实训任务配置，包括任务名称、说明、目标、要求和步骤等内容</p>
-        </div>
-        <div class="header-stats">
-          <div class="stat-item">
-            <span class="stat-value">{{ filteredTasks.length }}</span>
-            <span class="stat-label">当前显示</span>
-          </div>
-          <div class="stat-item">
-            <span class="stat-value">{{ tasks.length }}</span>
-            <span class="stat-label">总任务</span>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <!-- 筛选工具栏 -->
-    <div class="task-toolbar">
-      <div class="toolbar-left">
-        <div class="class-filter">
-          <span class="filter-label">
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />
-              <circle cx="9" cy="7" r="4" />
-              <path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" />
-            </svg>
-            教学班
-          </span>
-          <el-select v-model="selectedTeachingClassId" :loading="classesLoading" placeholder="请选择教学班" class="class-select" @change="queryTasks">
-            <el-option v-for="schoolClass in teachingClassList" :key="schoolClass.schoolClassId" :label="schoolClass.className" :value="schoolClass.schoolClassId" />
-          </el-select>
-        </div>
-        <div class="search-box">
-          <svg class="search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <circle cx="11" cy="11" r="8" />
-            <path d="M21 21l-4.35-4.35" />
-          </svg>
-          <el-input v-model.trim="keyword" clearable placeholder="搜索任务名称..." @keyup.enter="queryTasks" />
-          <el-button type="primary" class="search-btn" @click="queryTasks">
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <circle cx="11" cy="11" r="8" />
-              <path d="M21 21l-4.35-4.35" />
-            </svg>
-            查询
-          </el-button>
-        </div>
-      </div>
-      <div class="toolbar-right">
-        <div class="status-indicator">
-          <el-tag v-if="selectedTeachingClass" type="success" effect="dark" size="small" class="status-tag">
-            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
-            </svg>
-            班级配置模式
-          </el-tag>
-          <el-tag v-else effect="plain" size="small" class="status-tag">
-            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2" />
-            </svg>
-            默认任务
-          </el-tag>
-        </div>
-        <el-button v-if="selectedTeachingClass" type="danger" plain class="toolbar-btn toolbar-btn-danger" :loading="restoring" @click="restoreAllTasksDefaults">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <path d="M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8" />
-            <path d="M3 3v5h5" />
-          </svg>
-          恢复默认
-        </el-button>
-        <el-button v-if="selectedTeachingClass" type="success" plain class="toolbar-btn toolbar-btn-success" @click="openStudentDemo">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
-            <circle cx="12" cy="12" r="3" />
-          </svg>
-          学生端演示
-        </el-button>
-      </div>
-    </div>
-
-    <!-- 项目筛选标签 -->
-    <div class="project-filter">
-      <span class="filter-label">
-        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
-        </svg>
-        所属项目
-      </span>
-      <div class="project-tabs">
-        <button type="button" :class="['project-tab', { active: !activeProject }]" @click="toggleProject('')">
-          <span class="tab-name">全部</span>
-          <span class="tab-count">{{ tasks.length }}</span>
-        </button>
-        <button v-for="project in projectOptions" :key="project.name" type="button" :class="['project-tab', { active: activeProject === project.name }]" @click="toggleProject(project.name)">
-          <span class="tab-name">{{ project.name }}</span>
-          <span class="tab-count">{{ project.count }}</span>
-        </button>
-      </div>
-      <div class="filter-result">
-        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <polyline points="20 6 9 17 4 12" />
-        </svg>
-        <span>显示 {{ filteredTasks.length }} / {{ tasks.length }} 条</span>
-      </div>
-    </div>
-
-    <!-- 任务卡片网格 -->
-    <section v-loading="loading" class="task-grid">
-      <article v-for="(task, index) in filteredTasks" :key="task.id || task.taskKey" class="task-card" role="button" tabindex="0" @click="viewTask(task)" @keydown.enter.prevent="viewTask(task)">
-        <div class="card-decoration">
-          <svg class="corner-decoration top-left" width="24" height="24" viewBox="0 0 24 24">
-            <path d="M2 8V2h6" stroke="#00aaff" stroke-width="2" fill="none" opacity="0.6" />
-          </svg>
-          <svg class="corner-decoration top-right" width="24" height="24" viewBox="0 0 24 24">
-            <path d="M22 8V2h-6" stroke="#00aaff" stroke-width="2" fill="none" opacity="0.6" />
-          </svg>
-          <svg class="corner-decoration bottom-left" width="24" height="24" viewBox="0 0 24 24">
-            <path d="M2 16v6h6" stroke="#00ff9d" stroke-width="2" fill="none" opacity="0.4" />
-          </svg>
-          <svg class="corner-decoration bottom-right" width="24" height="24" viewBox="0 0 24 24">
-            <path d="M22 16v6h-6" stroke="#00ff9d" stroke-width="2" fill="none" opacity="0.4" />
-          </svg>
-        </div>
-
-        <div class="card-index">{{ String(index + 1).padStart(2, "0") }}</div>
-
-        <div class="card-content">
-          <div class="card-header">
-            <span class="task-project">
-              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
-              </svg>
-              {{ task.project || "默认实训任务" }}
-            </span>
-            <span :class="['task-status', { enabled: task.enabled }]">
-              {{ task.enabled ? "启用" : "停用" }}
-            </span>
-          </div>
-
-          <h3 class="task-name">{{ task.title }}</h3>
-
-          <div class="task-meta">
-            <span class="meta-item">
-              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M9 11l3 3L22 4" />
-                <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11" />
-              </svg>
-              {{ task.objectives?.length || 0 }} 个目标
-            </span>
-            <span class="meta-item">
-              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" />
-                <polyline points="14 2 14 8 20 8" />
-              </svg>
-              {{ task.steps?.length || 0 }} 个步骤
-            </span>
-          </div>
-        </div>
-
-        <div class="card-actions" @click.stop>
-          <el-button type="primary" class="edit-btn" @click="handleTaskAction(task)">
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" />
-              <path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" />
-            </svg>
-            {{ selectedTeachingClass ? "编辑任务" : "查看详情" }}
-          </el-button>
-        </div>
-
-        <div class="card-glow"></div>
-        <div class="scanline"></div>
-      </article>
-      <el-empty v-if="!filteredTasks.length && !loading" class="task-empty" description="暂无匹配的实训任务">
-        <template #image>
-          <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#00aaff" stroke-width="1" opacity="0.3">
-            <path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2" />
-            <rect x="9" y="3" width="6" height="4" rx="1" />
-          </svg>
-        </template>
-      </el-empty>
-    </section>
-
-    <!-- 编辑抽屉 -->
-    <el-drawer v-model="dialogVisible" :size="860" class="training-task-drawer" append-to-body destroy-on-close :with-header="false">
-      <div class="drawer-shell">
-        <header class="drawer-header">
-          <div class="drawer-heading">
-            <span class="drawer-kicker">
-              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <circle cx="12" cy="12" r="10" />
-                <path d="M12 8v4l3 3" />
-              </svg>
-              {{ dialogMode === "view" ? "Training Task Preview" : "Training Task Editor" }}
-            </span>
-            <h3>{{ dialogMode === "view" ? "查看实训任务" : "编辑实训任务" }}</h3>
-            <p>维护教学班实训任务配置，包括任务名称、说明、目标、要求和步骤等内容</p>
-          </div>
-          <button class="drawer-close-button" aria-label="关闭抽屉" @click="dialogVisible = false">
-            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <line x1="18" y1="6" x2="6" y2="18" />
-              <line x1="6" y1="6" x2="18" y2="18" />
-            </svg>
-          </button>
-        </header>
-
-        <div class="drawer-identity">
-          <div class="identity-item">
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
-            </svg>
-            <div class="identity-content">
-              <span class="identity-label">所属项目</span>
-              <strong>{{ taskForm.project || "未填写" }}</strong>
+    <div class="training-task-page">
+        <!-- 页面头部 -->
+        <section class="page-header">
+            <div class="header-decoration">
+                <svg class="decoration-lines" viewBox="0 0 400 60" preserveAspectRatio="xMidYMid slice">
+                    <defs>
+                        <linearGradient id="headerGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+                            <stop offset="0%" style="stop-color: #00aaff; stop-opacity: 0" />
+                            <stop offset="50%" style="stop-color: #00aaff; stop-opacity: 0.3" />
+                            <stop offset="100%" style="stop-color: #00ff9d; stop-opacity: 0" />
+                        </linearGradient>
+                    </defs>
+                    <line x1="0" y1="58" x2="400" y2="58" stroke="url(#headerGrad)" stroke-width="1" />
+                    <circle cx="50" cy="30" r="3" fill="#00aaff" opacity="0.2" />
+                    <circle cx="150" cy="20" r="2" fill="#00ff9d" opacity="0.2" />
+                    <circle cx="250" cy="40" r="2.5" fill="#00aaff" opacity="0.15" />
+                    <circle cx="350" cy="25" r="2" fill="#00ff9d" opacity="0.2" />
+                </svg>
+            </div>
+            <div class="header-content">
+                <div class="header-icon">
+                    <svg width="32" height="32" viewBox="0 0 24 24" fill="none">
+                        <path
+                            d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
+                            stroke="#00aaff" stroke-width="1.5" stroke-linecap="round" />
+                        <path d="M9 12h6M9 16h6" stroke="#00aaff" stroke-width="1.5" stroke-linecap="round" />
+                    </svg>
+                </div>
+                <div class="header-text">
+                    <h1 class="page-title">实训任务管理</h1>
+                    <p class="page-subtitle">维护教学班实训任务配置，包括任务名称、说明、目标、要求和步骤等内容</p>
+                </div>
+                <div class="header-stats">
+                    <div class="stat-item">
+                        <span class="stat-value">{{ filteredTasks.length }}</span>
+                        <span class="stat-label">当前显示</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-value">{{ tasks.length }}</span>
+                        <span class="stat-label">总任务</span>
+                    </div>
+                </div>
             </div>
-          </div>
-          <div class="identity-item">
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2" />
-              <rect x="9" y="3" width="6" height="4" rx="1" />
-            </svg>
-            <div class="identity-content">
-              <span class="identity-label">实训任务</span>
-              <strong>{{ taskForm.title || "未填写" }}</strong>
+        </section>
+
+        <!-- 筛选工具栏 -->
+        <div class="task-toolbar">
+            <div class="toolbar-left">
+                <div class="class-filter">
+                    <span class="filter-label">
+                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" />
+                            <circle cx="9" cy="7" r="4" />
+                            <path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" />
+                        </svg>
+                        教学班
+                    </span>
+                    <el-select v-model="selectedTeachingClassId" :loading="classesLoading" placeholder="请选择教学班"
+                        class="class-select" @change="queryTasks">
+                        <el-option v-for="schoolClass in teachingClassList" :key="schoolClass.schoolClassId"
+                            :label="schoolClass.className" :value="schoolClass.schoolClassId" />
+                    </el-select>
+                </div>
+                <div class="search-box">
+                    <svg class="search-icon" width="16" height="16" viewBox="0 0 24 24" fill="none"
+                        stroke="currentColor" stroke-width="2">
+                        <circle cx="11" cy="11" r="8" />
+                        <path d="M21 21l-4.35-4.35" />
+                    </svg>
+                    <el-input v-model.trim="keyword" clearable placeholder="搜索任务名称..." @keyup.enter="queryTasks" />
+                    <el-button type="primary" class="search-btn" @click="queryTasks">
+                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <circle cx="11" cy="11" r="8" />
+                            <path d="M21 21l-4.35-4.35" />
+                        </svg>
+                        查询
+                    </el-button>
+                </div>
             </div>
-          </div>
-          <div class="identity-item status">
-            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M22 11.08V12a10 10 0 11-5.93-9.14" />
-              <polyline points="22 4 12 14.01 9 11.01" />
-            </svg>
-            <div class="identity-content">
-              <span class="identity-label">任务状态</span>
-              <strong :class="['status-value', { enabled: taskForm.enabled }]">
-                {{ taskForm.enabled ? "启用" : "停用" }}
-              </strong>
+            <div class="toolbar-right">
+                <div class="status-indicator">
+                    <el-tag v-if="selectedTeachingClass" type="success" effect="dark" size="small" class="status-tag">
+                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
+                        </svg>
+                        班级配置模式
+                    </el-tag>
+                    <el-tag v-else effect="plain" size="small" class="status-tag">
+                        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2" />
+                        </svg>
+                        默认任务
+                    </el-tag>
+                </div>
+                <el-button v-if="selectedTeachingClass" type="danger" plain class="toolbar-btn toolbar-btn-danger"
+                    :loading="restoring" @click="restoreAllTasksDefaults">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8" />
+                        <path d="M3 3v5h5" />
+                    </svg>
+                    恢复默认
+                </el-button>
+                <el-button v-if="selectedTeachingClass" type="success" plain class="toolbar-btn toolbar-btn-success"
+                    @click="openStudentDemo">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+                        <circle cx="12" cy="12" r="3" />
+                    </svg>
+                    学生端演示
+                </el-button>
             </div>
-          </div>
         </div>
 
-        <el-form class="task-form" label-position="top" :disabled="isReadonly">
-          <section class="drawer-section">
-            <div class="section-title">
-              <span class="section-number">01</span>
-              <div class="section-info">
-                <h4>基础说明</h4>
-                <p>设置任务的基本信息</p>
-              </div>
+        <!-- 项目筛选标签 -->
+        <div class="project-filter">
+            <span class="filter-label">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
+                </svg>
+                所属项目
+            </span>
+            <div class="project-tabs">
+                <button type="button" :class="['project-tab', { active: !activeProject }]" @click="toggleProject('')">
+                    <span class="tab-name">全部</span>
+                    <span class="tab-count">{{ tasks.length }}</span>
+                </button>
+                <button v-for="project in projectOptions" :key="project.name" type="button"
+                    :class="['project-tab', { active: activeProject === project.name }]"
+                    @click="toggleProject(project.name)">
+                    <span class="tab-name">{{ project.name }}</span>
+                    <span class="tab-count">{{ project.count }}</span>
+                </button>
             </div>
-            <el-form-item label="实训任务名称：">
-              <el-input v-model="taskForm.title" placeholder="保存后会同步为学生端左侧导航名称" />
-            </el-form-item>
-            <el-form-item label="实训背景：">
-              <el-input v-model="taskForm.background" type="textarea" :rows="4" placeholder="请输入实训背景" />
-            </el-form-item>
-          </section>
-
-          <section class="drawer-section">
-            <div class="section-title">
-              <span class="section-number">02</span>
-              <div class="section-info">
-                <h4>目标与要求</h4>
-                <p>定义实训的学习目标</p>
-              </div>
+            <div class="filter-result">
+                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                    <polyline points="20 6 9 17 4 12" />
+                </svg>
+                <span>显示 {{ filteredTasks.length }} / {{ tasks.length }} 条</span>
             </div>
-            <el-form-item label="实训目标：">
-              <div class="objective-list">
-                <div v-for="(objective, index) in taskForm.objectives" :key="index" class="objective-row">
-                  <div class="objective-number">{{ index + 1 }}</div>
-                  <el-input v-model="taskForm.objectives[index]" placeholder="请输入实训目标" />
-                  <button v-if="!isReadonly" type="button" class="remove-btn" :disabled="taskForm.objectives.length <= 1" @click="removeObjective(index)">
-                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                      <line x1="18" y1="6" x2="6" y2="18" />
-                      <line x1="6" y1="6" x2="18" y2="18" />
+        </div>
+
+        <!-- 任务卡片网格 -->
+        <section v-loading="loading" class="task-grid">
+            <article v-for="(task, index) in filteredTasks" :key="task.id || task.taskKey" class="task-card"
+                role="button" tabindex="0" @click="viewTask(task)" @keydown.enter.prevent="viewTask(task)">
+                <div class="card-decoration">
+                    <svg class="corner-decoration top-left" width="24" height="24" viewBox="0 0 24 24">
+                        <path d="M2 8V2h6" stroke="#00aaff" stroke-width="2" fill="none" opacity="0.6" />
+                    </svg>
+                    <svg class="corner-decoration top-right" width="24" height="24" viewBox="0 0 24 24">
+                        <path d="M22 8V2h-6" stroke="#00aaff" stroke-width="2" fill="none" opacity="0.6" />
+                    </svg>
+                    <svg class="corner-decoration bottom-left" width="24" height="24" viewBox="0 0 24 24">
+                        <path d="M2 16v6h6" stroke="#00ff9d" stroke-width="2" fill="none" opacity="0.4" />
+                    </svg>
+                    <svg class="corner-decoration bottom-right" width="24" height="24" viewBox="0 0 24 24">
+                        <path d="M22 16v6h-6" stroke="#00ff9d" stroke-width="2" fill="none" opacity="0.4" />
                     </svg>
-                  </button>
                 </div>
-                <button v-if="!isReadonly" type="button" class="add-objective-button" @click="addObjective">
-                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                    <line x1="12" y1="5" x2="12" y2="19" />
-                    <line x1="5" y1="12" x2="19" y2="12" />
-                  </svg>
-                  新增目标
-                </button>
-              </div>
-            </el-form-item>
-
-            <el-form-item label="实训要求：">
-              <el-input v-model="taskForm.requirements" type="textarea" :rows="4" placeholder="请输入实训要求" />
-            </el-form-item>
-          </section>
-
-          <section class="drawer-section">
-            <div class="section-title">
-              <span class="section-number">03</span>
-              <div class="section-info">
-                <h4>资料与步骤</h4>
-                <p>上传案例资料，配置实训步骤</p>
-              </div>
-            </div>
-            <div class="material-row">
-              <div class="material-info">
-                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                  <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" />
-                  <polyline points="14 2 14 8 20 8" />
-                </svg>
-                <div class="material-text">
-                  <span v-if="hasTaskMaterial" class="material-link">{{ taskForm.materialName }}</span>
-                  <span v-else class="material-placeholder">暂未上传案例资料</span>
+
+                <div class="card-index">{{ String(index + 1).padStart(2, "0") }}</div>
+
+                <div class="card-content">
+                    <div class="card-header">
+                        <span class="task-project">
+                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                stroke-width="2">
+                                <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
+                            </svg>
+                            {{ task.project || "默认实训任务" }}
+                        </span>
+                        <span :class="['task-status', { enabled: task.enabled }]">
+                            {{ task.enabled ? "启用" : "停用" }}
+                        </span>
+                    </div>
+
+                    <h3 class="task-name">{{ task.title }}</h3>
+
+                    <div class="task-meta">
+                        <span class="meta-item">
+                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                stroke-width="2">
+                                <path d="M9 11l3 3L22 4" />
+                                <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11" />
+                            </svg>
+                            {{ task.objectives?.length || 0 }} 个目标
+                        </span>
+                        <span class="meta-item">
+                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                stroke-width="2">
+                                <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" />
+                                <polyline points="14 2 14 8 20 8" />
+                            </svg>
+                            {{ task.steps?.length || 0 }} 个步骤
+                        </span>
+                    </div>
                 </div>
-              </div>
-              <el-upload v-if="!isReadonly" action="#" :auto-upload="false" :show-file-list="false" :on-change="handleMaterialChange">
-                <el-button type="primary" :loading="materialUploading" class="upload-btn">
-                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                    <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" />
-                    <polyline points="17 8 12 3 7 8" />
-                    <line x1="12" y1="3" x2="12" y2="15" />
-                  </svg>
-                  {{ materialUploading ? "上传中..." : "上传案例资料" }}
-                </el-button>
-              </el-upload>
-            </div>
 
-            <el-form-item label="步骤名称：">
-              <div class="step-list">
-                <div v-for="(step, index) in taskForm.steps" :key="step.id" class="step-item">
-                  <div class="step-connector" v-if="index > 0">
-                    <svg width="20" height="12" viewBox="0 0 20 12">
-                      <path d="M0 6h16M12 1l4 5-4 5" stroke="#00aaff" stroke-width="1.5" fill="none" opacity="0.5" />
+                <div class="card-actions" @click.stop>
+                    <el-button type="primary" class="edit-btn" @click="handleTaskAction(task)">
+                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" />
+                            <path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" />
+                        </svg>
+                        {{ selectedTeachingClass ? "编辑任务" : "查看详情" }}
+                    </el-button>
+                </div>
+
+                <div class="card-glow"></div>
+                <div class="scanline"></div>
+            </article>
+            <el-empty v-if="!filteredTasks.length && !loading" class="task-empty" description="暂无匹配的实训任务">
+                <template #image>
+                    <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#00aaff" stroke-width="1"
+                        opacity="0.3">
+                        <path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2" />
+                        <rect x="9" y="3" width="6" height="4" rx="1" />
                     </svg>
-                  </div>
-                  <div class="step-content">
-                    <span class="step-number">{{ index + 1 }}</span>
-                    <el-input v-model="step.name" placeholder="步骤名称" />
-                    <button v-if="!isReadonly && taskForm.steps.length > 1" type="button" class="remove-btn" @click="removeStep(index)">
-                      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <polyline points="3 6 5 6 21 6" />
-                        <path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" />
-                      </svg>
+                </template>
+            </el-empty>
+        </section>
+
+        <!-- 编辑抽屉 -->
+        <el-drawer v-model="dialogVisible" :size="860" class="training-task-drawer" append-to-body destroy-on-close
+            :with-header="false">
+            <div class="drawer-shell">
+                <header class="drawer-header">
+                    <div class="drawer-heading">
+                        <span class="drawer-kicker">
+                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                stroke-width="2">
+                                <circle cx="12" cy="12" r="10" />
+                                <path d="M12 8v4l3 3" />
+                            </svg>
+                            {{ dialogMode === "view" ? "Training Task Preview" : "Training Task Editor" }}
+                        </span>
+                        <h3>{{ dialogMode === "view" ? "查看实训任务" : "编辑实训任务" }}</h3>
+                        <p>维护教学班实训任务配置，包括任务名称、说明、目标、要求和步骤等内容</p>
+                    </div>
+                    <button class="drawer-close-button" aria-label="关闭抽屉" @click="dialogVisible = false">
+                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <line x1="18" y1="6" x2="6" y2="18" />
+                            <line x1="6" y1="6" x2="18" y2="18" />
+                        </svg>
                     </button>
-                  </div>
+                </header>
+
+                <div class="drawer-identity">
+                    <div class="identity-item">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <path d="M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z" />
+                        </svg>
+                        <div class="identity-content">
+                            <span class="identity-label">所属项目</span>
+                            <strong>{{ taskForm.project || "未填写" }}</strong>
+                        </div>
+                    </div>
+                    <div class="identity-item">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <path d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2" />
+                            <rect x="9" y="3" width="6" height="4" rx="1" />
+                        </svg>
+                        <div class="identity-content">
+                            <span class="identity-label">实训任务</span>
+                            <strong>{{ taskForm.title || "未填写" }}</strong>
+                        </div>
+                    </div>
+                    <div class="identity-item status">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <path d="M22 11.08V12a10 10 0 11-5.93-9.14" />
+                            <polyline points="22 4 12 14.01 9 11.01" />
+                        </svg>
+                        <div class="identity-content">
+                            <span class="identity-label">任务状态</span>
+                            <strong :class="['status-value', { enabled: taskForm.enabled }]">
+                                {{ taskForm.enabled ? "启用" : "停用" }}
+                            </strong>
+                        </div>
+                    </div>
                 </div>
-                <button v-if="!isReadonly" type="button" class="add-step-button" @click="addStep">
-                  <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                    <line x1="12" y1="5" x2="12" y2="19" />
-                    <line x1="5" y1="12" x2="19" y2="12" />
-                  </svg>
-                  新增步骤
-                </button>
-              </div>
-            </el-form-item>
-          </section>
-        </el-form>
-
-        <footer class="drawer-footer">
-          <el-button class="cancel-btn" @click="dialogVisible = false">
-            {{ isReadonly ? "关闭" : "取消" }}
-          </el-button>
-          <el-button v-if="!isReadonly" type="danger" plain class="toolbar-btn toolbar-btn-danger" :loading="restoring" @click="restoreTaskDefault">
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8" />
-              <path d="M3 3v5h5" />
-            </svg>
-            恢复默认
-          </el-button>
-          <el-button v-if="!isReadonly" type="primary" class="save-btn" :loading="saving" @click="submitTask">
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" />
-              <polyline points="17 21 17 13 7 13 7 21" />
-              <polyline points="7 3 7 8 15 8" />
-            </svg>
-            保存配置
-          </el-button>
-        </footer>
-      </div>
-    </el-drawer>
-  </div>
+
+                <el-form class="task-form" label-position="top" :disabled="isReadonly">
+                    <section class="drawer-section">
+                        <div class="section-title">
+                            <span class="section-number">01</span>
+                            <div class="section-info">
+                                <h4>基础说明</h4>
+                                <p>设置任务的基本信息</p>
+                            </div>
+                        </div>
+                        <el-form-item label="实训任务名称：">
+                            <el-input v-model="taskForm.title" placeholder="保存后会同步为学生端左侧导航名称" />
+                        </el-form-item>
+                        <el-form-item label="实训背景：">
+                            <el-input v-model="taskForm.background" type="textarea" :rows="4" placeholder="请输入实训背景" />
+                        </el-form-item>
+                    </section>
+
+                    <section class="drawer-section">
+                        <div class="section-title">
+                            <span class="section-number">02</span>
+                            <div class="section-info">
+                                <h4>目标与要求</h4>
+                                <p>定义实训的学习目标</p>
+                            </div>
+                        </div>
+                        <el-form-item label="实训目标：">
+                            <div class="objective-list">
+                                <div v-for="(objective, index) in taskForm.objectives" :key="index"
+                                    class="objective-row">
+                                    <div class="objective-number">{{ index + 1 }}</div>
+                                    <el-input v-model="taskForm.objectives[index]" placeholder="请输入实训目标" />
+                                    <button v-if="!isReadonly" type="button" class="remove-btn"
+                                        :disabled="taskForm.objectives.length <= 1" @click="removeObjective(index)">
+                                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
+                                            stroke="currentColor" stroke-width="2">
+                                            <line x1="18" y1="6" x2="6" y2="18" />
+                                            <line x1="6" y1="6" x2="18" y2="18" />
+                                        </svg>
+                                    </button>
+                                </div>
+                                <button v-if="!isReadonly" type="button" class="add-objective-button"
+                                    @click="addObjective">
+                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                        stroke-width="2">
+                                        <line x1="12" y1="5" x2="12" y2="19" />
+                                        <line x1="5" y1="12" x2="19" y2="12" />
+                                    </svg>
+                                    新增目标
+                                </button>
+                            </div>
+                        </el-form-item>
+
+                        <el-form-item label="实训要求：">
+                            <el-input v-model="taskForm.requirements" type="textarea" :rows="4" placeholder="请输入实训要求" />
+                        </el-form-item>
+                    </section>
+
+                    <section class="drawer-section">
+                        <div class="section-title">
+                            <span class="section-number">03</span>
+                            <div class="section-info">
+                                <h4>资料与步骤</h4>
+                                <p>上传案例资料，配置实训步骤</p>
+                            </div>
+                        </div>
+                        <div class="material-row">
+                            <div class="material-info">
+                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                    stroke-width="2">
+                                    <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" />
+                                    <polyline points="14 2 14 8 20 8" />
+                                </svg>
+                                <div class="material-text">
+                                    <span v-if="hasTaskMaterial" class="material-link">{{ taskForm.materialName
+                                        }}</span>
+                                    <span v-else class="material-placeholder">暂未上传案例资料</span>
+                                </div>
+                            </div>
+                            <el-upload v-if="!isReadonly" action="#" :auto-upload="false" :show-file-list="false"
+                                :on-change="handleMaterialChange">
+                                <el-button type="primary" :loading="materialUploading" class="upload-btn">
+                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                        stroke-width="2">
+                                        <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" />
+                                        <polyline points="17 8 12 3 7 8" />
+                                        <line x1="12" y1="3" x2="12" y2="15" />
+                                    </svg>
+                                    {{ materialUploading ? "上传中..." : "上传案例资料" }}
+                                </el-button>
+                            </el-upload>
+                        </div>
+
+                        <el-form-item label="步骤名称：">
+                            <div class="step-list">
+                                <div v-for="(step, index) in taskForm.steps" :key="step.id" class="step-item">
+                                    <div class="step-connector" v-if="index > 0">
+                                        <svg width="20" height="12" viewBox="0 0 20 12">
+                                            <path d="M0 6h16M12 1l4 5-4 5" stroke="#00aaff" stroke-width="1.5"
+                                                fill="none" opacity="0.5" />
+                                        </svg>
+                                    </div>
+                                    <div class="step-content">
+                                        <span class="step-number">{{ index + 1 }}</span>
+                                        <el-input v-model="step.name" placeholder="步骤名称" />
+                                        <button v-if="!isReadonly && taskForm.steps.length > 1" type="button"
+                                            class="remove-btn" @click="removeStep(index)">
+                                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
+                                                stroke="currentColor" stroke-width="2">
+                                                <polyline points="3 6 5 6 21 6" />
+                                                <path
+                                                    d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" />
+                                            </svg>
+                                        </button>
+                                    </div>
+                                </div>
+                                <button v-if="!isReadonly" type="button" class="add-step-button" @click="addStep">
+                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                        stroke-width="2">
+                                        <line x1="12" y1="5" x2="12" y2="19" />
+                                        <line x1="5" y1="12" x2="19" y2="12" />
+                                    </svg>
+                                    新增步骤
+                                </button>
+                            </div>
+                        </el-form-item>
+                    </section>
+                </el-form>
+
+                <footer class="drawer-footer">
+                    <el-button class="cancel-btn" @click="dialogVisible = false">
+                        {{ isReadonly ? "关闭" : "取消" }}
+                    </el-button>
+                    <el-button v-if="!isReadonly" type="danger" plain class="toolbar-btn toolbar-btn-danger"
+                        :loading="restoring" @click="restoreTaskDefault">
+                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <path d="M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8" />
+                            <path d="M3 3v5h5" />
+                        </svg>
+                        恢复默认
+                    </el-button>
+                    <el-button v-if="!isReadonly" type="primary" class="save-btn" :loading="saving" @click="submitTask">
+                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                            stroke-width="2">
+                            <path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z" />
+                            <polyline points="17 21 17 13 7 13 7 21" />
+                            <polyline points="7 3 7 8 15 8" />
+                        </svg>
+                        保存配置
+                    </el-button>
+                </footer>
+            </div>
+        </el-drawer>
+    </div>
 </template>
 
 <script setup>
-import { listTrainingTasks, listClassTrainingTasks, saveClassTrainingTask, restoreClassTrainingTaskDefault, restoreClassTrainingTasksDefaults, uploadTrainingTaskMaterial } from "@/api/trainingTask";
-import { createStudentDemoSession } from "@/api/studentDemo";
-import * as indexApi from "@/api/teacher";
-import useUserStore from "@/store/modules/user";
-
-const { proxy } = getCurrentInstance();
-const userStore = useUserStore();
-
-const activeProject = ref("");
-const keyword = ref("");
-const loading = ref(false);
-const classesLoading = ref(false);
-const saving = ref(false);
-const restoring = ref(false);
-const materialUploading = ref(false);
-const tasks = ref([]);
-const classList = ref([]);
-const selectedTeachingClassId = ref("");
-const dialogVisible = ref(false);
-const dialogMode = ref("view");
-const taskForm = reactive(createEmptyTask());
-const currentUserId = computed(() => userStore.userInfo.userId);
-const isReadonly = computed(() => dialogMode.value === "view");
-const hasTaskMaterial = computed(() => isRealMaterial(taskForm.materialName, taskForm.materialUrl));
-const projects = computed(() => [...new Set(tasks.value.map((task) => task.project).filter(Boolean))]);
+import { listTrainingTasks, listClassTrainingTasks, saveClassTrainingTask, restoreClassTrainingTaskDefault, restoreClassTrainingTasksDefaults, uploadTrainingTaskMaterial } from "@/api/trainingTask"
+import { createStudentDemoSession } from "@/api/studentDemo"
+import * as indexApi from "@/api/teacher"
+import useUserStore from "@/store/modules/user"
+
+const { proxy } = getCurrentInstance()
+const userStore = useUserStore()
+
+const activeProject = ref("")
+const keyword = ref("")
+const loading = ref(false)
+const classesLoading = ref(false)
+const saving = ref(false)
+const restoring = ref(false)
+const materialUploading = ref(false)
+const tasks = ref([])
+const classList = ref([])
+const selectedTeachingClassId = ref("")
+const dialogVisible = ref(false)
+const dialogMode = ref("view")
+const taskForm = reactive(createEmptyTask())
+const currentUserId = computed(() => userStore.userInfo.userId)
+const isReadonly = computed(() => dialogMode.value === "view")
+const hasTaskMaterial = computed(() => isRealMaterial(taskForm.materialName, taskForm.materialUrl))
+const projects = computed(() => [...new Set(tasks.value.map((task) => task.project).filter(Boolean))])
 const projectOptions = computed(() => {
-  return projects.value.map((project) => ({
-    name: project,
-    count: tasks.value.filter((task) => task.project === project).length,
-  }));
-});
+    return projects.value.map((project) => ({
+        name: project,
+        count: tasks.value.filter((task) => task.project === project).length,
+    }))
+})
 const teachingClassList = computed(() => {
-  return classList.value.filter((schoolClass) => {
-    return normalizeClassType(schoolClass) === "TEACHING" && String(schoolClass.createdBy || "") === String(currentUserId.value || "");
-  });
-});
+    return classList.value.filter((schoolClass) => {
+        return normalizeClassType(schoolClass) === "TEACHING" && String(schoolClass.createdBy || "") === String(currentUserId.value || "")
+    })
+})
 const selectedTeachingClass = computed(() => {
-  return teachingClassList.value.find((schoolClass) => schoolClass.schoolClassId === selectedTeachingClassId.value);
-});
+    return teachingClassList.value.find((schoolClass) => schoolClass.schoolClassId === selectedTeachingClassId.value)
+})
 
 const filteredTasks = computed(() => {
-  const text = keyword.value.trim();
-  return tasks.value.filter((task) => {
-    const matchProject = !activeProject.value || task.project === activeProject.value;
-    const matchKeyword = !text || task.title.includes(text);
-    return matchProject && matchKeyword;
-  });
-});
+    const text = keyword.value.trim()
+    return tasks.value.filter((task) => {
+        const matchProject = !activeProject.value || task.project === activeProject.value
+        const matchKeyword = !text || task.title.includes(text)
+        return matchProject && matchKeyword
+    })
+})
 
 onMounted(() => {
-  setTrainingTaskMainTheme(true);
-  loadTeachingClasses();
-});
+    setTrainingTaskMainTheme(true)
+    loadTeachingClasses()
+})
 
 onActivated(() => {
-  setTrainingTaskMainTheme(true);
-});
+    setTrainingTaskMainTheme(true)
+})
 
 onDeactivated(() => {
-  setTrainingTaskMainTheme(false);
-});
+    setTrainingTaskMainTheme(false)
+})
 
 onBeforeUnmount(() => {
-  setTrainingTaskMainTheme(false);
-});
+    setTrainingTaskMainTheme(false)
+})
 
 function setTrainingTaskMainTheme(enabled) {
-  const main = document.querySelector(".teacher-main");
-  if (!main) return;
-  main.classList.toggle("training-task-main-theme", enabled);
+    const main = document.querySelector(".teacher-main")
+    if (!main) return
+    main.classList.toggle("training-task-main-theme", enabled)
 }
 
 function toggleProject(project) {
-  activeProject.value = activeProject.value === project ? "" : project;
+    activeProject.value = activeProject.value === project ? "" : project
 }
 
 async function queryTasks() {
-  if (!selectedTeachingClassId.value) {
-    await queryDefaultTasks();
-    return;
-  }
-  loading.value = true;
-  try {
-    const res = await listClassTrainingTasks(selectedTeachingClassId.value, { enabledOnly: false });
-    tasks.value = (res.data || []).map(normalizeTask);
-    resetInvalidProject();
-  } catch (error) {
-    await queryDefaultTasks();
-    proxy?.$modal?.msgWarning?.("班级任务加载失败，已显示系统默认任务");
-  } finally {
-    loading.value = false;
-  }
+    if (!selectedTeachingClassId.value) {
+        await queryDefaultTasks()
+        return
+    }
+    loading.value = true
+    try {
+        const res = await listClassTrainingTasks(selectedTeachingClassId.value, { enabledOnly: false })
+        tasks.value = (res.data || []).map(normalizeTask)
+        resetInvalidProject()
+    } catch (error) {
+        await queryDefaultTasks()
+        proxy?.$modal?.msgWarning?.("班级任务加载失败，已显示系统默认任务")
+    } finally {
+        loading.value = false
+    }
 }
 
 async function queryDefaultTasks() {
-  loading.value = true;
-  try {
-    const res = await listTrainingTasks({ enabledOnly: false });
-    tasks.value = (res.data || []).map(normalizeTask);
-    resetInvalidProject();
-  } catch (error) {
-    tasks.value = [];
-  } finally {
-    loading.value = false;
-  }
+    loading.value = true
+    try {
+        const res = await listTrainingTasks({ enabledOnly: false })
+        tasks.value = (res.data || []).map(normalizeTask)
+        resetInvalidProject()
+    } catch (error) {
+        tasks.value = []
+    } finally {
+        loading.value = false
+    }
 }
 
 function resetInvalidProject() {
-  if (activeProject.value && !projects.value.includes(activeProject.value)) {
-    activeProject.value = "";
-  }
+    if (activeProject.value && !projects.value.includes(activeProject.value)) {
+        activeProject.value = ""
+    }
 }
 
 async function loadTeachingClasses() {
-  classesLoading.value = true;
-  try {
-    const res = await indexApi.getClassListBySchoolId({ schoolId: userStore.userInfo.schoolId });
-    classList.value = res.data || [];
-    selectedTeachingClassId.value = teachingClassList.value[0]?.schoolClassId || "";
-    await queryTasks();
-  } catch (error) {
-    classList.value = [];
-    selectedTeachingClassId.value = "";
-    await queryDefaultTasks();
-  } finally {
-    classesLoading.value = false;
-  }
+    classesLoading.value = true
+    try {
+        const res = await indexApi.getClassListBySchoolId({ schoolId: userStore.userInfo.schoolId })
+        classList.value = res.data || []
+        selectedTeachingClassId.value = teachingClassList.value[0]?.schoolClassId || ""
+        await queryTasks()
+    } catch (error) {
+        classList.value = []
+        selectedTeachingClassId.value = ""
+        await queryDefaultTasks()
+    } finally {
+        classesLoading.value = false
+    }
 }
 
 function normalizeClassType(schoolClass) {
-  if (schoolClass?.classType) return schoolClass.classType;
-  return schoolClass?.createdBy ? "TEACHING" : "ADMIN";
+    if (schoolClass?.classType) return schoolClass.classType
+    return schoolClass?.createdBy ? "TEACHING" : "ADMIN"
 }
 
 function viewTask(task) {
-  openTaskDialog(task, "view");
+    openTaskDialog(task, "view")
 }
 
 function editTask(task) {
-  openTaskDialog(task, "edit");
+    openTaskDialog(task, "edit")
 }
 
 function handleTaskAction(task) {
-  if (!selectedTeachingClass.value) {
-    viewTask(task);
-    return;
-  }
-  editTask(task);
+    if (!selectedTeachingClass.value) {
+        viewTask(task)
+        return
+    }
+    editTask(task)
 }
 
 function createEmptyTask() {
-  return {
-    id: "",
-    taskKey: "",
-    project: "",
-    title: "",
-    background: "",
-    objectives: [""],
-    requirements: "",
-    materialName: "",
-    materialUrl: "",
-    steps: createBuiltinSteps(),
-    sort: 0,
-    enabled: true,
-  };
+    return {
+        id: "",
+        taskKey: "",
+        project: "",
+        title: "",
+        background: "",
+        objectives: [""],
+        requirements: "",
+        materialName: "",
+        materialUrl: "",
+        steps: createBuiltinSteps(),
+        sort: 0,
+        enabled: true,
+    }
 }
 
 function normalizeTask(task) {
-  const material = normalizeMaterial(task.materialName, task.materialUrl);
-  return {
-    id: task.id,
-    taskKey: task.taskKey,
-    project: task.projectName,
-    title: task.taskName,
-    background: task.background || "",
-    objectives: parseArray(task.objectives, [""]),
-    requirements: task.requirements || "",
-    materialName: material.name,
-    materialUrl: material.url,
-    steps: normalizeSteps(parseArray(task.steps, createBuiltinSteps())),
-    sort: task.sort || 0,
-    enabled: task.enabled !== false,
-  };
+    const material = normalizeMaterial(task.materialName, task.materialUrl)
+    return {
+        id: task.id,
+        taskKey: task.taskKey,
+        project: task.projectName,
+        title: task.taskName,
+        background: task.background || "",
+        objectives: parseArray(task.objectives, [""]),
+        requirements: task.requirements || "",
+        materialName: material.name,
+        materialUrl: material.url,
+        steps: normalizeSteps(parseArray(task.steps, createBuiltinSteps())),
+        sort: task.sort || 0,
+        enabled: task.enabled !== false,
+    }
 }
 
 function normalizeMaterial(materialName, materialUrl) {
-  const name = String(materialName || "").trim();
-  const url = normalizeMaterialUrl(materialUrl);
-  return isRealMaterial(name, url) ? { name, url } : { name: "", url: "" };
+    const name = String(materialName || "").trim()
+    const url = normalizeMaterialUrl(materialUrl)
+    return isRealMaterial(name, url) ? { name, url } : { name: "", url: "" }
 }
 
 function isRealMaterial(materialName, materialUrl) {
-  const name = String(materialName || "").trim();
-  const url = String(materialUrl || "").trim();
-  return Boolean(name && url) && !(name === "案例资料.rar" && url === "/file/example.rar");
+    const name = String(materialName || "").trim()
+    const url = String(materialUrl || "").trim()
+    return Boolean(name && url) && !(name === "案例资料.rar" && url === "/file/example.rar")
 }
 
 function normalizeMaterialUrl(rawUrl) {
-  const url = String(rawUrl || "").trim();
-  if (!url) {
-    return "";
-  }
+    const url = String(rawUrl || "").trim()
+    if (!url) {
+        return ""
+    }
 
-  try {
-    const parsed = new URL(url);
-    if (["localhost", "127.0.0.1", "::1"].includes(parsed.hostname) && parsed.pathname.startsWith("/file/")) {
-      return `${parsed.pathname}${parsed.search}${parsed.hash}`;
+    try {
+        const parsed = new URL(url)
+        if (["localhost", "127.0.0.1", "::1"].includes(parsed.hostname) && parsed.pathname.startsWith("/file/")) {
+            return `${parsed.pathname}${parsed.search}${parsed.hash}`
+        }
+    } catch {
+        // 相对地址无需转换。
     }
-  } catch {
-    // 相对地址无需转换。
-  }
 
-  return url;
+    return url
 }
 
 function parseArray(value, fallback) {
-  if (Array.isArray(value)) {
-    return value.length ? value : fallback;
-  }
-  if (!value) {
-    return fallback;
-  }
-  try {
-    const parsed = JSON.parse(value);
-    return Array.isArray(parsed) && parsed.length ? parsed : fallback;
-  } catch (error) {
-    return String(value)
-      .split(/[；;|｜]/)
-      .map((item) => item.trim())
-      .filter(Boolean);
-  }
+    if (Array.isArray(value)) {
+        return value.length ? value : fallback
+    }
+    if (!value) {
+        return fallback
+    }
+    try {
+        const parsed = JSON.parse(value)
+        return Array.isArray(parsed) && parsed.length ? parsed : fallback
+    } catch (error) {
+        return String(value)
+            .split(/[；;|｜]/)
+            .map((item) => item.trim())
+            .filter(Boolean)
+    }
 }
 
 function normalizeSteps(steps) {
-  const source = Array.isArray(steps) ? steps : [];
-  const result = source
-    .map((item, index) => {
-      const raw = item && typeof item === "object" ? item : {};
-      const name = typeof item === "object" ? String(raw.name || "").trim() : String(item || "").trim();
-      const kind = raw.kind === "custom" ? "custom" : index < 4 ? "builtin" : "custom";
-      return createStep(name, kind, raw.id);
-    })
-    .filter((item) => item.name);
-  return result.length ? result : [createStep()];
+    const source = Array.isArray(steps) ? steps : []
+    const result = source
+        .map((item, index) => {
+            const raw = item && typeof item === "object" ? item : {}
+            const name = typeof item === "object" ? String(raw.name || "").trim() : String(item || "").trim()
+            const kind = raw.kind === "custom" ? "custom" : index < 4 ? "builtin" : "custom"
+            return createStep(name, kind, raw.id)
+        })
+        .filter((item) => item.name)
+    return result.length ? result : [createStep()]
 }
 
 function createBuiltinSteps() {
-  return [1, 2, 3, 4].map((index) => createStep("", "builtin", `builtin-${index}`));
+    return [1, 2, 3, 4].map((index) => createStep("", "builtin", `builtin-${index}`))
 }
 
 function createStep(name = "", kind = "custom", id = "") {
-  return {
-    id: id || `custom-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-    name,
-    kind,
-  };
+    return {
+        id: id || `custom-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+        name,
+        kind,
+    }
 }
 
 function openTaskDialog(task, mode) {
-  dialogMode.value = mode;
-  Object.assign(taskForm, cloneTask(task));
-  dialogVisible.value = true;
+    dialogMode.value = mode
+    Object.assign(taskForm, cloneTask(task))
+    dialogVisible.value = true
 }
 
 function cloneTask(task) {
-  return {
-    ...task,
-    objectives: [...(task.objectives?.length ? task.objectives : [""])],
-    steps: normalizeSteps(task.steps?.length ? task.steps : createBuiltinSteps()),
-  };
+    return {
+        ...task,
+        objectives: [...(task.objectives?.length ? task.objectives : [""])],
+        steps: normalizeSteps(task.steps?.length ? task.steps : createBuiltinSteps()),
+    }
 }
 
 function addObjective() {
-  taskForm.objectives.push("");
+    taskForm.objectives.push("")
 }
 
 function removeObjective(index) {
-  if (taskForm.objectives.length <= 1) return;
-  taskForm.objectives.splice(index, 1);
+    if (taskForm.objectives.length <= 1) return
+    taskForm.objectives.splice(index, 1)
 }
 
 function addStep() {
-  taskForm.steps.push(createStep());
+    taskForm.steps.push(createStep())
 }
 
 function removeStep(index) {
-  if (taskForm.steps.length <= 1) return;
-  taskForm.steps.splice(index, 1);
+    if (taskForm.steps.length <= 1) return
+    taskForm.steps.splice(index, 1)
 }
 
 async function handleMaterialChange(file) {
-  const rawFile = file?.raw;
-  if (!rawFile) return;
-  const data = new FormData();
-  data.append("file", rawFile);
-  materialUploading.value = true;
-  try {
-    const res = await uploadTrainingTaskMaterial(data);
-    taskForm.materialName = res?.originalFilename || rawFile.name || file?.name || taskForm.materialName;
-    taskForm.materialUrl = normalizeMaterialUrl(res?.url || res?.fileName || "");
-    proxy?.$modal?.msgSuccess("案例资料上传成功");
-  } catch (error) {
-    proxy?.$modal?.msgError?.("案例资料上传失败");
-  } finally {
-    materialUploading.value = false;
-  }
+    const rawFile = file?.raw
+    if (!rawFile) return
+    const data = new FormData()
+    data.append("file", rawFile)
+    materialUploading.value = true
+    try {
+        const res = await uploadTrainingTaskMaterial(data)
+        taskForm.materialName = res?.originalFilename || rawFile.name || file?.name || taskForm.materialName
+        taskForm.materialUrl = normalizeMaterialUrl(res?.url || res?.fileName || "")
+        proxy?.$modal?.msgSuccess("案例资料上传成功")
+    } catch (error) {
+        proxy?.$modal?.msgError?.("案例资料上传失败")
+    } finally {
+        materialUploading.value = false
+    }
 }
 
 async function submitTask() {
-  if (!selectedTeachingClass.value || !taskForm.taskKey) {
-    proxy?.$modal?.msgError?.("请选择教学班后再保存");
-    return;
-  }
-  saving.value = true;
-  try {
-    await saveClassTrainingTask(selectedTeachingClassId.value, taskForm.taskKey, buildPayload());
-    dialogVisible.value = false;
-    proxy?.$modal?.msgSuccess("保存成功");
-    await queryTasks();
-  } finally {
-    saving.value = false;
-  }
+    if (!selectedTeachingClass.value || !taskForm.taskKey) {
+        proxy?.$modal?.msgError?.("请选择教学班后再保存")
+        return
+    }
+    saving.value = true
+    try {
+        await saveClassTrainingTask(selectedTeachingClassId.value, taskForm.taskKey, buildPayload())
+        dialogVisible.value = false
+        proxy?.$modal?.msgSuccess("保存成功")
+        await queryTasks()
+    } finally {
+        saving.value = false
+    }
 }
 
 async function restoreTaskDefault() {
-  if (!selectedTeachingClass.value || !taskForm.taskKey) return;
-  const confirmed = await confirmRestoreDefault("恢复此任务默认内容");
-  if (!confirmed) return;
-  restoring.value = true;
-  try {
-    await restoreClassTrainingTaskDefault(selectedTeachingClassId.value, taskForm.taskKey);
-    dialogVisible.value = false;
-    proxy?.$modal?.msgSuccess("已恢复此任务的默认内容");
-    await queryTasks();
-  } finally {
-    restoring.value = false;
-  }
+    if (!selectedTeachingClass.value || !taskForm.taskKey) return
+    const confirmed = await confirmRestoreDefault("恢复此任务默认内容")
+    if (!confirmed) return
+    restoring.value = true
+    try {
+        await restoreClassTrainingTaskDefault(selectedTeachingClassId.value, taskForm.taskKey)
+        dialogVisible.value = false
+        proxy?.$modal?.msgSuccess("已恢复此任务的默认内容")
+        await queryTasks()
+    } finally {
+        restoring.value = false
+    }
 }
 
 async function restoreAllTasksDefaults() {
-  if (!selectedTeachingClass.value) return;
-  const confirmed = await confirmRestoreDefault("恢复本班全部默认任务");
-  if (!confirmed) return;
-  restoring.value = true;
-  try {
-    await restoreClassTrainingTasksDefaults(selectedTeachingClassId.value);
-    proxy?.$modal?.msgSuccess("已恢复本班全部默认任务");
-    await queryTasks();
-  } finally {
-    restoring.value = false;
-  }
+    if (!selectedTeachingClass.value) return
+    const confirmed = await confirmRestoreDefault("恢复本班全部默认任务")
+    if (!confirmed) return
+    restoring.value = true
+    try {
+        await restoreClassTrainingTasksDefaults(selectedTeachingClassId.value)
+        proxy?.$modal?.msgSuccess("已恢复本班全部默认任务")
+        await queryTasks()
+    } finally {
+        restoring.value = false
+    }
 }
 
 async function openStudentDemo() {
-  if (!selectedTeachingClass.value) return;
-  const child = window.open("/student-demo", "_blank");
-  if (!child) {
-    proxy?.$modal?.msgError?.("浏览器拦截了演示窗口，请允许弹窗后重试");
-    return;
-  }
-  let ticket = "";
-  let childReady = false;
-  const cleanup = () => window.removeEventListener("message", listener);
-  const sendTicket = () => {
-    if (!childReady || !ticket) return;
-    child.postMessage({ type: "STUDENT_DEMO_TICKET", ticket }, window.location.origin);
-    cleanup();
-  };
-  const listener = (event) => {
-    if (event.origin !== window.location.origin || event.source !== child || event.data?.type !== "STUDENT_DEMO_READY") return;
-    childReady = true;
-    sendTicket();
-  };
-  window.addEventListener("message", listener);
-  const timeout = window.setTimeout(cleanup, 60 * 1000);
-  try {
-    const res = await createStudentDemoSession(selectedTeachingClassId.value);
-    ticket = res?.data?.ticket || "";
-    if (!ticket) throw new Error("missing demo ticket");
-    sendTicket();
-  } catch (error) {
-    window.clearTimeout(timeout);
-    cleanup();
-    child.close();
-    proxy?.$modal?.msgError?.("无法创建学生端讲解会话");
-  }
+    if (!selectedTeachingClass.value) return
+    const child = window.open("/student-demo", "_blank")
+    if (!child) {
+        proxy?.$modal?.msgError?.("浏览器拦截了演示窗口，请允许弹窗后重试")
+        return
+    }
+    let ticket = ""
+    let childReady = false
+    const cleanup = () => window.removeEventListener("message", listener)
+    const sendTicket = () => {
+        if (!childReady || !ticket) return
+        child.postMessage({ type: "STUDENT_DEMO_TICKET", ticket }, window.location.origin)
+        cleanup()
+    }
+    const listener = (event) => {
+        if (event.origin !== window.location.origin || event.source !== child || event.data?.type !== "STUDENT_DEMO_READY") return
+        childReady = true
+        sendTicket()
+    }
+    window.addEventListener("message", listener)
+    const timeout = window.setTimeout(cleanup, 60 * 1000)
+    try {
+        const res = await createStudentDemoSession(selectedTeachingClassId.value)
+        ticket = res?.data?.ticket || ""
+        if (!ticket) throw new Error("missing demo ticket")
+        sendTicket()
+    } catch (error) {
+        window.clearTimeout(timeout)
+        cleanup()
+        child.close()
+        proxy?.$modal?.msgError?.("无法创建学生端讲解会话")
+    }
 }
 
 async function confirmRestoreDefault(action) {
-  try {
-    await proxy?.$modal?.confirm(`确认${action}吗？仅恢复当前教学班的实训任务内容，不影响学生已提交数据、成绩、进度及其他班级。`, "确认恢复默认内容");
-    return true;
-  } catch (error) {
-    return false;
-  }
+    try {
+        await proxy?.$modal?.confirm(`确认${action}吗？仅恢复当前教学班的实训任务内容，不影响学生已提交数据、成绩、进度及其他班级。`, "确认恢复默认内容")
+        return true
+    } catch (error) {
+        return false
+    }
 }
 
 function buildPayload() {
-  return {
-    projectName: taskForm.project,
-    taskKey: taskForm.taskKey,
-    taskName: taskForm.title,
-    background: taskForm.background,
-    objectives: JSON.stringify(taskForm.objectives.map((item) => item.trim()).filter(Boolean)),
-    requirements: taskForm.requirements,
-    steps: JSON.stringify(taskForm.steps.map((item) => ({ ...item, name: item.name.trim() })).filter((item) => item.name)),
-    materialName: taskForm.materialName,
-    materialUrl: taskForm.materialUrl,
-    sort: taskForm.sort,
-    enabled: taskForm.enabled,
-  };
+    return {
+        projectName: taskForm.project,
+        taskKey: taskForm.taskKey,
+        taskName: taskForm.title,
+        background: taskForm.background,
+        objectives: JSON.stringify(taskForm.objectives.map((item) => item.trim()).filter(Boolean)),
+        requirements: taskForm.requirements,
+        steps: JSON.stringify(taskForm.steps.map((item) => ({ ...item, name: item.name.trim() })).filter((item) => item.name)),
+        materialName: taskForm.materialName,
+        materialUrl: taskForm.materialUrl,
+        sort: taskForm.sort,
+        enabled: taskForm.enabled,
+    }
 }
 </script>
 
 <style lang="scss" scoped>
 .training-task-page {
-  min-height: calc(100vh - 96px);
-  margin: 22px 24px 28px;
-  padding: 0;
+    min-height: calc(100vh - 96px);
+    //   margin: 22px 24px 28px;
+    padding: 0;
 }
 
 // 页面头部
 .page-header {
-  position: relative;
-  margin-bottom: 24px;
-  padding: 28px 32px 24px;
-  background: linear-gradient(135deg, rgba(0, 20, 40, 0.9), rgba(0, 40, 60, 0.8));
-
-  .header-decoration {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 60px;
-    opacity: 0.6;
-
-    .decoration-lines {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .header-content {
     position: relative;
-    display: flex;
-    align-items: center;
-    gap: 20px;
-  }
-
-  .header-icon {
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 64px;
-    height: 64px;
-    border-radius: 16px;
-    background: linear-gradient(135deg, rgba(0, 170, 255, 0.2), rgba(0, 255, 157, 0.1));
-    border: 1px solid rgba(0, 170, 255, 0.3);
-    box-shadow: 0 0 30px rgba(0, 170, 255, 0.2);
-  }
-
-  .header-text {
-    flex: 1;
-
-    .page-title {
-      margin: 0 0 8px;
-      font-size: 24px;
-      font-weight: 700;
-      color: #ffffff;
-      text-shadow: 0 2px 10px rgba(0, 170, 255, 0.3);
+    margin-bottom: 24px;
+    padding: 28px 32px 24px;
+    background: linear-gradient(135deg, rgba(0, 20, 40, 0.9), rgba(0, 40, 60, 0.8));
+
+    .header-decoration {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        height: 60px;
+        opacity: 0.6;
+
+        .decoration-lines {
+            width: 100%;
+            height: 100%;
+        }
     }
 
-    .page-subtitle {
-      margin: 0;
-      color: rgba(200, 230, 255, 0.7);
-      font-size: 14px;
-      line-height: 1.6;
+    .header-content {
+        position: relative;
+        display: flex;
+        align-items: center;
+        gap: 20px;
     }
-  }
 
-  .header-stats {
-    display: flex;
-    gap: 24px;
+    .header-icon {
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 64px;
+        height: 64px;
+        border-radius: 16px;
+        background: linear-gradient(135deg, rgba(0, 170, 255, 0.2), rgba(0, 255, 157, 0.1));
+        border: 1px solid rgba(0, 170, 255, 0.3);
+        box-shadow: 0 0 30px rgba(0, 170, 255, 0.2);
+    }
 
-    .stat-item {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      padding: 12px 20px;
-      border-radius: 12px;
-      background: rgba(0, 170, 255, 0.1);
-      border: 1px solid rgba(0, 170, 255, 0.2);
-
-      .stat-value {
-        font-size: 28px;
-        font-weight: 700;
-        color: #00ff9d;
-        text-shadow: 0 0 20px rgba(0, 255, 157, 0.5);
-      }
+    .header-text {
+        flex: 1;
+
+        .page-title {
+            margin: 0 0 8px;
+            font-size: 24px;
+            font-weight: 700;
+            color: #ffffff;
+            text-shadow: 0 2px 10px rgba(0, 170, 255, 0.3);
+        }
+
+        .page-subtitle {
+            margin: 0;
+            color: rgba(200, 230, 255, 0.7);
+            font-size: 14px;
+            line-height: 1.6;
+        }
+    }
 
-      .stat-label {
-        font-size: 12px;
-        color: rgba(200, 230, 255, 0.6);
-        margin-top: 4px;
-      }
+    .header-stats {
+        display: flex;
+        gap: 24px;
+
+        .stat-item {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            padding: 12px 20px;
+            border-radius: 12px;
+            background: rgba(0, 170, 255, 0.1);
+            border: 1px solid rgba(0, 170, 255, 0.2);
+
+            .stat-value {
+                font-size: 28px;
+                font-weight: 700;
+                color: #00ff9d;
+                text-shadow: 0 0 20px rgba(0, 255, 157, 0.5);
+            }
+
+            .stat-label {
+                font-size: 12px;
+                color: rgba(200, 230, 255, 0.6);
+                margin-top: 4px;
+            }
+        }
     }
-  }
 }
 
 // 筛选工具栏
 .task-toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  margin-bottom: 20px;
-  padding: 18px 24px;
-  border: 1px solid rgba(0, 180, 255, 0.26);
-  border-radius: 18px;
-  background: rgba(4, 28, 44, 0.72);
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 20px;
+    padding: 18px 24px;
+    border: 1px solid rgba(0, 180, 255, 0.26);
+    border-radius: 18px;
+    background: rgba(4, 28, 44, 0.72);
 }
 
 .toolbar-left {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  flex-wrap: wrap;
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    flex-wrap: wrap;
 }
 
 .toolbar-right {
-  display: flex;
-  align-items: center;
-  gap: 12px;
+    display: flex;
+    align-items: center;
+    gap: 12px;
 }
 
 .class-filter {
-  display: flex;
-  align-items: center;
-  gap: 10px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
 
-  .filter-label {
-    color: #d7f7ff;
-    font-weight: 700;
-    font-size: 14px;
-  }
+    .filter-label {
+        color: #d7f7ff;
+        font-weight: 700;
+        font-size: 14px;
+    }
 
-  .class-select {
-    width: 220px;
-  }
+    .class-select {
+        width: 220px;
+    }
 }
 
 .search-box {
-  display: flex;
-  align-items: center;
-  gap: 10px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
 
-  :deep(.el-input) {
-    width: 240px;
-  }
+    :deep(.el-input) {
+        width: 240px;
+    }
 
-  :deep(.el-input__wrapper) {
-    background: rgba(3, 24, 36, 0.9);
-    border: 1px solid rgba(45, 95, 126, 0.8);
-    box-shadow: none;
-  }
+    :deep(.el-input__wrapper) {
+        background: rgba(3, 24, 36, 0.9);
+        border: 1px solid rgba(45, 95, 126, 0.8);
+        box-shadow: none;
+    }
 
-  :deep(.el-input__inner) {
-    color: #eef5ff;
-  }
+    :deep(.el-input__inner) {
+        color: #eef5ff;
+    }
 }
 
 .status-indicator {
-  :deep(.el-tag) {
+    :deep(.el-tag) {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 6px 14px;
+        border-radius: 20px;
+        font-size: 13px;
+        font-weight: 600;
+    }
+}
+
+// 工具栏按钮
+.toolbar-btn {
     display: inline-flex;
     align-items: center;
     gap: 6px;
-    padding: 6px 14px;
-    border-radius: 20px;
+    padding: 9px 18px;
+    border-radius: 12px;
     font-size: 13px;
     font-weight: 600;
-  }
-}
-
-// 工具栏按钮
-.toolbar-btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 9px 18px;
-  border-radius: 12px;
-  font-size: 13px;
-  font-weight: 600;
-  transition: all 0.3s ease;
-
-  &-primary {
-    background: linear-gradient(135deg, #0a2540, #0c5280);
-    border: 1px solid rgba(0, 170, 255, 0.5);
-    color: #fff;
-    box-shadow: 0 0 20px rgba(0, 140, 220, 0.2);
-
-    &:hover {
-      background: linear-gradient(135deg, #0c5280, #0e6ba0);
-      box-shadow: 0 0 30px rgba(0, 180, 255, 0.35);
-      transform: translateY(-2px);
+    transition: all 0.3s ease;
+
+    &-primary {
+        background: linear-gradient(135deg, #0a2540, #0c5280);
+        border: 1px solid rgba(0, 170, 255, 0.5);
+        color: #fff;
+        box-shadow: 0 0 20px rgba(0, 140, 220, 0.2);
+
+        &:hover {
+            background: linear-gradient(135deg, #0c5280, #0e6ba0);
+            box-shadow: 0 0 30px rgba(0, 180, 255, 0.35);
+            transform: translateY(-2px);
+        }
     }
-  }
 
-  &-danger {
-    background: linear-gradient(135deg, #2d1a1a, #4a2020);
-    border: 1px solid rgba(220, 80, 80, 0.5);
-    color: #ffb4b4;
+    &-danger {
+        background: linear-gradient(135deg, #2d1a1a, #4a2020);
+        border: 1px solid rgba(220, 80, 80, 0.5);
+        color: #ffb4b4;
 
-    &:hover {
-      background: linear-gradient(135deg, #4a2020, #6b2a2a);
-      box-shadow: 0 0 20px rgba(220, 80, 80, 0.25);
-      transform: translateY(-2px);
+        &:hover {
+            background: linear-gradient(135deg, #4a2020, #6b2a2a);
+            box-shadow: 0 0 20px rgba(220, 80, 80, 0.25);
+            transform: translateY(-2px);
+        }
     }
-  }
 
-  &-success {
-    background: linear-gradient(135deg, #0a2f1f, #0d5a35);
-    border: 1px solid rgba(0, 200, 130, 0.5);
-    color: #b4ffc4;
+    &-success {
+        background: linear-gradient(135deg, #0a2f1f, #0d5a35);
+        border: 1px solid rgba(0, 200, 130, 0.5);
+        color: #b4ffc4;
 
-    &:hover {
-      background: linear-gradient(135deg, #0d5a35, #12a050);
-      box-shadow: 0 0 20px rgba(0, 200, 130, 0.25);
-      transform: translateY(-2px);
+        &:hover {
+            background: linear-gradient(135deg, #0d5a35, #12a050);
+            box-shadow: 0 0 20px rgba(0, 200, 130, 0.25);
+            transform: translateY(-2px);
+        }
     }
-  }
 }
 
 // 项目筛选
 .project-filter {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 12px;
-  margin-bottom: 24px;
-  padding: 16px 20px;
-  border: 1px solid rgba(0, 180, 255, 0.18);
-  border-radius: 14px;
-  background: rgba(2, 20, 32, 0.58);
-
-  .filter-label {
     display: flex;
     align-items: center;
-    gap: 6px;
-    color: #9ab3d0;
-    font-size: 13px;
-    font-weight: 700;
+    flex-wrap: wrap;
+    gap: 12px;
+    margin-bottom: 24px;
+    padding: 16px 20px;
+    border: 1px solid rgba(0, 180, 255, 0.18);
+    border-radius: 14px;
+    background: rgba(2, 20, 32, 0.58);
+
+    .filter-label {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        color: #9ab3d0;
+        font-size: 13px;
+        font-weight: 700;
 
-    svg {
-      color: #00aaff;
+        svg {
+            color: #00aaff;
+        }
     }
-  }
 }
 
 .project-tabs {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 8px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 8px;
 }
 
 .project-tab {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  height: 34px;
-  padding: 0 14px;
-  color: rgba(200, 230, 255, 0.7);
-  font-size: 13px;
-  font-weight: 500;
-  background: rgba(0, 10, 20, 0.4);
-  border: 1px solid rgba(0, 170, 255, 0.15);
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-
-  .tab-name {
-    font-weight: 600;
-  }
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    height: 34px;
+    padding: 0 14px;
+    color: rgba(200, 230, 255, 0.7);
+    font-size: 13px;
+    font-weight: 500;
+    background: rgba(0, 10, 20, 0.4);
+    border: 1px solid rgba(0, 170, 255, 0.15);
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.2s ease;
 
-  .tab-count {
-    padding: 2px 8px;
-    font-size: 11px;
-    font-weight: 700;
-    background: rgba(0, 170, 255, 0.15);
-    border-radius: 999px;
-  }
+    .tab-name {
+        font-weight: 600;
+    }
 
-  &:hover {
-    color: #fff;
-    border-color: rgba(0, 170, 255, 0.4);
-    background: rgba(0, 170, 255, 0.1);
-  }
+    .tab-count {
+        padding: 2px 8px;
+        font-size: 11px;
+        font-weight: 700;
+        background: rgba(0, 170, 255, 0.15);
+        border-radius: 999px;
+    }
 
-  &.active {
-    color: #fff;
-    border-color: rgba(0, 170, 255, 0.6);
-    background: linear-gradient(135deg, rgba(0, 170, 255, 0.25), rgba(0, 100, 180, 0.15));
-    box-shadow: 0 0 15px rgba(0, 170, 255, 0.2);
+    &:hover {
+        color: #fff;
+        border-color: rgba(0, 170, 255, 0.4);
+        background: rgba(0, 170, 255, 0.1);
+    }
 
-    .tab-count {
-      background: #00ff9d;
-      color: #001529;
+    &.active {
+        color: #fff;
+        border-color: rgba(0, 170, 255, 0.6);
+        background: linear-gradient(135deg, rgba(0, 170, 255, 0.25), rgba(0, 100, 180, 0.15));
+        box-shadow: 0 0 15px rgba(0, 170, 255, 0.2);
+
+        .tab-count {
+            background: #00ff9d;
+            color: #001529;
+        }
     }
-  }
 }
 
 .filter-result {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-left: auto;
-  padding: 6px 14px;
-  color: rgba(0, 255, 157, 0.8);
-  font-size: 12px;
-  font-weight: 600;
-  background: rgba(0, 255, 157, 0.1);
-  border: 1px solid rgba(0, 255, 157, 0.2);
-  border-radius: 999px;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    margin-left: auto;
+    padding: 6px 14px;
+    color: rgba(0, 255, 157, 0.8);
+    font-size: 12px;
+    font-weight: 600;
+    background: rgba(0, 255, 157, 0.1);
+    border: 1px solid rgba(0, 255, 157, 0.2);
+    border-radius: 999px;
 }
 
 // 任务卡片网格
 .task-grid {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(280px, 1fr));
-  gap: 24px;
-  min-height: 300px;
+    display: grid;
+    grid-template-columns: repeat(3, minmax(280px, 1fr));
+    gap: 24px;
+    min-height: 300px;
 }
 
 .task-card {
-  position: relative;
-  padding: 24px;
-  border-radius: 16px;
-  background: linear-gradient(145deg, rgba(0, 30, 50, 0.9), rgba(0, 15, 30, 0.95));
-  border: 1px solid rgba(0, 170, 255, 0.25);
-  cursor: pointer;
-  transition: all 0.3s ease;
-  overflow: hidden;
-
-  &:hover {
-    border-color: rgba(0, 170, 255, 0.5);
-    transform: translateY(-4px);
-    box-shadow:
-      0 20px 40px rgba(0, 0, 0, 0.4),
-      0 0 30px rgba(0, 170, 255, 0.15);
-
-    .card-glow {
-      opacity: 1;
-    }
+    position: relative;
+    padding: 24px;
+    border-radius: 16px;
+    background: linear-gradient(145deg, rgba(0, 30, 50, 0.9), rgba(0, 15, 30, 0.95));
+    border: 1px solid rgba(0, 170, 255, 0.25);
+    cursor: pointer;
+    transition: all 0.3s ease;
+    overflow: hidden;
 
-    .scanline {
-      animation: scanline 1.5s ease-in-out;
+    &:hover {
+        border-color: rgba(0, 170, 255, 0.5);
+        transform: translateY(-4px);
+        box-shadow:
+            0 20px 40px rgba(0, 0, 0, 0.4),
+            0 0 30px rgba(0, 170, 255, 0.15);
+
+        .card-glow {
+            opacity: 1;
+        }
+
+        .scanline {
+            animation: scanline 1.5s ease-in-out;
+        }
     }
-  }
 }
 
 .card-decoration {
-  .corner-decoration {
-    position: absolute;
-    opacity: 0.6;
-    transition: opacity 0.3s ease;
-
-    &.top-left {
-      top: 8px;
-      left: 8px;
-    }
-    &.top-right {
-      top: 8px;
-      right: 8px;
-    }
-    &.bottom-left {
-      bottom: 8px;
-      left: 8px;
-    }
-    &.bottom-right {
-      bottom: 8px;
-      right: 8px;
+    .corner-decoration {
+        position: absolute;
+        opacity: 0.6;
+        transition: opacity 0.3s ease;
+
+        &.top-left {
+            top: 8px;
+            left: 8px;
+        }
+
+        &.top-right {
+            top: 8px;
+            right: 8px;
+        }
+
+        &.bottom-left {
+            bottom: 8px;
+            left: 8px;
+        }
+
+        &.bottom-right {
+            bottom: 8px;
+            right: 8px;
+        }
     }
-  }
 }
 
 .card-index {
-  position: absolute;
-  top: 16px;
-  right: 20px;
-  font-size: 48px;
-  font-weight: 800;
-  color: rgba(0, 170, 255, 0.08);
-  line-height: 1;
-  user-select: none;
+    position: absolute;
+    top: 16px;
+    right: 20px;
+    font-size: 48px;
+    font-weight: 800;
+    color: rgba(0, 170, 255, 0.08);
+    line-height: 1;
+    user-select: none;
 }
 
 .card-content {
-  position: relative;
-  z-index: 1;
+    position: relative;
+    z-index: 1;
 }
 
 .card-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
 }
 
 .task-project {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  padding: 4px 12px;
-  color: #00aaff;
-  font-size: 12px;
-  font-weight: 600;
-  background: rgba(0, 170, 255, 0.1);
-  border: 1px solid rgba(0, 170, 255, 0.2);
-  border-radius: 999px;
-
-  svg {
-    flex-shrink: 0;
-  }
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 12px;
+    color: #00aaff;
+    font-size: 12px;
+    font-weight: 600;
+    background: rgba(0, 170, 255, 0.1);
+    border: 1px solid rgba(0, 170, 255, 0.2);
+    border-radius: 999px;
+
+    svg {
+        flex-shrink: 0;
+    }
 }
 
 .task-status {
-  padding: 4px 10px;
-  font-size: 11px;
-  font-weight: 700;
-  color: rgba(255, 107, 107, 0.9);
-  background: rgba(255, 107, 107, 0.1);
-  border: 1px solid rgba(255, 107, 107, 0.2);
-  border-radius: 999px;
-
-  &.enabled {
-    color: rgba(0, 255, 157, 0.9);
-    background: rgba(0, 255, 157, 0.1);
-    border-color: rgba(0, 255, 157, 0.2);
-  }
+    padding: 4px 10px;
+    font-size: 11px;
+    font-weight: 700;
+    color: rgba(255, 107, 107, 0.9);
+    background: rgba(255, 107, 107, 0.1);
+    border: 1px solid rgba(255, 107, 107, 0.2);
+    border-radius: 999px;
+
+    &.enabled {
+        color: rgba(0, 255, 157, 0.9);
+        background: rgba(0, 255, 157, 0.1);
+        border-color: rgba(0, 255, 157, 0.2);
+    }
 }
 
 .task-name {
-  margin: 0 0 12px;
-  font-size: 18px;
-  font-weight: 700;
-  color: #fff;
-  line-height: 1.4;
+    margin: 0 0 12px;
+    font-size: 18px;
+    font-weight: 700;
+    color: #fff;
+    line-height: 1.4;
 }
 
 .task-meta {
-  display: flex;
-  align-items: center;
-  gap: 16px;
+    display: flex;
+    align-items: center;
+    gap: 16px;
 }
 
 .meta-item {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  color: rgba(200, 230, 255, 0.5);
-  font-size: 12px;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    color: rgba(200, 230, 255, 0.5);
+    font-size: 12px;
 
-  svg {
-    flex-shrink: 0;
-  }
+    svg {
+        flex-shrink: 0;
+    }
 }
 
 .card-actions {
-  position: relative;
-  z-index: 1;
-  margin-top: 20px;
-  padding-top: 16px;
-  border-top: 1px solid rgba(0, 170, 255, 0.1);
+    position: relative;
+    z-index: 1;
+    margin-top: 20px;
+    padding-top: 16px;
+    border-top: 1px solid rgba(0, 170, 255, 0.1);
 }
 
 .edit-btn {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  justify-content: center;
-  height: 38px;
-  border: none;
-  border-radius: 10px;
-  background: linear-gradient(135deg, #00aaff, #0088dd);
-  color: #fff;
-  font-size: 13px;
-  font-weight: 600;
-  box-shadow: 0 4px 15px rgba(0, 170, 255, 0.25);
-  transition: all 0.3s ease;
-
-  &:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 6px 20px rgba(0, 170, 255, 0.35);
-  }
-
-  svg {
-    flex-shrink: 0;
-  }
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+    justify-content: center;
+    height: 38px;
+    border: none;
+    border-radius: 10px;
+    background: linear-gradient(135deg, #00aaff, #0088dd);
+    color: #fff;
+    font-size: 13px;
+    font-weight: 600;
+    box-shadow: 0 4px 15px rgba(0, 170, 255, 0.25);
+    transition: all 0.3s ease;
+
+    &:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 6px 20px rgba(0, 170, 255, 0.35);
+    }
+
+    svg {
+        flex-shrink: 0;
+    }
 }
 
 .card-glow {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: radial-gradient(circle at 30% 0%, rgba(0, 170, 255, 0.15), transparent 60%);
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  pointer-events: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: radial-gradient(circle at 30% 0%, rgba(0, 170, 255, 0.15), transparent 60%);
+    opacity: 0;
+    transition: opacity 0.3s ease;
+    pointer-events: none;
 }
 
 .scanline {
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 50%;
-  height: 100%;
-  background: linear-gradient(90deg, transparent, rgba(0, 170, 255, 0.1), transparent);
-  pointer-events: none;
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 50%;
+    height: 100%;
+    background: linear-gradient(90deg, transparent, rgba(0, 170, 255, 0.1), transparent);
+    pointer-events: none;
 }
 
 @keyframes scanline {
-  0% {
-    left: -100%;
-  }
-  100% {
-    left: 200%;
-  }
+    0% {
+        left: -100%;
+    }
+
+    100% {
+        left: 200%;
+    }
 }
 
 .task-empty {
-  grid-column: 1 / -1;
+    grid-column: 1 / -1;
 }
 
 // 抽屉样式
 .training-task-drawer {
-  .el-drawer__body {
-    height: 100%;
-    padding: 0;
-  }
+    .el-drawer__body {
+        height: 100%;
+        padding: 0;
+    }
 
-  &.el-drawer {
-    border: none !important;
-    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.5) !important;
-  }
+    &.el-drawer {
+        border: none !important;
+        box-shadow: -10px 0 40px rgba(0, 0, 0, 0.5) !important;
+    }
 }
 
 .drawer-shell {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
 }
 
 .drawer-header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 24px;
-  padding: 28px 32px 22px;
-  border-bottom: 1px solid rgba(0, 170, 255, 0.2);
-  background: linear-gradient(90deg, rgba(13, 65, 96, 0.5), rgba(8, 36, 58, 0.3));
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 24px;
+    padding: 28px 32px 22px;
+    border-bottom: 1px solid rgba(0, 170, 255, 0.2);
+    background: linear-gradient(90deg, rgba(13, 65, 96, 0.5), rgba(8, 36, 58, 0.3));
 }
 
 .drawer-heading {
-  .drawer-kicker {
-    display: inline-flex;
-    align-items: center;
-    gap: 8px;
-    padding: 6px 14px;
-    color: #00aaff;
-    font-size: 12px;
-    font-weight: 700;
-    background: rgba(0, 170, 255, 0.1);
-    border: 1px solid rgba(0, 170, 255, 0.3);
-    border-radius: 999px;
+    .drawer-kicker {
+        display: inline-flex;
+        align-items: center;
+        gap: 8px;
+        padding: 6px 14px;
+        color: #00aaff;
+        font-size: 12px;
+        font-weight: 700;
+        background: rgba(0, 170, 255, 0.1);
+        border: 1px solid rgba(0, 170, 255, 0.3);
+        border-radius: 999px;
 
-    svg {
-      flex-shrink: 0;
+        svg {
+            flex-shrink: 0;
+        }
     }
-  }
 
-  h3 {
-    margin: 12px 0 8px;
-    font-size: 22px;
-    font-weight: 700;
-    color: #fff;
-  }
+    h3 {
+        margin: 12px 0 8px;
+        font-size: 22px;
+        font-weight: 700;
+        color: #fff;
+    }
 
-  p {
-    margin: 0;
-    color: rgba(200, 230, 255, 0.6);
-    font-size: 13px;
-    line-height: 1.6;
-  }
+    p {
+        margin: 0;
+        color: rgba(200, 230, 255, 0.6);
+        font-size: 13px;
+        line-height: 1.6;
+    }
 }
 
 .drawer-close-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 36px;
-  height: 36px;
-  color: rgba(200, 230, 255, 0.7);
-  background: rgba(0, 170, 255, 0.1);
-  border: 1px solid rgba(0, 170, 255, 0.2);
-  border-radius: 10px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-
-  &:hover {
-    color: #fff;
-    background: rgba(0, 170, 255, 0.25);
-    border-color: rgba(0, 170, 255, 0.4);
-  }
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    color: rgba(200, 230, 255, 0.7);
+    background: rgba(0, 170, 255, 0.1);
+    border: 1px solid rgba(0, 170, 255, 0.2);
+    border-radius: 10px;
+    cursor: pointer;
+    transition: all 0.2s ease;
 
-  svg {
-    flex-shrink: 0;
-  }
+    &:hover {
+        color: #fff;
+        background: rgba(0, 170, 255, 0.25);
+        border-color: rgba(0, 170, 255, 0.4);
+    }
+
+    svg {
+        flex-shrink: 0;
+    }
 }
 
 .drawer-identity {
-  display: grid;
-  grid-template-columns: 1fr 1.5fr 120px;
-  gap: 16px;
-  padding: 20px 32px;
-  border-bottom: 1px solid rgba(0, 170, 255, 0.15);
-  background: rgba(0, 10, 20, 0.3);
+    display: grid;
+    grid-template-columns: 1fr 1.5fr 120px;
+    gap: 16px;
+    padding: 20px 32px;
+    border-bottom: 1px solid rgba(0, 170, 255, 0.15);
+    background: rgba(0, 10, 20, 0.3);
 }
 
 .identity-item {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 14px 16px;
-  background: rgba(0, 30, 50, 0.6);
-  border: 1px solid rgba(0, 170, 255, 0.2);
-  border-radius: 12px;
-
-  > svg {
-    flex-shrink: 0;
-    color: #00aaff;
-    opacity: 0.7;
-  }
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 14px 16px;
+    background: rgba(0, 30, 50, 0.6);
+    border: 1px solid rgba(0, 170, 255, 0.2);
+    border-radius: 12px;
 
-  .identity-content {
-    min-width: 0;
-  }
+    >svg {
+        flex-shrink: 0;
+        color: #00aaff;
+        opacity: 0.7;
+    }
 
-  .identity-label {
-    display: block;
-    margin-bottom: 4px;
-    color: rgba(200, 230, 255, 0.5);
-    font-size: 11px;
-    font-weight: 600;
-  }
+    .identity-content {
+        min-width: 0;
+    }
 
-  strong {
-    display: block;
-    overflow: hidden;
-    color: #fff;
-    font-size: 14px;
-    font-weight: 700;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
+    .identity-label {
+        display: block;
+        margin-bottom: 4px;
+        color: rgba(200, 230, 255, 0.5);
+        font-size: 11px;
+        font-weight: 600;
+    }
 
-  .status-value {
-    color: #ff6b6b;
-    &.enabled {
-      color: #00ff9d;
+    strong {
+        display: block;
+        overflow: hidden;
+        color: #fff;
+        font-size: 14px;
+        font-weight: 700;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .status-value {
+        color: #ff6b6b;
+
+        &.enabled {
+            color: #00ff9d;
+        }
     }
-  }
 }
 
 .task-form {
-  flex: 1;
-  min-height: 0;
-  padding: 24px 32px 120px;
-  overflow-y: auto;
-
-  .el-form-item {
-    margin-bottom: 20px;
-  }
+    flex: 1;
+    min-height: 0;
+    padding: 24px 32px 120px;
+    overflow-y: auto;
 
-  .el-form-item__label {
-    color: #ffffff !important;
-    font-weight: 600 !important;
-    font-size: 14px !important;
-  }
+    .el-form-item {
+        margin-bottom: 20px;
+    }
 
-  .el-input__wrapper {
-    background-color: rgba(0, 10, 20, 0.9) !important;
-    border: 1px solid rgba(0, 170, 255, 0.4) !important;
-    border-radius: 8px !important;
-    box-shadow: none !important;
-    padding: 2px 12px !important;
-  }
-
-  .el-input__inner {
-    color: #ffffff !important;
-    font-size: 14px;
-    font-weight: 500;
+    .el-form-item__label {
+        color: #ffffff !important;
+        font-weight: 600 !important;
+        font-size: 14px !important;
+    }
 
-    &::placeholder {
-      color: rgba(200, 230, 255, 0.5) !important;
+    .el-input__wrapper {
+        background-color: rgba(0, 10, 20, 0.9) !important;
+        border: 1px solid rgba(0, 170, 255, 0.4) !important;
+        border-radius: 8px !important;
+        box-shadow: none !important;
+        padding: 2px 12px !important;
     }
-  }
 
-  .el-textarea__inner {
-    background-color: rgba(0, 10, 20, 0.9) !important;
-    border: 1px solid rgba(0, 170, 255, 0.4) !important;
-    border-radius: 8px !important;
-    box-shadow: none !important;
-    color: #ffffff !important;
-    font-size: 14px;
-    font-weight: 500;
-    padding: 12px !important;
+    .el-input__inner {
+        color: #ffffff !important;
+        font-size: 14px;
+        font-weight: 500;
 
-    &::placeholder {
-      color: rgba(200, 230, 255, 0.5) !important;
+        &::placeholder {
+            color: rgba(200, 230, 255, 0.5) !important;
+        }
+    }
+
+    .el-textarea__inner {
+        background-color: rgba(0, 10, 20, 0.9) !important;
+        border: 1px solid rgba(0, 170, 255, 0.4) !important;
+        border-radius: 8px !important;
+        box-shadow: none !important;
+        color: #ffffff !important;
+        font-size: 14px;
+        font-weight: 500;
+        padding: 12px !important;
+
+        &::placeholder {
+            color: rgba(200, 230, 255, 0.5) !important;
+        }
     }
-  }
 }
 
 .drawer-section {
-  padding: 24px;
-  margin-bottom: 20px;
-  background: rgba(0, 20, 40, 0.5);
-  border: 1px solid rgba(0, 170, 255, 0.2);
-  border-radius: 16px;
+    padding: 24px;
+    margin-bottom: 20px;
+    background: rgba(0, 20, 40, 0.5);
+    border: 1px solid rgba(0, 170, 255, 0.2);
+    border-radius: 16px;
 }
 
 .section-title {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  margin-bottom: 20px;
-
-  .section-number {
     display: flex;
     align-items: center;
-    justify-content: center;
-    width: 40px;
-    height: 40px;
-    font-size: 16px;
-    font-weight: 800;
-    color: #00aaff;
-    background: rgba(0, 170, 255, 0.15);
-    border: 1px solid rgba(0, 170, 255, 0.3);
-    border-radius: 10px;
-  }
+    gap: 16px;
+    margin-bottom: 20px;
 
-  .section-info {
-    h4 {
-      margin: 0 0 4px;
-      font-size: 16px;
-      font-weight: 700;
-      color: #fff;
+    .section-number {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 40px;
+        height: 40px;
+        font-size: 16px;
+        font-weight: 800;
+        color: #00aaff;
+        background: rgba(0, 170, 255, 0.15);
+        border: 1px solid rgba(0, 170, 255, 0.3);
+        border-radius: 10px;
     }
 
-    p {
-      margin: 0;
-      color: rgba(200, 230, 255, 0.5);
-      font-size: 12px;
+    .section-info {
+        h4 {
+            margin: 0 0 4px;
+            font-size: 16px;
+            font-weight: 700;
+            color: #fff;
+        }
+
+        p {
+            margin: 0;
+            color: rgba(200, 230, 255, 0.5);
+            font-size: 12px;
+        }
     }
-  }
 }
 
 .objective-list {
-  width: 100%;
+    width: 100%;
 }
 
 .objective-row {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 12px;
+
+    .objective-number {
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 28px;
+        height: 28px;
+        font-size: 12px;
+        font-weight: 700;
+        color: #00aaff;
+        background: rgba(0, 170, 255, 0.1);
+        border: 1px solid rgba(0, 170, 255, 0.2);
+        border-radius: 6px;
+    }
 
-  .objective-number {
+    .el-input {
+        flex: 1;
+    }
+}
+
+.remove-btn {
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 28px;
-    height: 28px;
-    font-size: 12px;
-    font-weight: 700;
-    color: #00aaff;
-    background: rgba(0, 170, 255, 0.1);
-    border: 1px solid rgba(0, 170, 255, 0.2);
-    border-radius: 6px;
-  }
+    width: 32px;
+    height: 32px;
+    color: rgba(255, 107, 107, 0.7);
+    background: rgba(255, 107, 107, 0.1);
+    border: 1px solid rgba(255, 107, 107, 0.2);
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.2s ease;
 
-  .el-input {
-    flex: 1;
-  }
-}
+    &:hover:not(:disabled) {
+        color: #ff6b6b;
+        background: rgba(255, 107, 107, 0.2);
+        border-color: rgba(255, 107, 107, 0.4);
+    }
 
-.remove-btn {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  color: rgba(255, 107, 107, 0.7);
-  background: rgba(255, 107, 107, 0.1);
-  border: 1px solid rgba(255, 107, 107, 0.2);
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-
-  &:hover:not(:disabled) {
-    color: #ff6b6b;
-    background: rgba(255, 107, 107, 0.2);
-    border-color: rgba(255, 107, 107, 0.4);
-  }
-
-  &:disabled {
-    opacity: 0.3;
-    cursor: not-allowed;
-  }
+    &:disabled {
+        opacity: 0.3;
+        cursor: not-allowed;
+    }
 }
 
 .add-objective-button,
 .add-step-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  height: 38px;
-  padding: 0 18px;
-  color: #00aaff;
-  font-size: 13px;
-  font-weight: 600;
-  background: rgba(0, 170, 255, 0.08);
-  border: 1px dashed rgba(0, 170, 255, 0.3);
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-
-  &:hover {
-    color: #fff;
-    background: rgba(0, 170, 255, 0.15);
-    border-color: rgba(0, 170, 255, 0.5);
-  }
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    height: 38px;
+    padding: 0 18px;
+    color: #00aaff;
+    font-size: 13px;
+    font-weight: 600;
+    background: rgba(0, 170, 255, 0.08);
+    border: 1px dashed rgba(0, 170, 255, 0.3);
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+
+    &:hover {
+        color: #fff;
+        background: rgba(0, 170, 255, 0.15);
+        border-color: rgba(0, 170, 255, 0.5);
+    }
 }
 
 .material-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 20px;
-  padding: 16px;
-  margin-bottom: 16px;
-  background: rgba(0, 10, 20, 0.4);
-  border: 1px solid rgba(0, 170, 255, 0.15);
-  border-radius: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 20px;
+    padding: 16px;
+    margin-bottom: 16px;
+    background: rgba(0, 10, 20, 0.4);
+    border: 1px solid rgba(0, 170, 255, 0.15);
+    border-radius: 12px;
 }
 
 .material-info {
-  display: flex;
-  align-items: center;
-  gap: 12px;
+    display: flex;
+    align-items: center;
+    gap: 12px;
 
-  > svg {
-    flex-shrink: 0;
-    color: #00aaff;
-  }
+    >svg {
+        flex-shrink: 0;
+        color: #00aaff;
+    }
 
-  .material-link {
-    color: #00aaff;
-    font-weight: 600;
-  }
+    .material-link {
+        color: #00aaff;
+        font-weight: 600;
+    }
 
-  .material-placeholder {
-    color: rgba(200, 230, 255, 0.4);
-    font-style: italic;
-  }
+    .material-placeholder {
+        color: rgba(200, 230, 255, 0.4);
+        font-style: italic;
+    }
 }
 
 .upload-btn {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  background: linear-gradient(135deg, rgba(0, 170, 255, 0.2), rgba(0, 100, 180, 0.15)) !important;
-  border: 1px solid rgba(0, 170, 255, 0.4) !important;
-  color: #00aaff !important;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background: linear-gradient(135deg, rgba(0, 170, 255, 0.2), rgba(0, 100, 180, 0.15)) !important;
+    border: 1px solid rgba(0, 170, 255, 0.4) !important;
+    color: #00aaff !important;
 
-  &:hover {
-    background: linear-gradient(135deg, rgba(0, 170, 255, 0.3), rgba(0, 100, 180, 0.25)) !important;
-    border-color: rgba(0, 170, 255, 0.6) !important;
-    color: #ffffff !important;
-  }
+    &:hover {
+        background: linear-gradient(135deg, rgba(0, 170, 255, 0.3), rgba(0, 100, 180, 0.25)) !important;
+        border-color: rgba(0, 170, 255, 0.6) !important;
+        color: #ffffff !important;
+    }
 }
 
 .step-list {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
 }
 
 .step-item {
-  display: flex;
-  align-items: center;
-  gap: 12px;
+    display: flex;
+    align-items: center;
+    gap: 12px;
 }
 
 .step-connector {
-  flex-shrink: 0;
+    flex-shrink: 0;
 }
 
 .step-content {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex: 1;
-
-  .step-number {
-    flex-shrink: 0;
     display: flex;
     align-items: center;
-    justify-content: center;
-    width: 32px;
-    height: 32px;
-    font-size: 13px;
-    font-weight: 700;
-    color: #00ff9d;
-    background: rgba(0, 255, 157, 0.1);
-    border: 1px solid rgba(0, 255, 157, 0.2);
-    border-radius: 8px;
-  }
-
-  .el-input {
+    gap: 12px;
     flex: 1;
-  }
+
+    .step-number {
+        flex-shrink: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 32px;
+        height: 32px;
+        font-size: 13px;
+        font-weight: 700;
+        color: #00ff9d;
+        background: rgba(0, 255, 157, 0.1);
+        border: 1px solid rgba(0, 255, 157, 0.2);
+        border-radius: 8px;
+    }
+
+    .el-input {
+        flex: 1;
+    }
 }
 
 .drawer-footer {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  justify-content: flex-end;
-  gap: 14px;
-  padding: 18px 32px;
-  background: rgba(0, 10, 20, 0.95);
-  border-top: 1px solid rgba(0, 170, 255, 0.2);
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    justify-content: flex-end;
+    gap: 14px;
+    padding: 18px 32px;
+    background: rgba(0, 10, 20, 0.95);
+    border-top: 1px solid rgba(0, 170, 255, 0.2);
 }
 
 .cancel-btn {
-  height: 40px;
-  padding: 0 24px;
-  color: rgba(200, 230, 255, 0.8) !important;
-  background: rgba(0, 170, 255, 0.1) !important;
-  border: 1px solid rgba(0, 170, 255, 0.25) !important;
-  border-radius: 10px;
+    height: 40px;
+    padding: 0 24px;
+    color: rgba(200, 230, 255, 0.8) !important;
+    background: rgba(0, 170, 255, 0.1) !important;
+    border: 1px solid rgba(0, 170, 255, 0.25) !important;
+    border-radius: 10px;
 
-  &:hover {
-    color: #ffffff !important;
-    background: rgba(0, 170, 255, 0.2) !important;
-    border-color: rgba(0, 170, 255, 0.4) !important;
-  }
+    &:hover {
+        color: #ffffff !important;
+        background: rgba(0, 170, 255, 0.2) !important;
+        border-color: rgba(0, 170, 255, 0.4) !important;
+    }
 }
 
 .save-btn {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  height: 40px;
-  padding: 0 24px;
-  border: none;
-  border-radius: 10px;
-  background: linear-gradient(135deg, #00aaff, #0088dd);
-  box-shadow: 0 4px 15px rgba(0, 170, 255, 0.3);
-
-  svg {
-    flex-shrink: 0;
-  }
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    height: 40px;
+    padding: 0 24px;
+    border: none;
+    border-radius: 10px;
+    background: linear-gradient(135deg, #00aaff, #0088dd);
+    box-shadow: 0 4px 15px rgba(0, 170, 255, 0.3);
+
+    svg {
+        flex-shrink: 0;
+    }
 }
 
 // 响应式
 @media (max-width: 1280px) {
-  .task-grid {
-    grid-template-columns: repeat(2, 1fr);
-  }
+    .task-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
 }
 
 @media (max-width: 768px) {
-  .training-task-page {
-    margin: 12px;
-  }
+    .training-task-page {
+        margin: 12px;
+    }
 
-  .page-header {
-    padding: 20px;
+    .page-header {
+        padding: 20px;
 
-    .header-content {
-      flex-direction: column;
-      align-items: flex-start;
-    }
+        .header-content {
+            flex-direction: column;
+            align-items: flex-start;
+        }
 
-    .header-stats {
-      width: 100%;
-      justify-content: space-around;
+        .header-stats {
+            width: 100%;
+            justify-content: space-around;
+        }
     }
-  }
 
-  .filter-top {
-    flex-direction: column;
-    align-items: stretch;
-  }
+    .filter-top {
+        flex-direction: column;
+        align-items: stretch;
+    }
 
-  .search-box {
-    max-width: none;
-  }
+    .search-box {
+        max-width: none;
+    }
 
-  .toolbar-actions {
-    justify-content: center;
-  }
+    .toolbar-actions {
+        justify-content: center;
+    }
 
-  .filter-result {
-    margin-left: 0;
-    width: 100%;
-    justify-content: center;
-  }
+    .filter-result {
+        margin-left: 0;
+        width: 100%;
+        justify-content: center;
+    }
 
-  .task-grid {
-    grid-template-columns: 1fr;
-  }
+    .task-grid {
+        grid-template-columns: 1fr;
+    }
 
-  .drawer-identity {
-    grid-template-columns: 1fr;
-  }
+    .drawer-identity {
+        grid-template-columns: 1fr;
+    }
 }
 </style>
 
 <style lang="scss">
-.teacher-main.training-task-main-theme {
-  height: calc(100vh - 50px);
-  background: linear-gradient(135deg, #03070e 0%, #061827 48%, #02060d 100%) !important;
-}
+// 暗色模式专属规则：教师端已切换亮色（body.teacher-light-mode），不再注入这些全局暗色覆盖
+body:not(.teacher-light-mode) {
+    .teacher-main.training-task-main-theme {
+        height: calc(100vh - 50px);
+        background: linear-gradient(135deg, #03070e 0%, #061827 48%, #02060d 100%) !important;
+    }
 
-// Element Plus 抽屉暗色化
-.el-drawer {
-  // 移除自定义背景色，使用系统默认
-}
+    // 输入框文字白色
+    .el-input__inner {
+        color: #ffffff !important;
 
-// 输入框文字白色
-.el-input__inner {
-  color: #ffffff !important;
-  &::placeholder {
-    color: rgba(200, 230, 255, 0.5) !important;
-  }
-}
+        &::placeholder {
+            color: rgba(200, 230, 255, 0.5) !important;
+        }
+    }
 
-// 输入框包装器背景
-.el-input__wrapper {
-  background-color: rgba(0, 10, 20, 0.9) !important;
-  border: 1px solid rgba(0, 170, 255, 0.4) !important;
-  box-shadow: none !important;
-}
+    // 输入框包装器背景
+    .el-input__wrapper {
+        background-color: rgba(0, 10, 20, 0.9) !important;
+        border: 1px solid rgba(0, 170, 255, 0.4) !important;
+        box-shadow: none !important;
+    }
 
-// 文本域暗色化
-.el-textarea__inner {
-  background-color: rgba(0, 10, 20, 0.9) !important;
-  border: 1px solid rgba(0, 170, 255, 0.4) !important;
-  box-shadow: none !important;
-  color: #ffffff !important;
-}
+    // 文本域暗色化
+    .el-textarea__inner {
+        background-color: rgba(0, 10, 20, 0.9) !important;
+        border: 1px solid rgba(0, 170, 255, 0.4) !important;
+        box-shadow: none !important;
+        color: #ffffff !important;
+    }
 
-// 表单标签白色
-.el-form-item__label {
-  color: #ffffff !important;
-  font-weight: 600 !important;
-}
+    // 表单标签白色
+    .el-form-item__label {
+        color: #ffffff !important;
+        font-weight: 600 !important;
+    }
 
-// 输入框禁用状态暗色化
-.el-input.is-disabled .el-input__wrapper {
-  background-color: rgba(0, 10, 20, 0.6) !important;
-  border-color: rgba(0, 170, 255, 0.25) !important;
-}
+    // 输入框禁用状态暗色化
+    .el-input.is-disabled .el-input__wrapper {
+        background-color: rgba(0, 10, 20, 0.6) !important;
+        border-color: rgba(0, 170, 255, 0.25) !important;
+    }
 
-.el-input.is-disabled .el-input__inner {
-  color: rgba(200, 230, 255, 0.5) !important;
+    .el-input.is-disabled .el-input__inner {
+        color: rgba(200, 230, 255, 0.5) !important;
+    }
 }
 </style>