feat(qualificationSummary): add review record management function

1. 调整弹窗宽度从600px到700px适配新表单内容
2. 移除冗余的个人基础信息表单项
3. 新增复审明细表格支持增删复审记录
4. 同步更新表单初始化、重置和编辑回显逻辑
5. 添加表单栅格布局优化页面排版

src/views/ledgerManage/qualificationSummary/index.vue

@@ -77,26 +77,11 @@
       @pagination="getList" />
 
     <!-- 添加或修改证书信息对话框 -->
-    <el-dialog :title="title" v-model="open" width="600px" append-to-body destroy-on-close>
-      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
+    <el-dialog :title="title" v-model="open" width="700px" append-to-body destroy-on-close>
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="100px" >
         <el-form-item label="姓名" prop="userId">
           <UserSelect v-model="form.userId" placeholder="请选择姓名" style="width: 100%" />
         </el-form-item>
-        <el-form-item label="单位" prop="unitName">
-          <el-input v-model="form.unitName" placeholder="请输入单位" />
-        </el-form-item>
-        <el-form-item label="性别" prop="gender">
-          <el-select v-model="form.gender" placeholder="请选择性别" clearable style="width: 100%">
-            <el-option label="男" value="0" />
-            <el-option label="女" value="1" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="出生日期" prop="birthDate">
-          <el-date-picker v-model="form.birthDate" value-format="YYYY-MM-DD" type="date" placeholder="请选择出生日期" style="width: 100%" />
-        </el-form-item>
-        <el-form-item label="身份证号" prop="idCard">
-          <el-input v-model="form.idCard" placeholder="请输入身份证号" />
-        </el-form-item>
         <el-form-item label="证书等级" prop="certLevel">
           <el-select v-model="form.certLevel" placeholder="请选择证书等级" clearable style="width: 100%">
             <el-option v-for="dict in sys_user_qualification_level" :key="dict.value" :label="dict.label" :value="dict.value" />
@@ -117,9 +102,6 @@
         <el-form-item label="评定成绩" prop="evalScore">
           <el-input v-model="form.evalScore" placeholder="请输入评定成绩" />
         </el-form-item>
-        <el-form-item label="用工形式" prop="employmentType">
-          <el-input v-model="form.employmentType" placeholder="请输入用工形式" />
-        </el-form-item>
         <el-form-item label="服务期（月）" prop="serviceMonths">
           <el-input-number v-model="form.serviceMonths" :min="0" placeholder="请输入服务期（月）" style="width: 100%" />
         </el-form-item>
@@ -132,6 +114,31 @@
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
         </el-form-item>
+        <el-form-item label="复审明细" prop="reviewRecords">
+          <div style="width: 100%">
+            <el-button type="primary" icon="Plus" @click="handleAddReview" style="margin-bottom: 10px">
+              新增明细
+            </el-button>
+            <el-table :data="form.reviewRecords || []" border fit style="width: 100%">
+              <el-table-column min-width="150">
+                <template #default="scope">
+                  {{ scope.row.reviewSeq === 1 ? '第一次复审时间' : scope.row.reviewSeq === 2 ? '第二次复审时间' : scope.row.reviewSeq === 3 ? '第三次复审时间' : `第${scope.row.reviewSeq}次复审时间` }}
+                </template>
+              </el-table-column>
+              <el-table-column label="复审时间" min-width="200">
+                <template #default="scope">
+                  <el-date-picker v-model="scope.row.reviewTime" value-format="YYYY-MM-DD" type="date"
+                    placeholder="选择日期" style="width: 100%" />
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" width="80" align="center">
+                <template #default="scope">
+                  <el-button type="danger" link icon="Delete" @click="handleDeleteReview(scope.$index)" />
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </el-form-item>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -212,21 +219,17 @@ const open = ref(false)
 const form = ref({
   id: undefined,
   userId: '',
-  unitName: '',
-  gender: '',
-  birthDate: '',
-  idCard: '',
   certLevel: '',
   issueDate: '',
   certNo: '',
   theoryScore: '',
   practiceScore: '',
   evalScore: '',
-  employmentType: '',
   serviceMonths: undefined,
   expiryDate: '',
   status: '',
-  remark: ''
+  remark: '',
+  reviewRecords: []
 })
 
 const rules = reactive({
@@ -274,6 +277,9 @@ const handleUpdate = async (row) => {
   reset()
   const res = await getQualificationSummary(row.id)
   form.value = res.data || {}
+  if (!form.value.reviewRecords) {
+    form.value.reviewRecords = []
+  }
   open.value = true
   title.value = '修改证书信息'
 }
@@ -287,6 +293,24 @@ const handleDelete = (row) => {
   }).catch(() => { })
 }
 
+const handleAddReview = () => {
+  if (!form.value.reviewRecords) {
+    form.value.reviewRecords = []
+  }
+  const nextSeq = form.value.reviewRecords.length + 1
+  form.value.reviewRecords.push({
+    reviewSeq: nextSeq,
+    reviewTime: ''
+  })
+}
+
+const handleDeleteReview = (index) => {
+  form.value.reviewRecords.splice(index, 1)
+  form.value.reviewRecords.forEach((item, i) => {
+    item.reviewSeq = i + 1
+  })
+}
+
 const submitForm = async () => {
   const valid = await formRef.value.validate().catch(() => false)
   if (!valid) return
@@ -316,21 +340,17 @@ const reset = () => {
   form.value = {
     id: undefined,
     userId: '',
-    unitName: '',
-    gender: '',
-    birthDate: '',
-    idCard: '',
     certLevel: '',
     issueDate: '',
     certNo: '',
     theoryScore: '',
     practiceScore: '',
     evalScore: '',
-    employmentType: '',
     serviceMonths: undefined,
     expiryDate: '',
     status: '',
-    remark: ''
+    remark: '',
+    reviewRecords: []
   }
   formRef.value && formRef.value.resetFields()
 }
@@ -398,4 +418,22 @@ onMounted(() => {
 .operation-container {
   margin-top: 10px;
 }
+
+.form-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+}
+
+.form-grid :deep(.el-form-item) {
+  margin-bottom: 15px;
+}
+
+.form-grid :deep(.el-form-item:nth-child(n+15)) {
+  grid-column: span 2;
+}
+
+.form-grid :deep(.el-form-item:nth-child(16)) {
+  grid-column: span 2;
+}
 </style>