diff --git a/frontend/src/api/teachBusiness/teachingTask.js b/frontend/src/api/teachBusiness/teachingTask.js
index e5aaa19f..e83d276c 100644
--- a/frontend/src/api/teachBusiness/teachingTask.js
+++ b/frontend/src/api/teachBusiness/teachingTask.js
@@ -1,9 +1,10 @@
 import request from '@/utils/request'
 
 // 教学任务管理（TeachingTaskController /teachingTask）
-// 接口依据：TeachingTaskController（前端 baseURL 为 /api，此处不重复 /api 前缀）
-// 实体：JXRW（bh 编号[IdType.INPUT 必填]、rwmc 任务名称、nd 年度、zt 状态、
+// 接口依据：api.txt「教学任务管理」分组（前端 baseURL 为 /api，此处不重复 /api 前缀）
+// 实体：JXRW（bh 编号、rwmc 任务名称、nd 年度、zt 状态、
 //        fbsj 发布时间、cjsj 创建时间、jssj 结束时间、jcxqscsj 教材需求生成时间）
+// 新增时 bh 留空由后端生成（api.txt 新增示例未传 bh），编辑/更新时 bh 必传
 
 /**
  * 分页查询教学任务列表
@@ -20,18 +21,6 @@ export function listTeachingTask(params) {
   })
 }
 
-/**
- * 查询所有有效教学任务（DEL_FLAG = 0）
- * GET /teachingTask/all
- * 返回：List<JXRW>
- */
-export function listAllTeachingTask() {
-  return request({
-    url: '/teachingTask/all',
-    method: 'get'
-  })
-}
-
 /**
  * 根据编号查询教学任务
  * GET /teachingTask/get?bh=
@@ -49,8 +38,8 @@ export function getTeachingTask(bh) {
 /**
  * 新增教学任务
  * POST /teachingTask/add
- * 请求体（JXRW）：bh 编号（必填，IdType.INPUT 无自动生成）、rwmc 任务名称（必填）、
- *           nd 年度（必填）、zt 状态（选填）
+ * 请求体（JXRW）：rwmc 任务名称（必填）、nd 年度（必填）、zt 状态、fbsj/jssj/jcxqscsj
+ * 说明：bh 不传由后端自动生成；cjsj 创建时间由后端自动维护
  */
 export function addTeachingTask(data) {
   return request({
@@ -61,7 +50,7 @@ export function addTeachingTask(data) {
 }
 
 /**
- * 更新教学任务
+ * 更新教学任务（根据主键）
  * POST /teachingTask/update
  * 请求体（JXRW）：bh 编号（必填）、rwmc、nd、zt
  */
@@ -74,7 +63,7 @@ export function updateTeachingTask(data) {
 }
 
 /**
- * 删除教学任务
+ * 级联删除教学任务和教研室任务书
  * POST /teachingTask/delete?bh=
  * @param bh 编号
  */
@@ -87,20 +76,7 @@ export function deleteTeachingTask(bh) {
 }
 
 /**
- * 批量删除教学任务
- * POST /teachingTask/batchDelete
- * 请求体：List<String>（编号数组）
- */
-export function batchDeleteTeachingTask(bhList) {
-  return request({
-    url: '/teachingTask/batchDelete',
-    method: 'post',
-    data: bhList
-  })
-}
-
-/**
- * 发布教学任务及关联教研室任务书
+ * 教学任务发布（需要先填写教研室任务书）
  * POST /teachingTask/batchPublish?bh=
  * @param bh 教学任务编号
  * 返回：更新数量
@@ -111,4 +87,4 @@ export function publishTeachingTask(bh) {
     method: 'post',
     params: { bh }
   })
-}
\ No newline at end of file
+}
diff --git a/frontend/src/views/teachBusiness/teachingTask/index.vue b/frontend/src/views/teachBusiness/teachingTask/index.vue
index 14150d19..1ff0e646 100644
--- a/frontend/src/views/teachBusiness/teachingTask/index.vue
+++ b/frontend/src/views/teachBusiness/teachingTask/index.vue
@@ -1,25 +1,49 @@
 <template>
   <div class="app-container teaching-task-page">
-    <!-- 页面标题 -->
-    <div class="page-title">分组课列表</div>
+    <!-- ==================== 页面标题 ==================== -->
+    <div class="page-title">教学任务列表</div>
 
     <!-- ==================== 1. 查询条件区域 ==================== -->
     <el-card shadow="never" class="search-card">
       <el-form :model="searchForm" label-width="80px" class="search-form">
         <el-row :gutter="24">
-          <el-col :xs="24" :md="8">
+          <el-col :xs="24" :sm="12" :md="8">
             <el-form-item label="任务名称">
-              <el-input v-model="searchForm.rwmc" placeholder="请输入任务名称" clearable @keyup.enter.native="handleQuery" />
+              <el-input
+                v-model="searchForm.rwmc"
+                placeholder="请输入任务名称"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :md="8">
+          <el-col :xs="24" :sm="12" :md="8">
             <el-form-item label="年度">
-              <el-input-number v-model="searchForm.nd" :controls="false" placeholder="请输入年度" clearable class="w-full" />
+              <el-select
+                v-model="searchForm.nd"
+                placeholder="请选择年度"
+                clearable
+                style="width: 100%"
+              >
+                <el-option v-for="y in yearOptions" :key="y" :label="y" :value="y" />
+              </el-select>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :md="8">
+          <el-col :xs="24" :sm="12" :md="8">
             <el-form-item label="状态">
-              <el-input v-model="searchForm.zt" placeholder="请输入状态" clearable @keyup.enter.native="handleQuery" />
+              <el-select
+                v-model="searchForm.zt"
+                placeholder="请选择状态"
+                clearable
+                style="width: 100%"
+              >
+                <el-option
+                  v-for="opt in statusOptions"
+                  :key="opt.value"
+                  :label="opt.label"
+                  :value="opt.value"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
@@ -29,38 +53,30 @@
       </el-form>
     </el-card>
 
-    <!-- ==================== 2. 操作区域 ==================== -->
-    <el-card shadow="never" class="action-card">
-      <div class="action-left">
-        <el-button type="primary" @click="handleAdd">新增教学任务</el-button>
-        <el-button type="danger" plain :disabled="selectedRows.length === 0" @click="handleBatchDelete">批量删除</el-button>
-        <el-button type="primary" plain @click="handleDownloadGroupCourseList">下载分组班列表</el-button>
-        <el-button type="primary" plain @click="handleDownloadWord">下载分组班学员名单Word</el-button>
-        <el-button type="primary" plain @click="handleDownloadExcel">下载分组班学员名单Excel</el-button>
-        <el-button type="primary" plain @click="handleDownloadTemplate">【分组课数据文件模板】下载</el-button>
-      </div>
-    </el-card>
-
-    <!-- ==================== 3. 数据表格 ==================== -->
+    <!-- ==================== 2. 数据表格 ==================== -->
     <el-card shadow="never" class="table-card">
-      <el-table v-loading="loading" :data="tableData" border stripe highlight-current-row
-        @selection-change="handleSelectionChange">
+      <el-table v-loading="loading" :data="tableData" border stripe>
         <template slot="empty">
           <span>无数据！</span>
         </template>
-        <el-table-column type="selection" width="50" align="center" />
-        <el-table-column type="index" label="序号" width="80" align="center" />
-        <el-table-column prop="bh" label="编号" width="140" align="center" show-overflow-tooltip />
-        <el-table-column prop="rwmc" label="任务名称" min-width="160" show-overflow-tooltip />
+        <el-table-column type="index" label="序号" width="70" align="center" />
+        <el-table-column prop="bh" label="编号" width="200" align="center" show-overflow-tooltip />
+        <el-table-column prop="rwmc" label="任务名称" min-width="160" align="left" header-align="center" show-overflow-tooltip />
         <el-table-column prop="nd" label="年度" width="90" align="center" />
-        <el-table-column prop="zt" label="状态" width="90" align="center" show-overflow-tooltip />
-        <el-table-column prop="fbsj" label="发布时间" width="150" align="center" :formatter="formatDateTime" />
-        <el-table-column prop="cjsj" label="创建时间" width="150" align="center" :formatter="formatDateTime" />
-        <el-table-column label="操作" width="180" align="center" fixed="right">
+        <el-table-column label="状态" width="100" align="center">
           <template slot-scope="{ row }">
-            <el-button type="text" size="small" @click="handleEdit(row)">编辑</el-button>
-            <el-button type="text" size="small" @click="handlePublish(row)">发布</el-button>
-            <el-button type="text" size="small" class="text-danger" @click="handleDelete(row)">删除</el-button>
+            <el-tag :type="row.zt === '发布' ? 'success' : 'info'" size="small">
+              {{ row.zt || '-' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="fbsj" label="发布时间" width="150" align="center" :formatter="fmtDateTime" />
+        <el-table-column prop="jssj" label="结束时间" width="150" align="center" :formatter="fmtDateTime" />
+        <el-table-column prop="cjsj" label="创建时间" width="150" align="center" :formatter="fmtDateTime" />
+        <el-table-column prop="jcxqscsj" label="教材需求生成时间" width="170" align="center" :formatter="fmtDateTime" />
+        <el-table-column label="操作" width="80" align="center" fixed="right">
+          <template slot-scope="{ row }">
+            <el-button type="text" size="small" @click="handleDetail(row)">详情</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -77,102 +93,107 @@
       />
     </el-card>
 
-    <!-- ==================== 4. 新增/修改对话框 ==================== -->
+    <!-- ==================== 3. 详情对话框 ==================== -->
     <el-dialog
-      :visible="dialogVisible"
-      :title="dialogTitle"
-      width="520px"
+      :visible="detailVisible"
+      title="教学任务详情"
+      width="620px"
       :close-on-click-modal="false"
-      @update:visible="val => dialogVisible = val"
+      @update:visible="val => detailVisible = val"
     >
-      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px" class="add-form">
-        <el-form-item label="编号" prop="bh">
-          <el-input v-model="form.bh" placeholder="请输入编号" :disabled="isEdit" clearable />
-        </el-form-item>
-        <el-form-item label="任务名称" prop="rwmc">
-          <el-input v-model="form.rwmc" placeholder="请输入任务名称" clearable />
-        </el-form-item>
-        <el-form-item label="年度" prop="nd">
-          <el-input-number v-model="form.nd" :min="0" :controls="false" placeholder="请输入年度" class="w-full" />
-        </el-form-item>
-        <el-form-item label="状态">
-          <el-input v-model="form.zt" placeholder="请输入状态（选填）" clearable />
-        </el-form-item>
-      </el-form>
+      <el-descriptions v-if="detailData.bh" :column="2" border>
+        <el-descriptions-item label="编号">{{ detailData.bh || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="任务名称">{{ detailData.rwmc || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="年度">{{ fmtVal(detailData.nd) }}</el-descriptions-item>
+        <el-descriptions-item label="状态">{{ detailData.zt || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="发布时间">{{ fmtVal(detailData.fbsj) }}</el-descriptions-item>
+        <el-descriptions-item label="结束时间">{{ fmtVal(detailData.jssj) }}</el-descriptions-item>
+        <el-descriptions-item label="创建时间">{{ fmtVal(detailData.cjsj) }}</el-descriptions-item>
+        <el-descriptions-item label="教材需求生成时间">{{ fmtVal(detailData.jcxqscsj) }}</el-descriptions-item>
+      </el-descriptions>
+      <div v-else v-loading="detailLoading" class="detail-empty">加载中...</div>
       <div slot="footer">
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" :loading="saving" @click="handleSubmit">确定</el-button>
+        <el-button type="primary" @click="detailVisible = false">关闭</el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import {
-  listTeachingTask,
-  addTeachingTask,
-  updateTeachingTask,
-  deleteTeachingTask,
-  batchDeleteTeachingTask,
-  publishTeachingTask
-} from '@/api/teachBusiness/teachingTask'
+/**
+ * 教学任务列表（只读查询页）
+ * 对应菜单：teachBusiness/teachingTask（原「分组课列表」页，下载类功能后端无接口已移除）
+ * 仅提供 分页查询 list + 详情 get?bh=，不做增删改发（避免与教学任务计划管理页重复操作同一实体）
+ * 增删改发统一在 src/views/teachOffice/taskPlan/index.vue（教学任务计划管理）完成
+ */
+import { listTeachingTask, getTeachingTask } from '@/api/teachBusiness/teachingTask'
+import { listAllSemester } from '@/api/teachBusiness/semester'
 
 export default {
   name: 'TeachingTask',
   data() {
     return {
-      pageTitle: '分组课列表',
-
       // ==================== 1. 查询条件 ====================
       searchForm: {
         rwmc: '',
         nd: undefined,
         zt: ''
       },
+      yearOptions: [],
+      statusOptions: [
+        { label: '未发布', value: '未发布' },
+        { label: '发布', value: '发布' }
+      ],
 
-      // ==================== 2. 批量选择 ====================
-      selectedRows: [],
-
-      // ==================== 3. 表格数据 ====================
+      // ==================== 2. 表格数据 ====================
       loading: false,
       tableData: [],
       pageNum: 1,
       pageSize: 10,
       total: 0,
 
-      // ==================== 4. 新增/修改表单 ====================
-      dialogVisible: false,
-      dialogTitle: '新增教学任务',
-      isEdit: false,
-      saving: false,
-      form: this.createEmptyForm(),
-      rules: {
-        bh: [{ required: true, message: '请输入编号', trigger: 'blur' }],
-        rwmc: [{ required: true, message: '请输入任务名称', trigger: 'blur' }],
-        nd: [{ required: true, message: '请输入年度', trigger: 'blur' }]
-      }
+      // ==================== 3. 详情 ====================
+      detailVisible: false,
+      detailLoading: false,
+      detailData: {}
     }
   },
-  mounted() {
-    this.fetchList()
+  created() {
+    this.loadYearOptions().then(() => this.fetchList())
   },
   methods: {
-    createEmptyForm() {
-      return {
-        bh: '',
-        rwmc: '',
-        nd: undefined,
-        zt: ''
-      }
+    /* ---------- 年度下拉（数据来自 /semester/all，禁止硬编码） ---------- */
+    loadYearOptions() {
+      return listAllSemester().then(response => {
+        const list = response.data || []
+        const map = {}
+        list.forEach(item => {
+          if (item.nd !== null && item.nd !== undefined && item.nd !== '') map[item.nd] = item
+        })
+        const arr = Object.keys(map).sort((a, b) => String(b).localeCompare(String(a)))
+        this.yearOptions = arr
+        // 默认年度：优先当前学期(dqxq=true)，否则取最新年度
+        const current = list.find(item => item.dqxq === true)
+        const defaultNd = (current && current.nd) || arr[0]
+        if (!this.searchForm.nd) this.searchForm.nd = defaultNd
+        return arr
+      }).catch(() => {
+        this.yearOptions = []
+        return []
+      })
     },
 
-    /** 后端 LocalDateTime 规范化显示：去掉 T，截断到分钟 */
-    formatDateTime(row, column, cellValue) {
+    /* ---------- 通用格式化 ---------- */
+    fmtDateTime(row, column, cellValue) {
       if (cellValue === null || cellValue === undefined || cellValue === '') return '-'
       return String(cellValue).replace('T', ' ').slice(0, 16)
     },
+    fmtVal(val) {
+      if (val === null || val === undefined || val === '') return '-'
+      return String(val).replace('T', ' ').slice(0, 16)
+    },
 
-    // ==================== 列表加载 ====================
+    /* ---------- 列表加载 ---------- */
     fetchList() {
       this.loading = true
       const params = { pageNum: this.pageNum, pageSize: this.pageSize }
@@ -193,10 +214,6 @@ export default {
       })
     },
 
-    handleSearch() {
-      this.handleQuery()
-    },
-
     handleQuery() {
       this.pageNum = 1
       this.fetchList()
@@ -213,124 +230,17 @@ export default {
       this.fetchList()
     },
 
-    // ==================== 选择 ====================
-    handleSelectionChange(rows) {
-      this.selectedRows = rows
-    },
-
-    // ==================== 新增 / 修改 ====================
-    handleAdd() {
-      this.form = this.createEmptyForm()
-      this.isEdit = false
-      this.dialogTitle = '新增教学任务'
-      this.dialogVisible = true
-      this.$nextTick(() => {
-        this.$refs.formRef && this.$refs.formRef.clearValidate()
+    /* ---------- 详情（只读，走真实 get?bh= 接口） ---------- */
+    handleDetail(row) {
+      this.detailVisible = true
+      this.detailLoading = true
+      this.detailData = {}
+      getTeachingTask(row.bh).then(res => {
+        this.detailData = (res && res.data) || {}
+        this.detailLoading = false
+      }).catch(() => {
+        this.detailLoading = false
       })
-    },
-
-    handleEdit(row) {
-      this.form = {
-        bh: row.bh || '',
-        rwmc: row.rwmc || '',
-        nd: row.nd,
-        zt: row.zt || ''
-      }
-      this.isEdit = true
-      this.dialogTitle = '修改教学任务'
-      this.dialogVisible = true
-      this.$nextTick(() => {
-        this.$refs.formRef && this.$refs.formRef.clearValidate()
-      })
-    },
-
-    handleSubmit() {
-      this.$refs.formRef.validate(valid => {
-        if (!valid) {
-          this.$message.warning('请完善必填项后再提交')
-          return
-        }
-        const payload = this.buildPayload()
-        this.saving = true
-        const req = this.isEdit ? updateTeachingTask(payload) : addTeachingTask(payload)
-        req.then(() => {
-          this.$message.success(this.isEdit ? '修改成功' : '新增成功')
-          this.dialogVisible = false
-          this.fetchList()
-        }).catch(() => {}).finally(() => {
-          this.saving = false
-        })
-      })
-    },
-
-    /** 构建请求体，仅含实体非空字段（时间字段后端自动维护，不传） */
-    buildPayload() {
-      const f = this.form
-      const payload = {}
-      if (f.bh && String(f.bh).trim()) payload.bh = String(f.bh).trim()
-      if (f.rwmc && String(f.rwmc).trim()) payload.rwmc = String(f.rwmc).trim()
-      if (f.nd !== undefined && f.nd !== null && f.nd !== '') payload.nd = f.nd
-      if (f.zt && String(f.zt).trim()) payload.zt = String(f.zt).trim()
-      return payload
-    },
-
-    // ==================== 删除 ====================
-    handleDelete(row) {
-      this.$confirm(`确定要删除「${row.rwmc || row.bh || '该记录'}」吗？`, '系统提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => deleteTeachingTask(row.bh)).then(() => {
-        this.$message.success('删除成功')
-        this.fetchList()
-      }).catch(() => {})
-    },
-
-    handleBatchDelete() {
-      if (this.selectedRows.length === 0) {
-        this.$message.warning('请先选择数据')
-        return
-      }
-      this.$confirm(`确定要删除选中的 ${this.selectedRows.length} 条记录吗？`, '系统提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        const bhList = this.selectedRows.map(r => r.bh)
-        return batchDeleteTeachingTask(bhList)
-      }).then(() => {
-        this.$message.success('删除成功')
-        this.fetchList()
-      }).catch(() => {})
-    },
-
-    // ==================== 发布 ====================
-    handlePublish(row) {
-      this.$confirm(`确定要发布教学任务「${row.rwmc || row.bh || '该记录'}」吗？发布后将同步更新关联教研室任务书状态。`, '系统提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => publishTeachingTask(row.bh)).then(() => {
-        this.$message.success('发布成功')
-        this.fetchList()
-      }).catch(() => {})
-    },
-
-    // ==================== 无后端接口功能 ====================
-    handleDownloadGroupCourseList() {
-      this.$message.info('后端暂未提供该接口')
-    },
-
-    handleDownloadWord() {
-      this.$message.info('后端暂未提供该接口')
-    },
-
-    handleDownloadExcel() {
-      this.$message.info('后端暂未提供该接口')
-    },
-
-    handleDownloadTemplate() {
-      this.$message.info('后端暂未提供该接口')
     }
   }
 }
@@ -355,10 +265,6 @@ export default {
     margin-bottom: 16px;
 
     .search-form {
-      .w-full {
-        width: 100%;
-      }
-
       .search-actions {
         display: flex;
         justify-content: flex-end;
@@ -368,29 +274,22 @@ export default {
     }
   }
 
-  // ==================== 2. 操作区域 ====================
-  .action-card {
-    margin-bottom: 16px;
-
-    .action-left {
-      display: flex;
-      align-items: center;
-      flex-wrap: wrap;
-      gap: 12px;
-    }
-  }
-
-  // ==================== 3. 数据表格 ====================
+  // ==================== 2. 数据表格 ====================
   .table-card {
     .pagination {
       display: flex;
       justify-content: flex-end;
       margin-top: 12px;
     }
+  }
 
-    .text-danger {
-      color: #f56c6c;
-    }
+  // ==================== 3. 详情 ====================
+  .detail-empty {
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #909399;
   }
 }
 
@@ -410,4 +309,4 @@ export default {
     color: #333;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/frontend/src/views/teachOffice/taskPlan/index.vue b/frontend/src/views/teachOffice/taskPlan/index.vue
index 498aa412..3cabcbcc 100644
--- a/frontend/src/views/teachOffice/taskPlan/index.vue
+++ b/frontend/src/views/teachOffice/taskPlan/index.vue
@@ -1,376 +1,440 @@
 <template>
   <div class="app-container task-plan-page">
-    <!-- ==================== 1. 学期信息区域 ==================== -->
+    <!-- ==================== 页面标题 ==================== -->
+    <div class="page-title">教学任务计划管理</div>
+
+    <!-- ==================== 1. 查询条件区域 ==================== -->
     <el-card shadow="never" class="search-card">
-      <el-form :inline="true" :model="semester" class="search-form">
-        <el-form-item label="学期名称">
-          <el-input v-model="semester.name" style="width: 160px" />
-        </el-form-item>
-        <el-form-item label="校历开学日期">
-          <el-date-picker
-            v-model="semester.kxrq"
-            type="date"
-            format="yyyy年M月d日"
-            value-format="yyyy-MM-dd"
-            placeholder="选择日期"
-            style="width: 160px"
+      <el-form :inline="true" :model="searchForm" class="search-form">
+        <el-form-item label="任务名称">
+          <el-input
+            v-model="searchForm.rwmc"
+            placeholder="请输入任务名称"
+            clearable
+            style="width: 180px"
+            @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="结束日期">
-          <el-date-picker
-            v-model="semester.jsrq"
-            type="date"
-            format="yyyy年M月d日"
-            value-format="yyyy-MM-dd"
-            placeholder="选择日期"
-            style="width: 160px"
-          />
+        <el-form-item label="年度">
+          <el-select v-model="searchForm.nd" placeholder="请选择年度" clearable style="width: 140px">
+            <el-option v-for="y in yearOptions" :key="y" :label="y" :value="y" />
+          </el-select>
         </el-form-item>
-        <el-form-item label="学期周数">
-          <el-input v-model="semester.weeks" style="width: 90px" />
+        <el-form-item label="状态">
+          <el-select v-model="searchForm.zt" placeholder="请选择状态" clearable style="width: 140px">
+            <el-option
+              v-for="opt in statusOptions"
+              :key="opt.value"
+              :label="opt.label"
+              :value="opt.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
         </el-form-item>
       </el-form>
     </el-card>
 
-    <!-- ==================== 2. 数据表格区域 ==================== -->
-    <div class="list-title">教学任务列表：</div>
+    <!-- ==================== 2. 操作区域 ==================== -->
     <div class="list-toolbar">
       <div class="left-group">
-        <el-button type="primary" @click="handleAdd">新建</el-button>
-        <el-button type="primary" plain @click="handleEdit">编辑</el-button>
-        <el-button type="danger" plain @click="handleDelete">删除</el-button>
-        <el-button type="primary" plain @click="handlePublish">发布教学任务</el-button>
-        <el-button type="primary" plain @click="handleEndPublish">结束发布</el-button>
-        <el-button type="primary" plain @click="handleManageTeams">管理教学任务所含学员队</el-button>
+        <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新建教学任务</el-button>
       </div>
     </div>
+
+    <!-- ==================== 3. 数据表格 ==================== -->
     <el-card shadow="never" class="table-card">
-      <el-table
-        ref="tableRef"
-        v-loading="loading"
-        :data="tableData"
-        border
-        stripe
-        highlight-current-row
-        class="task-table"
-        @selection-change="handleSelectionChange"
-        @current-change="handleCurrentChange"
-      >
-        <el-table-column type="selection" width="40" align="center" />
-        <el-table-column prop="rwmc" label="任务名称" min-width="170" show-overflow-tooltip />
-        <el-table-column label="状态" width="80" align="center">
+      <el-table v-loading="loading" :data="tableData" border stripe class="task-table">
+        <template slot="empty">
+          <span>无数据！</span>
+        </template>
+        <el-table-column type="index" label="序号" width="70" align="center" />
+        <el-table-column prop="rwmc" label="任务名称" min-width="180" align="left" header-align="center" show-overflow-tooltip />
+        <el-table-column prop="nd" label="年度" width="90" align="center" />
+        <el-table-column label="状态" width="100" align="center">
           <template slot-scope="{ row }">
-            <span class="status-text">{{ row.zt }}</span>
+            <el-tag :type="row.zt === '发布' ? 'success' : 'info'" size="small">
+              {{ row.zt || '-' }}
+            </el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="fbsj" label="发布时间" width="130" align="center" />
-        <el-table-column prop="cjsj" label="创建时间" width="130" align="center" />
-        <el-table-column label="结束时间" width="130" align="center">
+        <el-table-column prop="fbsj" label="发布时间" width="150" align="center" :formatter="fmtDateTime" />
+        <el-table-column prop="jssj" label="结束时间" width="150" align="center" :formatter="fmtDateTime" />
+        <el-table-column prop="cjsj" label="创建时间" width="150" align="center" :formatter="fmtDateTime" />
+        <el-table-column prop="jcxqscsj" label="教材需求生成时间" width="170" align="center" :formatter="fmtDateTime" />
+        <el-table-column label="操作" width="200" align="center" fixed="right">
           <template slot-scope="{ row }">
-            {{ row.jssj || '' }}
+            <el-button type="text" size="small" @click="handleDetail(row)">详情</el-button>
+            <el-button type="text" size="small" @click="handleEdit(row)">编辑</el-button>
+            <el-button
+              type="text"
+              size="small"
+              :disabled="row.zt === '发布'"
+              @click="handlePublish(row)"
+            >发布</el-button>
+            <el-button type="text" size="small" class="text-danger" @click="handleDelete(row)">删除</el-button>
           </template>
         </el-table-column>
-        <el-table-column prop="jysCount" label="教研室数" width="90" align="center" />
-        <el-table-column prop="teamCount" label="学员队数" width="90" align="center" />
-        <el-table-column prop="hbqKcCount" label="合班前课程任务数" width="140" align="center" />
-        <el-table-column prop="hbqXssCount" label="合班前总学时数" width="140" align="center" />
-        <el-table-column prop="hbhKcCount" label="合班后课程任务数" width="140" align="center" />
-        <el-table-column prop="hbhXssCount" label="合班后总学时数" width="140" align="center" />
       </el-table>
+
+      <el-pagination
+        :current-page="pageNum"
+        :page-size="pageSize"
+        :total="total"
+        :page-sizes="[10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next, jumper"
+        class="pagination"
+        @current-change="handlePageChange"
+        @size-change="handleSizeChange"
+      />
     </el-card>
 
-    <!-- ==================== 教学任务信息弹窗 ==================== -->
+    <!-- ==================== 4. 新增/修改对话框 ==================== -->
     <el-dialog
       :visible="dialogVisible"
-      title="教学任务信息"
-      width="900px"
-      class="teaching-task-dialog"
+      :title="dialogTitle"
+      width="560px"
       :close-on-click-modal="false"
-      @update:visible="val => (dialogVisible = val)"
+      @update:visible="val => dialogVisible = val"
     >
-      <!-- ==================== 1. 基本信息区域 ==================== -->
-      <el-form label-width="86px" class="basic-form">
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="学期">
-              <el-input v-model="form.xq" readonly />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="任务名称">
-              <el-input v-model="form.rwmc" placeholder="请输入任务名称" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="创建时间">
-              <el-input v-model="form.cjsj" readonly />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="发布时间">
-              <el-input v-model="form.fbsj" readonly />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="结束时间">
-              <el-input v-model="form.jssj" readonly />
-            </el-form-item>
-          </el-col>
-        </el-row>
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="140px" class="add-form">
+        <el-form-item v-if="isEdit" label="编号" prop="bh">
+          <el-input v-model="form.bh" disabled placeholder="编号不可修改" />
+        </el-form-item>
+        <el-form-item v-else label="编号">
+          <el-input disabled placeholder="新增后由系统自动生成" />
+        </el-form-item>
+        <el-form-item label="任务名称" prop="rwmc">
+          <el-input v-model="form.rwmc" placeholder="请输入任务名称" clearable />
+        </el-form-item>
+        <el-form-item label="年度" prop="nd">
+          <el-select v-model="form.nd" placeholder="请选择年度" style="width: 100%">
+            <el-option v-for="y in yearOptions" :key="y" :label="y" :value="y" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="状态" prop="zt">
+          <el-select v-model="form.zt" placeholder="请选择状态" style="width: 100%">
+            <el-option
+              v-for="opt in statusOptions"
+              :key="opt.value"
+              :label="opt.label"
+              :value="opt.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="发布时间">
+          <el-date-picker
+            v-model="form.fbsj"
+            type="datetime"
+            value-format="yyyy-MM-ddTHH:mm:ss"
+            placeholder="请选择发布时间"
+            style="width: 100%"
+          />
+        </el-form-item>
+        <el-form-item label="结束时间">
+          <el-date-picker
+            v-model="form.jssj"
+            type="datetime"
+            value-format="yyyy-MM-ddTHH:mm:ss"
+            placeholder="请选择结束时间"
+            style="width: 100%"
+          />
+        </el-form-item>
+        <el-form-item label="教材需求生成时间">
+          <el-date-picker
+            v-model="form.jcxqscsj"
+            type="datetime"
+            value-format="yyyy-MM-ddTHH:mm:ss"
+            placeholder="请选择教材需求生成时间"
+            style="width: 100%"
+          />
+        </el-form-item>
       </el-form>
-
-      <!-- ==================== 2. Tab 标签页区域 ==================== -->
-      <el-tabs v-model="activeTab" class="tt-tabs">
-        <!-- 教研室任务书列表 -->
-        <el-tab-pane label="教研室任务书列表" name="taskbook">
-          <div class="sub-toolbar">
-            <el-button type="primary" plain size="small" @click="handleTaskBookDetail">
-              教研室任务书详细
-            </el-button>
-          </div>
-          <el-table
-            ref="taskBookTable"
-            :data="taskBookRows"
-            border
-            stripe
-            highlight-current-row
-            class="taskbook-table"
-            @selection-change="handleTaskBookSelection"
-          >
-            <el-table-column type="selection" width="40" align="center" />
-            <el-table-column prop="jys" label="教研室" min-width="120" align="center" />
-            <el-table-column prop="zt" label="状态" width="80" align="center" />
-            <el-table-column prop="sbsj" label="上报时间" width="150" align="center" show-overflow-tooltip />
-            <el-table-column prop="xydkcCount" label="学员队课程任务数" width="150" align="center" />
-            <el-table-column prop="wczdsCount" label="完成指定数" width="100" align="center" />
-          </el-table>
-        </el-tab-pane>
-
-        <!-- 学员队列表 -->
-        <el-tab-pane label="学员队列表" name="team">
-          <div class="tab-empty">暂无学员队列表数据</div>
-        </el-tab-pane>
-      </el-tabs>
-
-      <!-- ==================== 3. 底部按钮区域 ==================== -->
       <div slot="footer">
         <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="handleConfirm">确定</el-button>
+        <el-button type="primary" :loading="saving" @click="handleSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- ==================== 5. 详情对话框 ==================== -->
+    <el-dialog
+      :visible="detailVisible"
+      title="教学任务详情"
+      width="620px"
+      :close-on-click-modal="false"
+      @update:visible="val => detailVisible = val"
+    >
+      <el-descriptions v-if="detailData.bh" :column="2" border>
+        <el-descriptions-item label="编号">{{ detailData.bh || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="任务名称">{{ detailData.rwmc || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="年度">{{ fmtVal(detailData.nd) }}</el-descriptions-item>
+        <el-descriptions-item label="状态">{{ detailData.zt || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="发布时间">{{ fmtVal(detailData.fbsj) }}</el-descriptions-item>
+        <el-descriptions-item label="结束时间">{{ fmtVal(detailData.jssj) }}</el-descriptions-item>
+        <el-descriptions-item label="创建时间">{{ fmtVal(detailData.cjsj) }}</el-descriptions-item>
+        <el-descriptions-item label="教材需求生成时间">{{ fmtVal(detailData.jcxqscsj) }}</el-descriptions-item>
+      </el-descriptions>
+      <div v-else v-loading="detailLoading" class="detail-empty">加载中...</div>
+      <div slot="footer">
+        <el-button type="primary" @click="detailVisible = false">关闭</el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
+/**
+ * 教学任务计划管理（完整管理页）
+ * 对应菜单：teachOffice/taskPlan
+ * 提供 teachingTask 全套真实接口操作：分页查询 list、详情 get?bh=、新增 add、编辑 update、
+ * 发布 batchPublish?bh=（需先填写教研室任务书）、删除 delete?bh=（级联删除教研室任务书）
+ * 只读查询视图在 src/views/teachBusiness/teachingTask/index.vue（教学任务列表）提供，避免重复操作同一实体
+ */
+import {
+  listTeachingTask,
+  getTeachingTask,
+  addTeachingTask,
+  updateTeachingTask,
+  deleteTeachingTask,
+  publishTeachingTask
+} from '@/api/teachBusiness/teachingTask'
+import { listAllSemester } from '@/api/teachBusiness/semester'
+
 export default {
+  name: 'TaskPlan',
   data() {
     return {
-      // ==================== 1. 学期信息区域 ====================
-      semester: {
-        name: '2017年秋季学期',       // 学期名称
-        kxrq: '2017-07-08',           // 校历开学日期
-        jsrq: '2018-02-11',           // 结束日期
-        weeks: 32                     // 学期周数
+      // ==================== 1. 查询条件 ====================
+      searchForm: {
+        rwmc: '',
+        nd: undefined,
+        zt: ''
       },
-
-      // ==================== 2. 数据表格 ====================
-      loading: false,
-      tableData: [
-        {
-          bh: 'task-2017-2',
-          rwmc: '2017年下半年教学任务',
-          zt: '发布',
-          fbsj: '2017年12月1日',
-          cjsj: '2017年7月8日',
-          jssj: '',
-          jysCount: 31,
-          teamCount: 78,
-          hbqKcCount: 1126,
-          hbqXssCount: 36050,
-          hbhKcCount: 1058,
-          hbhXssCount: 34050
-        },
-        {
-          bh: 'task-2019-1',
-          rwmc: '研究生下半年教学任务',
-          zt: '发布',
-          fbsj: '2019年12月1日',
-          cjsj: '2017年7月8日',
-          jssj: '',
-          jysCount: 12,
-          teamCount: 2,
-          hbqKcCount: 16,
-          hbqXssCount: 560,
-          hbhKcCount: 16,
-          hbhXssCount: 560
-        }
+      yearOptions: [],
+      statusOptions: [
+        { label: '未发布', value: '未发布' },
+        { label: '发布', value: '发布' }
       ],
-      selectedRows: [],
-      currentRow: null,
 
-      // ==================== 操作按钮 ====================
-      /** 教学任务信息弹窗 */
+      // ==================== 2. 表格数据 ====================
+      loading: false,
+      tableData: [],
+      pageNum: 1,
+      pageSize: 10,
+      total: 0,
+
+      // ==================== 3. 新增/修改表单 ====================
       dialogVisible: false,
-      /** 弹窗模式：新建 / 编辑 */
-      dialogMode: 'create',
-      /** 编辑模式选中的任务行 */
-      editRow: null,
-
-      // ==================== 弹窗：基本信息 ====================
-      form: {
-        xq: '2017年秋季学期',        // 学期（只读）
-        rwmc: '',                    // 任务名称（可编辑）
-        cjsj: '',                    // 创建时间（只读）
-        fbsj: '',                    // 发布时间（只读）
-        jssj: ''                     // 结束时间（只读）
+      dialogTitle: '新建教学任务',
+      isEdit: false,
+      saving: false,
+      form: this.createEmptyForm(),
+      rules: {
+        rwmc: [{ required: true, message: '请输入任务名称', trigger: 'blur' }],
+        nd: [{ required: true, message: '请选择年度', trigger: 'change' }],
+        zt: [{ required: true, message: '请选择状态', trigger: 'change' }]
       },
 
-      // ==================== 弹窗：Tab 标签页 ====================
-      activeTab: 'taskbook',
-
-      // ==================== 弹窗：教研室任务书列表 ====================
-      taskBookRows: [],
-      selectedTaskBookRows: [],
-      /** 编辑模式下的教研室任务书数据（按截图还原） */
-      editTaskBookRows: [
-        { jys: '军事81教研室', zt: '发布', sbsj: '', xydkcCount: 33, wczdsCount: 0 },
-        { jys: '翻译室', zt: '发布', sbsj: '', xydkcCount: 2, wczdsCount: 0 },
-        { jys: '军事共同教研室', zt: '上报', sbsj: '2019-12-13 10:39', xydkcCount: 97, wczdsCount: 8 },
-        { jys: '作战保障教研室', zt: '发布', sbsj: '', xydkcCount: 47, wczdsCount: 0 },
-        { jys: '军事10教研室', zt: '发布', sbsj: '', xydkcCount: 21, wczdsCount: 0 },
-        { jys: '军事83', zt: '发布', sbsj: '', xydkcCount: 2, wczdsCount: 0 },
-        { jys: '军事09教研室', zt: '发布', sbsj: '', xydkcCount: 52, wczdsCount: 0 }
-      ]
+      // ==================== 4. 详情 ====================
+      detailVisible: false,
+      detailLoading: false,
+      detailData: {}
     }
   },
-
-  mounted() {
-    // 默认选中第一行（高亮）
-    this.$nextTick(() => {
-      if (this.tableData.length) {
-        this.$refs.tableRef.setCurrentRow(this.tableData[0])
-      }
-    })
+  created() {
+    this.loadYearOptions().then(() => this.fetchList())
   },
+  methods: {
+    /* ---------- 年度下拉（数据来自 /semester/all，禁止硬编码） ---------- */
+    loadYearOptions() {
+      return listAllSemester().then(response => {
+        const list = response.data || []
+        const map = {}
+        list.forEach(item => {
+          if (item.nd !== null && item.nd !== undefined && item.nd !== '') map[item.nd] = item
+        })
+        const arr = Object.keys(map).sort((a, b) => String(b).localeCompare(String(a)))
+        this.yearOptions = arr
+        // 默认年度：优先当前学期(dqxq=true)，否则取最新年度
+        const current = list.find(item => item.dqxq === true)
+        const defaultNd = (current && current.nd) || arr[0]
+        if (!this.searchForm.nd) this.searchForm.nd = defaultNd
+        return arr
+      }).catch(() => {
+        this.yearOptions = []
+        return []
+      })
+    },
 
-  watch: {
-    // 弹窗打开时按模式初始化
-    dialogVisible(val) {
-      if (!val) return
-      this.form.xq = this.semester.name
-      if (this.dialogMode === 'edit') {
-        this.form.rwmc = (this.editRow && this.editRow.rwmc) || ''
-        this.form.cjsj = '2017-07-14 17:00'
-        this.form.fbsj = '2019-12-13 10:39'
-        this.form.jssj = ''
-        this.taskBookRows = [...this.editTaskBookRows]
-      } else {
-        this.form.rwmc = '新研究生教学任务'
-        this.form.cjsj = ''
-        this.form.fbsj = ''
-        this.form.jssj = ''
-        this.taskBookRows = []
-      }
-      this.activeTab = 'taskbook'
-      // 默认选中第一行（高亮）
-      this.$nextTick(() => {
-        if (this.taskBookRows.length && this.$refs.taskBookTable) {
-          this.$refs.taskBookTable.setCurrentRow(this.taskBookRows[0])
+    /* ---------- 通用格式化 ---------- */
+    fmtDateTime(row, column, cellValue) {
+      if (cellValue === null || cellValue === undefined || cellValue === '') return '-'
+      return String(cellValue).replace('T', ' ').slice(0, 16)
+    },
+    fmtVal(val) {
+      if (val === null || val === undefined || val === '') return '-'
+      return String(val).replace('T', ' ').slice(0, 16)
+    },
+    /** 移除空值（''/null/undefined），保留 0 等有效值 */
+    cleanPayload(obj) {
+      const payload = {}
+      Object.keys(obj).forEach(key => {
+        const value = obj[key]
+        if (value !== '' && value !== null && value !== undefined) {
+          payload[key] = value
         }
       })
-    }
-  },
+      return payload
+    },
 
-  methods: {
-    // ==================== 表格 ====================
-    handleSelectionChange(rows) {
-      this.selectedRows = rows
-    },
-    handleCurrentChange(row) {
-      this.currentRow = row
-    },
-    /** 获取当前选中行，未选中时提示 */
-    getSelected() {
-      if (!this.currentRow) {
-        this.$message.warning('请先选择一条教学任务')
-        return null
+    /* ---------- 列表加载 ---------- */
+    fetchList() {
+      this.loading = true
+      const params = { pageNum: this.pageNum, pageSize: this.pageSize }
+      if (this.searchForm.rwmc && this.searchForm.rwmc.trim()) params.rwmc = this.searchForm.rwmc.trim()
+      if (this.searchForm.nd !== undefined && this.searchForm.nd !== null && this.searchForm.nd !== '') {
+        params.nd = this.searchForm.nd
+      }
+      if (this.searchForm.zt && this.searchForm.zt.trim()) params.zt = this.searchForm.zt.trim()
+      listTeachingTask(params).then(res => {
+        const data = (res && res.data) || {}
+        this.tableData = data.records || []
+        this.total = data.total || 0
+        this.loading = false
+      }).catch(() => {
+        this.tableData = []
+        this.total = 0
+        this.loading = false
+      })
+    },
+
+    handleQuery() {
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    handlePageChange(page) {
+      this.pageNum = page
+      this.fetchList()
+    },
+
+    handleSizeChange(size) {
+      this.pageSize = size
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    /* ---------- 新增 / 修改 ---------- */
+    createEmptyForm() {
+      return {
+        bh: '',
+        rwmc: '',
+        nd: undefined,
+        zt: '未发布',
+        fbsj: '',
+        jssj: '',
+        jcxqscsj: ''
       }
-      return this.currentRow
     },
 
-    // ==================== 操作按钮 ====================
-    /** 新建教学任务 */
     handleAdd() {
-      this.dialogMode = 'create'
-      this.editRow = null
+      this.form = this.createEmptyForm()
+      if (!this.form.nd && this.searchForm.nd) this.form.nd = this.searchForm.nd
+      this.isEdit = false
+      this.dialogTitle = '新建教学任务'
       this.dialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.formRef && this.$refs.formRef.clearValidate()
+      })
     },
-    /** 编辑教学任务 */
-    handleEdit() {
-      const row = this.getSelected()
-      if (!row) return
-      this.dialogMode = 'edit'
-      this.editRow = row
+
+    handleEdit(row) {
+      this.form = {
+        bh: row.bh || '',
+        rwmc: row.rwmc || '',
+        nd: row.nd,
+        zt: row.zt || '未发布',
+        fbsj: row.fbsj || '',
+        jssj: row.jssj || '',
+        jcxqscsj: row.jcxqscsj || ''
+      }
+      this.isEdit = true
+      this.dialogTitle = '修改教学任务'
       this.dialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.formRef && this.$refs.formRef.clearValidate()
+      })
     },
-    /** 弹窗确认保存 */
-    handleDialogConfirm() {
-      // TODO: 调用保存接口
-      this.$message.success('已保存教学任务信息（前端演示）')
+
+    handleSubmit() {
+      this.$refs.formRef.validate(valid => {
+        if (!valid) {
+          this.$message.warning('请完善必填项后再提交')
+          return
+        }
+        const payload = this.cleanPayload(this.buildPayload())
+        this.saving = true
+        const req = this.isEdit ? updateTeachingTask(payload) : addTeachingTask(payload)
+        req.then(() => {
+          this.$message.success(this.isEdit ? '修改成功' : '新建成功')
+          this.dialogVisible = false
+          this.fetchList()
+        }).catch(() => {}).finally(() => {
+          this.saving = false
+        })
+      })
     },
-    /** 删除教学任务 */
-    handleDelete() {
-      const row = this.getSelected()
-      if (!row) return
-      this.$confirm(`确定删除教学任务"${row.rwmc}"吗？删除后不可恢复。`, '删除确认', {
-        confirmButtonText: '确定删除',
+
+    /** 构建请求体：年度转数字以匹配后端 Integer，时间字段有值才传 */
+    buildPayload() {
+      const f = this.form
+      const payload = {}
+      if (this.isEdit && f.bh && String(f.bh).trim()) payload.bh = String(f.bh).trim()
+      if (f.rwmc && String(f.rwmc).trim()) payload.rwmc = String(f.rwmc).trim()
+      if (f.nd !== undefined && f.nd !== null && f.nd !== '') payload.nd = Number(f.nd)
+      if (f.zt && String(f.zt).trim()) payload.zt = String(f.zt).trim()
+      if (f.fbsj) payload.fbsj = f.fbsj
+      if (f.jssj) payload.jssj = f.jssj
+      if (f.jcxqscsj) payload.jcxqscsj = f.jcxqscsj
+      return payload
+    },
+
+    /* ---------- 详情 ---------- */
+    handleDetail(row) {
+      this.detailVisible = true
+      this.detailLoading = true
+      this.detailData = {}
+      getTeachingTask(row.bh).then(res => {
+        this.detailData = (res && res.data) || {}
+        this.detailLoading = false
+      }).catch(() => {
+        this.detailLoading = false
+      })
+    },
+
+    /* ---------- 删除 ---------- */
+    handleDelete(row) {
+      this.$confirm(`确定要删除「${row.rwmc || row.bh || '该记录'}」吗？删除将级联删除关联的教研室任务书。`, '系统提示', {
+        confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
-      })
-        .then(() => {
-          // TODO: 调用删除接口
-          this.$message.success('删除成功（前端演示）')
-        })
-        .catch(() => {})
-    },
-    /** 发布教学任务 */
-    handlePublish() {
-      const row = this.getSelected()
-      if (!row) return
-      // TODO: 调用发布接口
-      this.$message.success(`已发布教学任务：${row.rwmc}`)
-    },
-    /** 结束发布 */
-    handleEndPublish() {
-      const row = this.getSelected()
-      if (!row) return
-      // TODO: 调用结束发布接口
-      this.$message.success(`已结束发布：${row.rwmc}`)
-    },
-    /** 管理教学任务所含学员队 */
-    handleManageTeams() {
-      const row = this.getSelected()
-      if (!row) return
-      // TODO: 学员队管理弹窗，待接口接入
-      this.$message.success(`管理教学任务所含学员队：${row.rwmc}`)
+      }).then(() => deleteTeachingTask(row.bh)).then(() => {
+        this.$message.success('删除成功')
+        this.fetchList()
+      }).catch(() => {})
     },
 
-    // ==================== 弹窗 ====================
-    handleTaskBookSelection(rows) {
-      this.selectedTaskBookRows = rows
-    },
-    /** 打开教研室任务书详细（前端演示） */
-    handleTaskBookDetail() {
-      // TODO: 教研室任务书详细弹窗，待接口接入
-    },
-    /** 弹窗确定 */
-    handleConfirm() {
-      this.handleDialogConfirm()
-      this.dialogVisible = false
+    /* ---------- 发布 ---------- */
+    handlePublish(row) {
+      this.$confirm(`确定要发布教学任务「${row.rwmc || row.bh || '该记录'}」吗？发布前请先填写关联的教研室任务书。`, '系统提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => publishTeachingTask(row.bh)).then(() => {
+        this.$message.success('发布成功')
+        this.fetchList()
+      }).catch(() => {})
     }
   }
 }
@@ -382,7 +446,15 @@ export default {
 }
 
 .task-plan-page {
-  // ========== 1. 学期信息区域 ==========
+  .page-title {
+    text-align: center;
+    font-size: 20px;
+    font-weight: 600;
+    color: #303133;
+    margin-bottom: 20px;
+  }
+
+  // ========== 1. 查询条件区域 ==========
   .search-card {
     margin-bottom: 16px;
 
@@ -394,17 +466,7 @@ export default {
     }
   }
 
-  // ========== 2. 列表标题 ==========
-  .list-title {
-    font-size: 16px;
-    font-weight: 600;
-    color: #303133;
-    margin-bottom: 12px;
-    padding-left: 10px;
-    border-left: 4px solid var(--edu-green-primary);
-  }
-
-  // ========== 3. 工具栏 ==========
+  // ========== 2. 工具栏 ==========
   .list-toolbar {
     display: flex;
     align-items: center;
@@ -422,66 +484,30 @@ export default {
     }
   }
 
-  // ========== 4. 数据表格区域 ==========
+  // ========== 3. 数据表格区域 ==========
   .table-card {
     .task-table {
       width: 100%;
+    }
 
-      .status-text {
-        color: var(--edu-green-primary);
-        font-weight: 600;
-      }
+    .pagination {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 12px;
+    }
 
-      // 当前行高亮
-      ::v-deep(.el-table__body tr.current-row > td.el-table__cell) {
-        background-color: #e1f5ec;
-      }
-
-      ::v-deep(.el-table__body tr.current-row:hover > td.el-table__cell) {
-        background-color: #e1f5ec;
-      }
+    .text-danger {
+      color: #f56c6c;
     }
   }
 
-  // ========== 4. 教学任务信息弹窗 ==========
-  .teaching-task-dialog {
-    .basic-form {
-      padding-bottom: 8px;
-      border-bottom: 1px solid #ebeef5;
-      margin-bottom: 4px;
-    }
-
-    .tt-tabs {
-      ::v-deep(.el-tabs__header) {
-        margin-bottom: 12px;
-      }
-
-      .sub-toolbar {
-        margin-bottom: 12px;
-      }
-
-      .taskbook-table {
-        width: 100%;
-
-        // 当前行高亮
-        ::v-deep(.el-table__body tr.current-row > td.el-table__cell) {
-          background-color: #e1f5ec;
-        }
-
-        ::v-deep(.el-table__body tr.current-row:hover > td.el-table__cell) {
-          background-color: #e1f5ec;
-        }
-      }
-
-      .tab-empty {
-        min-height: 200px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: #909399;
-        font-size: 13px;
-      }
-    }
+  // ========== 4. 详情 ==========
+  .detail-empty {
+    min-height: 120px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #909399;
   }
 }
 </style>