联教联训管理

frontend/src/views/classHour/jointTraining/index.vue

@@ -4,47 +4,35 @@
 
     <!-- ==================== 1. 查询条件区域 ==================== -->
     <el-card shadow="never" class="search-card">
-      <el-form :model="searchForm" label-width="110px" class="search-form">
-        <el-row :gutter="0">
+      <el-form :model="searchForm" label-width="80px" class="search-form">
+        <el-row :gutter="24">
           <el-col :span="12">
             <el-form-item label="名称">
-              <el-input v-model="searchForm.mc" placeholder="请输入名称" clearable />
-            </el-form-item>
-            <el-form-item label="年度">
-              <el-input v-model="searchForm.nd" placeholder="如 2026" clearable />
+              <el-input v-model="searchForm.mc" placeholder="请输入名称" clearable @keyup.enter.native="handleQuery" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="教员编号">
-              <el-input v-model="searchForm.jybh" placeholder="如 JY00128" clearable />
-            </el-form-item>
-            <el-form-item label="合班类型">
-              <el-select v-model="searchForm.hflx" placeholder="请选择" clearable class="w-full">
-                <el-option v-for="item in hflxOptions" :key="item.value" :label="item.label" :value="item.value" />
-              </el-select>
-            </el-form-item>
+            <div class="search-actions">
+              <el-button type="primary" @click="handleQuery">查询</el-button>
+            </div>
           </el-col>
         </el-row>
-        <div class="search-actions">
-          <el-button type="primary" @click="handleQuery">查询</el-button>
-        </div>
       </el-form>
     </el-card>
 
-    <!-- ==================== 2. 文件操作区域 ==================== -->
+    <!-- ==================== 2. 操作区域 ==================== -->
     <el-card shadow="never" class="upload-card">
       <div class="upload-row">
         <div class="upload-left">
-          <el-button type="primary" @click="handleDownloadTemplate">【联教联训数据文件模板】下载</el-button>
-          <el-button type="primary" plain @click="handleChooseFile">选择文件</el-button>
+          <el-button type="primary" @click="handleAdd">新增联教联训</el-button>
+          <el-button type="primary" plain @click="handleExport">导出 Excel</el-button>
+          <el-button @click="handleDownloadTemplate">【联教联训数据文件模板】下载</el-button>
+          <el-button plain @click="handleChooseFile">选择文件</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>
+          <input ref="fileInputRef" type="file" accept=".xls,.xlsx" style="display: none" @change="handleFileChange" />
+          <el-button type="success" :loading="uploading" @click="handleUpload">上传数据</el-button>
         </div>
       </div>
-      <div class="upload-tip">您还没建立 联教联训证明。</div>
     </el-card>
 
     <!-- ==================== 3. 数据表格 ==================== -->
@@ -52,20 +40,25 @@
       <div class="table-title">联教联训记录列表</div>
       <el-table v-loading="tableLoading" :data="tableData" border stripe style="width: 100%">
         <el-table-column type="index" label="序号" width="55" align="center" />
-        <el-table-column prop="bh" label="任务编号" width="150" align="center" show-overflow-tooltip />
-        <el-table-column prop="mc" label="名称" min-width="160" show-overflow-tooltip />
-        <el-table-column prop="jybh" label="教员编号" width="100" align="center" />
-        <el-table-column prop="rwlb" label="任务类别" width="110" align="center" show-overflow-tooltip />
-        <el-table-column prop="ksl" label="课时量" width="80" align="center" />
-        <el-table-column label="合班类型" width="90" align="center">
-          <template slot-scope="{ row }">{{ formatHflx(row.hflx) }}</template>
+        <el-table-column prop="bh" label="编号" width="150" align="center" show-overflow-tooltip />
+        <el-table-column prop="mc" label="名称" min-width="140" show-overflow-tooltip />
+        <el-table-column prop="xz" label="性质" width="80" align="center" show-overflow-tooltip />
+        <el-table-column prop="yj" label="依据" width="110" align="center" show-overflow-tooltip />
+        <el-table-column prop="ksrq" label="开始日期" width="110" align="center" :formatter="fmtDateTime" />
+        <el-table-column prop="jsrq" label="结束日期" width="110" align="center" :formatter="fmtDateTime" />
+        <el-table-column prop="ts" label="天数" width="70" align="center" />
+        <el-table-column prop="jbksl" label="基本课时量" width="90" align="center" />
+        <el-table-column prop="kslx" label="课时类型" width="80" align="center" show-overflow-tooltip />
+        <el-table-column prop="xmlx" label="项目类型" width="80" align="center" show-overflow-tooltip />
+        <el-table-column prop="sm" label="说明" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="bz" label="备注" min-width="120" show-overflow-tooltip />
+        <el-table-column label="操作" width="160" align="center" fixed="right">
+          <template slot-scope="{ row }">
+            <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" class="text-danger" @click="handleDelete(row)">删除</el-button>
+          </template>
         </el-table-column>
