系统风格以及部分页面样式变更

frontend/src/assets/styles/education-theme.scss

@@ -0,0 +1,615 @@
+/**
+ * Copyright (c) 2026 软件研发部
+ * 内部使用，未经授权禁止外传。
+ * @description 教学管理信息系统全局视觉主题
+ * @author 软件研发部
+ * @since 2026-08-24
+ */
+
+:root {
+  --edu-color-primary: #0b6b55;
+  --edu-color-primary-hover: #085442;
+  --edu-color-primary-active: #063f34;
+  --edu-color-primary-soft: #e8f3ef;
+  --edu-color-primary-faint: #f3f8f6;
+  --edu-color-accent: #c69b3c;
+  --edu-color-text: #172b25;
+  --edu-color-text-secondary: #52645f;
+  --edu-color-text-muted: #7a8a85;
+  --edu-color-border: #dce6e2;
+  --edu-color-border-strong: #c8d8d2;
+  --edu-color-canvas: #f4f7f6;
+  --edu-color-surface: #ffffff;
+  --edu-color-success: #238b68;
+  --edu-color-warning: #b77a17;
+  --edu-color-danger: #c94b52;
+  --edu-shadow-sm: 0 1px 2px rgba(19, 45, 37, 0.05);
+  --edu-shadow-md: 0 6px 18px rgba(19, 45, 37, 0.08);
+  --edu-shadow-dialog: 0 18px 48px rgba(14, 36, 30, 0.18);
+  --edu-radius-sm: 5px;
+  --edu-radius-md: 8px;
+  --edu-radius-lg: 12px;
+  --edu-transition-fast: 160ms ease;
+  --edu-transition-base: 220ms ease;
+}
+
+body {
+  color: var(--edu-color-text);
+  background: var(--edu-color-canvas);
+}
+
+button,
+input,
+textarea,
+select {
+  font-family: inherit;
+}
+
+button,
+[role="button"],
+.el-button,
+.el-dropdown,
+.el-menu-item,
+.el-submenu__title {
+  -webkit-tap-highlight-color: transparent;
+}
+
+a:focus-visible,
+button:focus-visible,
+[role="button"]:focus-visible,
+.el-button:focus-visible,
+.el-input__inner:focus-visible,
+.el-textarea__inner:focus-visible {
+  outline: 2px solid var(--edu-color-primary);
+  outline-offset: 2px;
+}
+
+#app .main-container,
+#app .app-main {
+  background: var(--edu-color-canvas);
+}
+
+#app .app-container {
+  padding: 20px 22px;
+}
+
+/* 按钮采用清晰的主次层级，避免同屏操作全部呈现为高强调。 */
+#app .el-button {
+  min-height: 36px;
+  padding: 9px 16px;
+  border-radius: var(--edu-radius-sm);
+  border-color: var(--edu-color-border-strong);
+  color: #334740;
+  font-size: 14px;
+  font-weight: 500;
+  letter-spacing: 0.1px;
+  box-shadow: var(--edu-shadow-sm);
+  transition:
+    color var(--edu-transition-fast),
+    background-color var(--edu-transition-fast),
+    border-color var(--edu-transition-fast),
+    box-shadow var(--edu-transition-fast);
+}
+
+#app .el-button:hover,
+#app .el-button:focus {
+  color: var(--edu-color-primary);
+  background: var(--edu-color-primary-faint);
+  border-color: #9cbdb1;
+  box-shadow: 0 2px 6px rgba(11, 107, 85, 0.10);
+}
+
+#app .el-button:active {
+  color: var(--edu-color-primary-active);
+  background: #dfede8;
+  border-color: var(--edu-color-primary);
+  box-shadow: inset 0 1px 2px rgba(8, 76, 63, 0.12);
+}
+
+#app .el-button--primary {
+  color: #ffffff;
+  background: var(--edu-color-primary);
+  border-color: var(--edu-color-primary);
+  box-shadow: 0 2px 5px rgba(11, 107, 85, 0.18);
+}
+
+#app .el-button--primary:hover,
+#app .el-button--primary:focus {
+  color: #ffffff;
+  background: var(--edu-color-primary-hover);
+  border-color: var(--edu-color-primary-hover);
+  box-shadow: 0 4px 10px rgba(11, 107, 85, 0.22);
+}
+
+#app .el-button--primary:active {
+  color: #ffffff;
+  background: var(--edu-color-primary-active);
+  border-color: var(--edu-color-primary-active);
+}
+
+#app .el-button--primary.is-plain {
+  color: var(--edu-color-primary);
+  background: var(--edu-color-primary-faint);
+  border-color: #9cbdb1;
+  box-shadow: none;
+}
+
+#app .el-button--primary.is-plain:hover,
+#app .el-button--primary.is-plain:focus {
+  color: #ffffff;
+  background: var(--edu-color-primary);
+  border-color: var(--edu-color-primary);
+}
+
+#app .el-button--success.is-plain,
+#app .el-button--warning.is-plain,
+#app .el-button--danger.is-plain,
+#app .el-button--info.is-plain {
+  box-shadow: none;
+}
+
+#app .el-button--success.is-plain {
+  color: var(--edu-color-success);
+  background: #eef8f4;
+  border-color: #afd5c7;
+}
+
+#app .el-button--warning.is-plain {
+  color: var(--edu-color-warning);
+  background: #fbf6ea;
+  border-color: #dfc58f;
+}
+
+#app .el-button--danger.is-plain {
+  color: var(--edu-color-danger);
+  background: #fbf0f1;
+  border-color: #e4b3b7;
+}
+
+#app .el-button--info.is-plain {
+  color: #5f706b;
+  background: #f3f5f4;
+  border-color: #c8d1ce;
+}
+
+#app .el-button--success.is-plain:hover,
+#app .el-button--warning.is-plain:hover,
+#app .el-button--danger.is-plain:hover,
+#app .el-button--info.is-plain:hover {
+  color: #ffffff;
+}
+
+#app .el-button--success {
+  background: var(--edu-color-success);
+  border-color: var(--edu-color-success);
+}
+
+#app .el-button--warning {
+  background: var(--edu-color-warning);
+  border-color: var(--edu-color-warning);
+}
+
+#app .el-button--danger {
+  background: var(--edu-color-danger);
+  border-color: var(--edu-color-danger);
+}
+
+#app .el-button--info {
+  background: #5f706b;
+  border-color: #5f706b;
+}
+
+#app .el-button--success,
+#app .el-button--warning,
+#app .el-button--danger,
+#app .el-button--info {
+  color: #ffffff;
+}
+
+#app .el-button--success.is-plain:hover {
+  background: var(--edu-color-success);
+  border-color: var(--edu-color-success);
+}
+
+#app .el-button--warning.is-plain:hover {
+  background: var(--edu-color-warning);
+  border-color: var(--edu-color-warning);
+}
+
+#app .el-button--danger.is-plain:hover {
+  background: var(--edu-color-danger);
+  border-color: var(--edu-color-danger);
+}
+
+#app .el-button--info.is-plain:hover {
+  background: #5f706b;
+  border-color: #5f706b;
+}
+
+#app .el-button--mini {
+  min-height: 30px;
+  padding: 6px 11px;
+  font-size: 13px;
+}
+
+#app .el-button--small {
+  min-height: 32px;
+  padding: 7px 13px;
+}
+
+#app .el-button--text {
+  min-height: 30px;
+  padding: 5px 7px;
+  color: var(--edu-color-primary);
+  border-color: transparent;
+  background: transparent;
+  box-shadow: none;
+}
+
+#app .el-button--text:hover,
+#app .el-button--text:focus {
+  color: var(--edu-color-primary-hover);
+  background: var(--edu-color-primary-soft);
+  border-color: transparent;
+}
+
+#app .el-button.is-circle {
+  min-width: 36px;
+  padding: 0;
+}
+
+#app .el-button.is-disabled,
+#app .el-button.is-disabled:hover,
+#app .el-button.is-disabled:focus {
+  color: #9aa7a3;
+  background: #f2f4f3;
+  border-color: #e1e7e4;
+  box-shadow: none;
+}
+
+/* 表单控件保持紧凑，同时用统一焦点状态提升批量录入效率。 */
+#app .el-input__inner,
+#app .el-textarea__inner,
+#app .el-range-editor.el-input__inner {
+  border-color: var(--edu-color-border-strong);
+  border-radius: var(--edu-radius-sm);
+  color: var(--edu-color-text);
+  background: var(--edu-color-surface);
+  transition:
+    border-color var(--edu-transition-fast),
+    box-shadow var(--edu-transition-fast);
+}
+
+#app .el-input__inner:hover,
+#app .el-textarea__inner:hover,
+#app .el-range-editor.el-input__inner:hover {
+  border-color: #91b3a7;
+}
+
+#app .el-input.is-active .el-input__inner,
+#app .el-input__inner:focus,
+#app .el-textarea__inner:focus,
+#app .el-range-editor.is-active {
+  border-color: var(--edu-color-primary);
+  box-shadow: 0 0 0 3px rgba(11, 107, 85, 0.10);
+}
+
+#app .el-form-item__label {
+  color: #344a42;
+  font-weight: 500;
+}
+
+#app .el-checkbox__input.is-checked .el-checkbox__inner,
+#app .el-checkbox__input.is-indeterminate .el-checkbox__inner,
+#app .el-radio__input.is-checked .el-radio__inner {
+  background-color: var(--edu-color-primary);
+  border-color: var(--edu-color-primary);
+}
+
+#app .el-checkbox__input.is-checked + .el-checkbox__label,
+#app .el-radio__input.is-checked + .el-radio__label {
+  color: var(--edu-color-primary-hover);
+}
+
+/* 数据表格用浅层表头和克制分隔线，强调扫描效率。 */
+#app .el-table {
+  color: #344740;
+  border-radius: var(--edu-radius-md);
+  border: 1px solid var(--edu-color-border);
+  overflow: hidden;
+}
+
+#app .el-table::before,
+#app .el-table--border::after {
+  background-color: var(--edu-color-border);
+}
+
+#app .el-table th.el-table__cell {
+  color: #29443b;
+  font-weight: 600;
+  background: #edf4f1;
+  border-bottom-color: #d7e4df;
+}
+
+#app .el-table td.el-table__cell {
+  border-bottom-color: #e7eeeb;
+}
+
+#app .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+  background: #f2f8f5;
+}
+
+#app .el-table .current-row > td.el-table__cell {
+  background: #e8f3ef;
+}
+
+/* 行级操作保持单行，避免按钮被列宽挤压后增加表格行高。 */
+#app .el-table .table-action-column .cell {
+  white-space: nowrap;
+}
+
+/* 卡片与弹窗采用一致的白色工作面，不使用装饰性大渐变。 */
+#app .el-card {
+  border: 1px solid var(--edu-color-border);
+  border-radius: var(--edu-radius-lg);
+  background: var(--edu-color-surface);
+  box-shadow: var(--edu-shadow-sm);
+}
+
+#app .el-card__header {
+  padding: 15px 18px;
+  color: var(--edu-color-text);
+  font-weight: 600;
+  background: #fbfcfc;
+  border-bottom-color: var(--edu-color-border);
+}
+
+#app .el-dialog {
+  border-radius: var(--edu-radius-lg);
+  box-shadow: var(--edu-shadow-dialog);
+  overflow: hidden;
+}
+
+#app .el-dialog__header {
+  padding: 18px 22px 16px;
+  background: #f8faf9;
+  border-bottom: 1px solid var(--edu-color-border);
+}
+
+#app .el-dialog__title {
+  color: var(--edu-color-text);
+  font-size: 17px;
+  font-weight: 600;
+}
+
+#app .el-dialog__body {
+  padding: 22px;
+}
+
+#app .el-dialog__footer {
+  padding: 14px 22px 18px;
+  background: #fbfcfc;
+  border-top: 1px solid #edf1ef;
+}
+
+#app .el-pagination.is-background .el-pager li:not(.disabled).active {
+  background: var(--edu-color-primary);
+}
+
+#app .el-pagination button:hover,
+#app .el-pager li:hover {
+  color: var(--edu-color-primary);
+}
+
+#app .el-tag {
+  border-radius: 4px;
+  font-weight: 500;
+}
+
+/* 教学管理列表页保持统一的信息层级，同时允许各业务页面保留原有结构。 */
+#app .management-page {
+  --management-section-gap: 16px;
+  --management-section-padding: 18px;
+}
+
+#app .management-page .section-card {
+  padding: var(--management-section-padding);
+  margin-bottom: var(--management-section-gap);
+  border: 1px solid var(--edu-color-border);
+  border-radius: var(--edu-radius-lg);
+  background: var(--edu-color-surface);
+  box-shadow: var(--edu-shadow-sm);
+}
+
+#app .management-page .section-heading {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 24px;
+  padding-bottom: 16px;
+  margin-bottom: 18px;
+  border-bottom: 1px solid #edf1ef;
+}
+
+#app .management-page .section-heading--compact {
+  padding-bottom: 12px;
+  margin-bottom: 14px;
+}
+
+#app .management-page .section-title {
+  margin: 0;
+  color: var(--edu-color-text);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+}
+
+#app .management-page .section-description {
+  margin: 4px 0 0;
+  color: var(--edu-color-text-secondary);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+#app .management-page .export-bar,
+#app .management-page .action-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+#app .management-page .export-bar .el-button + .el-button,
+#app .management-page .action-row .el-button + .el-button {
+  margin-left: 0;
+}
+
+#app .management-page .table-heading {
+  margin-bottom: 0;
+}
+
+/* 选修课操作较多，宽屏时并列展示操作与导出，降低按钮堆叠造成的视觉噪音。 */
+#app .elective-page {
+  display: grid;
+  grid-template-columns: minmax(0, 2fr) minmax(360px, 1fr);
+  gap: var(--management-section-gap);
+}
+
+#app .elective-page .section-card {
+  margin-bottom: 0;
+}
+
+#app .elective-page .query-card,
+#app .elective-page .upload-card,
+#app .elective-page .table-card {
+  grid-column: 1 / -1;
+}
+
+#app .elective-page .action-card {
+  grid-column: 1;
+  grid-row: 2;
+}
+
+#app .elective-page .export-card {
+  grid-column: 2;
+  grid-row: 2;
+}
+
+#app .management-page .query-card .q-control,
+#app .management-page .search-card .q-control {
+  max-width: 520px;
+}
+
+/* 首页沿用原有模块，不改变信息结构，仅降低大色块与渐变的视觉重量。 */
+#app .home {
+  background: var(--edu-color-canvas);
+}
+
+#app .home .module-card {
+  border: 1px solid var(--edu-color-border);
+  background: var(--edu-color-surface);
+  box-shadow: var(--edu-shadow-sm);
+}
+
+#app .home .module-card:hover {
+  border-color: #c9dcd5;
+  box-shadow: var(--edu-shadow-md);
+}
+
+#app .home .module-card .el-card__header {
+  color: var(--edu-color-text);
+  background: #fbfcfc;
+  border-bottom: 1px solid var(--edu-color-border);
+}
+
+#app .home .card-header {
+  color: var(--edu-color-text);
+}
+
+#app .home .card-header .card-icon {
+  color: var(--edu-color-primary);
+}
+
+#app .home .card-header .more-btn {
+  color: var(--edu-color-primary);
+}
+
+#app .home .contact-item .contact-icon {
+  background: var(--edu-color-primary-soft);
+  color: var(--edu-color-primary);
+  border-radius: var(--edu-radius-md);
+  box-shadow: none;
+}
+
+/* 下拉浮层渲染在 body 下，因此使用系统级选择器统一其视觉。 */
+.el-select-dropdown,
+.el-dropdown-menu,
+.el-picker-panel,
+.el-popover {
+  border-color: var(--edu-color-border);
+  border-radius: var(--edu-radius-md);
+  box-shadow: var(--edu-shadow-md);
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover,
+.el-dropdown-menu__item:not(.is-disabled):hover,
+.el-dropdown-menu__item:not(.is-disabled):focus {
+  color: var(--edu-color-primary);
+  background: var(--edu-color-primary-soft);
+}
+
+.el-select-dropdown__item.selected {
+  color: var(--edu-color-primary);
+  font-weight: 600;
+}
+
+@media (max-width: 768px) {
+  #app .app-container {
+    padding: 14px;
+  }
+
+  #app .el-button {
+    min-height: 38px;
+  }
+
+  #app .el-dialog {
+    width: calc(100% - 24px);
+    margin-top: 4vh;
+  }
+
+  #app .management-page {
+    --management-section-padding: 14px;
+  }
+
+  #app .management-page .section-heading,
+  #app .management-page .upload-row {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  #app .management-page .section-heading .el-button,
+  #app .management-page .upload-right .el-button {
+    width: 100%;
+  }
+}
+
+@media (max-width: 1200px) {
+  #app .elective-page {
+    display: block;
+  }
+
+  #app .elective-page .section-card {
+    margin-bottom: var(--management-section-gap);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  #app *,
+  #app *::before,
+  #app *::after {
+    scroll-behavior: auto;
+    transition-duration: 0.01ms;
+    animation-duration: 0.01ms;
+    animation-iteration-count: 1;
+  }
+}

