学员管理前两项的调整

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

@@ -69,7 +69,13 @@
         </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-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>
@@ -103,8 +109,19 @@
         <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-form-item label="学号" prop="xh">
-          <el-input v-model="form.xybh" placeholder="请输入学员编号" />
+          <el-input
+            ref="studentNoInput"
+            v-model.trim="form.xh"
+            placeholder="请输入学号"
+            :disabled="studentVerifying"
+            @input="handleStudentNoInput"
+            @change="handleStudentNoComplete"
+          />
+          <div v-if="isStudentVerified" class="student-verified-tip">
+            <i class="el-icon-circle-check" />
+            已核验：{{ verifiedStudent.xm || verifiedStudent.xh || form.xh }}
+          </div>
         </el-form-item>
         <el-form-item label="申请类型" prop="sqlx">
           <el-select v-model="form.sqlx" placeholder="请选择申请类型" class="w-full">
@@ -129,7 +146,39 @@
       </div>
     </el-dialog>
 
-    <!-- ==================== 4. 详情对话框 ==================== -->
+    <!-- ==================== 4. 学员信息核验对话框 ==================== -->
+    <el-dialog
+      title="请确认学员信息"
+      :visible="studentConfirmVisible"
+      width="560px"
+      append-to-body
+      :close-on-click-modal="false"
+      @update:visible="val => studentConfirmVisible = val"
+    >
+      <el-alert
+        title="请核对以下信息，确认无误后再提交申请。"
+        type="info"
+        :closable="false"
+        show-icon
+        class="student-confirm-alert"
+      />
+      <el-descriptions :column="2" border>
+        <el-descriptions-item label="学号">{{ pendingStudent.xh || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="学员编号">{{ pendingStudent.bh || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="姓名">{{ pendingStudent.xm || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="性别">{{ studentSexLabel(pendingStudent.xb) }}</el-descriptions-item>
+        <el-descriptions-item label="学员队期编号">{{ pendingStudent.xydqbh || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="当前班次编号">{{ pendingStudent.dqbzbh || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="学员类别">{{ pendingStudent.xylb || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="政治面貌">{{ pendingStudent.zzmm || '-' }}</el-descriptions-item>
+      </el-descriptions>
+      <div slot="footer">
+        <el-button @click="handleStudentReenter">重新输入</el-button>
+        <el-button type="primary" @click="handleStudentConfirm">确认无误</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- ==================== 5. 详情对话框 ==================== -->
     <el-dialog title="学籍异动申请详情" :visible="detailDialogVisible" width="760px" :close-on-click-modal="false"
       @update:visible="val => detailDialogVisible = val">
       <div v-loading="detailLoading" class="detail-body">
@@ -168,9 +217,20 @@ import {
   updateApplication,
   delApplication
 } from '@/api/studentRecords/application'
+import { getStudentRecord, listStudentRecord } from '@/api/studentRecords/studentRecords'
 
 export default {
   name: 'StatusChangeIndex',
+  computed: {
+    isStudentVerified() {
+      const studentNo = this.normalizeStudentNo(this.form.xh)
+      return Boolean(
+        studentNo &&
+        studentNo === this.verifiedStudentNo &&
+        this.form.xybh === this.verifiedStudent.bh
+      )
+    }
+  },
   data() {
     return {
       // ==================== 申请类型选项（学籍异动） ====================
@@ -203,10 +263,15 @@ export default {
       dialogTitle: '新增学籍异动申请',
       isAdd: true,
       formSaving: false,
+      studentVerifying: false,
+      studentConfirmVisible: false,
+      pendingStudent: {},
+      verifiedStudent: {},
+      verifiedStudentNo: '',
       form: this.createEmptyForm(),
       formRules: {
         bh: [{ required: true, message: '请输入编号', trigger: 'blur' }],
-        xybh: [{ required: true, message: '请输入学员编号', trigger: 'blur' }],
+        xh: [{ required: true, message: '请输入学号', trigger: 'blur' }],
         sqlx: [{ required: true, message: '请选择申请类型', trigger: 'change' }],
         sy: [{ required: true, message: '请输入事由', trigger: 'blur' }],
         zt: [{ required: true, message: '请选择状态', trigger: 'change' }]
@@ -225,6 +290,7 @@ export default {
     createEmptyForm() {
       return {
         bh: '',
+        xh: '',
         xybh: '',
         sqlx: '',
         sy: '',
@@ -248,6 +314,19 @@ export default {
       return item ? item.type : 'info'
     },
 
+    studentSexLabel(value) {
+      if (value === '' || value === null || value === undefined) {
+        return '-'
+      }
+      if (String(value) === '1') {
+        return '男'
+      }
+      if (String(value) === '0') {
+        return '女'
+      }
+      return String(value)
+    },
+
     // ==================== 查询列表 ====================
     fetchList() {
       this.loading = true
@@ -304,6 +383,7 @@ export default {
       this.isAdd = true
       this.dialogTitle = '新增学籍异动申请'
       this.form = this.createEmptyForm()
+      this.resetStudentVerification()
       this.formDialogVisible = true
       this.$nextTick(() => {
         this.$refs.formRef && this.$refs.formRef.clearValidate()
@@ -314,6 +394,7 @@ export default {
       this.isAdd = false
       this.dialogTitle = '编辑学籍异动申请'
       this.form = this.createEmptyForm()
+      this.resetStudentVerification()
       this.formDialogVisible = true
       this.$nextTick(() => {
         this.$refs.formRef && this.$refs.formRef.clearValidate()
@@ -322,15 +403,143 @@ export default {
         const data = response.data || {}
         this.form = {
           bh: data.bh || '',
+          xh: '',
           xybh: data.xybh || '',
           sqlx: data.sqlx || '',
           sy: data.sy || '',
           bz: data.bz || '',
           zt: data.zt !== null && data.zt !== undefined ? Number(data.zt) : 0
         }
+        this.loadExistingStudent(data.xybh)
       }).catch(() => {})
     },
 
+    normalizeStudentNo(value) {
+      return value === null || value === undefined ? '' : String(value).trim()
+    },
+
+    resetStudentVerification() {
+      this.studentVerifying = false
+      this.studentConfirmVisible = false
+      this.pendingStudent = {}
+      this.verifiedStudent = {}
+      this.verifiedStudentNo = ''
+    },
+
+    handleStudentNoInput() {
+      const studentNo = this.normalizeStudentNo(this.form.xh)
+      if (studentNo !== this.verifiedStudentNo) {
+        this.verifiedStudent = {}
+        this.verifiedStudentNo = ''
+        this.form.xybh = ''
+      }
+      this.pendingStudent = {}
+    },
+
+    handleStudentNoComplete() {
+      if (this.normalizeStudentNo(this.form.xh)) {
+        this.loadStudentForConfirmation()
+      }
+    },
+
+    async loadStudentForConfirmation() {
+      if (this.studentVerifying) {
+        return false
+      }
+      const studentNo = this.normalizeStudentNo(this.form.xh)
+      if (!studentNo) {
+        this.$refs.formRef && this.$refs.formRef.validateField('xh')
+        return false
+      }
+
+      if (studentNo === this.verifiedStudentNo && this.verifiedStudent.bh) {
+        this.pendingStudent = { ...this.verifiedStudent }
+        this.studentConfirmVisible = true
+        return true
+      }
+
+      this.studentVerifying = true
+      try {
+        const response = await listStudentRecord({ pageNum: 1, pageSize: 2, xh: studentNo })
+        const records = response.data && Array.isArray(response.data.records) ? response.data.records : []
+
+        // 请求返回前用户可能已经修改了学号，旧结果不能覆盖当前输入。
+        if (studentNo !== this.normalizeStudentNo(this.form.xh)) {
+          return false
+        }
+        if (records.length === 0) {
+          this.$message.warning('未查询到该学号对应的学员，请核对学号')
+          this.resetStudentVerification()
+          return false
+        }
+        if (records.length > 1) {
+          this.$message.warning('该学号匹配到多名学员，请联系管理员检查学员数据')
+          this.resetStudentVerification()
+          return false
+        }
+
+        this.pendingStudent = records[0]
+        this.studentConfirmVisible = true
+        return true
+      } catch (error) {
+        if (studentNo === this.normalizeStudentNo(this.form.xh)) {
+          this.resetStudentVerification()
+        }
+        return false
+      } finally {
+        this.studentVerifying = false
+      }
+    },
+
+    handleStudentConfirm() {
+      const studentNo = this.normalizeStudentNo(this.form.xh)
+      if (!this.pendingStudent.bh || this.normalizeStudentNo(this.pendingStudent.xh) !== studentNo) {
+        this.$message.warning('学号已变化，请重新核验')
+        this.studentConfirmVisible = false
+        return
+      }
+      this.verifiedStudent = { ...this.pendingStudent }
+      this.verifiedStudentNo = studentNo
+      this.form.xybh = this.pendingStudent.bh
+      this.studentConfirmVisible = false
+      this.$refs.formRef && this.$refs.formRef.clearValidate('xh')
+      this.$message.success('学员信息核验成功')
+    },
+
+    handleStudentReenter() {
+      this.studentConfirmVisible = false
+      this.pendingStudent = {}
+      this.verifiedStudent = {}
+      this.verifiedStudentNo = ''
+      this.form.xybh = ''
+      this.$nextTick(() => {
+        const input = this.$refs.studentNoInput
+        input && input.focus()
+      })
+    },
+
+    async loadExistingStudent(studentId) {
+      const normalizedStudentId = this.normalizeStudentNo(studentId)
+      if (!normalizedStudentId) {
+        return
+      }
+      this.studentVerifying = true
+      try {
+        const response = await getStudentRecord(normalizedStudentId)
+        const student = response.data || {}
+        if (this.form.xybh !== normalizedStudentId || !student.bh) {
+          return
+        }
+        this.form.xh = student.xh || ''
+        this.verifiedStudentNo = this.normalizeStudentNo(student.xh)
+        this.verifiedStudent = student
+      } catch (error) {
+        this.$message.warning('未能加载原申请的学员信息，请重新输入学号核验')
+      } finally {
+        this.studentVerifying = false
+      }
+    },
+
     buildPayload() {
       const f = this.form
       const payload = {
@@ -347,20 +556,31 @@ export default {
       return payload
     },
 
-    handleFormSubmit() {
+    async handleFormSubmit() {
-      this.$refs.formRef.validate(valid => {
+      const isValid = await new Promise(resolve => {
-        if (!valid) return
+        this.$refs.formRef.validate(valid => resolve(valid))
-        this.formSaving = true
+      })
-        const payload = this.buildPayload()
+      if (!isValid) {
-        const request = this.isAdd ? addApplication(payload) : updateApplication(payload)
+        return
-        request.then(() => {
+      }
-          this.$message.success(this.isAdd ? '新增成功' : '修改成功')
+      if (!this.isStudentVerified) {
-          this.formDialogVisible = false
+        const isFound = await this.loadStudentForConfirmation()
-          this.fetchList()
+        if (isFound) {
-        }).catch(() => {
+          this.$message.warning('请先确认学员信息，再提交申请')
-        }).finally(() => {
+        }
-          this.formSaving = false
+        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
       })
     },
 
@@ -369,7 +589,9 @@ export default {
     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())}`
+      const date = `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`
+      const time = `${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`
+      return `${date} ${time}`
     },
 
     handleSubmit(row) {
@@ -486,9 +708,24 @@ export default {
     padding-right: 4px;
   }
 
+  .student-verified-tip {
+    margin-top: 4px;
+    color: #078267;
+    font-size: 12px;
+    line-height: 20px;
+
+    i {
+      margin-right: 4px;
+    }
+  }
+
   .text-danger {
     color: #f56c6c;
     padding: 0;
   }
 }
+
+.student-confirm-alert {
+  margin-bottom: 16px;
+}
 </style>

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

@@ -108,10 +108,8 @@
         <el-table-column prop="xb" label="性别" width="55" align="center" />
         <el-table-column prop="nj" label="年级" width="55" align="center" />
         <el-table-column prop="zy" label="专业" width="55" show-overflow-tooltip />
-        <el-table-column prop="db" label="队别" width="55" align="center" />
+        <el-table-column prop="xylb" label="学员类别" width="90" align="center" show-overflow-tooltip />
         <el-table-column prop="bc" label="班次" width="55" align="center" />
-        <el-table-column prop="pxlx" label="培训类型" width="85" show-overflow-tooltip />
-        <el-table-column prop="pxcc" label="培训层次" width="85" align="center" />
         <el-table-column prop="zzmm" label="政治面貌" width="85" align="center" />
         <el-table-column prop="mz" label="民族" width="55" align="center" />
         <el-table-column prop="jg" label="籍贯" width="90" align="center" show-overflow-tooltip />