-        <el-table-column label="是否评优" width="90" align="center">
-          <template slot-scope="{ row }">{{ formatSfpy(row.sfpy) }}</template>
-        </el-table-column>
-        <el-table-column prop="nd" label="年度" width="80" align="center" />
-        <el-table-column prop="xq" label="学期" width="110" align="center" />
-        <el-table-column prop="sm" label="说明" min-width="180" show-overflow-tooltip />
       </el-table>
 
       <el-pagination
@@ -80,67 +73,122 @@
       />
     </el-card>
 
-    <!-- ==================== 4. 新增联教联训记录区域 ==================== -->
-    <el-card shadow="never" class="search-card">
-      <div class="form-title">新增联教联训记录</div>
-      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px" class="search-form">
-        <el-row :gutter="0">
+    <!-- ==================== 4. 新增/修改对话框 ==================== -->
+    <el-dialog
+      :visible="dialogVisible"
+      :title="dialogTitle"
+      width="720px"
+      :close-on-click-modal="false"
+      @update:visible="val => dialogVisible = val"
+    >
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="110px" class="add-form">
+        <el-row :gutter="16">
           <el-col :span="12">
-            <el-form-item label="任务编号" prop="bh">
-              <el-input v-model="form.bh" placeholder="如 RW20260810001" clearable />
+            <el-form-item label="编号">
+              <el-input v-model="form.bh" placeholder="留空则自动生成" clearable />
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="名称" prop="mc">
               <el-input v-model="form.mc" placeholder="请输入名称" clearable />
             </el-form-item>
-            <el-form-item label="教员编号" prop="jybh">
-              <el-input v-model="form.jybh" placeholder="如 JY00128" clearable />
-            </el-form-item>
-            <el-form-item label="任务类别" prop="rwlb">
-              <el-input v-model="form.rwlb" placeholder="如 理论授课" clearable />
-            </el-form-item>
-            <el-form-item label="课时量" prop="ksl">
-              <el-input v-model="form.ksl" placeholder="如 16.5" clearable />
+          </el-col>
+        </el-row>
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="性质">
+              <el-input v-model="form.xz" placeholder="请输入性质" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="合班类型">
-              <el-radio-group v-model="form.hflx">
-                <el-radio :label="0">未合班</el-radio>
-                <el-radio :label="1">合班</el-radio>
-              </el-radio-group>
-            </el-form-item>
-            <el-form-item label="是否评优">
-              <el-radio-group v-model="form.sfpy">
-                <el-radio :label="0">否</el-radio>
-                <el-radio :label="1">是</el-radio>
-              </el-radio-group>
-            </el-form-item>
-            <el-form-item label="年度" prop="nd">
-              <el-input v-model="form.nd" placeholder="如 2026" clearable />
-            </el-form-item>
-            <el-form-item label="学期" prop="xq">
-              <el-input v-model="form.xq" placeholder="如 2026-2027-1" clearable />
-            </el-form-item>
-            <el-form-item label="说明" prop="sm">
-              <el-input v-model="form.sm" type="textarea" :rows="3" placeholder="请输入说明" />
+            <el-form-item label="依据">
+              <el-input v-model="form.yj" placeholder="请输入依据" clearable />
             </el-form-item>
           </el-col>
         </el-row>
-        <div class="search-actions">
-          <el-button type="primary" :loading="addLoading" @click="handleAdd">添加</el-button>
-        </div>
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="开始日期">
+              <el-date-picker v-model="form.ksrq" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择开始日期" clearable class="w-full" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="结束日期">
+              <el-date-picker v-model="form.jsrq" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择结束日期" clearable class="w-full" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="天数">
+              <el-input-number v-model="form.ts" :min="0" :precision="1" :step="1" class="w-full" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="基本课时量">
+              <el-input-number v-model="form.jbksl" :min="0" :precision="1" :step="0.5" class="w-full" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="课时类型">
+              <el-input v-model="form.kslx" placeholder="请输入课时类型" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="项目类型">
+              <el-input v-model="form.xmlx" placeholder="请输入项目类型" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="说明">
+          <el-input v-model="form.sm" type="textarea" :rows="2" placeholder="请输入说明" />
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="form.bz" type="textarea" :rows="2" placeholder="请输入备注" />
+        </el-form-item>
       </el-form>
