From 18bbfd71ba79eee108288ffdbfc67ae97b6abd76 Mon Sep 17 00:00:00 2001
From: zhaichao <zhaichao@fengyingkj.top>
Date: Sun, 23 Aug 2026 20:34:08 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E6=89=8D=E5=9F=B9=E5=85=BB=E6=96=B9?=
 =?UTF-8?q?=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/api/teachBusiness/training.js    |  71 ++
 .../teachBusiness/trainingPlan/index.vue      | 737 ++++++++++--------
 2 files changed, 501 insertions(+), 307 deletions(-)
 create mode 100644 frontend/src/api/teachBusiness/training.js

diff --git a/frontend/src/api/teachBusiness/training.js b/frontend/src/api/teachBusiness/training.js
new file mode 100644
index 000000000..d64b39845
--- /dev/null
+++ b/frontend/src/api/teachBusiness/training.js
@@ -0,0 +1,71 @@
+import request from '@/utils/request'
+
+// 人才培养方案（专业表 ZYB /training）
+// 接口依据：TrainingProgramController（前端 baseURL 为 /api，此处不重复 /api 前缀）
+
+/**
+ * 新增培养方案（专业）
+ * POST /training/add
+ * 请求体（ZYB）：zydh/zymc/zydm/pxcc/pxlx 必填；
+ * 主键 zydh 需手动传入（留空时后端自动生成 UUID，后端同时置 ty=false、qysj=当前时间）
+ */
+export function addTraining(data) {
+  return request({
+    url: '/training/add',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 停用（逻辑删除）培养方案
+ * POST /training/disable?zydh=
+ * @param zydh 专业代号（必填）
+ */
+export function disableTraining(zydh) {
+  return request({
+    url: '/training/disable',
+    method: 'post',
+    params: { zydh }
+  })
+}
+
+/**
+ * 更新培养方案
+ * POST /training/update
+ * 请求体（ZYB）：zydh 必传
+ */
+export function updateTraining(data) {
+  return request({
+    url: '/training/update',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 根据专业代号查询培养方案详情
+ * GET /training/get?zydh=
+ * @param zydh 专业代号
+ */
+export function getTraining(zydh) {
+  return request({
+    url: '/training/get',
+    method: 'get',
+    params: { zydh }
+  })
+}
+
+/**
+ * 分页条件查询培养方案列表
+ * GET /training/list
+ * 查询参数：zymc(模糊)、zydm(模糊)、pxlx(精确)、pxcc(精确)、pageNum、pageSize
+ * 返回：PageResult<ZYB>（records/total）
+ */
+export function listTraining(params) {
+  return request({
+    url: '/training/list',
+    method: 'get',
+    params
+  })
+}
diff --git a/frontend/src/views/teachBusiness/trainingPlan/index.vue b/frontend/src/views/teachBusiness/trainingPlan/index.vue
index 30f48e94b..67cc4f44f 100644
--- a/frontend/src/views/teachBusiness/trainingPlan/index.vue
+++ b/frontend/src/views/teachBusiness/trainingPlan/index.vue
@@ -2,100 +2,46 @@
   <div class="app-container training-plan-page">
     <!-- ==================== 1. 查询条件区域 ==================== -->
     <el-card shadow="never" class="search-card">
-      <el-form :model="searchForm" label-width="120px" class="search-form">
-        <el-row :gutter="32">
-          <!-- 左栏 -->
-          <el-col :xs="24" :md="12">
+      <el-form :model="searchForm" label-width="100px" class="search-form" @submit.native.prevent>
+        <el-row :gutter="24">
+          <el-col :xs="24" :md="8">
             <el-form-item label="专业名称">
-              <el-input v-model="searchForm.zymc" placeholder="请输入专业名称" clearable />
-            </el-form-item>
-            <el-form-item label="专业方向">
-              <el-input v-model="searchForm.zyfx" placeholder="请输入专业方向" clearable />
-            </el-form-item>
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.pxlxEnabled">培训类型</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.pxlx" placeholder="请选择培训类型" clearable class="w-full"
-                :disabled="!searchForm.pxlxEnabled">
-                <el-option v-for="item in pxlxOptions" :key="item" :label="item" :value="item" />
-              </el-select>
-            </el-form-item>
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.pxccEnabled">培训层次</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.pxcc" placeholder="请选择培训层次" clearable class="w-full"
-                :disabled="!searchForm.pxccEnabled">
-                <el-option v-for="item in pxccOptions" :key="item" :label="item" :value="item" />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="自定义分类">
-              <el-input v-model="searchForm.zdyfl" placeholder="请输入自定义分类" clearable />
-            </el-form-item>
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.zgzyEnabled">主干专业</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.zgzy" placeholder="请选择" clearable class="w-full"
-                :disabled="!searchForm.zgzyEnabled">
-                <el-option v-for="item in zgzyOptions" :key="item" :label="item" :value="item" />
-              </el-select>
+              <el-input v-model="searchForm.zymc" placeholder="请输入专业名称（模糊）" clearable />
             </el-form-item>
           </el-col>
-
-          <!-- 右栏 -->
-          <el-col :xs="24" :md="12">
+          <el-col :xs="24" :md="8">
             <el-form-item label="专业代码">
-              <el-input v-model="searchForm.zydm" placeholder="请输入专业代码" clearable />
+              <el-input v-model="searchForm.zydm" placeholder="请输入专业代码（模糊）" clearable />
             </el-form-item>
-            <el-form-item label="学年制">
-              <el-input v-model="searchForm.xnz" placeholder="请输入学年制" clearable />
+          </el-col>
+          <el-col :xs="24" :md="8">
+            <el-form-item label="培训类型">
+              <el-input v-model="searchForm.pxlx" placeholder="请输入培训类型（精确）" clearable />
             </el-form-item>
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.pxlx2Enabled">培训类型2</el-checkbox>
-              </template>
-              <el-select v-model="searchForm.pxlx2" placeholder="请选择培训类型2" clearable class="w-full"
-                :disabled="!searchForm.pxlx2Enabled">
-                <el-option v-for="item in pxlx2Options" :key="item" :label="item" :value="item" />
-              </el-select>
-            </el-form-item>
-            <el-form-item>
-              <template slot="label">
-                <el-checkbox v-model="searchForm.qyztEnabled">启用状态</el-checkbox>
-              </template>
-              <el-radio-group v-model="searchForm.qyzt" :disabled="!searchForm.qyztEnabled">
-                <el-radio :label="'启用'">启用</el-radio>
-                <el-radio :label="'停用'">停用</el-radio>
-              </el-radio-group>
-            </el-form-item>
-            <el-form-item label="大纲版本">
-              <el-input v-model="searchForm.zybb" placeholder="请输入大纲版本" clearable />
-            </el-form-item>
-            <el-form-item label="培养目标">
-              <el-input v-model="searchForm.pymb" placeholder="请输入培养目标" clearable />
+          </el-col>
+          <el-col :xs="24" :md="8">
+            <el-form-item label="培训层次">
+              <el-input v-model="searchForm.pxcc" placeholder="请输入培训层次（精确）" clearable />
             </el-form-item>
           </el-col>
+          <el-col :xs="24" :md="8">
+            <div class="search-actions">
+              <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
+              <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
+            </div>
+          </el-col>
         </el-row>
-        <div class="search-footer">
-          <div class="notice">注意：勾选"选择框"表示启用该项对应的查询条件。</div>
-          <div class="search-actions">
-            <el-button type="primary" @click="handleSearch">查询</el-button>
-            <el-button @click="handleReset">重置</el-button>
-          </div>
-        </div>
       </el-form>
     </el-card>
 
     <!-- ==================== 2. 操作与上传区域 ==================== -->
     <el-card shadow="never" class="action-card">
       <div class="action-row">
-        <el-button type="primary" icon="el-icon-plus" @click="handleOpenAdd">新建</el-button>
+        <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新建</el-button>
         <el-button icon="el-icon-download" @click="handleDownload">下载</el-button>
       </div>
       <div class="action-row">
-        <el-button type="primary" @click="handleTemplateDownload">【人才培养方案目录模板】下载</el-button>
+        <el-button icon="el-icon-download" @click="handleTemplateDownload">【人才培养方案目录模板】下载</el-button>
       </div>
       <div class="upload-row">
         <div class="upload-left">
@@ -114,237 +60,387 @@
 
     <!-- ==================== 3. 数据表格区域 ==================== -->
     <el-card shadow="never" class="table-card">
-      <el-table v-loading="loading" :data="tableData" stripe border highlight-current-row
-        @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="40" align="center" />
-        <el-table-column prop="jxgljg" label="教学管理机构" show-overflow-tooltip />
-        <el-table-column prop="xkzyxx" label="学科专业信息" show-overflow-tooltip />
-        <el-table-column prop="rpyx" label="人培信息" width="180" show-overflow-tooltip />
-        <el-table-column prop="fl" label="分类" align="center" />
-        <el-table-column prop="xylb" label="学员类别" align="center" />
-        <el-table-column prop="xnz" label="学年制" align="center" />
-        <el-table-column prop="xsfb" label="学时分布" align="center" />
-        <el-table-column prop="zt" label="状态" align="center" />
-        <el-table-column prop="wjzl" label="文件资料" align="center" />
-        <el-table-column label="操作" align="center" fixed="right" width="140">
+      <div class="list-header">
+        <div class="list-title">人才培养方案列表</div>
+      </div>
+      <el-table v-loading="loading" :data="tableData" border stripe highlight-current-row>
+        <el-table-column type="index" label="序号" width="60" align="center" />
+        <el-table-column prop="zydh" label="专业代号" min-width="120" show-overflow-tooltip header-align="center" />
+        <el-table-column prop="zymc" label="专业名称" min-width="140" show-overflow-tooltip header-align="center" />
+        <el-table-column prop="zyfx" label="专业方向" min-width="120" show-overflow-tooltip header-align="center" />
+        <el-table-column prop="zydm" label="专业代码" min-width="110" show-overflow-tooltip header-align="center" />
+        <el-table-column prop="pxlx" label="培训类型" min-width="110" show-overflow-tooltip header-align="center" />
+        <el-table-column prop="pxcc" label="培训层次" min-width="120" show-overflow-tooltip header-align="center" />
+        <el-table-column prop="pxlx2" label="培训类型2" min-width="110" show-overflow-tooltip header-align="center" />
+        <el-table-column prop="xylb" label="学员类别" min-width="100" show-overflow-tooltip header-align="center" />
+        <el-table-column prop="xnz" label="学年制" min-width="80" show-overflow-tooltip header-align="center" />
+        <el-table-column prop="xqs" label="学期数" width="80" align="center" />
+        <el-table-column prop="zybb" label="专业版本" min-width="100" show-overflow-tooltip header-align="center" />
+        <el-table-column label="主干专业" width="90" align="center">
+          <template slot-scope="scope">{{ fmtYesNo(scope.row.zgzy) }}</template>
+        </el-table-column>
+        <el-table-column label="状态" width="80" align="center">
           <template slot-scope="scope">
-            <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
-            <el-button type="text" style="color: #f56c6c" :disabled="scope.row.ty === 1 || scope.row.zt === '停用'"
-              @click="handleDisable(scope.row)">
-              停用
-            </el-button>
+            <el-tag :type="isTrue(scope.row.ty) ? 'danger' : 'success'" size="mini">
+              {{ isTrue(scope.row.ty) ? '停用' : '启用' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="启用时间" width="150" align="center">
+          <template slot-scope="scope">{{ fmtDateTime(scope.row.qysj) }}</template>
+        </el-table-column>
+        <el-table-column label="停用时间" width="150" align="center">
+          <template slot-scope="scope">{{ fmtDateTime(scope.row.tysj) }}</template>
+        </el-table-column>
+        <el-table-column label="操作" width="180" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="text" size="mini" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
+            <el-button type="text" size="mini" icon="el-icon-edit" @click="handleEdit(scope.row)">编辑</el-button>
+            <el-button type="text" size="mini" icon="el-icon-circle-close" class="danger-text-btn"
+              :disabled="isTrue(scope.row.ty)" @click="handleDisable(scope.row)">停用</el-button>
           </template>
         </el-table-column>
       </el-table>
 
       <el-pagination
+        class="pagination"
+        background
+        layout="total, sizes, prev, pager, next, jumper"
         :current-page="pageNum"
         :page-size="pageSize"
         :total="total"
         :page-sizes="[10, 20, 50, 100]"
-        layout="total, sizes, prev, pager, next, jumper"
-        class="pagination-wrapper"
-        @current-change="handlePageChange"
         @size-change="handleSizeChange"
+        @current-change="handlePageChange"
       />
     </el-card>
 
     <!-- 新增/编辑弹窗 -->
-    <el-dialog :visible.sync="dialogVisible" :title="dialogTitle" width="1000px" :align-center="true"
-      :destroy-on-close="true">
-      <div v-loading="editLoading">
-        <el-form ref="addFormRef" :model="addForm" :rules="rules" label-width="140px" class="add-form">
-          <el-row :gutter="20">
-            <el-col :span="12">
-              <el-form-item label="专业代号" prop="zydh">
-                <el-input v-model="addForm.zydh" placeholder="请输入专业代号" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="专业名称" prop="zymc">
-                <el-input v-model="addForm.zymc" placeholder="请输入专业名称" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="专业方向">
-                <el-input v-model="addForm.zyfx" placeholder="请输入专业方向" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="专业代码" prop="zydm">
-                <el-input v-model="addForm.zydm" placeholder="请输入专业代码" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="专业版本">
-                <el-input v-model="addForm.zybb" placeholder="请输入专业版本" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="培训层次" prop="pxcc">
-                <el-input v-model="addForm.pxcc" placeholder="硕士研究生/博士研究生/本科" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="培训类型" prop="pxlx">
-                <el-input v-model="addForm.pxlx" placeholder="学历教育/非学历教育" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="培训类型2">
-                <el-input v-model="addForm.pxlx2" placeholder="全日制/非全日制" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="学员类别">
-                <el-input v-model="addForm.xylb" placeholder="请输入学员类别" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="学年制">
-                <el-input v-model="addForm.xnz" placeholder="两年半/三年/四年" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="学期数">
-                <el-input-number v-model="addForm.xqs" :min="1" :max="12" class="w-full" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="自定义分类">
-                <el-input v-model="addForm.zdyfl" placeholder="兵器类/电子信息类" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="教学管理机构编号">
-                <el-input v-model="addForm.jxgljgbh" placeholder="请输入" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="规范名称">
-                <el-input v-model="addForm.gfmc" placeholder="请输入规范名称" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="专业备注">
-                <el-input v-model="addForm.zybz" placeholder="请输入备注" clearable />
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <el-form-item label="培养目标" prop="pymb">
-                <el-input v-model="addForm.pymb" type="textarea" :rows="3" placeholder="请输入培养目标" />
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
+    <el-dialog :title="dialog.title" :visible.sync="dialog.visible" width="860px" append-to-body
+      :close-on-click-modal="false">
+      <el-form ref="trainingForm" :model="dialog.form" :rules="rules" label-width="130px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="专业代号" prop="zydh">
+              <el-input v-model="dialog.form.zydh" placeholder="请输入专业代号（主键）" :disabled="dialog.isEdit" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专业名称" prop="zymc">
+              <el-input v-model="dialog.form.zymc" placeholder="请输入专业名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专业代码" prop="zydm">
+              <el-input v-model="dialog.form.zydm" placeholder="请输入专业代码" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专业方向">
+              <el-input v-model="dialog.form.zyfx" placeholder="请输入专业方向" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="培训层次" prop="pxcc">
+              <el-input v-model="dialog.form.pxcc" placeholder="请输入培训层次" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="培训类型" prop="pxlx">
+              <el-input v-model="dialog.form.pxlx" placeholder="请输入培训类型" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="培训类型2">
+              <el-input v-model="dialog.form.pxlx2" placeholder="请输入培训类型2" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="学员类别">
+              <el-input v-model="dialog.form.xylb" placeholder="请输入学员类别" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="学年制">
+              <el-input v-model="dialog.form.xnz" placeholder="请输入学年制" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="学期数">
+              <el-input-number v-model="dialog.form.xqs" :min="1" :max="20" controls-position="right" class="w-full" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专业版本">
+              <el-input v-model="dialog.form.zybb" placeholder="请输入专业版本" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="自定义分类">
+              <el-input v-model="dialog.form.zdyfl" placeholder="请输入自定义分类" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="教学管理机构编号">
+              <el-input v-model="dialog.form.jxgljgbh" placeholder="请输入教学管理机构编号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="规范名称">
+              <el-input v-model="dialog.form.gfmc" placeholder="请输入规范名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专业规范">
+              <el-input v-model="dialog.form.zygf" placeholder="请输入专业规范" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="简称">
+              <el-input v-model="dialog.form.jc" placeholder="请输入简称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="主干专业">
+              <el-radio-group v-model="dialog.form.zgzy">
+                <el-radio :label="true">是</el-radio>
+                <el-radio :label="false">否</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专业备注">
+              <el-input v-model="dialog.form.zybz" placeholder="请输入专业备注" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="培养目标">
+              <el-input v-model="dialog.form.pymb" type="textarea" :rows="3" placeholder="请输入培养目标" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialog.visible = false">取 消</el-button>
+        <el-button type="primary" :loading="dialog.submitting" @click="submitDialog">确 定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 详情弹窗 -->
+    <el-dialog title="人才培养方案详情" :visible.sync="detail.visible" width="760px" append-to-body
+      :close-on-click-modal="false">
+      <div v-loading="detail.loading" class="detail-body">
+        <el-descriptions :column="2" border>
+          <el-descriptions-item label="专业代号">{{ fmtVal(detail.data.zydh) }}</el-descriptions-item>
+          <el-descriptions-item label="专业名称">{{ fmtVal(detail.data.zymc) }}</el-descriptions-item>
+          <el-descriptions-item label="专业代码">{{ fmtVal(detail.data.zydm) }}</el-descriptions-item>
+          <el-descriptions-item label="专业方向">{{ fmtVal(detail.data.zyfx) }}</el-descriptions-item>
+          <el-descriptions-item label="培训类型">{{ fmtVal(detail.data.pxlx) }}</el-descriptions-item>
+          <el-descriptions-item label="培训层次">{{ fmtVal(detail.data.pxcc) }}</el-descriptions-item>
+          <el-descriptions-item label="培训类型2">{{ fmtVal(detail.data.pxlx2) }}</el-descriptions-item>
+          <el-descriptions-item label="学员类别">{{ fmtVal(detail.data.xylb) }}</el-descriptions-item>
+          <el-descriptions-item label="学年制">{{ fmtVal(detail.data.xnz) }}</el-descriptions-item>
+          <el-descriptions-item label="学期数">{{ fmtVal(detail.data.xqs) }}</el-descriptions-item>
+          <el-descriptions-item label="专业版本">{{ fmtVal(detail.data.zybb) }}</el-descriptions-item>
+          <el-descriptions-item label="主干专业">{{ fmtYesNo(detail.data.zgzy) }}</el-descriptions-item>
+          <el-descriptions-item label="自定义分类">{{ fmtVal(detail.data.zdyfl) }}</el-descriptions-item>
+          <el-descriptions-item label="教学管理机构编号">{{ fmtVal(detail.data.jxgljgbh) }}</el-descriptions-item>
+          <el-descriptions-item label="规范名称">{{ fmtVal(detail.data.gfmc) }}</el-descriptions-item>
+          <el-descriptions-item label="专业规范">{{ fmtVal(detail.data.zygf) }}</el-descriptions-item>
+          <el-descriptions-item label="简称">{{ fmtVal(detail.data.jc) }}</el-descriptions-item>
+          <el-descriptions-item label="专业标识号">{{ fmtVal(detail.data.zybsh) }}</el-descriptions-item>
+          <el-descriptions-item label="学科专业信息标识号">{{ fmtVal(detail.data.xkzyxxbsh) }}</el-descriptions-item>
+          <el-descriptions-item label="教学大纲编号">{{ fmtVal(detail.data.jxdgbh) }}</el-descriptions-item>
+          <el-descriptions-item label="人培编号">{{ fmtVal(detail.data.rpbh) }}</el-descriptions-item>
+          <el-descriptions-item label="节次类别">{{ fmtVal(detail.data.jclb) }}</el-descriptions-item>
+          <el-descriptions-item label="系统模式">{{ fmtVal(detail.data.xtms) }}</el-descriptions-item>
+          <el-descriptions-item label="启用时间">{{ fmtDateTime(detail.data.qysj) }}</el-descriptions-item>
+          <el-descriptions-item label="停用时间">{{ fmtDateTime(detail.data.tysj) }}</el-descriptions-item>
+          <el-descriptions-item label="专业备注" :span="2">{{ fmtVal(detail.data.zybz) }}</el-descriptions-item>
+          <el-descriptions-item label="培养目标" :span="2">{{ fmtVal(detail.data.pymb) }}</el-descriptions-item>
+        </el-descriptions>
       </div>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="handleCancel">取消</el-button>
-        <el-button type="primary" :loading="addLoading" @click="handleSubmit">保存</el-button>
+        <el-button @click="detail.visible = false">关 闭</el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 
 <script>
-// 各下拉框选项：数据待后端接口返回后替换
-const PXLX_OPTIONS = []   // 培训类型
-const PXCC_OPTIONS = []   // 培训层次
-const ZGZY_OPTIONS = []   // 主干专业
-const PXLX2_OPTIONS = []  // 培训类型2
+import {
+  addTraining,
+  disableTraining,
+  updateTraining,
+  getTraining,
+  listTraining
+} from '@/api/teachBusiness/training'
 
 export default {
   name: 'TrainingPlan',
   data() {
     return {
-      options: {
-        pxlx: PXLX_OPTIONS,
-        pxcc: PXCC_OPTIONS,
-        zgzy: ZGZY_OPTIONS,
-        pxlx2: PXLX2_OPTIONS
-      },
-      // 查询条件
+      loading: false,
+      // 查询条件（仅传后端 ZYBMapper 支持的字段）
       searchForm: {
-        zymc: '', zyfx: '',
-        pxlxEnabled: false, pxlx: '',
-        pxccEnabled: false, pxcc: '',
-        zdyfl: '',
-        zgzyEnabled: false, zgzy: '',
-        zydm: '', xnz: '',
-        pxlx2Enabled: false, pxlx2: '',
-        qyztEnabled: false, qyzt: '启用',
-        zybb: '', pymb: ''
+        zymc: '',
+        zydm: '',
+        pxlx: '',
+        pxcc: ''
       },
       // 列表
-      loading: false,
       tableData: [],
-      selectedRows: [],
       total: 0,
       pageNum: 1,
-      pageSize: 10,
+      pageSize: 20,
       // 上传
       selectedFile: null,
       fileName: '',
       // 新增/编辑弹窗
-      dialogVisible: false,
-      dialogTitle: '新建',
-      editLoading: false,
-      addLoading: false,
-      addForm: {
-        zydh: '', zymc: '', zyfx: '', zydm: '', zybb: '', pxcc: '', pxlx: '',
-        pxlx2: '', xylb: '', xnz: '', xqs: 1, zdyfl: '', jxgljgbh: '',
-        gfmc: '', zybz: '', pymb: ''
+      dialog: {
+        visible: false,
+        title: '',
+        isEdit: false,
+        submitting: false,
+        form: this.createEmptyForm()
+      },
+      // 详情弹窗
+      detail: {
+        visible: false,
+        loading: false,
+        data: {}
       },
       rules: {
         zydh: [{ required: true, message: '请输入专业代号', trigger: 'blur' }],
         zymc: [{ required: true, message: '请输入专业名称', trigger: 'blur' }],
         zydm: [{ required: true, message: '请输入专业代码', trigger: 'blur' }],
         pxcc: [{ required: true, message: '请输入培训层次', trigger: 'blur' }],
-        pxlx: [{ required: true, message: '请输入培训类型', trigger: 'blur' }],
-        pymb: [{ required: true, message: '请输入培养目标', trigger: 'blur' }]
+        pxlx: [{ required: true, message: '请输入培训类型', trigger: 'blur' }]
       }
     }
   },
-  computed: {
-    pxlxOptions() { return this.options.pxlx },
-    pxccOptions() { return this.options.pxcc },
-    zgzyOptions() { return this.options.zgzy },
-    pxlx2Options() { return this.options.pxlx2 }
-  },
   created() {
-    // TODO: 待后端接口，拉取下拉选项与列表
-    // this.loadOptions()
-    // this.getList()
+    this.fetchList()
   },
   methods: {
-    /** 查询 */
-    handleSearch() {
-      // TODO: 调用查询接口
-    },
-    /** 重置 */
-    handleReset() {
-      this.searchForm = {
-        zymc: '', zyfx: '', pxlxEnabled: false, pxlx: '',
-        pxccEnabled: false, pxcc: '', zdyfl: '', zgzyEnabled: false, zgzy: '',
-        zydm: '', xnz: '', pxlx2Enabled: false, pxlx2: '',
-        qyztEnabled: false, qyzt: '启用', zybb: '', pymb: ''
+    /* ---------- 列表加载 ---------- */
+    fetchList() {
+      this.loading = true
+      const params = {
+        pageNum: this.pageNum,
+        pageSize: this.pageSize
       }
+      Object.keys(this.searchForm).forEach(key => {
+        const value = this.searchForm[key]
+        if (value !== '' && value !== null && value !== undefined) {
+          params[key] = value
+        }
+      })
+      listTraining(params).then(response => {
+        const data = response.data || {}
+        this.tableData = data.records || []
+        this.total = data.total || 0
+      }).catch(() => {
+        this.tableData = []
+        this.total = 0
+      }).finally(() => {
+        this.loading = false
+      })
     },
-    /** 新建 */
-    handleOpenAdd() {
-      // TODO: 打开新建对话框
-      this.dialogVisible = true
-      this.dialogTitle = '新建人才培养方案'
+
+    /* ---------- 查询 / 重置 ---------- */
+    handleQuery() {
+      this.pageNum = 1
+      this.fetchList()
     },
-    /** 下载 */
+    handleReset() {
+      this.searchForm = { zymc: '', zydm: '', pxlx: '', pxcc: '' }
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    /* ---------- 分页 ---------- */
+    handleSizeChange(size) {
+      this.pageSize = size
+      this.pageNum = 1
+      this.fetchList()
+    },
+    handlePageChange(page) {
+      this.pageNum = page
+      this.fetchList()
+    },
+
+    /* ---------- 新增 / 编辑 ---------- */
+    handleAdd() {
+      this.dialog.title = '新建人才培养方案'
+      this.dialog.isEdit = false
+      this.dialog.form = this.createEmptyForm()
+      this.dialog.visible = true
+      this.$nextTick(() => {
+        if (this.$refs.trainingForm) this.$refs.trainingForm.clearValidate()
+      })
+    },
+    handleEdit(row) {
+      this.dialog.title = '编辑人才培养方案'
+      this.dialog.isEdit = true
+      this.dialog.form = Object.assign({}, this.createEmptyForm(), row)
+      this.dialog.visible = true
+      this.$nextTick(() => {
+        if (this.$refs.trainingForm) this.$refs.trainingForm.clearValidate()
+      })
+    },
+    submitDialog() {
+      this.$refs.trainingForm.validate(valid => {
+        if (!valid) return
+        this.dialog.submitting = true
+        const payload = this.cleanPayload(this.dialog.form)
+        const isEdit = this.dialog.isEdit
+        const req = isEdit ? updateTraining(payload) : addTraining(payload)
+        req.then(() => {
+          this.$message.success(isEdit ? '修改成功' : '新增成功')
+          this.dialog.visible = false
+          this.fetchList()
+        }).catch(() => {}).finally(() => {
+          this.dialog.submitting = false
+        })
+      })
+    },
+
+    /* ---------- 详情 ---------- */
+    handleDetail(row) {
+      this.detail.visible = true
+      this.detail.loading = true
+      this.detail.data = {}
+      getTraining(row.zydh).then(response => {
+        this.detail.data = response.data || {}
+      }).catch(() => {
+        this.detail.data = {}
+      }).finally(() => {
+        this.detail.loading = false
+      })
+    },
+
+    /* ---------- 停用（逻辑删除） ---------- */
+    handleDisable(row) {
+      this.$confirm('确定停用人才培养方案「' + (row.zymc || row.zydh) + '」吗？停用后列表不再展示。', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return disableTraining(row.zydh)
+      }).then(() => {
+        this.$message.success('停用成功')
+        this.fetchList()
+      }).catch(() => {})
+    },
+
+    /* ---------- 下载 / 模板下载 / 上传（后端未提供接口） ---------- */
     handleDownload() {
-      // TODO: 列表数据下载
+      this.$message.warning('后端暂未提供该接口')
     },
-    /** 模板下载 */
     handleTemplateDownload() {
-      // TODO: 模板下载
+      this.$message.warning('后端暂未提供该接口')
     },
-    /** 选择文件 */
     handleChooseFile() {
       this.$refs.fileInputRef && this.$refs.fileInputRef.click()
     },
@@ -352,76 +448,78 @@ export default {
       const file = e.target.files && e.target.files[0]
       this.selectedFile = file || null
       this.fileName = file ? file.name : ''
-      // TODO: 校验文件类型后保留
     },
-    /** 上传数据 */
     handleUpload() {
-      // TODO: 上传接口（上传 selectedFile）
+      this.$message.warning('后端暂未提供该接口')
     },
-    /** 表格多选 */
-    handleSelectionChange(rows) {
-      this.selectedRows = rows
+
+    /* ---------- 工具 ---------- */
+    createEmptyForm() {
+      return {
+        zydh: '',
+        zymc: '',
+        zyfx: '',
+        zydm: '',
+        pxcc: '',
+        pxlx: '',
+        pxlx2: '',
+        xylb: '',
+        xnz: '',
+        xqs: null,
+        zybb: '',
+        zdyfl: '',
+        jxgljgbh: '',
+        gfmc: '',
+        zygf: '',
+        jc: '',
+        zgzy: false,
+        zybz: '',
+        pymb: ''
+      }
     },
-    /** 编辑 */
-    handleEdit(row) {
-      // TODO: 回填并打开编辑对话框
-      this.dialogVisible = true
-      this.dialogTitle = '编辑人才培养方案'
-    },
-    /** 停用 */
-    handleDisable(row) {
-      // TODO: 停用接口
-    },
-    /** 分页 */
-    handlePageChange(val) {
-      this.pageNum = val
-      // TODO: 重新查询
-    },
-    handleSizeChange(val) {
-      this.pageSize = val
-      // TODO: 重新查询
-    },
-    /** 取消 */
-    handleCancel() {
-      this.dialogVisible = false
-      this.$refs.addFormRef && this.$refs.addFormRef.clearValidate()
-    },
-    /** 保存 */
-    handleSubmit() {
-      this.$refs.addFormRef.validate(valid => {
-        if (!valid) return
-        // TODO: 新增/编辑接口
-        this.dialogVisible = false
+    /** 移除空值（''/null/undefined），保留 0/false 等有效值 */
+    cleanPayload(obj) {
+      const payload = {}
+      Object.keys(obj).forEach(key => {
+        const value = obj[key]
+        if (value !== '' && value !== null && value !== undefined) {
+          payload[key] = value
+        }
       })
+      return payload
+    },
+    isTrue(val) {
+      return val === true || val === 1 || val === '1' || val === 'true'
+    },
+    fmtYesNo(val) {
+      return this.isTrue(val) ? '是' : '否'
+    },
+    fmtDateTime(val) {
+      return (val || '').substring(0, 19) || '-'
+    },
+    fmtVal(val) {
+      return val === '' || val === null || val === undefined ? '-' : val
     }
   }
 }
 </script>
 
 <style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
 .training-plan-page {
   .search-card {
     margin-bottom: 16px;
-  }
 
-  .search-form {
-    .w-full {
-      width: 100%;
-    }
+    .search-form {
+      .w-full {
+        width: 100%;
+      }
 
-    .search-footer {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      flex-wrap: wrap;
-      gap: 12px;
-      margin-top: 8px;
-      padding-top: 12px;
-      border-top: 1px solid #ebeef5;
-
-      .notice {
-        font-size: 13px;
-        color: #909399;
+      .search-actions {
+        padding-top: 4px;
       }
     }
   }
@@ -466,10 +564,35 @@ export default {
   }
 
   .table-card {
-    .pagination-wrapper {
-      margin-top: 14px;
+    .list-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+
+      .list-title {
+        font-size: 16px;
+        font-weight: 600;
+        color: #303133;
+      }
+    }
+
+    .pagination {
+      margin-top: 16px;
       text-align: right;
     }
   }
+
+  .detail-body {
+    min-height: 60px;
+  }
 }
-</style>
\ No newline at end of file
+
+.danger-text-btn {
+  color: #f56c6c;
+
+  &:hover {
+    color: #f78989;
+  }
+}
+</style>