frontend/src/assets/styles/element-variables.scss

@@ -4,13 +4,13 @@
 **/
 
 /* theme color */
-$--color-primary: #00875A;
+$--color-primary: #0b6b55;
-$--color-success: #13ce66;
+$--color-success: #238b68;
-$--color-warning: #ffba00;
+$--color-warning: #c58a22;
-$--color-danger: #ff4949;
+$--color-danger: #c94b52;
 // $--color-info: #1E1E1E;
 
-$--button-font-weight: 400;
+$--button-font-weight: 500;
 
 // $--color-text-regular: #1f2d3d;
 

frontend/src/assets/styles/index.scss

@@ -4,20 +4,21 @@
 @import './element-ui.scss';
 @import './sidebar.scss';
 @import './btn.scss';
+@import './education-theme.scss';
 
 /* ================= 系统主题色（教育绿） ================= */
 :root {
   /* 基础绿 */
-  --edu-green: #007F4F;
+  --edu-green: #0b6b55;
-  --edu-green-hover: #00663E;
+  --edu-green-hover: #085442;
-  --edu-green-bg: #E3F2E9;
+  --edu-green-bg: #e8f3ef;
 
   /* 主色：导航、按钮、主题色 */
-  --edu-green-primary: #00875A; /* rgb(0,135,90) */
+  --edu-green-primary: #0b6b55;
   /* hover 加深 */
-  --edu-green-dark: #006B47;    /* rgb(0,107,71) */
+  --edu-green-dark: #084c3f;
   /* 浅色背景、标签底色 */
-  --edu-green-light: #E6F4EA;   /* rgb(230,244,234) */
+  --edu-green-light: #e8f3ef;
 }
 
 body {

frontend/src/assets/styles/sidebar.scss

@@ -5,6 +5,8 @@
     transition: width 0.28s;
     width: $base-sidebar-width !important;
     background-color: $base-menu-background;
+    border-right: 1px solid rgba(3, 49, 40, 0.32);
+    box-shadow: 4px 0 14px rgba(8, 51, 42, 0.08);
     height: 100%;
     position: relative;
     overflow: hidden;
@@ -52,14 +54,15 @@
       white-space: nowrap !important;
       height: 44px !important;
       line-height: 44px !important;
-      font-weight: 600;
+      font-weight: 500;
+      letter-spacing: 0.2px;
     }
 
     // menu hover
     .submenu-title-noDropdown,
     .el-submenu__title {
       &:hover {
-        background-color: rgba(0, 0, 0, 0.06) !important;
+        background-color: rgba(255, 255, 255, 0.08) !important;
       }
     }
 
@@ -111,29 +114,29 @@
           content: '';
           position: absolute;
           inset: 0;
