恢复最新前端代码

2026-08-26 09:52:26 +08:00
parent 12cac0fce3
commit f2ad0509c4
349 changed files with 42475 additions and 6 deletions
@@ -0,0 +1,249 @@
+<template>
+  <div class="app-container score-page">
+    <!-- ==================== 1. 查询条件区域 ==================== -->
+    <el-card shadow="never" class="search-card">
+      <el-form :model="queryForm" label-width="90px" inline class="search-form">
+        <el-form-item label="学员编号">
+          <el-input v-model="queryForm.xybh" placeholder="请输入学员编号" clearable style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="年度">
+          <el-input v-model="queryForm.nd" placeholder="如 2026" clearable style="width: 140px" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- ==================== 2. 成绩列表区域 ==================== -->
+    <div class="toolbar">
+      <el-button type="primary" :loading="exportLoading" @click="handleExportGrades">导出课程成绩</el-button>
+      <el-button type="primary" :loading="exportLoading" @click="handleExportProcessGrades">导出课程过程成绩</el-button>
+    </div>
+
+    <el-card shadow="never" class="table-card">
+      <el-tabs v-model="activeTab">
+        <!-- 课程成绩 -->
+        <el-tab-pane label="课程成绩" name="grades">
+          <el-table v-loading="loading" :data="gradesData" stripe border style="width: 100%">
+            <el-table-column type="index" label="序号" width="55" align="center" />
+            <el-table-column prop="xybh" label="学员编号" min-width="110" show-overflow-tooltip />
+            <el-table-column prop="kmbh" label="科目编号" min-width="110" show-overflow-tooltip />
+            <el-table-column prop="klx" label="课类型" min-width="90" align="center" />
+            <el-table-column prop="kscj" label="考试成绩" min-width="90" align="center" />
+            <el-table-column prop="pscj" label="平时成绩" min-width="90" align="center" />
+            <el-table-column prop="zzcj" label="最终成绩" min-width="90" align="center" />
+            <el-table-column prop="bkcj" label="补考成绩" min-width="90" align="center" />
+            <el-table-column prop="bkcs" label="补考次数" min-width="90" align="center" />
+            <el-table-column prop="ksqk" label="考试情况" min-width="90" align="center" />
+            <el-table-column prop="qwxf" label="期望学分" min-width="90" align="center" />
+            <el-table-column prop="ytg" label="已通过" min-width="80" align="center" />
+            <el-table-column prop="nd" label="年度" min-width="80" align="center" />
+          </el-table>
+          <el-empty v-if="!loading && gradesData.length === 0" description="暂无课程成绩数据" :image-size="60" />
+        </el-tab-pane>
+
+        <!-- 课程过程成绩 -->
+        <el-tab-pane label="课程过程成绩" name="process">
+          <el-table v-loading="loading" :data="processGradesData" stripe border style="width: 100%">
+            <el-table-column type="index" label="序号" width="55" align="center" />
+            <el-table-column prop="xybh" label="学员编号" min-width="110" show-overflow-tooltip />
+            <el-table-column prop="kmbh" label="科目编号" min-width="110" show-overflow-tooltip />
+            <el-table-column prop="klx" label="课类型" min-width="90" align="center" />
+            <el-table-column prop="yscj" label="原始成绩" min-width="90" align="center" />
+            <el-table-column prop="zzcj" label="最终成绩" min-width="90" align="center" />
+            <el-table-column prop="bkcj1" label="补考1" min-width="80" align="center" />
+            <el-table-column prop="bkcj2" label="补考2" min-width="80" align="center" />
+            <el-table-column prop="bkcj3" label="补考3" min-width="80" align="center" />
+            <el-table-column prop="ksqk" label="考试情况" min-width="90" align="center" />
+            <el-table-column prop="nd" label="年度" min-width="80" align="center" />
+          </el-table>
+          <el-empty v-if="!loading && processGradesData.length === 0" description="暂无课程过程成绩数据" :image-size="60" />
+        </el-tab-pane>
+      </el-tabs>
+
+      <div class="pagination">
+        <el-pagination
+          :current-page="pagination.pageNum"
+          :page-size="pagination.pageSize"
+          :total="pagination.total"
+          :page-sizes="[10, 20, 50, 100]"
+          layout="total, sizes, prev, pager, next, jumper"
+          background
+          @size-change="handleSizeChange"
+          @current-change="handlePageChange"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {
+  listStudentGrades,
+  listStudentProcessGrades,
+  exportStudentGrades,
+  exportStudentProcessGrades
+} from "@/api/studentRecords/studentRecords"
+
+export default {
+  name: 'ScoreIndex',
+  data() {
+    return {
+      // ==================== 查询条件 ====================
+      queryForm: {
+        xybh: '',
+        nd: ''
+      },
+
+      // ==================== 数据表格 ====================
+      // 数据来源：grades 课程成绩 / process 课程过程成绩
+      activeTab: 'grades',
+      loading: false,
+      gradesData: [],
+      processGradesData: [],
+      pagination: { pageNum: 1, pageSize: 20, total: 0 },
+
+      // ==================== 导出 ====================
+      exportLoading: false
+    }
+  },
+  watch: {
+    activeTab() {
+      this.handleSearch()
+    }
+  },
+  mounted() {
+    this.loadData()
+  },
+  methods: {
+    /** 组装查询参数，仅传非空值 */
+    buildQueryParams(params) {
+      const xybh = this.queryForm.xybh && this.queryForm.xybh.trim()
+      const nd = this.queryForm.nd && this.queryForm.nd.trim()
+      if (xybh) params.xybh = xybh
+      if (nd) params.nd = nd
+    },
+
+    loadData() {
+      this.loading = true
+      const params = {
+        pageNum: this.pagination.pageNum,
+        pageSize: this.pagination.pageSize
+      }
+      this.buildQueryParams(params)
+      const request = this.activeTab === 'grades' ? listStudentGrades(params) : listStudentProcessGrades(params)
+      request.then(res => {
+        const data = res.data || {}
+        const records = data.records || []
+        if (this.activeTab === 'grades') {
+          this.gradesData = records
+        } else {
+          this.processGradesData = records
+        }
+        this.pagination.total = data.total || 0
+        this.loading = false
+      }).catch(() => {
+        if (this.activeTab === 'grades') {
+          this.gradesData = []
+        } else {
+          this.processGradesData = []
+        }
+        this.pagination.total = 0
+        this.loading = false
+      })
+    },
+
+    handleSearch() {
+      this.pagination.pageNum = 1
+      this.loadData()
+    },
+    handlePageChange(page) {
+      this.pagination.pageNum = page
+      this.loadData()
+    },
+    handleSizeChange(size) {
+      this.pagination.pageSize = size
+      this.pagination.pageNum = 1
+      this.loadData()
+    },
+
+    /** 通用 blob 下载 */
+    downloadBlob(blob, filename) {
+      const link = document.createElement('a')
+      link.href = URL.createObjectURL(blob)
+      link.download = filename
+      link.click()
+      URL.revokeObjectURL(link.href)
+    },
+
+    /** 校验导出所需学员编号 */
+    requireXybh(exportName) {
+      const xybh = this.queryForm.xybh && this.queryForm.xybh.trim()
+      if (!xybh) {
+        this.$message.warning('导出' + exportName + '前请先输入学员编号')
+        return null
+      }
+      return xybh
+    },
+
+    /** 导出课程成绩 Excel */
+    handleExportGrades() {
+      const xybh = this.requireXybh('课程成绩')
+      if (!xybh) return
+      this.exportLoading = true
+      exportStudentGrades(xybh).then(res => {
+        this.downloadBlob(res, `课程成绩_${xybh}.xls`)
+        this.$message.success('课程成绩导出成功')
+      }).catch(() => {}).finally(() => {
+        this.exportLoading = false
+      })
+    },
+
+    /** 导出课程过程成绩 Excel */
+    handleExportProcessGrades() {
+      const xybh = this.requireXybh('课程过程成绩')
+      if (!xybh) return
+      this.exportLoading = true
+      exportStudentProcessGrades(xybh).then(res => {
+        this.downloadBlob(res, `课程过程成绩_${xybh}.xls`)
+        this.$message.success('课程过程成绩导出成功')
+      }).catch(() => {}).finally(() => {
+        this.exportLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.score-page {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 16px;
+
+    .search-form {
+      .el-form-item {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  .toolbar {
+    margin-bottom: 16px;
+  }
+
+  .table-card {
+    .el-table {
+      width: 100%;
+    }
+
+    .pagination {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+  }
+}
+</style>
@@ -0,0 +1,717 @@
+<template>
+  <div class="app-container shift-team-page">
+    <!-- ==================== 1. 查询条件 ==================== -->
+    <el-card shadow="never" class="search-card">
+      <el-form ref="searchFormRef" :model="searchForm" label-width="90px" class="search-form">
+        <el-row :gutter="24">
+          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+            <el-form-item label="学员队名称">
+              <el-input v-model="searchForm.xydmc" placeholder="请输入学员队名称" clearable @keyup.enter.native="handleSearch" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+            <el-form-item label="年级">
+              <el-input v-model="searchForm.nj" placeholder="请输入年级" clearable @keyup.enter.native="handleSearch" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+            <el-form-item label="专业代号">
+              <el-input v-model="searchForm.zydh" placeholder="请输入专业代号" clearable @keyup.enter.native="handleSearch" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+            <el-form-item label="学员队类型">
+              <el-input v-model="searchForm.xydlx" placeholder="请输入学员队类型" clearable @keyup.enter.native="handleSearch" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+            <el-form-item label="任务类别">
+              <el-input v-model="searchForm.rwlb" placeholder="请输入任务类别" clearable @keyup.enter.native="handleSearch" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+            <el-form-item label="虚实类型">
+              <el-select v-model="searchForm.xslx" placeholder="请选择虚实类型" clearable class="w-full">
+                <el-option label="虚" :value="0" />
+                <el-option label="实" :value="1" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row class="search-actions-row">
+          <el-col :span="24" class="search-actions">
+            <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
+            <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+
+    <!-- ==================== 2. 工具栏：新增 / 导入 / 导出 ==================== -->
+    <div class="toolbar">
+      <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增学员队</el-button>
+      <el-button icon="el-icon-download" @click="handleExport">导出 Excel</el-button>
+      <el-button icon="el-icon-download" @click="handleDownloadTemplate">模板下载</el-button>
+      <div class="file-input">
+        <input ref="fileInputRef" type="file" accept=".xls,.xlsx" style="display: none" @change="handleFileChange" />
+        <el-button icon="el-icon-folder-opened" @click="handleChooseFile">选择文件</el-button>
+        <span class="file-name">{{ fileName }}</span>
+        <el-button type="primary" icon="el-icon-upload2" :loading="uploading" @click="handleUpload">上传数据</el-button>
+      </div>
+    </div>
+
+    <!-- ==================== 3. 列表 ==================== -->
+    <el-card shadow="never" class="table-card">
+      <div class="table-header">
+        <span class="table-title">教学班次列表：</span>
+      </div>
+      <el-table v-loading="loading" :data="tableData" stripe border highlight-current-row>
+        <el-table-column prop="xydbh" label="学员队编号" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="xydmc" label="学员队名称" min-width="130" show-overflow-tooltip />
+        <el-table-column prop="nj" label="年级" width="90" align="center" />
+        <el-table-column prop="zydh" label="专业代号" min-width="110" show-overflow-tooltip />
+        <el-table-column prop="rwlb" label="任务类别" width="100" align="center" />
+        <el-table-column label="虚实类型" width="90" align="center">
+          <template slot-scope="{ row }">
+            <el-tag :type="Number(row.xslx) === 1 ? 'success' : 'info'" size="mini">
+              {{ Number(row.xslx) === 1 ? '实' : '虚' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="在校状态" width="90" align="center">
+          <template slot-scope="{ row }">
+            <el-tag :type="Number(row.zxzt) === 1 ? 'success' : 'danger'" size="mini">
+              {{ Number(row.zxzt) === 1 ? '在校' : '毕业' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="xydrs" label="人数" width="80" align="center" />
+        <el-table-column label="入学日期" width="110" align="center">
+          <template slot-scope="{ row }">{{ formatDate(row.rxrq) }}</template>
+        </el-table-column>
+        <el-table-column label="毕业日期" width="110" align="center">
+          <template slot-scope="{ row }">{{ formatDate(row.byrq) }}</template>
+        </el-table-column>
+        <el-table-column label="操作" width="190" align="center" fixed="right">
+          <template slot-scope="{ row }">
+            <el-button type="text" size="small" icon="el-icon-view" @click="handleDetail(row)">详情</el-button>
+            <el-button type="text" size="small" icon="el-icon-edit" @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>
+
+      <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-wrapper"
+        @current-change="handlePageChange"
+        @size-change="handleSizeChange"
+      />
+    </el-card>
+
+    <!-- ==================== 4. 新增/编辑对话框 ==================== -->
+    <el-dialog
+      :visible="formDialogVisible"
+      :title="dialogTitle"
+      width="760px"
+      :close-on-click-modal="false"
+      @update:visible="val => formDialogVisible = val"
+    >
+      <el-form ref="formRef" :model="form" :rules="formRules" label-width="130px" class="form-dialog-form">
+        <el-divider content-position="left">基本信息</el-divider>
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="学员队编号" prop="xydbh">
+              <el-input v-model="form.xydbh" placeholder="请输入学员队编号" :disabled="!isAdd" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="学员队名称" prop="xydmc">
+              <el-input v-model="form.xydmc" placeholder="请输入学员队名称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="学员队人数" prop="xydrs">
+              <el-input-number v-model="form.xydrs" :min="0" controls-position="right" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="年级">
+              <el-input v-model="form.nj" placeholder="请输入年级" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专业代号" prop="zydh">
+              <el-input v-model="form.zydh" placeholder="请输入专业代号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="专业教室编号">
+              <el-input v-model="form.zyjsbh" placeholder="请输入专业教室编号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="学员队类型" prop="xydlx">
+              <el-input v-model="form.xydlx" placeholder="请输入学员队类型" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="节次类别" prop="jclb">
+              <el-input v-model="form.jclb" placeholder="请输入节次类别" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="系统模式" prop="xtms">
+              <el-input v-model="form.xtms" placeholder="请输入系统模式" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="简称">
+              <el-input v-model="form.jc" placeholder="请输入简称" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属单位">
+              <el-input v-model="form.ssdw" placeholder="请输入所属单位" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="序号">
+              <el-input-number v-model="form.xh" :min="0" controls-position="right" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-divider content-position="left">培训与状态</el-divider>
+        <el-row :gutter="16">
+          <el-col :span="12">
+            <el-form-item label="任务类别" prop="rwlb">
+              <el-input v-model="form.rwlb" placeholder="请输入任务类别" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="虚实类型" prop="xslx">
+              <el-select v-model="form.xslx" class="w-full">
+                <el-option label="虚" :value="0" />
+                <el-option label="实" :value="1" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="主体培训任务" prop="ztpxrw">
+              <el-select v-model="form.ztpxrw" class="w-full">
+                <el-option label="是" :value="1" />
+                <el-option label="否" :value="0" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="培训任务标识号">
+              <el-input v-model="form.pxrwbsh" placeholder="请输入培训任务标识号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="在校状态">
+              <el-select v-model="form.zxzt" class="w-full">
+                <el-option label="在校" :value="1" />
+                <el-option label="毕业" :value="0" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="入学日期" prop="rxrq">
+              <el-date-picker v-model="form.rxrq" type="date" value-format="yyyy-MM-dd" placeholder="请选择入学日期" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="毕业日期" prop="byrq">
+              <el-date-picker v-model="form.byrq" type="date" value-format="yyyy-MM-dd" placeholder="请选择毕业日期" style="width: 100%" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-form-item label="JSON字段">
+          <el-input v-model="form.jsonzd" placeholder="请输入 JSON 字段" />
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="form.bz" type="textarea" :rows="2" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="formDialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="formSaving" @click="handleFormSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- ==================== 5. 详情对话框 ==================== -->
+    <el-dialog title="学员队详情" :visible="detailDialogVisible" width="720px" :close-on-click-modal="false"
+      @update:visible="val => detailDialogVisible = val">
+      <div v-loading="detailLoading" class="detail-body">
+        <el-descriptions :column="2" border>
+          <el-descriptions-item label="学员队编号">{{ detailForm.xydbh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="学员队名称">{{ detailForm.xydmc || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="学员队人数">{{ fmtValue(detailForm.xydrs) }}</el-descriptions-item>
+          <el-descriptions-item label="年级">{{ detailForm.nj || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="专业代号">{{ detailForm.zydh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="专业教室编号">{{ detailForm.zyjsbh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="学员队类型">{{ detailForm.xydlx || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="节次类别">{{ detailForm.jclb || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="系统模式">{{ detailForm.xtms || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="简称">{{ detailForm.jc || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="所属单位">{{ detailForm.ssdw || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="序号">{{ fmtValue(detailForm.xh) }}</el-descriptions-item>
+          <el-descriptions-item label="任务类别">{{ detailForm.rwlb || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="虚实类型">
+            <el-tag :type="Number(detailForm.xslx) === 1 ? 'success' : 'info'" size="mini">
+              {{ Number(detailForm.xslx) === 1 ? '实' : '虚' }}
+            </el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="主体培训任务">
+            <el-tag :type="Number(detailForm.ztpxrw) === 1 ? 'success' : 'info'" size="mini">
+              {{ Number(detailForm.ztpxrw) === 1 ? '是' : '否' }}
+            </el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="培训任务标识号">{{ detailForm.pxrwbsh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="在校状态">
+            <el-tag :type="Number(detailForm.zxzt) === 1 ? 'success' : 'danger'" size="mini">
+              {{ Number(detailForm.zxzt) === 1 ? '在校' : '毕业' }}
+            </el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="入学日期">{{ detailForm.rxrq || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="毕业日期">{{ detailForm.byrq || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="JSON字段" :span="2">{{ detailForm.jsonzd || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="备注" :span="2">{{ detailForm.bz || '-' }}</el-descriptions-item>
+        </el-descriptions>
+      </div>
+      <div slot="footer">
+        <el-button @click="detailDialogVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { saveAs } from 'file-saver'
+import {
+  listTeam,
+  getTeam,
+  addTeam,
+  updateTeam,
+  delTeam,
+  importTeam,
+  exportTeam
+} from '@/api/studentRecords/team'
+
+export default {
+  name: 'ShiftTeamIndex',
+  data() {
+    return {
+      // ==================== 查询条件 ====================
+      searchForm: {
+        xydmc: '',
+        nj: '',
+        zydh: '',
+        xydlx: '',
+        rwlb: '',
+        xslx: undefined
+      },
+
+      // ==================== 文件导入 ====================
+      selectedFile: null,
+      uploading: false,
+
+      // ==================== 列表数据 ====================
+      loading: false,
+      tableData: [],
+      total: 0,
+      pageNum: 1,
+      pageSize: 20,
+
+      // ==================== 新增/编辑 ====================
+      formDialogVisible: false,
+      dialogTitle: '新增学员队',
+      isAdd: true,
+      formSaving: false,
+      form: this.createEmptyForm(),
+      formRules: {
+        xydbh: [{ required: true, message: '请输入学员队编号', trigger: 'blur' }],
+        xydmc: [{ required: true, message: '请输入学员队名称', trigger: 'blur' }],
+        xydrs: [{ required: true, message: '请输入学员队人数', trigger: 'change' }],
+        zydh: [{ required: true, message: '请输入专业代号', trigger: 'blur' }],
+        rwlb: [{ required: true, message: '请输入任务类别', trigger: 'blur' }],
+        xslx: [{ required: true, message: '请选择虚实类型', trigger: 'change' }],
+        rxrq: [{ required: true, message: '请选择入学日期', trigger: 'change' }],
+        byrq: [{ required: true, message: '请选择毕业日期', trigger: 'change' }],
+        xydlx: [{ required: true, message: '请输入学员队类型', trigger: 'blur' }],
+        jclb: [{ required: true, message: '请输入节次类别', trigger: 'blur' }],
+        xtms: [{ required: true, message: '请输入系统模式', trigger: 'blur' }],
+        ztpxrw: [{ required: true, message: '请选择主体培训任务', trigger: 'change' }]
+      },
+
+      // ==================== 详情 ====================
+      detailDialogVisible: false,
+      detailLoading: false,
+      detailForm: {}
+    }
+  },
+  computed: {
+    fileName() {
+      return (this.selectedFile && this.selectedFile.name) || '未选择任何文件'
+    }
+  },
+  mounted() {
+    this.fetchList()
+  },
+  methods: {
+    createEmptyForm() {
+      return {
+        xydbh: '',
+        xydmc: '',
+        xydrs: undefined,
+        nj: '',
+        zydh: '',
+        zyjsbh: '',
+        bz: '',
+        zxzt: 1,
+        xh: undefined,
+        rwlb: '',
+        xslx: 1,
+        rxrq: '',
+        byrq: '',
+        xydlx: '',
+        pxrwbsh: '',
+        jclb: '',
+        xtms: '',
+        jsonzd: '',
+        jc: '',
+        ssdw: '',
+        ztpxrw: 1
+      }
+    },
+
+    // ==================== 日期/数值展示 ====================
+    formatDate(val) {
+      if (!val) return ''
+      return String(val).substring(0, 10)
+    },
+    fmtValue(val) {
+      return val === null || val === undefined || val === '' ? '-' : val
+    },
+
+    /** 构建查询条件（不含分页），供列表查询与导出共用 */
+    buildQuery() {
+      const params = {}
+      ;['xydmc', 'nj', 'zydh', 'xydlx', 'rwlb'].forEach(key => {
+        const value = this.searchForm[key]
+        if (value !== '' && value !== null && value !== undefined) {
+          params[key] = String(value).trim()
+        }
+      })
+      if (this.searchForm.xslx !== undefined && this.searchForm.xslx !== '' && this.searchForm.xslx !== null) {
+        params.xslx = this.searchForm.xslx
+      }
+      return params
+    },
+
+    // ==================== 查询列表 ====================
+    fetchList() {
+      this.loading = true
+      const params = {
+        pageNum: this.pageNum,
+        pageSize: this.pageSize,
+        ...this.buildQuery()
+      }
+      listTeam(params).then(response => {
+        const data = response.data || {}
+        this.tableData = data.records || []
+        this.total = data.total || 0
+        this.loading = false
+      }).catch(() => {
+        this.tableData = []
+        this.total = 0
+        this.loading = false
+      })
+    },
+
+    handleSearch() {
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    handleReset() {
+      this.$refs.searchFormRef.resetFields()
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    handlePageChange(current) {
+      this.pageNum = current
+      this.fetchList()
+    },
+
+    handleSizeChange(size) {
+      this.pageSize = size
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    // ==================== 新增/编辑 ====================
+    handleAdd() {
+      this.isAdd = true
+      this.dialogTitle = '新增学员队'
+      this.form = this.createEmptyForm()
+      this.formDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.formRef && this.$refs.formRef.clearValidate()
+      })
+    },
+
+    handleEdit(row) {
+      this.isAdd = false
+      this.dialogTitle = '编辑学员队'
+      this.form = this.createEmptyForm()
+      this.formDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.formRef && this.$refs.formRef.clearValidate()
+      })
+      getTeam(row.xydbh).then(response => {
+        const d = response.data || {}
+        this.form = {
+          xydbh: d.xydbh || '',
+          xydmc: d.xydmc || '',
+          xydrs: d.xydrs !== null && d.xydrs !== undefined ? d.xydrs : undefined,
+          nj: d.nj || '',
+          zydh: d.zydh || '',
+          zyjsbh: d.zyjsbh || '',
+          bz: d.bz || '',
+          zxzt: d.zxzt !== null && d.zxzt !== undefined ? Number(d.zxzt) : 1,
+          xh: d.xh !== null && d.xh !== undefined ? d.xh : undefined,
+          rwlb: d.rwlb || '',
+          xslx: d.xslx !== null && d.xslx !== undefined ? Number(d.xslx) : 1,
+          rxrq: this.formatDate(d.rxrq),
+          byrq: this.formatDate(d.byrq),
+          xydlx: d.xydlx || '',
+          pxrwbsh: d.pxrwbsh || '',
+          jclb: d.jclb || '',
+          xtms: d.xtms || '',
+          jsonzd: d.jsonzd || '',
+          jc: d.jc || '',
+          ssdw: d.ssdw || '',
+          ztpxrw: d.ztpxrw !== null && d.ztpxrw !== undefined ? Number(d.ztpxrw) : 1
+        }
+      }).catch(() => {})
+    },
+
+    buildPayload() {
+      const f = this.form
+      const payload = {
+        xydbh: f.xydbh,
+        xydmc: f.xydmc,
+        zydh: f.zydh,
+        rwlb: f.rwlb,
+        xydlx: f.xydlx,
+        jclb: f.jclb,
+        xtms: f.xtms,
+        zxzt: Number(f.zxzt),
+        xslx: Number(f.xslx),
+        ztpxrw: Number(f.ztpxrw)
+      }
+      // 数值字段
+      if (f.xydrs !== '' && f.xydrs !== null && f.xydrs !== undefined) payload.xydrs = Number(f.xydrs)
+      if (f.xh !== '' && f.xh !== null && f.xh !== undefined) payload.xh = Number(f.xh)
+      // 日期字段
+      if (f.rxrq) payload.rxrq = f.rxrq
+      if (f.byrq) payload.byrq = f.byrq
+      // 其余文本字段非空才传
+      ;['nj', 'zyjsbh', 'pxrwbsh', 'jsonzd', 'jc', 'ssdw', 'bz'].forEach(key => {
+        if (f[key] !== '' && f[key] !== null && f[key] !== undefined) {
+          payload[key] = String(f[key]).trim()
+        }
+      })
+      return payload
+    },
+
+    handleFormSubmit() {
+      this.$refs.formRef.validate(valid => {
+        if (!valid) return
+        this.formSaving = true
+        const payload = this.buildPayload()
+        const request = this.isAdd ? addTeam(payload) : updateTeam(payload)
+        request.then(() => {
+          this.$message.success(this.isAdd ? '新增成功' : '修改成功')
+          this.formDialogVisible = false
+          this.fetchList()
+        }).catch(() => {
+        }).finally(() => {
+          this.formSaving = false
+        })
+      })
+    },
+
+    // ==================== 删除 ====================
+    handleDelete(row) {
+      this.$confirm(`确定要删除「${row.xydmc || row.xydbh}」吗？`, '系统提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return delTeam(row.xydbh)
+      }).then(() => {
+        this.$message.success('删除成功')
+        this.fetchList()
+      }).catch(() => {})
+    },
+
+    // ==================== 详情 ====================
+    handleDetail(row) {
+      this.detailDialogVisible = true
+      this.detailLoading = true
+      this.detailForm = {}
+      getTeam(row.xydbh).then(response => {
+        this.detailForm = response.data || {}
+        this.detailLoading = false
+      }).catch(() => {
+        this.detailLoading = false
+      })
+    },
+
+    // ==================== 导出 ====================
+    handleExport() {
+      exportTeam(this.buildQuery()).then(blob => {
+        saveAs(blob, '班次(学员队)管理.xlsx')
+        this.$message.success('导出成功')
+      }).catch(() => {})
+    },
+
+    // ==================== 模板下载 / 导入 ====================
+    handleDownloadTemplate() {
+      // 后端暂未提供模板下载接口，仅作提示
+      this.$message.info('后端暂未提供该接口')
+    },
+
+    handleChooseFile() {
+      this.$refs.fileInputRef && this.$refs.fileInputRef.click()
+    },
+
+    handleFileChange(e) {
+      const input = e.target
+      this.selectedFile = (input.files && input.files[0]) || null
+    },
+
+    handleUpload() {
+      if (!this.selectedFile) {
+        this.$message.warning('请先选择文件')
+        return
+      }
+      this.uploading = true
+      importTeam(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
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
+.shift-team-page {
+  .search-card {
+    margin-bottom: 16px;
+
+    .search-form {
+      .w-full {
+        width: 100%;
+      }
+
+      .search-actions-row {
+        margin-top: 2px;
+        border-top: 1px dashed #ebeef5;
+        padding-top: 14px;
+      }
+
+      .search-actions {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        gap: 12px;
+      }
+    }
+  }
+
+  .toolbar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+    margin-bottom: 16px;
+
+    .file-input {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+
+      .file-name {
+        font-size: 12px;
+        color: #909399;
+        max-width: 180px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+
+  .table-card {
+    .table-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+
+      .table-title {
+        font-size: 16px;
+        font-weight: 600;
+        color: #303133;
+      }
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+  }
+
+  .form-dialog-form {
+    max-height: 62vh;
+    overflow-y: auto;
+    padding-right: 6px;
+
+    ::v-deep .el-divider--horizontal {
+      margin: 4px 0 16px;
+    }
+  }
+
+  .text-danger {
+    color: #f56c6c;
+    padding: 0;
+  }
+}
+</style>
@@ -0,0 +1,494 @@
+<template>
+  <div class="app-container status-change-page">
+    <!-- ==================== 1. 查询条件 ==================== -->
+    <el-card shadow="never" class="search-card">
+      <el-form ref="searchFormRef" :model="searchForm" label-width="90px" class="search-form">
+        <el-row :gutter="24">
+          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
+            <el-form-item label="编号">
+              <el-input v-model="searchForm.bh" placeholder="请输入编号" clearable @keyup.enter.native="handleSearch" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
+            <el-form-item label="学员编号">
+              <el-input v-model="searchForm.xybh" placeholder="请输入学员编号" clearable @keyup.enter.native="handleSearch" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
+            <el-form-item label="申请类型">
+              <el-select v-model="searchForm.sqlx" placeholder="请选择申请类型" clearable class="w-full">
+                <el-option v-for="item in applyTypeOptions" :key="item" :label="item" :value="item" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12">
+            <el-form-item label="状态">
+              <el-select v-model="searchForm.zt" placeholder="请选择状态" clearable class="w-full">
+                <el-option v-for="(item, key) in statusMap" :key="key" :label="item.label" :value="Number(key)" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24" class="search-actions">
+            <div class="search-buttons">
+              <el-button type="primary" @click="handleSearch">查询</el-button>
+              <el-button @click="handleReset">重置</el-button>
+            </div>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+
+    <!-- ==================== 2. 列表 ==================== -->
+    <el-card shadow="never" class="table-card">
+      <div class="table-header">
+        <span class="table-title">学籍异动申请列表：</span>
+        <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增学籍异动申请</el-button>
+      </div>
+      <el-table v-loading="loading" :data="tableData" stripe border highlight-current-row>
+        <el-table-column type="index" label="序号" width="60" align="center" />
+        <el-table-column prop="bh" label="编号" min-width="140" show-overflow-tooltip />
+        <el-table-column prop="xybh" label="学员编号" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="sqlx" label="申请类型" width="100" align="center" />
+        <el-table-column prop="sy" label="事由" min-width="140" show-overflow-tooltip />
+        <el-table-column prop="bz" label="备注" min-width="140" show-overflow-tooltip />
+        <el-table-column label="状态" width="90" align="center">
+          <template slot-scope="{ row }">
+            <el-tag :type="statusTagType(row.zt)" size="mini" effect="light">{{ statusLabel(row.zt) }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="提交时间" width="160" align="center">
+          <template slot-scope="{ row }">{{ row.tjsj ? fmtDateTime(row.tjsj) : '-' }}</template>
+        </el-table-column>
+        <el-table-column label="创建时间" width="160" align="center">
+          <template slot-scope="{ row }">{{ row.cjsj ? fmtDateTime(row.cjsj) : '-' }}</template>
+        </el-table-column>
+        <el-table-column label="修改时间" width="160" align="center">
+          <template slot-scope="{ row }">{{ row.xgsj ? fmtDateTime(row.xgsj) : '-' }}</template>
+        </el-table-column>
+        <el-table-column label="操作" width="230" align="center" fixed="right">
+          <template slot-scope="{ row }">
+            <el-button v-if="!row.tjsj" type="text" size="small" icon="el-icon-upload2" @click="handleSubmit(row)">提交</el-button>
+            <el-button v-else type="text" size="small" icon="el-icon-check" disabled>已提交</el-button>
+            <el-button type="text" size="small" icon="el-icon-view" @click="handleDetail(row)">详情</el-button>
+            <el-button type="text" size="small" icon="el-icon-edit" @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>
+      <el-empty v-if="!loading && tableData.length === 0" description="暂无学籍异动申请数据" :image-size="60" />
+
+      <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-wrapper"
+        @current-change="handlePageChange"
+        @size-change="handleSizeChange"
+      />
+    </el-card>
+
+    <!-- ==================== 3. 新增/编辑对话框 ==================== -->
+    <el-dialog
+      :visible="formDialogVisible"
+      :title="dialogTitle"
+      width="600px"
+      :close-on-click-modal="false"
+      @update:visible="val => formDialogVisible = val"
+    >
+      <el-form ref="formRef" :model="form" :rules="formRules" label-width="110px" class="add-form">
+        <el-form-item label="编号" prop="bh">
+          <el-input v-model="form.bh" placeholder="请输入编号" :disabled="!isAdd" />
+        </el-form-item>
+        <el-form-item label="学员编号" prop="xybh">
+          <el-input v-model="form.xybh" placeholder="请输入学员编号" />
+        </el-form-item>
+        <el-form-item label="申请类型" prop="sqlx">
+          <el-select v-model="form.sqlx" placeholder="请选择申请类型" class="w-full">
+            <el-option v-for="item in applyTypeOptions" :key="item" :label="item" :value="item" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="事由" prop="sy">
+          <el-input v-model="form.sy" type="textarea" :rows="3" placeholder="请输入事由" />
+        </el-form-item>
+        <el-form-item label="备注">
+          <el-input v-model="form.bz" type="textarea" :rows="3" placeholder="请输入备注" />
+        </el-form-item>
+        <el-form-item label="状态" prop="zt">
+          <el-select v-model="form.zt" placeholder="请选择状态" class="w-full">
+            <el-option v-for="(item, key) in statusMap" :key="key" :label="item.label" :value="Number(key)" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer">
+        <el-button @click="formDialogVisible = false">取消</el-button>
+        <el-button type="primary" :loading="formSaving" @click="handleFormSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- ==================== 4. 详情对话框 ==================== -->
+    <el-dialog title="学籍异动申请详情" :visible="detailDialogVisible" width="760px" :close-on-click-modal="false"
+      @update:visible="val => detailDialogVisible = val">
+      <div v-loading="detailLoading" class="detail-body">
+        <el-descriptions :column="2" border>
+          <el-descriptions-item label="编号">{{ detailForm.bh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="学员编号">{{ detailForm.xybh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="申请类型">{{ detailForm.sqlx || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="状态">
+            <el-tag :type="statusTagType(detailForm.zt)" size="mini">{{ statusLabel(detailForm.zt) }}</el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="事由" :span="2">{{ detailForm.sy || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="备注" :span="2">{{ detailForm.bz || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="创建时间">{{ detailForm.cjsj || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="修改时间">{{ detailForm.xgsj || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="提交时间">{{ detailForm.tjsj || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="学员队审核意见">{{ detailForm.xydshyj || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="学员队干部编号">{{ detailForm.xydgbbh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="学员队干部审核时间">{{ detailForm.xydshsj || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="管理员账户编号">{{ detailForm.glyzhbh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="管理员审核意见">{{ detailForm.glyshyj || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="管理员审核时间">{{ detailForm.glyshsj || '-' }}</el-descriptions-item>
+        </el-descriptions>
+      </div>
+      <div slot="footer">
+        <el-button @click="detailDialogVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  listApplication,
+  getApplication,
+  addApplication,
+  updateApplication,
+  delApplication
+} from '@/api/studentRecords/application'
+
+export default {
+  name: 'StatusChangeIndex',
+  data() {
+    return {
+      // ==================== 申请类型选项（学籍异动） ====================
+      applyTypeOptions: ['休学', '复学', '退学', '转学', '留级', '转专业'],
+
+      // ==================== 状态映射：0-待审核 1-已审核 2-驳回等 ====================
+      statusMap: {
+        0: { label: '待审核', type: 'warning' },
+        1: { label: '已审核', type: 'success' },
+        2: { label: '驳回', type: 'danger' }
+      },
+
+      // ==================== 查询条件 ====================
+      searchForm: {
+        bh: '',
+        xybh: '',
+        sqlx: '',
+        zt: undefined
+      },
+
+      // ==================== 列表数据 ====================
+      loading: false,
+      tableData: [],
+      total: 0,
+      pageNum: 1,
+      pageSize: 20,
+
+      // ==================== 新增/编辑 ====================
+      formDialogVisible: false,
+      dialogTitle: '新增学籍异动申请',
+      isAdd: true,
+      formSaving: false,
+      form: this.createEmptyForm(),
+      formRules: {
+        bh: [{ required: true, message: '请输入编号', trigger: 'blur' }],
+        xybh: [{ required: true, message: '请输入学员编号', trigger: 'blur' }],
+        sqlx: [{ required: true, message: '请选择申请类型', trigger: 'change' }],
+        sy: [{ required: true, message: '请输入事由', trigger: 'blur' }],
+        zt: [{ required: true, message: '请选择状态', trigger: 'change' }]
+      },
+
+      // ==================== 详情 ====================
+      detailDialogVisible: false,
+      detailLoading: false,
+      detailForm: {}
+    }
+  },
+  mounted() {
+    this.fetchList()
+  },
+  methods: {
+    createEmptyForm() {
+      return {
+        bh: '',
+        xybh: '',
+        sqlx: '',
+        sy: '',
+        bz: '',
+        zt: 0
+      }
+    },
+
+    // ==================== 状态展示 ====================
+    // 统一格式化后端 LocalDateTime（去除 T、截断到秒）
+    fmtDateTime(val) {
+      if (val === null || val === undefined || val === '') return ''
+      return String(val).replace('T', ' ').slice(0, 19)
+    },
+    statusLabel(zt) {
+      const item = this.statusMap[zt]
+      return item ? item.label : (zt !== null && zt !== undefined ? String(zt) : '-')
+    },
+    statusTagType(zt) {
+      const item = this.statusMap[zt]
+      return item ? item.type : 'info'
+    },
+
+    // ==================== 查询列表 ====================
+    fetchList() {
+      this.loading = true
+      const params = {
+        pageNum: this.pageNum,
+        pageSize: this.pageSize
+      }
+      // 等值筛选，留空不传
+      ;['bh', 'xybh', 'sqlx'].forEach(key => {
+        const value = this.searchForm[key]
+        if (value !== '' && value !== null && value !== undefined) {
+          params[key] = String(value).trim()
+        }
+      })
+      if (this.searchForm.zt !== undefined && this.searchForm.zt !== '' && this.searchForm.zt !== null) {
+        params.zt = this.searchForm.zt
+      }
+      listApplication(params).then(response => {
+        const data = response.data || {}
+        this.tableData = data.records || []
+        this.total = data.total || 0
+        this.loading = false
+      }).catch(() => {
+        this.tableData = []
+        this.total = 0
+        this.loading = false
+      })
+    },
+
+    handleSearch() {
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    handleReset() {
+      this.$refs.searchFormRef.resetFields()
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    handlePageChange(current) {
+      this.pageNum = current
+      this.fetchList()
+    },
+
+    handleSizeChange(size) {
+      this.pageSize = size
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    // ==================== 新增/编辑 ====================
+    handleAdd() {
+      this.isAdd = true
+      this.dialogTitle = '新增学籍异动申请'
+      this.form = this.createEmptyForm()
+      this.formDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.formRef && this.$refs.formRef.clearValidate()
+      })
+    },
+
+    handleEdit(row) {
+      this.isAdd = false
+      this.dialogTitle = '编辑学籍异动申请'
+      this.form = this.createEmptyForm()
+      this.formDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.formRef && this.$refs.formRef.clearValidate()
+      })
+      getApplication(row.bh).then(response => {
+        const data = response.data || {}
+        this.form = {
+          bh: data.bh || '',
+          xybh: data.xybh || '',
+          sqlx: data.sqlx || '',
+          sy: data.sy || '',
+          bz: data.bz || '',
+          zt: data.zt !== null && data.zt !== undefined ? Number(data.zt) : 0
+        }
+      }).catch(() => {})
+    },
+
+    buildPayload() {
+      const f = this.form
+      const payload = {
+        bh: f.bh,
+        xybh: f.xybh,
+        sqlx: f.sqlx,
+        sy: f.sy,
+        zt: Number(f.zt)
+      }
+      // 备注留空则移除
+      if (f.bz !== '' && f.bz !== null && f.bz !== undefined) {
+        payload.bz = f.bz
+      }
+      return payload
+    },
+
+    handleFormSubmit() {
+      this.$refs.formRef.validate(valid => {
+        if (!valid) return
+        this.formSaving = true
+        const payload = this.buildPayload()
+        const request = this.isAdd ? addApplication(payload) : updateApplication(payload)
+        request.then(() => {
+          this.$message.success(this.isAdd ? '新增成功' : '修改成功')
+          this.formDialogVisible = false
+          this.fetchList()
+        }).catch(() => {
+        }).finally(() => {
+          this.formSaving = false
+        })
+      })
+    },
+
+    // ==================== 提交 ====================
+    // 无独立提交接口，通过编辑接口写入提交时间 tjsj（zt 保持原值不变）
+    formatNow() {
+      const d = new Date()
+      const pad = n => String(n).padStart(2, '0')
+      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`
+    },
+
+    handleSubmit(row) {
+      this.$confirm(`确定要提交编号为「${row.bh}」的学籍异动申请吗？`, '系统提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const payload = {
+          bh: row.bh,
+          xybh: row.xybh,
+          sqlx: row.sqlx,
+          sy: row.sy,
+          zt: row.zt !== null && row.zt !== undefined ? Number(row.zt) : 0,
+          tjsj: this.formatNow()
+        }
+        if (row.bz) {
+          payload.bz = row.bz
+        }
+        return updateApplication(payload)
+      }).then(() => {
+        this.$message.success('提交成功')
+        this.fetchList()
+      }).catch(() => {})
+    },
+
+    // ==================== 删除 ====================
+    handleDelete(row) {
+      this.$confirm(`确定要删除编号为「${row.bh}」的学籍异动申请吗？`, '系统提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        return delApplication(row.bh)
+      }).then(() => {
+        this.$message.success('删除成功')
+        this.fetchList()
+      }).catch(() => {})
+    },
+
+    // ==================== 详情 ====================
+    handleDetail(row) {
+      this.detailDialogVisible = true
+      this.detailLoading = true
+      this.detailForm = {}
+      getApplication(row.bh).then(response => {
+        this.detailForm = response.data || {}
+        this.detailLoading = false
+      }).catch(() => {
+        this.detailLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
+.status-change-page {
+  .search-card {
+    margin-bottom: 16px;
+  }
+
+  .search-form {
+    .w-full {
+      width: 100%;
+    }
+
+    .search-actions {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding-top: 8px;
+
+      .search-tip {
+        font-size: 12px;
+        color: #909399;
+      }
+
+      .search-buttons {
+        display: flex;
+        gap: 12px;
+      }
+    }
+  }
+
+  .table-card {
+    .table-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+
+      .table-title {
+        font-size: 16px;
+        font-weight: 600;
+        color: #303133;
+      }
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+  }
+
+  .add-form {
+    max-height: 60vh;
+    overflow-y: auto;
+    padding-right: 4px;
+  }
+
+  .text-danger {
+    color: #f56c6c;
+    padding: 0;
+  }
+}
+</style>
@@ -0,0 +1,256 @@
+<template>
+  <div class="app-container warning-result-page">
+    <!-- ==================== 1. 查询条件 ==================== -->
+    <el-card shadow="never" class="search-card">
+      <el-form ref="searchFormRef" :model="searchForm" label-width="110px" class="search-form">
+        <el-row :gutter="24">
+          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+            <el-form-item label="年度">
+              <el-input v-model="searchForm.nd" placeholder="请输入年度" clearable @keyup.enter.native="handleSearch" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+            <el-form-item label="预警条件编号">
+              <el-input v-model="searchForm.yjtjbh" placeholder="请输入预警条件编号" clearable @keyup.enter.native="handleSearch" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+            <el-form-item label="学员编号">
+              <el-input v-model="searchForm.xybh" placeholder="请输入学员编号" clearable @keyup.enter.native="handleSearch" />
+            </el-form-item>
+          </el-col>
+          <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="8">
+            <el-form-item label="发布">
+              <el-select v-model="searchForm.fb" placeholder="请选择发布状态" clearable class="w-full">
+                <el-option label="未发布" :value="0" />
+                <el-option label="已发布" :value="1" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row class="search-actions-row">
+          <el-col :span="24" class="search-actions">
+            <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
+            <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+
+    <!-- ==================== 2. 列表 ==================== -->
+    <el-card shadow="never" class="table-card">
+      <div class="table-header">
+        <span class="table-title">预警结果列表：</span>
+      </div>
+      <el-table v-loading="loading" :data="tableData" stripe border highlight-current-row>
+        <el-table-column prop="bh" label="编号" min-width="140" show-overflow-tooltip />
+        <el-table-column prop="nd" label="年度" width="90" align="center" />
+        <el-table-column prop="yjtjbh" label="预警条件编号" min-width="140" show-overflow-tooltip />
+        <el-table-column prop="xybh" label="学员编号" min-width="120" show-overflow-tooltip />
+        <el-table-column prop="cjsj" label="创建时间" width="160" show-overflow-tooltip />
+        <el-table-column label="发布" width="90" align="center">
+          <template slot-scope="{ row }">
+            <el-tag :type="Number(row.fb) === 1 ? 'success' : 'info'" size="mini">
+              {{ Number(row.fb) === 1 ? '是' : '否' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="fbsj" label="发布时间" width="160" show-overflow-tooltip />
+        <el-table-column label="操作" width="100" align="center" fixed="right">
+          <template slot-scope="{ row }">
+            <el-button type="text" size="small" icon="el-icon-view" @click="handleDetail(row)">详情</el-button>
+          </template>
+        </el-table-column>
+      </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-wrapper"
+        @current-change="handlePageChange"
+        @size-change="handleSizeChange"
+      />
+    </el-card>
+
+    <!-- ==================== 3. 详情对话框 ==================== -->
+    <el-dialog title="预警结果详情" :visible="detailDialogVisible" width="560px" :close-on-click-modal="false"
+      @update:visible="val => detailDialogVisible = val">
+      <div v-loading="detailLoading" class="detail-body">
+        <el-descriptions :column="2" border>
+          <el-descriptions-item label="编号">{{ detailForm.bh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="年度">{{ detailForm.nd || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="预警条件编号">{{ detailForm.yjtjbh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="学员编号">{{ detailForm.xybh || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="创建时间">{{ detailForm.cjsj || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="发布时间">{{ detailForm.fbsj || '-' }}</el-descriptions-item>
+          <el-descriptions-item label="发布">
+            <el-tag :type="Number(detailForm.fb) === 1 ? 'success' : 'info'" size="mini">
+              {{ Number(detailForm.fb) === 1 ? '是' : '否' }}
+            </el-tag>
+          </el-descriptions-item>
+        </el-descriptions>
+      </div>
+      <div slot="footer">
+        <el-button @click="detailDialogVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  listWarningResult,
+  getWarningResult
+} from '@/api/studentRecords/warningResult'
+
+export default {
+  name: 'WarningResult',
+  data() {
+    return {
+      // ==================== 查询条件 ====================
+      searchForm: {
+        nd: '',
+        yjtjbh: '',
+        xybh: '',
+        fb: undefined
+      },
+
+      // ==================== 列表数据 ====================
+      loading: false,
+      tableData: [],
+      total: 0,
+      pageNum: 1,
+      pageSize: 20,
+
+      // ==================== 详情 ====================
+      detailDialogVisible: false,
+      detailLoading: false,
+      detailForm: {}
+    }
+  },
+  created() {
+    this.fetchList()
+  },
+  methods: {
+    // ==================== 查询列表 ====================
+    fetchList() {
+      this.loading = true
+      const params = {
+        pageNum: this.pageNum,
+        pageSize: this.pageSize
+      }
+      // 文本条件非空时才传
+      ;['nd', 'yjtjbh', 'xybh'].forEach(key => {
+        const value = this.searchForm[key]
+        if (value !== '' && value !== null && value !== undefined) {
+          params[key] = String(value).trim()
+        }
+      })
+      // 发布：等值筛选（选中时才传）
+      if (this.searchForm.fb !== undefined && this.searchForm.fb !== '' && this.searchForm.fb !== null) {
+        params.fb = this.searchForm.fb
+      }
+      listWarningResult(params).then(response => {
+        const data = response.data || {}
+        this.tableData = data.records || []
+        this.total = data.total || 0
+        this.loading = false
+      }).catch(() => {
+        this.tableData = []
+        this.total = 0
+        this.loading = false
+      })
+    },
+
+    handleSearch() {
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    handleReset() {
+      this.$refs.searchFormRef.resetFields()
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    handlePageChange(current) {
+      this.pageNum = current
+      this.fetchList()
+    },
+
+    handleSizeChange(size) {
+      this.pageSize = size
+      this.pageNum = 1
+      this.fetchList()
+    },
+
+    // ==================== 详情 ====================
+    handleDetail(row) {
+      this.detailDialogVisible = true
+      this.detailLoading = true
+      this.detailForm = {}
+      getWarningResult(row.bh).then(response => {
+        this.detailForm = response.data || {}
+        this.detailLoading = false
+      }).catch(() => {
+        this.detailLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.app-container {
+  padding: 20px;
+}
+
+.warning-result-page {
+  .search-card {
+    margin-bottom: 16px;
+  }
+
+  .search-form {
+    .w-full {
+      width: 100%;
+    }
+
+    .search-actions-row {
+      margin-top: 2px;
+      border-top: 1px dashed #ebeef5;
+      padding-top: 14px;
+    }
+
+    .search-actions {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 12px;
+    }
+  }
+
+  .table-card {
+    .table-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+
+      .table-title {
+        font-size: 16px;
+        font-weight: 600;
+        color: #303133;
+      }
+    }
+
+    .pagination-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16px;
+    }
+  }
+}
+</style>