-    </el-card>
+      <div slot="footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="saving" @click="handleSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- ==================== 5. 详情对话框 ==================== -->
+    <el-dialog :visible="detailVisible" title="联教联训详情" width="640px" @update:visible="val => detailVisible = val">
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="编号">{{ detailData.bh }}</el-descriptions-item>
+        <el-descriptions-item label="名称">{{ detailData.mc }}</el-descriptions-item>
+        <el-descriptions-item label="性质">{{ fmtEmpty(detailData.xz) }}</el-descriptions-item>
+        <el-descriptions-item label="依据">{{ fmtEmpty(detailData.yj) }}</el-descriptions-item>
+        <el-descriptions-item label="开始日期">{{ fmtDateTime(null, null, detailData.ksrq) }}</el-descriptions-item>
+        <el-descriptions-item label="结束日期">{{ fmtDateTime(null, null, detailData.jsrq) }}</el-descriptions-item>
+        <el-descriptions-item label="天数">{{ fmtValue(detailData.ts) }}</el-descriptions-item>
+        <el-descriptions-item label="基本课时量">{{ fmtValue(detailData.jbksl) }}</el-descriptions-item>
+        <el-descriptions-item label="课时类型">{{ fmtEmpty(detailData.kslx) }}</el-descriptions-item>
+        <el-descriptions-item label="项目类型">{{ fmtEmpty(detailData.xmlx) }}</el-descriptions-item>
+        <el-descriptions-item label="说明" :span="2">{{ fmtEmpty(detailData.sm) }}</el-descriptions-item>
+        <el-descriptions-item label="备注" :span="2">{{ fmtEmpty(detailData.bz) }}</el-descriptions-item>
+      </el-descriptions>
+      <div slot="footer">
+        <el-button @click="detailVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-// 模拟列表数据（后端接口未提供，接口就绪后可删除并改为接口加载）
-const mockTableData = [
-  { bh: 'RW20260810001', mc: '某型装备联合训练', jybh: 'JY00128', rwlb: '理论授课', ksl: 16.5, hflx: 1, sfpy: 1, nd: '2026', xq: '2026-2027-1', sm: '' },
-  { bh: 'RW20260810002', mc: '通信保障联合演练', jybh: 'JY00302', rwlb: '实践教学', ksl: 24, hflx: 0, sfpy: 0, nd: '2026', xq: '2026-2027-1', sm: '跨单位合练' },
-  { bh: 'RW20260721003', mc: '联合教学研讨', jybh: 'JY00511', rwlb: '教学研究', ksl: 8, hflx: 1, sfpy: 1, nd: '2025', xq: '2025-2026-2', sm: '' }
-]
+import { saveAs } from 'file-saver'
+import {
+  listJointTraining,
+  addJointTraining,
+  updateJointTraining,
+  deleteJointTraining,
+  getJointTraining,
+  importJointTraining,
+  exportJointTraining
+} from '@/api/classHour/jointTraining'
 
 export default {
   name: 'JointTrainingIndex',
@@ -148,49 +196,32 @@ export default {
     return {
       // ==================== 1. 查询条件 ====================
       searchForm: {
-        mc: '',
-        jybh: '',
-        nd: '',
-        hflx: ''
+        mc: ''
       },
-      hflxOptions: [
-        { label: '未合班', value: '0' },
-        { label: '合班', value: '1' }
-      ],
 
       // ==================== 2. 文件操作 ====================
       selectedFile: null,
+      uploading: false,
 
       // ==================== 3. 表格数据 ====================
       tableLoading: false,
       tableData: [],
-      allData: [],
       pageNum: 1,
       pageSize: 10,
       total: 0,
 
-      // ==================== 4. 新增联教联训记录表单 ====================
-      form: {
-        bh: this.genBh(),
-        mc: '',
-        jybh: '',
-        rwlb: '',
-        ksl: '',
-        hflx: 0,
-        sfpy: 0,
-        nd: '2026',
-        xq: '2026-2027-1',
-        sm: ''
-      },
+      // ==================== 4. 新增/修改表单 ====================
+      dialogVisible: false,
+      dialogTitle: '新增联教联训',
+      saving: false,
+      form: this.createEmptyForm(),
       rules: {
-        bh: [{ required: true, message: '请输入任务编号', trigger: 'blur' }],
-        mc: [{ required: true, message: '请输入名称', trigger: 'blur' }],
-        jybh: [{ required: true, message: '请输入教员编号', trigger: 'blur' }],
-        rwlb: [{ required: true, message: '请输入任务类别', trigger: 'blur' }],
-        ksl: [{ required: true, message: '请输入课时量', trigger: 'blur' }],
-        nd: [{ required: true, message: '请输入年度', trigger: 'blur' }]
+        mc: [{ required: true, message: '请输入名称', trigger: 'blur' }]
       },
-      addLoading: false
+
+      // ==================== 5. 详情 ====================
+      detailVisible: false,
+      detailData: {}
     }
   },
   computed: {
@@ -199,73 +230,177 @@ export default {
     }
   },
   mounted() {
-    this.handleQuery()
+    this.fetchList()
   },
   methods: {
-    /** 生成任务编号（RW+日期+序号） */
-    genBh() {
-      const d = new Date()
-      const ymd = '' + d.getFullYear() + (d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1) + (d.getDate() < 10 ? '0' + d.getDate() : d.getDate())
-      const seq = String(Math.floor(Math.random() * 900) + 100)
-      return `RW${ymd}${seq}`
+    createEmptyForm() {
+      return {
+        bh: '',
+        mc: '',
+        xz: '',
+        yj: '',
+        ksrq: '',
+        jsrq: '',
+        ts: null,
+        jbksl: null,
+        kslx: '',
+        xmlx: '',
+        sm: '',
+        bz: ''
+      }
+    },
+
+    /** 把后端 LocalDateTime（含 T/毫秒）规范为表单可回显的格式 */
+    normalizeDateTime(val) {
+      if (!val) return ''
+      return String(val).replace('T', ' ').replace(/\.\d+$/, '').slice(0, 19)
     },
 
     // ==================== 查询 ====================
-    // TODO: 后端接口未提供，暂用模拟数据；接口就绪后替换为 getJointTrainingList
-    handleQuery() {
+    fetchList() {
       this.tableLoading = true
-      setTimeout(() => {
-        let records = mockTableData.slice()
-        if (this.searchForm.mc.trim()) {
-          records = records.filter((item) => (item.mc || '').includes(this.searchForm.mc.trim()))
-        }
-        if (this.searchForm.jybh.trim()) {
-          records = records.filter((item) => (item.jybh || '').includes(this.searchForm.jybh.trim()))
-        }
-        if (this.searchForm.nd.trim()) {
-          records = records.filter((item) => String(item.nd || '').includes(this.searchForm.nd.trim()))
-        }
-        if (this.searchForm.hflx !== '') {
-          records = records.filter((item) => String(item.hflx) === this.searchForm.hflx)
-        }
-        this.allData = records
-        this.total = records.length
-        this.pageNum = 1
-        this.applyPage()
-        this.$message.success(`查询完成，共 ${records.length} 条记录（前端模拟）`)
+      const params = { pageNum: this.pageNum, pageSize: this.pageSize }
+      if (this.searchForm.mc && this.searchForm.mc.trim()) params.mc = this.searchForm.mc.trim()
+      listJointTraining(params).then(res => {
+        const data = (res && res.data) || {}
+        this.tableData = data.records || []
+        this.total = data.total || 0
         this.tableLoading = false
-      }, 200)
+      }).catch(() => {
+        this.tableData = []
+        this.total = 0
+        this.tableLoading = false
+      })
     },
 
-    applyPage() {
-      const start = (this.pageNum - 1) * this.pageSize
-      this.tableData = this.allData.slice(start, start + this.pageSize)
+    handleQuery() {
+      this.pageNum = 1
+      this.fetchList()
     },
 
     handlePageChange(page) {
       this.pageNum = page
-      this.applyPage()
+      this.fetchList()
     },
 
     handleSizeChange(size) {
       this.pageSize = size
       this.pageNum = 1
-      this.applyPage()
+      this.fetchList()
     },
 
-    /** 合班类型显示 */
-    formatHflx(val) {
-      if (val === undefined || val === null || val === '') return '-'
-      return String(val) === '1' ? '合班' : '未合班'
+    /** 日期时间显示（去掉 T、截断到分钟） */
+    fmtDateTime(row, column, cellValue) {
+      if (cellValue === null || cellValue === undefined || cellValue === '') return '-'
+      return String(cellValue).replace('T', ' ').slice(0, 16)
     },
 
-    /** 是否评优显示 */
-    formatSfpy(val) {
-      if (val === undefined || val === null || val === '') return '-'
-      return String(val) === '1' ? '是' : '否'
+    /** 空值显示为 '-' */
+    fmtEmpty(val) {
+      return val === null || val === undefined || val === '' ? '-' : val
     },
 
-    // ==================== 2. 文件操作 ====================
+    /** 数值空值显示为 '-'（保留 0） */
+    fmtValue(val) {
+      return val === null || val === undefined ? '-' : val
+    },
+
+    // ==================== 新增 / 修改 ====================
+    handleAdd() {
+      this.form = this.createEmptyForm()
+      this.dialogTitle = '新增联教联训'
+      this.dialogVisible = true
+    },
+
+    handleEdit(row) {
+      getJointTraining(row.bh).then(res => {
+        const d = (res && res.data) || {}
+        this.form = {
+          bh: d.bh || '',
+          mc: d.mc || '',
+          xz: d.xz || '',
+          yj: d.yj || '',
+          ksrq: this.normalizeDateTime(d.ksrq),
+          jsrq: this.normalizeDateTime(d.jsrq),
+          ts: d.ts === null || d.ts === undefined ? null : d.ts,
+          jbksl: d.jbksl === null || d.jbksl === undefined ? null : d.jbksl,
+          kslx: d.kslx || '',
+          xmlx: d.xmlx || '',
+          sm: d.sm || '',
+          bz: d.bz || ''
+        }
+        this.dialogTitle = '修改联教联训'
+        this.dialogVisible = true
+      }).catch(() => {})
+    },
+
+    handleSubmit() {
+      this.$refs.formRef.validate(valid => {
+        if (!valid) {
+          this.$message.warning('请完善必填项后再提交')
+          return
+        }
+        const payload = this.buildPayload()
+        this.saving = true
+        const req = payload.bh ? updateJointTraining(payload) : addJointTraining(payload)
+        req.then(() => {
+          this.$message.success(this.dialogTitle === '修改联教联训' ? '修改成功' : '新增成功')
+          this.dialogVisible = false
+          this.fetchList()
+        }).catch(() => {}).finally(() => {
+          this.saving = false
+        })
+      })
+    },
+
+    /** 构建请求体，仅含实体非空字段（创建/修改时间为后端自动维护，不传） */
+    buildPayload() {
+      const f = this.form
+      const payload = {}
+      if (f.bh && f.bh.trim()) payload.bh = f.bh.trim()
+      if (f.mc && f.mc.trim()) payload.mc = f.mc.trim()
+      if (f.xz && f.xz.trim()) payload.xz = f.xz.trim()
+      if (f.yj && f.yj.trim()) payload.yj = f.yj.trim()
+      if (f.ksrq) payload.ksrq = f.ksrq
+      if (f.jsrq) payload.jsrq = f.jsrq
+      if (f.ts !== null && f.ts !== undefined) payload.ts = f.ts
+      if (f.jbksl !== null && f.jbksl !== undefined) payload.jbksl = f.jbksl
+      if (f.kslx && f.kslx.trim()) payload.kslx = f.kslx.trim()
+      if (f.xmlx && f.xmlx.trim()) payload.xmlx = f.xmlx.trim()
+      if (f.sm && f.sm.trim()) payload.sm = f.sm.trim()
+      if (f.bz && f.bz.trim()) payload.bz = f.bz.trim()
+      return payload
+    },
+
+    // ==================== 删除 ====================
+    handleDelete(row) {
+      this.$confirm(`确定要删除「${row.mc || row.bh || '该记录'}」吗？`, '系统提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => deleteJointTraining(row.bh)).then(() => {
+        this.$message.success('删除成功')
+        this.fetchList()
+      }).catch(() => {})
+    },
+
+    // ==================== 详情 ====================
+    handleDetail(row) {
+      getJointTraining(row.bh).then(res => {
+        this.detailData = (res && res.data) || {}
+        this.detailVisible = true
+      }).catch(() => {})
+    },
+
+    // ==================== 导出 ====================
+    handleExport() {
+      exportJointTraining().then(blob => {
+        saveAs(blob, '联教联训管理.xlsx')
+        this.$message.success('导出成功')
+      }).catch(() => {})
+    },
+
+    // ==================== 文件选择与导入 ====================
     handleChooseFile() {
       this.$refs.fileInputRef && this.$refs.fileInputRef.click()
     },
@@ -275,48 +410,31 @@ export default {
       this.selectedFile = (input.files && input.files[0]) || null
     },
 
-    /** 下载模板（生成 CSV 模板文件，字段对齐后端接口） */
-    handleDownloadTemplate() {
-      const csvContent = '\uFEFF' + '任务编号,名称,教员编号,任务类别,课时量,合班类型,是否评优,年度,学期,说明\n'
-      const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' })
-      const link = document.createElement('a')
-      link.href = URL.createObjectURL(blob)
-      link.download = '联教联训数据文件模板.csv'
-      link.click()
-      URL.revokeObjectURL(link.href)
-      this.$message.success('已下载联教联训数据文件模板')
-    },
-
-    // TODO: 后端接口未提供，上传为前端模拟；接口就绪后替换为 /log/joint-training/import-excel
     handleUpload() {
       if (!this.selectedFile) {
         this.$message.warning('请先选择文件')
         return
       }
-      this.$message.success(`文件「${this.selectedFile.name}」上传成功（前端模拟）`)
-      this.selectedFile = null
-      this.handleQuery()
+      this.uploading = true
+      importJointTraining(this.selectedFile).then(res => {
+        const count = res && res.data
+        if (count !== null && count !== undefined) {
+          this.$message.success(`导入成功，共 ${count} 条记录`)
+        } else {
+          this.$message.success((res && res.msg) || '导入成功')
+        }
+        this.selectedFile = null
+        this.$refs.fileInputRef && (this.$refs.fileInputRef.value = '')
+        this.pageNum = 1
+        this.fetchList()
+      }).catch(() => {}).finally(() => {
+        this.uploading = false
+      })
     },
 
-    // ==================== 4. 添加 ====================
-    // TODO: 后端接口未提供，提交为前端模拟；接口就绪后替换为 addJointTraining
-    handleAdd() {
-      this.$refs.formRef.validate((valid) => {
-        if (!valid) {
-          this.$message.warning('请完善必填项后再提交')
-          return
-        }
-        this.addLoading = true
-        setTimeout(() => {
-          this.$message.success('添加成功（前端模拟）')
-          Object.assign(this.form, {
-            bh: this.genBh(), mc: '', jybh: '', rwlb: '', ksl: '',
-            hflx: 0, sfpy: 0, nd: '2026', xq: '2026-2027-1', sm: ''
-          })
-          this.handleQuery()
-          this.addLoading = false
-        }, 300)
-      })
+    handleDownloadTemplate() {
+      // 后端暂未提供模板下载接口，仅作提示
+      this.$message.info('后端暂未提供该接口')
     }
   }
 }
@@ -347,30 +465,19 @@ export default {
       .search-actions {
         display: flex;
         justify-content: flex-end;
-        margin-top: 8px;
-        padding-top: 12px;
-        border-top: 1px solid #ebeef5;
+        align-items: center;
+        height: 40px;
       }
     }
-
-    .form-title {
-      font-size: 14px;
-      font-weight: 600;
-      color: #303133;
-      margin-bottom: 12px;
-      padding-bottom: 8px;
-      border-bottom: 1px solid #ebeef5;
-    }
   }
 
-  // ==================== 2. 文件操作区域 ====================
+  // ==================== 2. 操作区域 ====================
   .upload-card {
     margin-bottom: 16px;
 
     .upload-row {
       display: flex;
       align-items: center;
-      justify-content: space-between;
       flex-wrap: wrap;
       gap: 12px;
 
@@ -390,12 +497,6 @@ export default {
         }
       }
     }
-
-    .upload-tip {
-      margin-top: 10px;
-      font-size: 12px;
-      color: #f56c6c;
-    }
   }
 
   // ==================== 3. 数据表格 ====================
@@ -414,6 +515,17 @@ export default {
       justify-content: flex-end;
       margin-top: 12px;
     }
+
+    .text-danger {
+      color: #f56c6c;
+    }
+  }
+
+  // ==================== 4. 新增/修改表单 ====================
+  .add-form {
+    max-height: 62vh;
+    overflow-y: auto;
+    padding-right: 4px;
   }
 }
 </style>