-          background-color: rgba(255, 255, 255, 0.15);
+          background-color: rgba(255, 255, 255, 0.13);
-          border-right: 3px solid #FFC53D;
+          border-left: 3px solid #d7b45a;
           pointer-events: none;
           z-index: 1;
         }
       }
 
       .el-submenu.is-active > .el-submenu__title {
-        color: #E6F4EA !important;
+        color: #ffffff !important;
         font-weight: 600;
 
         &::before {
-          background-color: rgba(255, 255, 255, 0.15);
+          background-color: rgba(255, 255, 255, 0.10);
-          border-right: 3px solid #FFC53D;
+          border-left: 3px solid #d7b45a;
         }
 
         .el-submenu__icon-arrow {
-          color: #FFC53D !important;
+          color: #e2c36f !important;
         }
       }
 
       .el-submenu__title .el-submenu__icon-arrow {
-        color: rgba(255, 255, 255, 0.9);
+        color: rgba(255, 255, 255, 0.76);
         font-size: 12px;
         font-weight: 700;
         transition: transform 0.2s;

frontend/src/assets/styles/variables.scss

@@ -8,16 +8,16 @@ $tiffany: #4AB7BD;
 $yellow:#FEC171;
 $panGreen: #30B08F;
 
-// 默认菜单主题风格（教育绿）
+// 默认菜单主题风格（学院绿）
-$base-menu-color: #e8f5ef;
+$base-menu-color: #dcebe6;
 $base-menu-color-active: #ffffff;
-$base-menu-background: #00875A;
+$base-menu-background: #0b5f4a;
 
 $base-menu-light-color:rgba(0,0,0,.70);
 $base-menu-light-background:#ffffff;
 
-$base-sub-menu-background: #006B47;
+$base-sub-menu-background: #084c3f;
-$base-sub-menu-hover: rgba(255,255,255,.12);
+$base-sub-menu-hover: rgba(255,255,255,.10);
 
 $base-sidebar-width: 200px;
 

frontend/src/layout/components/Navbar.vue

@@ -159,19 +159,19 @@ export default {
         justify-content: center;
         width: 38px;
         height: 38px;
-        border-radius: 50%;
+        border-radius: 7px;
-        background: rgba(255, 255, 255, 0.08);
+        background: rgba(255, 255, 255, 0.07);
-        transition: all 0.25s ease;
+        border: 1px solid rgba(255, 255, 255, 0.10);
+        transition: background-color 0.18s ease, border-color 0.18s ease;
         cursor: pointer;
 
         &:hover {
-          background: rgba(255, 255, 255, 0.2);
+          background: rgba(255, 255, 255, 0.15);
-          transform: translateY(-1px);
+          border-color: rgba(255, 255, 255, 0.28);
-          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
         }
 
         &:active {
-          transform: translateY(0);
+          background: rgba(255, 255, 255, 0.21);
         }
 
         .svg-icon {
@@ -192,19 +192,19 @@ export default {
       justify-content: center;
       width: 38px;
       height: 38px;
-      border-radius: 50%;
+      border-radius: 7px;
-      background: rgba(255, 255, 255, 0.08);
+      background: rgba(255, 255, 255, 0.07);
-      transition: all 0.25s ease;
+      border: 1px solid rgba(255, 255, 255, 0.10);
+      transition: background-color 0.18s ease, border-color 0.18s ease;
       cursor: pointer;
 
       &:hover {
-        background: rgba(255, 255, 255, 0.2);
+        background: rgba(255, 255, 255, 0.15);
-        transform: translateY(-1px);
+        border-color: rgba(255, 255, 255, 0.28);
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
       }
 
       &:active {
-        transform: translateY(0);
+        background: rgba(255, 255, 255, 0.21);
       }
 
       .svg-icon {
@@ -282,7 +282,7 @@ export default {
       margin-right: 0;
       padding: 0 6px 0 10px;
       height: 100%;
-      border-radius: 22px;
+      border-radius: 8px;
       cursor: pointer;
 
       &.is-active .user-caret {
@@ -299,10 +299,10 @@ export default {
           position: relative;
           width: 36px;
           height: 36px;
-          border-radius: 50%;
+          border-radius: 8px;
           padding: 2px;
-          background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.55));
+          background: rgba(255, 255, 255, 0.92);
-          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
           flex-shrink: 0;
         }
 
@@ -310,7 +310,7 @@ export default {
           cursor: pointer;
           width: 100%;
           height: 100%;
-          border-radius: 50%;
+          border-radius: 6px;
           object-fit: cover;
           background: var(--edu-green-light);
           display: block;

frontend/src/layout/components/SemesterBar.vue

@@ -147,7 +147,7 @@ export default {
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 12px;
+  gap: 10px;
   height: 36px;
   font-size: 13px;
   color: rgba(255, 255, 255, 0.85);
@@ -159,10 +159,9 @@ export default {
     justify-content: center;
     height: 36px;
     padding: 0 16px;
-    border-radius: 18px;
+    border-radius: 7px;
-    background: rgba(255, 255, 255, 0.12);
+    background: rgba(255, 255, 255, 0.09);
-    border: 1px solid rgba(255, 255, 255, 0.22);
+    border: 1px solid rgba(255, 255, 255, 0.16);
-    backdrop-filter: blur(2px);
     box-sizing: border-box;
 
     i {
@@ -251,7 +250,7 @@ export default {
       background: rgba(255, 255, 255, 0.12);
       border: 1px solid rgba(255, 255, 255, 0.35);
       color: #fff;
-      border-radius: 18px;
+      border-radius: 7px;
       height: 36px;
       padding: 0 12px;
       display: flex;

frontend/src/layout/components/Sidebar/index.vue

@@ -81,7 +81,15 @@ export default {
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    color: #bfcbd9;
+    color: rgba(255, 255, 255, 0.72);
+    border-top: 1px solid rgba(255, 255, 255, 0.10);
+    background: rgba(3, 49, 40, 0.18);
+    transition: background-color 160ms ease, color 160ms ease;
+
+    &:hover {
+        color: #ffffff;
+        background: rgba(255, 255, 255, 0.10);
+    }
 
     .collapse-hamburger {
         line-height: 48px;

frontend/src/layout/components/TagsView/index.vue

@@ -135,8 +135,8 @@ export default {
     tagActiveStyle(tag) {
       if (!this.isActive(tag)) return {}
       return {
-        "background-color": "#00875A",
+        "background-color": "#e8f3ef",
-        "border-color": "#00875A"
+        "border-color": "#0b6b55"
       }
     },
     isAffix(tag) {
@@ -363,7 +363,8 @@ $tags-bar-height: 34px;
   height: $tags-bar-height;
   width: 100%;
   background: #fff;
-  border-bottom: 1px solid #d8dce5;
+  border-bottom: 1px solid #dce6e2;
+  box-shadow: 0 1px 2px rgba(19, 45, 37, 0.04);
   display: flex;
   align-items: center;
   overflow: hidden;
@@ -413,29 +414,37 @@ $tags-bar-height: 34px;
       cursor: pointer;
       height: 26px;
       line-height: 26px;
-      border: 1px solid #d8dce5;
+      border: 1px solid #dce6e2;
-      color: #495060;
+      color: #52645f;
       background: #fff;
       padding: 0 8px;
       font-size: 12px;
       margin-left: 5px;
-      border-radius: 3px;
+      border-radius: 5px;
+      transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
+
+      &:hover {
+        color: #0b6b55;
+        background: #f3f8f6;
+        border-color: #b6cec5;
+      }
 
       &:first-of-type { margin-left: 6px; }
       &:last-of-type  { margin-right: 15px; }
     }
   }
   &:not(.tags-view-container--chrome) .tags-view-wrapper .tags-view-item.active {
-    background-color: #42b983;
+    background-color: #e8f3ef;
-    color: #fff;
+    color: #085442;
-    border-color: #42b983;
+    border-color: #0b6b55;
+    font-weight: 600;
     &::before {
       content: '';
-      background: #fff;
+      background: #c69b3c;
       display: inline-block;
-      width: 8px;
+      width: 3px;
-      height: 8px;
+      height: 12px;
-      border-radius: 50%;
+      border-radius: 2px;
       position: relative;
       margin-right: 2px;
     }

frontend/src/layout/index.vue

@@ -1,5 +1,13 @@
 <template>
-  <div :class="classObj" class="app-wrapper" :style="{'--current-color': '#00875A', '--current-color-light': '#00875A1a', '--current-color-dark-bg': '#00875A33'}">
+  <div
+    :class="classObj"
+    class="app-wrapper"
+    :style="{
+      '--current-color': '#0B6B55',
+      '--current-color-light': '#0B6B551a',
+      '--current-color-dark-bg': '#0B6B5533'
+    }"
+  >
     <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside"/>
 
     <!-- 顶部全宽 Header -->
@@ -103,9 +111,9 @@ export default {
     height: 60px;
     display: flex;
     align-items: center;
-    background: var(--edu-green-primary);
+    background: linear-gradient(104deg, #0b6b55 0%, #095b49 58%, #084c3f 100%);
-    background: linear-gradient(90deg, var(--edu-green-primary) 0%, var(--edu-green-dark) 100%);
+    border-bottom: 1px solid rgba(198, 155, 60, 0.5);
-    box-shadow: 0 2px 8px rgba(0, 21, 41, 0.16);
+    box-shadow: 0 3px 12px rgba(8, 51, 42, 0.16);
     padding: 0 20px;
     z-index: 10;
 
@@ -140,7 +148,7 @@ export default {
         letter-spacing: 1.5px;
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
         cursor: pointer;
-        border-radius: 6px;
+        border-radius: 5px;
         padding: 4px 10px;
         transition: background 0.25s ease;
 
@@ -184,7 +192,7 @@ export default {
     position: relative;
     overflow: hidden;
     height: 100%;
-    background-color: #f5f7fa;
+    background-color: var(--edu-color-canvas);
   }
 
   .drawer-bg {

frontend/src/views/schedule/planImport/index.vue

@@ -34,13 +34,10 @@
         <!-- 下面分左右两栏 -->
         <el-row :gutter="24">
           <el-col :xs="24" :md="12">
-            <el-form-item>
+            <el-form-item label="检查状态">
-              <template slot="label">
-                <el-checkbox v-model="searchForm.jcztEnabled">检查状态</el-checkbox>
-              </template>
               <div class="checkbox-group">
-                <el-checkbox v-model="searchForm.jcztYtg" :disabled="!searchForm.jcztEnabled">已通过</el-checkbox>
+                <el-checkbox v-model="searchForm.jcztYtg">已通过</el-checkbox>
-                <el-checkbox v-model="searchForm.jcztWtg" :disabled="!searchForm.jcztEnabled">未通过</el-checkbox>
+                <el-checkbox v-model="searchForm.jcztWtg">未通过</el-checkbox>
               </div>
             </el-form-item>
             <el-form-item label="教员姓名">
@@ -51,13 +48,10 @@
             </el-form-item>
           </el-col>
           <el-col :xs="24" :md="12">
-            <el-form-item>
+            <el-form-item label="忽略状态">
-              <template slot="label">
-                <el-checkbox v-model="searchForm.hlztEnabled">忽略状态</el-checkbox>
-              </template>
               <div class="checkbox-group">
-                <el-checkbox v-model="searchForm.hlztYc" :disabled="!searchForm.hlztEnabled">有用</el-checkbox>
+                <el-checkbox v-model="searchForm.hlztYc">有用</el-checkbox>
-                <el-checkbox v-model="searchForm.hlztYbl" :disabled="!searchForm.hlztEnabled">已被忽略</el-checkbox>
+                <el-checkbox v-model="searchForm.hlztYbl">已被忽略</el-checkbox>
               </div>
             </el-form-item>
             <el-form-item label="班次名称">
@@ -169,10 +163,8 @@ export default {
       searchForm: {
         kssj: '',
         jssj: '',
-        jcztEnabled: true,
         jcztYtg: false,
         jcztWtg: true,
-        hlztEnabled: true,
         hlztYc: false,
         hlztYbl: true,
         jyxm: '',
@@ -208,10 +200,8 @@ export default {
       if (f.bcmc && f.bcmc.trim()) params.bc = f.bcmc.trim()
       if (f.kmmc && f.kmmc.trim()) params.kcmc = f.kmmc.trim()
       // 检查状态：仅勾选「已通过」或「未通过」其中之一时才按该条件过滤
-      if (f.jcztEnabled) {
       if (f.jcztYtg && !f.jcztWtg) params.ytgjc = true
       else if (!f.jcztYtg && f.jcztWtg) params.ytgjc = false
-      }
       return params
     },
 

frontend/src/views/student/studentInfo/index.vue

@@ -12,12 +12,11 @@
             <el-form-item label="姓名">
               <el-input v-model="searchForm.xm" placeholder="请输入姓名" clearable />
             </el-form-item>
-            <el-form-item>
+            <el-form-item label="性别">
-              <template slot="label"><el-checkbox v-model="searchForm.xbEnabled">性别</el-checkbox></template>
+              <el-select v-model="searchForm.xb" placeholder="请选择性别" clearable class="full-width">
-              <el-radio-group v-model="searchForm.xb" :disabled="!searchForm.xbEnabled">
+                <el-option label="男" value="男" />
-                <el-radio :label="'男'">男</el-radio>
+                <el-option label="女" value="女" />
-                <el-radio :label="'女'">女</el-radio>
+              </el-select>
-              </el-radio-group>
             </el-form-item>
             <el-form-item label="证件号码">
               <el-input v-model="searchForm.zjhm" placeholder="请输入证件号码" clearable />
@@ -224,7 +223,7 @@ export default {
       // ==================== 查询条件 ====================
       // 仅保留后端 XYXX 实体支持的字段：/student-records/list 会按实体字段动态构建查询条件
       searchForm: {
-        xh: '', xm: '', xbEnabled: false, xb: '男', zjhm: '', zzmm: '', mz: '', jg: '', xw: '',
+        xh: '', xm: '', xb: '', zjhm: '', zzmm: '', mz: '', jg: '', xw: '',
         ybzb: '', sfzh: '', whcd: '', bkbyyx: '', bq: '', lxdh: '', txdz: ''
       },
 
@@ -312,7 +311,7 @@ export default {
         const v = this.searchForm[key]
         if (v !== '' && v !== null && v !== undefined) params[key] = v.trim()
       })
-      if (this.searchForm.xbEnabled) params.xb = this.searchForm.xb
+      if (this.searchForm.xb) params.xb = this.searchForm.xb
     },
 
     // ==================== 查询/分页 ====================

frontend/src/views/teachBusiness/semester/index.vue

@@ -6,13 +6,9 @@
         <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新添</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate">编辑</el-button>
+        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">
-      </el-col>
+          批量删除
-      <el-col :span="1.5">
+        </el-button>
-        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete">删除</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="warning" plain icon="el-icon-date" size="mini" :disabled="single" @click="handleEditCalendar">编辑校历</el-button>
       </el-col>
     </el-row>
 
@@ -72,6 +68,27 @@
           <span>{{ scope.row.sdjldw || '-' }}</span>
         </template>
       </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        width="220"
+        fixed="right"
+        class-name="table-action-column"
+      >
+        <template slot-scope="scope">
+          <el-button type="text" size="mini" icon="el-icon-edit" @click="handleUpdate(scope.row)">编辑</el-button>
+          <el-button type="text" size="mini" icon="el-icon-date" @click="handleEditCalendar(scope.row)">
+            编辑校历
+          </el-button>
+          <el-button
+            type="text"
+            size="mini"
+            icon="el-icon-delete"
+            class="text-danger"
+            @click="handleDelete(scope.row)"
+          >删除</el-button>
+        </template>
+      </el-table-column>
     </el-table>
 
     <pagination
@@ -370,11 +387,12 @@ export default {
       this.title = "学期信息 - 新增"
     },
     /** 编辑按钮 */
-    handleUpdate() {
+    handleUpdate(row) {
-      if (this.ids.length !== 1) return
+      const semesterId = row && row.nd ? row.nd : this.ids[0]
+      if (!semesterId) return
       this.reset()
       this.isAdd = false
-      getSemester(this.ids[0]).then(response => {
+      getSemester(semesterId).then(response => {
         const data = response.data || {}
         const { xn, xq } = this.parseNd(data.nd)
         // 解析锁定时长（如 "2周" / "1月" / "1"）
@@ -406,21 +424,22 @@ export default {
       }).catch(() => {})
     },
     /** 编辑校历按钮 */
-    handleEditCalendar() {
+    handleEditCalendar(row) {
-      if (this.ids.length !== 1) return
+      const nd = row && row.nd ? row.nd : this.ids[0]
-      const nd = this.ids[0]
+      if (!nd) return
       this.$router.push({
         path: '/teachBusiness/semester/semesterCalendar',
         query: { nd: nd, name: this.getSemesterName(nd) }
       })
     },
     /** 删除按钮 */
-    handleDelete() {
+    handleDelete(row) {
-      if (!this.ids.length) return
+      const semesterIds = row && row.nd ? [row.nd] : this.ids
-      const names = this.ids.map(nd => this.getSemesterName(nd)).join('、')
+      if (!semesterIds.length) return
+      const names = semesterIds.map(nd => this.getSemesterName(nd)).join('、')
       this.$modal.confirm('确认删除学期【' + names + '】吗？').then(() => {
         // 批量删除：逐个调用
-        const delList = this.ids.map(nd => delSemester(nd))
+        const delList = semesterIds.map(nd => delSemester(nd))
         return Promise.all(delList)
       }).then(() => {
         this.getList()

frontend/src/views/teachNotice/index.vue

@@ -1,17 +1,5 @@
 <template>
   <div class="app-container teach-notice">
-    <!-- 操作按钮 -->
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-        >新增</el-button>
-      </el-col>
-    </el-row>
-
     <!-- 查询条件区域 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
       <el-form-item label="标题" prop="title">
@@ -22,21 +10,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="优先级">
-        <el-input
-          v-model="queryParams.priorityFrom"
-          placeholder="从"
-          type="number"
-          style="width: 100px"
-        />
-        <span class="range-sep">-</span>
-        <el-input
-          v-model="queryParams.priorityTo"
-          placeholder="到"
-          type="number"
-          style="width: 100px"
-        />
-      </el-form-item>
       <el-form-item label="公告类别">
         <el-select
           v-model="queryParams.category"
@@ -49,13 +22,7 @@
             :key="item"
             :label="item"
             :value="item"
-          >
-            <el-checkbox
-              :value="queryParams.category === item"
-              @click.stop.prevent="onCategoryCheck(item)"
           />
-            <span style="margin-left: 6px">{{ item }}</span>
-          </el-option>
         </el-select>
       </el-form-item>
       <el-form-item label="发布日期">
@@ -81,34 +48,40 @@
       </el-form-item>
     </el-form>
 
-    <el-alert
-      class="query-tip"
-      title="注意：勾选'选择框'表示启用该项对应的查询条件"
-      type="info"
-      :closable="false"
-      show-icon
-    />
-
     <!-- 数据列表区域 -->
+    <div class="list-heading">
       <div class="list-title">公告列表</div>
+      <el-button
+        type="primary"
+        icon="el-icon-plus"
+        size="mini"
+        @click="handleAdd"
+      >新增</el-button>
+    </div>
     <el-table v-loading="loading" :data="noticeList" border :height="tableHeight">
       <el-table-column label="序号" type="index" align="center" width="70" />
-      <el-table-column label="发布时间" align="center" min-width="160">
+      <el-table-column label="发布时间" align="center" width="165">
         <template slot-scope="scope">{{ formatTime(scope.row.publishTime) }}</template>
       </el-table-column>
-      <el-table-column label="标题" align="center" prop="title" min-width="280" :show-overflow-tooltip="true" />
+      <el-table-column label="标题" align="left" prop="title" min-width="300" :show-overflow-tooltip="true" />
       <el-table-column label="公告状态" align="center" width="100">
         <template slot-scope="scope">
           <el-tag :type="statusTagType(scope.row.status)">{{ scope.row.status }}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="公告类别" align="center" prop="category" width="100" />
+      <el-table-column label="公告类别" align="center" prop="category" width="110" />
-      <el-table-column label="优先级" align="center" prop="priority" width="90" />
+      <el-table-column label="优先级" align="center" prop="priority" width="80" />
-      <el-table-column label="阅读次数" align="center" prop="readCount" width="100" />
+      <el-table-column label="阅读次数" align="center" prop="readCount" width="90" />
       <el-table-column label="接收/已读" align="center" width="110">
         <template slot-scope="scope">{{ scope.row.recipientCount }}/{{ scope.row.readerCount }}</template>
       </el-table-column>
-      <el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width">
+      <el-table-column
+        label="操作"
+        align="center"
+        width="300"
+        fixed="right"
+        class-name="small-padding fixed-width action-column"
+      >
         <template slot-scope="scope">
           <el-button
             type="text"
@@ -248,8 +221,6 @@ export default {
         pageNum: 1,
         pageSize: 10,
         title: undefined,
-        priorityFrom: undefined,
-        priorityTo: undefined,
         category: undefined,
         publishDateFrom: undefined,
         publishDateTo: undefined
@@ -300,10 +271,6 @@ export default {
       if (status === '已下架') return 'info'
       return 'warning'
     },
-    /** 公告类别复选框：点击即选中该项作为查询条件 */
-    onCategoryCheck(item) {
-      this.queryParams.category = this.queryParams.category === item ? undefined : item
-    },
     /** 查询按钮 */
     handleQuery() {
       this.queryParams.pageNum = 1
@@ -315,8 +282,6 @@ export default {
         pageNum: 1,
         pageSize: 10,
         title: undefined,
-        priorityFrom: undefined,
-        priorityTo: undefined,
         category: undefined,
         publishDateFrom: undefined,
         publishDateTo: undefined
@@ -412,24 +377,27 @@ export default {
 
 <style scoped lang="scss">
 .teach-notice {
-  .mb8 {
-    margin-bottom: 8px;
-  }
   .range-sep {
     margin: 0 8px;
     color: #909399;
   }
-  .query-tip {
+  .list-heading {
-    margin: 4px 0 16px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: 12px;
   }
   .list-title {
     font-size: 16px;
     font-weight: 600;
     color: #303133;
-    margin-bottom: 12px;
     padding-left: 10px;
     border-left: 4px solid var(--edu-green-primary);
   }
+  ::v-deep .action-column .cell {
+    white-space: nowrap;
+  }
   .detail-body {
     padding: 0 8px;
     .detail-row {
@@ -454,5 +422,16 @@ export default {
       }
     }
   }
+
+  @media (max-width: 768px) {
+    .list-heading {
+      align-items: stretch;
+      flex-direction: column;
+    }
+
+    .list-heading .el-button {
+      width: 100%;
+    }
+  }
 }
 </style>

frontend/src/views/teachOffice/elective/index.vue

@@ -1,7 +1,14 @@
 <template>
-  <div class="app-container">
+  <div class="app-container management-page elective-page">
     <!-- ==================== 2. 查询条件区域 ==================== -->
     <div class="section-card query-card">
+      <div class="section-heading">
+        <div>
+          <h2 class="section-title">筛选条件</h2>
+          <p class="section-description">按课程、班次、教员及状态筛选选修课</p>
+        </div>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
+      </div>
       <el-form>
         <el-row :gutter="32">
           <!-- 左栏 -->
@@ -15,9 +22,13 @@
               <el-input v-model="searchForm.kbcnj" placeholder="请输入可选班次年级" clearable class="q-control" />
             </div>
             <div class="query-field">
-              <el-checkbox v-model="searchForm.xxkztEnabled" />
+              <span class="q-label no-check">选修课状态</span>
-              <span class="q-label">选修课状态</span>
+              <el-select
-              <el-select v-model="searchForm.xxkzt" class="q-control" :disabled="!searchForm.xxkztEnabled">
+                v-model="searchForm.xxkzt"
+                placeholder="请选择选修课状态"
+                clearable
+                class="q-control"
+              >
                 <el-option v-for="item in statusOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </div>
@@ -34,9 +45,8 @@
               <el-input v-model="searchForm.xxbmc" placeholder="请输入选修班名称" clearable class="q-control" />
             </div>
             <div class="query-field">
-              <el-checkbox v-model="searchForm.pxccEnabled" />
+              <span class="q-label no-check">培训层次</span>
-              <span class="q-label">培训层次</span>
+              <el-select v-model="searchForm.pxcc" placeholder="请选择培训层次" clearable class="q-control">
-              <el-select v-model="searchForm.pxcc" class="q-control" :disabled="!searchForm.pxccEnabled">
                 <el-option v-for="item in pxccOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </div>
@@ -44,50 +54,79 @@
         </el-row>
       </el-form>
 
-      <div class="query-footer">
-        <el-button class="gray-btn" @click="handleQuery">查询</el-button>
-      </div>
     </div>
 
     <!-- ==================== 3. 导出按钮区域 ==================== -->
     <div class="section-card export-card">
+      <div class="section-heading section-heading--compact">
+        <div>
+          <h2 class="section-title">数据导出</h2>
+          <p class="section-description">下载选修班及学员名单</p>
+        </div>
+      </div>
       <div class="export-bar">
-        <el-button type="primary" @click="handleDownloadList">下载选修班列表</el-button>
+        <el-button icon="el-icon-download" @click="handleDownloadList">下载选修班列表</el-button>
-        <el-button type="primary" @click="handleDownloadWord">下载选修班学员名单Word</el-button>
+        <el-button icon="el-icon-download" @click="handleDownloadWord">下载选修班学员名单Word</el-button>
-        <el-button type="primary" @click="handleDownloadExcel">下载选修班学员名单Excel</el-button>
+        <el-button icon="el-icon-download" @click="handleDownloadExcel">下载选修班学员名单Excel</el-button>
       </div>
     </div>
 
     <!-- ==================== 4. 操作按钮区域 ==================== -->
     <div class="section-card action-card">
-      <div class="action-row">
+      <div class="section-heading section-heading--compact">
-        <el-button type="primary" @click="handleOpenNew">新建选修课</el-button>
+        <div>
-        <el-button type="primary" @click="handleOpenEarly">所选批量开放报名</el-button>
+          <h2 class="section-title">选修课操作</h2>
-        <el-button type="primary" @click="handleCancelEarly">所选批量取消开放报名</el-button>
+          <p class="section-description">新建选修课，或对已选数据执行批量操作</p>
-        <el-button type="primary" @click="handleStopSignup">批量停止报名</el-button>
+        </div>
-        <el-button type="primary" @click="handleReverseRange">所选批量根据学员反向确定班次范围</el-button>
       </div>
       <div class="action-row">
-        <el-button type="primary" @click="handleDownloadTemplate">【选修课数据文件模板】下载</el-button>
+        <el-button type="primary" icon="el-icon-plus" @click="handleOpenNew">新建选修课</el-button>
+        <el-button type="primary" plain icon="el-icon-circle-check" @click="handleOpenEarly">
+          所选批量开放报名
+        </el-button>
+        <el-button type="warning" plain icon="el-icon-remove-outline" @click="handleCancelEarly">
+          所选批量取消开放报名
+        </el-button>
+        <el-button type="danger" plain icon="el-icon-circle-close" @click="handleStopSignup">
+          批量停止报名
+        </el-button>
+        <el-button icon="el-icon-refresh" @click="handleReverseRange">
+          所选批量根据学员反向确定班次范围
+        </el-button>
+      </div>
+      <div class="action-row">
+        <el-button icon="el-icon-download" @click="handleDownloadTemplate">【选修课数据文件模板】下载</el-button>
       </div>
     </div>
 
     <!-- ==================== 5. 文件上传区域 ==================== -->
     <div class="section-card upload-card">
+      <div class="section-heading section-heading--compact">
+        <div>
+          <h2 class="section-title">数据导入</h2>
+          <p class="section-description">选择填写完成的模板文件并上传</p>
+        </div>
+      </div>
       <div class="upload-row">
         <div class="upload-left">
-          <el-button @click="handleSelectFile">选择文件</el-button>
+          <el-button icon="el-icon-folder-opened" @click="handleSelectFile">选择文件</el-button>
           <span class="file-name" :class="{ 'has-file': selectedFile }">{{ fileName }}</span>
           <input ref="fileInputRef" type="file" style="display: none" @change="handleFileChange" />
         </div>
         <div class="upload-right">
-          <el-button type="primary" @click="handleUpload">上传数据</el-button>
+          <el-button type="primary" icon="el-icon-upload2" @click="handleUpload">上传数据</el-button>
         </div>
       </div>
     </div>
 
     <!-- ==================== 6. 数据表格区域 ==================== -->
     <div class="section-card table-card">
+      <div class="section-heading section-heading--compact table-heading">
+        <div>
+          <h2 class="section-title">选修课列表</h2>
+          <p class="section-description">共 {{ total }} 条数据</p>
+        </div>
+      </div>
       <el-table v-loading="loading" :data="tableData" border stripe class="main-table" @selection-change="handleSelectionChange">
         <template slot="empty">
           <span>无数据！</span>
@@ -204,12 +243,10 @@ export default {
       searchForm: {
         js: '',
         kbcnj: '',
-        xxkztEnabled: false,
+        xxkzt: '',
-        xxkzt: '拟制',
         kckmmc: '',
         xxbmc: '',
-        pxccEnabled: false,
+        pxcc: ''
-        pxcc: '无'
       },
 
       // ==================== 数据表格 ====================
@@ -259,8 +296,8 @@ export default {
       if (this.searchForm.kbcnj) q.kxbcnj = this.searchForm.kbcnj
       if (this.searchForm.kckmmc) q.kmc = this.searchForm.kckmmc
       if (this.searchForm.xxbmc) q.xxbmc = this.searchForm.xxbmc
-      if (this.searchForm.xxkztEnabled) q.xkzt = this.searchForm.xxkzt
+      if (this.searchForm.xxkzt) q.xkzt = this.searchForm.xxkzt
-      if (this.searchForm.pxccEnabled) q.pxcc = this.searchForm.pxcc
+      if (this.searchForm.pxcc) q.pxcc = this.searchForm.pxcc
       return q
     },
 
@@ -423,11 +460,6 @@ export default {
     margin-bottom: 14px;
     min-height: 32px;
 
-    ::v-deep .el-checkbox {
-      margin-right: 6px;
-      flex-shrink: 0;
-    }
-
     .q-label {
       width: 120px;
       flex-shrink: 0;
@@ -436,10 +468,6 @@ export default {
       text-align: right;
       margin-right: 10px;
       white-space: nowrap;
-
-      &.no-check {
-        margin-left: 24px;
-      }
     }
 
     .q-control {
@@ -447,21 +475,10 @@ export default {
       min-width: 0;
     }
   }
-
-  .notice {
-    font-size: 12px;
-    color: #f56c6c;
-    margin-top: 8px;
-    text-align: left;
 }
 
-  .query-footer {
+.export-bar {
-    display: flex;
+  align-items: center;
-    justify-content: flex-end;
-    margin-top: 12px;
-    padding-top: 12px;
-    border-top: 1px solid #ebeef5;
-  }
 }
 
 // ==================== 4. 操作按钮区域 ====================
@@ -501,6 +518,11 @@ export default {
         }
       }
     }
+
+    .upload-right {
+      display: flex;
+      align-items: center;
+    }
   }
 }
 
@@ -518,23 +540,11 @@ export default {
     flex-direction: column;
     line-height: 1.4;
   }
-}
 
-// ==================== 按钮样式 ====================
+  .pagination-wrap {
-.gray-btn {
+    display: flex;
-  height: 28px;
+    justify-content: flex-end;
-  padding: 2px 16px;
+    margin-top: 16px;
-  font-size: 12px;
-  background: #f5f5f5;
-  border: 1px solid #c0c4cc;
-  color: #333;
-  border-radius: 2px;
-
-  &:hover,
-  &:focus {
-    background: #ebebeb;
-    border-color: #c0c4cc;
-    color: #333;
   }
 }
 </style>

frontend/src/views/teachOffice/subject/index.vue

@@ -1,8 +1,15 @@
 <template>
-  <div class="app-container subject-page">
+  <div class="app-container management-page subject-page">
 
     <!-- ==================== 2. 查询条件区域 ==================== -->
     <el-card shadow="never" class="search-card">
+      <div class="section-heading">
+        <div>
+          <h2 class="section-title">筛选条件</h2>
+          <p class="section-description">按课程名称、代码和培训属性筛选课程科目</p>
+        </div>
+        <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
+      </div>
       <el-form :model="searchForm">
         <el-row :gutter="32">
           <!-- 左栏 -->
@@ -43,41 +50,56 @@
         </el-row>
       </el-form>
 
-      <div class="query-footer">
-        <el-button class="gray-btn" @click="handleQuery">查询</el-button>
-      </div>
     </el-card>
 
     <!-- ==================== 3. 操作按钮区域 ==================== -->
     <el-card shadow="never" class="action-card">
-      <div class="action-row">
+      <div class="section-heading section-heading--compact">
-        <el-button type="primary" @click="handleOpenDialog">新建课程科目</el-button>
+        <div>
-        <el-button type="primary" @click="handleBatchDelete">删除所选</el-button>
+          <h2 class="section-title">课程科目操作</h2>
-        <el-button type="primary" @click="handleDownloadCourse">下载课程科目基本信息</el-button>
+          <p class="section-description">维护课程科目，或下载业务数据与导入模板</p>
-        <el-button type="primary" @click="handleDownloadTextbook">下载课程教材基本信息</el-button>
+        </div>
       </div>
       <div class="action-row">
-        <el-button type="primary" @click="handleDownloadTemplate">【课程科目数据文件模板】下载</el-button>
+        <el-button type="primary" icon="el-icon-plus" @click="handleOpenDialog">新建课程科目</el-button>
+        <el-button type="danger" plain icon="el-icon-delete" @click="handleBatchDelete">删除所选</el-button>
+        <el-button icon="el-icon-download" @click="handleDownloadCourse">下载课程科目基本信息</el-button>
+        <el-button icon="el-icon-download" @click="handleDownloadTextbook">下载课程教材基本信息</el-button>
+      </div>
+      <div class="action-row">
+        <el-button icon="el-icon-download" @click="handleDownloadTemplate">【课程科目数据文件模板】下载</el-button>
       </div>
     </el-card>
 
     <!-- ==================== 4. 文件上传区域 ==================== -->
     <el-card shadow="never" class="upload-card">
+      <div class="section-heading section-heading--compact">
+        <div>
+          <h2 class="section-title">数据导入</h2>
+          <p class="section-description">选择填写完成的课程科目模板并上传</p>
+        </div>
+      </div>
       <div class="upload-row">
         <div class="upload-left">
-          <el-button @click="handleSelectFile">选择文件</el-button>
+          <el-button icon="el-icon-folder-opened" @click="handleSelectFile">选择文件</el-button>
           <span class="file-name" :class="{ 'has-file': selectedFile }">{{ fileName }}</span>
           <input ref="fileInputRef" type="file" style="display: none" @change="handleFileChange" />
         </div>
         <div class="upload-right">
           <el-checkbox v-model="coverExist">覆盖已存在课程科目</el-checkbox>
-          <el-button type="primary" @click="handleUpload">上传数据</el-button>
+          <el-button type="primary" icon="el-icon-upload2" @click="handleUpload">上传数据</el-button>
         </div>
       </div>
     </el-card>
 
     <!-- ==================== 6. 数据表格区域 ==================== -->
     <el-card shadow="never" class="table-card">
+      <div class="section-heading section-heading--compact table-heading">
+        <div>
+          <h2 class="section-title">课程科目列表</h2>
+          <p class="section-description">共 {{ total }} 条数据</p>
+        </div>
+      </div>
       <el-table v-loading="loading" :data="tableData" stripe border highlight-current-row
         @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="40" align="center" />
@@ -622,13 +644,6 @@ export default {
     text-align: left;
   }
 
-  .query-footer {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: 12px;
-    padding-top: 12px;
-    border-top: 1px solid #ebeef5;
-  }
 }
 
 // ==================== 3. 操作按钮区域 ====================
@@ -726,20 +741,4 @@ export default {
   gap: 12px;
 }
 
-.gray-btn {
-  height: 28px;
-  padding: 2px 16px;
-  font-size: 12px;
-  background: #f5f5f5;
-  border: 1px solid #c0c4cc;
-  color: #333;
-  border-radius: 2px;
-
-  &:hover,
-  &:focus {
-    background: #ebebeb;
-    border-color: #c0c4cc;
-    color: #333;
-  }
-}
 </style>

frontend/src/views/teachOffice/teacher/index.vue

@@ -37,11 +37,11 @@
     <div class="list-toolbar">
       <div class="left-group">
         <el-button type="primary" icon="el-icon-plus" @click="handleNew">新建</el-button>
-        <el-button type="primary" icon="el-icon-delete" @click="handleDeleteSelected">删除所选</el-button>
+        <el-button type="danger" plain icon="el-icon-delete" @click="handleDeleteSelected">删除所选</el-button>
-        <el-button type="primary" icon="el-icon-upload" @click="handleImport">导入教员信息</el-button>
+        <el-button icon="el-icon-upload" @click="handleImport">导入教员信息</el-button>
       </div>
       <div class="right-group">
-        <el-button type="primary" icon="el-icon-download" @click="handleDownloadTemplate">【教员数据文件模板】下载</el-button>
+        <el-button icon="el-icon-download" @click="handleDownloadTemplate">【教员数据文件模板】下载</el-button>
       </div>
     </div>
 

frontend/src/views/teachingLog/organLog/components/auditedView.vue

@@ -5,40 +5,28 @@
       <el-form :model="searchForm" label-width="110px" class="search-form">
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="开始日期">
-              <template slot="label">
-                <el-checkbox v-model="searchForm.ksrqEnabled">开始日期</el-checkbox>
-              </template>
               <el-date-picker v-model="searchForm.ksrq" type="date" value-format="yyyy-MM-dd" placeholder="选择开始日期"
-                class="w-full" :disabled="!searchForm.ksrqEnabled" />
+                class="w-full" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="结束日期">
-              <template slot="label">
-                <el-checkbox v-model="searchForm.jsrqEnabled">结束日期</el-checkbox>
-              </template>
               <el-date-picker v-model="searchForm.jsrq" type="date" value-format="yyyy-MM-dd" placeholder="选择结束日期"
-                class="w-full" :disabled="!searchForm.jsrqEnabled" />
+                class="w-full" />
             </el-form-item>
           </el-col>
         </el-row>
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="课程名称">
-              <template slot="label">
+              <el-input v-model="searchForm.kcmc" placeholder="请输入课程名称" clearable />
-                <el-checkbox v-model="searchForm.kcmcEnabled">课程名称</el-checkbox>
-              </template>
-              <el-input v-model="searchForm.kcmc" placeholder="请输入课程名称" clearable :disabled="!searchForm.kcmcEnabled" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="教研室">
-              <template slot="label">
+              <el-select v-model="searchForm.jys" placeholder="请选择教研室" clearable class="w-full">
-                <el-checkbox v-model="searchForm.jysEnabled">教研室</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.jys" placeholder="请选择教研室" class="w-full" :disabled="!searchForm.jysEnabled">
                 <el-option v-for="item in jysOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
@@ -47,21 +35,15 @@
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="教学方法">
-              <template slot="label">
+              <el-select v-model="searchForm.jxff" placeholder="请选择教学方法" clearable class="w-full">
-                <el-checkbox v-model="searchForm.jxffEnabled">教学方法</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.jxff" placeholder="请选择教学方法" class="w-full" :disabled="!searchForm.jxffEnabled">
                 <el-option v-for="item in jxffOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="授课教员">
-              <template slot="label">
+              <el-select v-model="searchForm.skjy" placeholder="请选择授课教员" clearable class="w-full">
-                <el-checkbox v-model="searchForm.skjyEnabled">授课教员</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.skjy" placeholder="请选择授课教员" class="w-full" :disabled="!searchForm.skjyEnabled">
                 <el-option v-for="item in skjyOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
@@ -70,15 +52,12 @@
 
         <el-row :gutter="0">
           <el-col :span="24">
-            <el-form-item>
+            <el-form-item label="改动情况">
-              <template slot="label">
+              <div class="change-options">
-                <el-checkbox v-model="searchForm.gdqkEnabled">改动情况</el-checkbox>
+                <el-radio-group v-model="searchForm.createSource">
-              </template>
-              <div class="change-options" :class="{ disabled: !searchForm.gdqkEnabled }">
-                <el-radio-group v-model="searchForm.createSource" :disabled="!searchForm.gdqkEnabled">
                   <el-radio v-for="item in createSourceOptions" :key="item" :label="item">{{ item }}</el-radio>
                 </el-radio-group>
-                <el-checkbox-group v-model="searchForm.changeTypes" :disabled="!searchForm.gdqkEnabled">
+                <el-checkbox-group v-model="searchForm.changeTypes">
                   <el-checkbox v-for="item in changeTypeOptions" :key="item" :label="item">{{ item }}</el-checkbox>
                 </el-checkbox-group>
               </div>
@@ -88,21 +67,15 @@
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="任务类别">
-              <template slot="label">
+              <el-select v-model="searchForm.rwlb" placeholder="请选择任务类别" clearable class="w-full">
-                <el-checkbox v-model="searchForm.rwlbEnabled">任务类别</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.rwlb" placeholder="请选择任务类别" class="w-full" :disabled="!searchForm.rwlbEnabled">
                 <el-option v-for="item in rwlbOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="培训期班">
-              <template slot="label">
+              <el-input v-model="searchForm.pxqb" placeholder="请输入培训期班" clearable />
-                <el-checkbox v-model="searchForm.pxqbEnabled">培训期班</el-checkbox>
-              </template>
-              <el-input v-model="searchForm.pxqb" placeholder="请输入培训期班" clearable :disabled="!searchForm.pxqbEnabled" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -141,7 +114,7 @@
         <el-table-column prop="zt" label="日志状态" width="100" align="center" />
         <el-table-column prop="gdqk" label="变动汇总" min-width="120" show-overflow-tooltip />
         <el-table-column prop="jxrzcjfs" label="创建方式" width="100" align="center" />
-        <el-table-column label="详细" width="80" align="center" fixed="right">
+        <el-table-column label="操作" width="80" align="center" fixed="right" class-name="table-action-column">
           <template slot-scope="scope">
             <el-button type="text" @click="handleDetail(scope.row)">详细</el-button>
           </template>
@@ -203,24 +176,15 @@ export default {
       // ==================== 查询表单 ====================
       searchForm: {
         ksrq: '',
-        ksrqEnabled: false,
         jsrq: '',
-        jsrqEnabled: false,
         kcmc: '',
-        kcmcEnabled: false,
         jys: '',
-        jysEnabled: false,
+        jxff: '',
-        jxff: '理论讲授',
+        skjy: '',
-        jxffEnabled: false,
-        skjy: '教务处',
-        skjyEnabled: false,
-        gdqkEnabled: false,
         createSource: '',
         changeTypes: [],
-        rwlb: '全军院校训练规划内任务',
+        rwlb: '',
-        rwlbEnabled: false,
+        pxqb: ''
-        pxqb: '',
-        pxqbEnabled: false
       },
 
       jysOptions: ['教研室', '防空兵系', '通信工程系', '装甲兵系'],
@@ -261,20 +225,20 @@ export default {
       this.selectedRows = rows
     },
 
-    /** 根据"勾选启用"模式构建实际查询参数 */
+    /** 根据已填写的查询值构建实际查询参数 */
     buildSearchParams() {
       const form = this.searchForm
       const params = { pageNum: this.pageNum, pageSize: this.pageSize }
-      if (form.ksrqEnabled && form.ksrq) params.ksrq = form.ksrq
+      if (form.ksrq) params.ksrq = form.ksrq
-      if (form.jsrqEnabled && form.jsrq) params.jsrq = form.jsrq
+      if (form.jsrq) params.jsrq = form.jsrq
-      if (form.kcmcEnabled && form.kcmc) params.kcmc = form.kcmc
+      if (form.kcmc) params.kcmc = form.kcmc
-      if (form.jysEnabled && form.jys) params.jys = form.jys
+      if (form.jys) params.jys = form.jys
-      if (form.jxffEnabled && form.jxff) params.jxff = form.jxff
+      if (form.jxff) params.jxff = form.jxff
-      if (form.skjyEnabled && form.skjy) params.skjy = form.skjy
+      if (form.skjy) params.skjy = form.skjy
-      if (form.rwlbEnabled && form.rwlb) params.rwlb = form.rwlb
+      if (form.rwlb) params.rwlb = form.rwlb
-      if (form.pxqbEnabled && form.pxqb) params.pxqb = form.pxqb
+      if (form.pxqb) params.pxqb = form.pxqb
-      if (form.gdqkEnabled && form.createSource) params.gdqk = form.createSource
+      if (form.createSource) params.gdqk = form.createSource
-      if (form.gdqkEnabled && form.changeTypes.length > 0) {
+      if (form.changeTypes.length > 0) {
         params.gdxxqk = form.changeTypes.join(',')
       }
       return params
@@ -393,9 +357,6 @@ export default {
         gap: 12px;
       }
 
-      &.disabled {
-        opacity: 0.6;
-      }
     }
   }
 

frontend/src/views/teachingLog/organLog/components/logView.vue

@@ -5,40 +5,28 @@
       <el-form :model="searchForm" label-width="110px" class="search-form">
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="开始日期">
-              <template slot="label">
-                <el-checkbox v-model="searchForm.ksrqEnabled">开始日期</el-checkbox>
-              </template>
               <el-date-picker v-model="searchForm.ksrq" type="date" value-format="yyyy-MM-dd" placeholder="选择开始日期"
-                class="w-full" :disabled="!searchForm.ksrqEnabled" />
+                class="w-full" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="结束日期">
-              <template slot="label">
-                <el-checkbox v-model="searchForm.jsrqEnabled">结束日期</el-checkbox>
-              </template>
               <el-date-picker v-model="searchForm.jsrq" type="date" value-format="yyyy-MM-dd" placeholder="选择结束日期"
-                class="w-full" :disabled="!searchForm.jsrqEnabled" />
+                class="w-full" />
             </el-form-item>
           </el-col>
         </el-row>
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="课程名称">
-              <template slot="label">
+              <el-input v-model="searchForm.kcmc" placeholder="请输入课程名称" clearable />
-                <el-checkbox v-model="searchForm.kcmcEnabled">课程名称</el-checkbox>
-              </template>
-              <el-input v-model="searchForm.kcmc" placeholder="请输入课程名称" clearable :disabled="!searchForm.kcmcEnabled" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="教研室">
-              <template slot="label">
+              <el-select v-model="searchForm.jys" placeholder="请选择教研室" clearable class="w-full">
-                <el-checkbox v-model="searchForm.jysEnabled">教研室</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.jys" placeholder="请选择教研室" class="w-full" :disabled="!searchForm.jysEnabled">
                 <el-option v-for="item in jysOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
@@ -47,21 +35,15 @@
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="教学方法">
-              <template slot="label">
+              <el-select v-model="searchForm.jxff" placeholder="请选择教学方法" clearable class="w-full">
-                <el-checkbox v-model="searchForm.jxffEnabled">教学方法</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.jxff" placeholder="请选择教学方法" class="w-full" :disabled="!searchForm.jxffEnabled">
                 <el-option v-for="item in jxffOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="日志状态">
-              <template slot="label">
+              <el-select v-model="searchForm.rzzt" placeholder="请选择日志状态" clearable class="w-full">
-                <el-checkbox v-model="searchForm.rzztEnabled">日志状态</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.rzzt" placeholder="请选择日志状态" class="w-full" :disabled="!searchForm.rzztEnabled">
                 <el-option v-for="item in rzztOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
@@ -70,37 +52,28 @@
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="授课教员">
-              <template slot="label">
+              <el-select v-model="searchForm.skjy" placeholder="请选择授课教员" clearable class="w-full">
-                <el-checkbox v-model="searchForm.skjyEnabled">授课教员</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.skjy" placeholder="请选择授课教员" class="w-full" :disabled="!searchForm.skjyEnabled">
                 <el-option v-for="item in skjyOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="培训期班">
-              <template slot="label">
+              <el-input v-model="searchForm.pxqb" placeholder="请输入培训期班" clearable />
-                <el-checkbox v-model="searchForm.pxqbEnabled">培训期班</el-checkbox>
-              </template>
-              <el-input v-model="searchForm.pxqb" placeholder="请输入培训期班" clearable :disabled="!searchForm.pxqbEnabled" />
             </el-form-item>
           </el-col>
         </el-row>
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="改动情况">
-              <template slot="label">
+              <div class="change-options">
-                <el-checkbox v-model="searchForm.changeTypeEnabled">改动情况</el-checkbox>
+                <el-radio-group v-model="searchForm.changeType">
-              </template>
-              <div class="change-options" :class="{ disabled: !searchForm.changeTypeEnabled }">
-                <el-radio-group v-model="searchForm.changeType" :disabled="!searchForm.changeTypeEnabled">
                   <el-radio v-for="item in changeTypeOptions" :key="item.value" :label="item.value">{{ item.label
                   }}</el-radio>
                 </el-radio-group>
-                <el-checkbox-group v-model="searchForm.changeTypes" :disabled="!searchForm.changeTypeEnabled">
+                <el-checkbox-group v-model="searchForm.changeTypes">
                   <el-checkbox v-for="item in changeTypeList" :key="item.value" :label="item.value">{{ item.label
                   }}</el-checkbox>
                 </el-checkbox-group>
@@ -108,11 +81,8 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="任务类别">
-              <template slot="label">
+              <el-select v-model="searchForm.rwlb" placeholder="请选择任务类别" clearable class="w-full">
-                <el-checkbox v-model="searchForm.rwlbEnabled">任务类别</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.rwlb" placeholder="请选择任务类别" class="w-full" :disabled="!searchForm.rwlbEnabled">
                 <el-option v-for="item in rwlbOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
@@ -165,7 +135,7 @@
         <el-table-column prop="zt" label="日志状态" width="100" align="center" />
         <el-table-column prop="gdqk" label="变动汇总" min-width="120" show-overflow-tooltip />
         <el-table-column prop="jxrzcjfs" label="创建方式" width="100" align="center" />
-        <el-table-column label="详细" width="80" align="center" fixed="right">
+        <el-table-column label="操作" width="80" align="center" fixed="right" class-name="table-action-column">
           <template slot-scope="scope">
             <el-button type="text" @click="handleDetail(scope.row)">详细</el-button>
           </template>
@@ -234,26 +204,16 @@ export default {
       // ==================== 查询表单 ====================
       searchForm: {
         ksrq: '',
-        ksrqEnabled: false,
         jsrq: '',
-        jsrqEnabled: false,
         kcmc: '',
-        kcmcEnabled: false,
+        jys: '',
-        jys: '教研室',
+        jxff: '',
-        jysEnabled: false,
+        rzzt: '',
-        jxff: '理论讲授',
+        skjy: '',
-        jxffEnabled: false,
-        rzzt: '教务部门导入教员类',
-        rzztEnabled: false,
-        skjy: '教务处',
-        skjyEnabled: false,
         pxqb: '',
-        pxqbEnabled: false,
+        changeType: '',
-        changeType: '与教学计划一致',
-        changeTypeEnabled: false,
         changeTypes: [],
-        rwlb: '全军院校训练规划内任务',
+        rwlb: ''
-        rwlbEnabled: false
       },
 
       jysOptions: ['教研室', '防空兵系', '通信工程系', '装甲兵系'],
@@ -301,21 +261,21 @@ export default {
       this.selectedRows = rows
     },
 
-    /** 根据"勾选启用"模式构建实际查询参数 */
+    /** 根据已填写的查询值构建实际查询参数 */
     buildSearchParams() {
       const form = this.searchForm
       const params = { pageNum: this.pageNum, pageSize: this.pageSize }
-      if (form.ksrqEnabled && form.ksrq) params.ksrq = form.ksrq
+      if (form.ksrq) params.ksrq = form.ksrq
-      if (form.jsrqEnabled && form.jsrq) params.jsrq = form.jsrq
+      if (form.jsrq) params.jsrq = form.jsrq
-      if (form.kcmcEnabled && form.kcmc) params.kcmc = form.kcmc
+      if (form.kcmc) params.kcmc = form.kcmc
-      if (form.jysEnabled && form.jys) params.jys = form.jys
+      if (form.jys) params.jys = form.jys
-      if (form.jxffEnabled && form.jxff) params.jxff = form.jxff
+      if (form.jxff) params.jxff = form.jxff
-      if (form.rzztEnabled && form.rzzt) params.rzzt = form.rzzt
+      if (form.rzzt) params.rzzt = form.rzzt
-      if (form.skjyEnabled && form.skjy) params.skjy = form.skjy
+      if (form.skjy) params.skjy = form.skjy
-      if (form.pxqbEnabled && form.pxqb) params.pxqb = form.pxqb
+      if (form.pxqb) params.pxqb = form.pxqb
-      if (form.rwlbEnabled && form.rwlb) params.rwlb = form.rwlb
+      if (form.rwlb) params.rwlb = form.rwlb
-      if (form.changeTypeEnabled && form.changeType) params.gdqk = form.changeType
+      if (form.changeType) params.gdqk = form.changeType
-      if (form.changeTypeEnabled && form.changeTypes.length > 0) {
+      if (form.changeTypes.length > 0) {
         params.gdxxqk = form.changeTypes.join(',')
       }
       return params
@@ -544,9 +504,6 @@ export default {
         gap: 12px;
       }
 
-      &.disabled {
-        opacity: 0.6;
-      }
     }
   }
 

frontend/src/views/teachingLog/organLog/components/reportedView.vue

@@ -5,42 +5,28 @@
       <el-form :model="searchForm" label-width="110px" class="search-form">
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="开始日期">
-              <template slot="label">
-                <el-checkbox v-model="searchForm.startDateEnabled">开始日期</el-checkbox>
-              </template>
               <el-date-picker v-model="searchForm.startDate" type="date" value-format="yyyy-MM-dd" placeholder="选择开始日期"
-                class="w-full" :disabled="!searchForm.startDateEnabled" />
+                class="w-full" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="结束日期">
-              <template slot="label">
-                <el-checkbox v-model="searchForm.endDateEnabled">结束日期</el-checkbox>
-              </template>
               <el-date-picker v-model="searchForm.endDate" type="date" value-format="yyyy-MM-dd" placeholder="选择结束日期"
-                class="w-full" :disabled="!searchForm.endDateEnabled" />
+                class="w-full" />
             </el-form-item>
           </el-col>
         </el-row>
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="课程名称">
-              <template slot="label">
+              <el-input v-model="searchForm.courseName" placeholder="请输入课程名称" clearable />
-                <el-checkbox v-model="searchForm.courseNameEnabled">课程名称</el-checkbox>
-              </template>
-              <el-input v-model="searchForm.courseName" placeholder="请输入课程名称" clearable
-                :disabled="!searchForm.courseNameEnabled" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="教学方法">
-              <template slot="label">
+              <el-select v-model="searchForm.teachMethod" placeholder="请选择教学方法" clearable class="w-full">
-                <el-checkbox v-model="searchForm.teachMethodEnabled">教学方法</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.teachMethod" placeholder="请选择教学方法" class="w-full"
-                :disabled="!searchForm.teachMethodEnabled">
                 <el-option v-for="item in teachMethodOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
@@ -49,22 +35,15 @@
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="改动情况">
-              <template slot="label">
+              <el-select v-model="searchForm.change" placeholder="请选择改动情况" clearable class="w-full">
-                <el-checkbox v-model="searchForm.changeEnabled">改动情况</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.change" placeholder="请选择改动情况" class="w-full" :disabled="!searchForm.changeEnabled">
                 <el-option v-for="item in changeOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="任务类别">
-              <template slot="label">
+              <el-select v-model="searchForm.taskCategory" placeholder="请选择任务类别" clearable class="w-full">
-                <el-checkbox v-model="searchForm.taskCategoryEnabled">任务类别</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.taskCategory" placeholder="请选择任务类别" class="w-full"
-                :disabled="!searchForm.taskCategoryEnabled">
                 <el-option v-for="item in taskCategoryOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
@@ -73,22 +52,15 @@
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="教研室">
-              <template slot="label">
+              <el-select v-model="searchForm.dept" placeholder="请选择教研室" clearable class="w-full">
-                <el-checkbox v-model="searchForm.deptEnabled">教研室</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.dept" placeholder="请选择教研室" class="w-full" :disabled="!searchForm.deptEnabled">
                 <el-option v-for="item in deptOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="授课教员">
-              <template slot="label">
+              <el-select v-model="searchForm.teacher" placeholder="请选择授课教员" clearable class="w-full">
-                <el-checkbox v-model="searchForm.teacherEnabled">授课教员</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.teacher" placeholder="请选择授课教员" class="w-full"
-                :disabled="!searchForm.teacherEnabled">
                 <el-option v-for="item in teacherOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
@@ -97,12 +69,8 @@
 
         <el-row :gutter="0">
           <el-col :span="12">
-            <el-form-item>
+            <el-form-item label="培训班">
-              <template slot="label">
+              <el-input v-model="searchForm.className" placeholder="请输入培训班" clearable />
-                <el-checkbox v-model="searchForm.classNameEnabled">培训班</el-checkbox>
-              </template>
-              <el-input v-model="searchForm.className" placeholder="请输入培训班" clearable
-                :disabled="!searchForm.classNameEnabled" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -152,7 +120,7 @@
         <el-table-column prop="zt" label="日志状态" width="100" align="center" />
         <el-table-column prop="gdqk" label="变动汇总" min-width="120" show-overflow-tooltip />
         <el-table-column prop="jxrzcjfs" label="创建方式" width="100" align="center" />
-        <el-table-column label="详细" width="80" align="center" fixed="right">
+        <el-table-column label="操作" width="80" align="center" fixed="right" class-name="table-action-column">
           <template slot-scope="scope">
             <el-button type="text" @click="handleDetail(scope.row)">详细</el-button>
           </template>
@@ -220,23 +188,14 @@ export default {
       // ==================== 查询表单 ====================
       searchForm: {
         startDate: '',
-        startDateEnabled: false,
         endDate: '',
-        endDateEnabled: false,
         courseName: '',
-        courseNameEnabled: false,
+        teachMethod: '',
-        teachMethod: '理论讲授',
+        change: '',
-        teachMethodEnabled: false,
+        taskCategory: '',
-        change: '与教学计划一致',
+        dept: '',
-        changeEnabled: false,
+        teacher: '',
-        taskCategory: '全军院校训练规划内任务',
+        className: ''
-        taskCategoryEnabled: false,
-        dept: '教务处',
-        deptEnabled: false,
-        teacher: '教务处',
-        teacherEnabled: false,
-        className: '',
-        classNameEnabled: false
       },
 
       teachMethodOptions: ['理论讲授', '实践教学', '研讨教学', '案例教学', '实操演练'],
@@ -282,19 +241,19 @@ export default {
       this.selectedRows = rows
     },
 
-    /** 根据"勾选启用"模式构建实际查询参数 */
+    /** 根据已填写的查询值构建实际查询参数 */
     buildSearchParams() {
       const form = this.searchForm
       const params = { pageNum: this.pageNum, pageSize: this.pageSize }
-      if (form.startDateEnabled && form.startDate) params.ksrq = form.startDate
+      if (form.startDate) params.ksrq = form.startDate
-      if (form.endDateEnabled && form.endDate) params.jsrq = form.endDate
+      if (form.endDate) params.jsrq = form.endDate
-      if (form.courseNameEnabled && form.courseName) params.kcmc = form.courseName
+      if (form.courseName) params.kcmc = form.courseName
-      if (form.teachMethodEnabled && form.teachMethod) params.jxff = form.teachMethod
+      if (form.teachMethod) params.jxff = form.teachMethod
-      if (form.changeEnabled && form.change) params.gdqk = form.change
+      if (form.change) params.gdqk = form.change
-      if (form.taskCategoryEnabled && form.taskCategory) params.rwlb = form.taskCategory
+      if (form.taskCategory) params.rwlb = form.taskCategory
-      if (form.deptEnabled && form.dept) params.jys = form.dept
+      if (form.dept) params.jys = form.dept
-      if (form.teacherEnabled && form.teacher) params.skjy = form.teacher
+      if (form.teacher) params.skjy = form.teacher
-      if (form.classNameEnabled && form.className) params.pxqb = form.className
+      if (form.className) params.pxqb = form.className
       return params
     },
 
@@ -329,23 +288,14 @@ export default {
     handleReset() {
       this.searchForm = {
         startDate: '',
-        startDateEnabled: false,
         endDate: '',
-        endDateEnabled: false,
         courseName: '',
-        courseNameEnabled: false,
+        teachMethod: '',
-        teachMethod: '理论讲授',
+        change: '',
-        teachMethodEnabled: false,
+        taskCategory: '',
-        change: '与教学计划一致',
+        dept: '',
-        changeEnabled: false,
+        teacher: '',
-        taskCategory: '全军院校训练规划内任务',
+        className: ''
-        taskCategoryEnabled: false,
-        dept: '教务处',
-        deptEnabled: false,
-        teacher: '教务处',
-        teacherEnabled: false,
-        className: '',
-        classNameEnabled: false
       }
       this.remark = ''
       this.handleSearch()