refactor(ledgerManage): 重构资质汇总模块为证书信息管理模块

1. 更新所有接口路径与注释，将资质汇总相关接口改为证书信息接口
2. 调整搜索表单布局与字段，替换为证书相关查询参数
3. 重构表格列字段，适配证书信息数据结构
4. 新增增删改查完整业务逻辑与弹窗表单
5. 完善导入导出功能，新增导入模板下载接口调用

src/api/ledgerManage/qualificationSummary.js

@@ -1,53 +1,73 @@
 import request from '@/utils/request'
 
-// 查询资质汇总列表
+// 查询证书信息列表
 export function listQualificationSummary(query) {
   return request({
-    url: '/ledger/qualification-summary/list',
+    url: '/ledger/certificate/list',
     method: 'get',
     params: query
   })
 }
 
-// 查询资质汇总详情
+// 查询证书信息详情
 export function getQualificationSummary(id) {
   return request({
-    url: `/ledger/qualification-summary/${id}`,
+    url: `/ledger/certificate/${id}`,
     method: 'get'
   })
 }
 
-// 新增资质汇总
+// 新增证书信息
 export function addQualificationSummary(data) {
   return request({
-    url: '/ledger/qualification-summary',
+    url: '/ledger/certificate',
     method: 'post',
     data: data
   })
 }
 
-// 修改资质汇总
+// 修改证书信息
 export function updateQualificationSummary(data) {
   return request({
-    url: '/ledger/qualification-summary',
+    url: '/ledger/certificate',
     method: 'put',
     data: data
   })
 }
 
-// 删除资质汇总
+// 删除证书信息
 export function delQualificationSummary(ids) {
   return request({
-    url: `/ledger/qualification-summary/${ids}`,
+    url: `/ledger/certificate/${ids}`,
     method: 'delete'
   })
 }
 
-// 导出资质汇总列表
-export function exportQualificationSummary(query) {
+// 导出证书信息列表
+export function exportQualificationSummary(data) {
   return request({
-    url: '/ledger/qualification-summary/export',
-    method: 'get',
-    params: query
+    url: '/ledger/certificate/export',
+    method: 'post',
+    data: data
+  })
+}
+
+// 导入证书数据(支持动态复审时间列)
+export function importData(data) {
+  return request({
+    url: '/ledger/certificate/importData',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
+
+// 下载导入模板
+export function importTemplate() {
+  return request({
+    url: '/ledger/certificate/importTemplate',
+    method: 'post'
   })
 }

src/views/ledgerManage/qualificationSummary/index.vue

@@ -12,14 +12,12 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="发证时间" prop="issueDate" style="width: 308px">
-          <el-date-picker v-model="issueDateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
-            start-placeholder="开始日期" end-placeholder="结束日期" />
+        <el-form-item label="发证时间" prop="issueDate" style="width: 200px">
+          <el-date-picker v-model="queryParams.issueDate" value-format="YYYY-MM-DD" type="date" placeholder="请选择发证时间" clearable />
         </el-form-item>
 
-        <el-form-item label="到期日期" prop="expiryDate" style="width: 308px">
-          <el-date-picker v-model="expiryDateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
-            start-placeholder="开始日期" end-placeholder="结束日期" />
+        <el-form-item label="到期日期" prop="expiryDate" style="width: 200px">
+          <el-date-picker v-model="queryParams.expiryDate" value-format="YYYY-MM-DD" type="date" placeholder="请选择到期日期" clearable />
         </el-form-item>
 
         <el-form-item label="状态" prop="status">
@@ -36,38 +34,44 @@
     </div>
 
     <div class="operation-container">
+      <el-button type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
+      <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate">修改</el-button>
+      <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete">删除</el-button>
       <el-button type="info" plain icon="Upload" @click="handleImport">导入</el-button>
       <el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>
     </div>
 
-    <el-table v-loading="loading" :data="list" border fit highlight-current-row style="width: 100%; margin-top: 20px;">
+    <el-table v-loading="loading" :data="list" border fit highlight-current-row style="width: 100%; margin-top: 20px;"
+      @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="序号" type="index" width="60" align="center">
         <template #default="scope">
           {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
         </template>
       </el-table-column>
-      <el-table-column label="姓名" prop="userName" align="center" min-width="100" />
-      <el-table-column label="证书等级" prop="certificateLevel" align="center" min-width="100">
+      <el-table-column label="姓名" prop="personName" align="center" min-width="100" />
+      <el-table-column label="单位" prop="unitName" align="center" min-width="120" />
+      <el-table-column label="证书等级" prop="certLevel" align="center" min-width="100">
         <template #default="scope">
-          <dict-tag :options="certificate_level" :value="scope.row.certificateLevel" />
+          <dict-tag :options="certificate_level" :value="scope.row.certLevel" />
         </template>
       </el-table-column>
       <el-table-column label="发证时间" prop="issueDate" align="center" min-width="120" />
-      <el-table-column label="证书编号" prop="certificateNo" align="center" min-width="150" show-overflow-tooltip />
+      <el-table-column label="证书编号" prop="certNo" align="center" min-width="150" show-overflow-tooltip />
       <el-table-column label="理论考核成绩" prop="theoryScore" align="center" min-width="120" />
-      <el-table-column label="实操考核成绩" prop="practicalScore" align="center" min-width="120" />
-      <el-table-column label="评定成绩" prop="assessmentScore" align="center" min-width="100" />
-      <el-table-column label="服务期（月）" prop="servicePeriodMonths" align="center" min-width="110" />
+      <el-table-column label="实操考核成绩" prop="practiceScore" align="center" min-width="120" />
+      <el-table-column label="评定成绩" prop="evalScore" align="center" min-width="100" />
+      <el-table-column label="服务期（月）" prop="serviceMonths" align="center" min-width="110" />
       <el-table-column label="到期日期" prop="expiryDate" align="center" min-width="120" />
       <el-table-column label="状态" prop="status" align="center" min-width="90">
         <template #default="scope">
           <dict-tag :options="certificate_status" :value="scope.row.status" />
         </template>
       </el-table-column>
-      <el-table-column label="到期天数" prop="expiryDays" align="center" min-width="100">
+      <el-table-column label="到期天数" prop="expireDays" align="center" min-width="100">
         <template #default="scope">
-          <span :style="{ color: scope.row.expiryDays <= 30 ? '#f56c6c' : scope.row.expiryDays <= 90 ? '#e6a23c' : '#67c23a' }">
-            {{ scope.row.expiryDays }}天
+          <span :style="{ color: scope.row.expireDays <= 30 ? '#f56c6c' : scope.row.expireDays <= 90 ? '#e6a23c' : '#67c23a' }">
+            {{ scope.row.expireDays }}天
           </span>
         </template>
       </el-table-column>
@@ -76,6 +80,73 @@
     <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
       @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-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 certificate_level" :key="dict.value" :label="dict.label" :value="dict.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="发证时间" prop="issueDate">
+          <el-date-picker v-model="form.issueDate" value-format="YYYY-MM-DD" type="date" placeholder="请选择发证时间" style="width: 100%" />
+        </el-form-item>
+        <el-form-item label="证书编号" prop="certNo">
+          <el-input v-model="form.certNo" placeholder="请输入证书编号" />
+        </el-form-item>
+        <el-form-item label="理论考核成绩" prop="theoryScore">
+          <el-input v-model="form.theoryScore" placeholder="请输入理论考核成绩" />
+        </el-form-item>
+        <el-form-item label="实操考核成绩" prop="practiceScore">
+          <el-input v-model="form.practiceScore" placeholder="请输入实操考核成绩" />
+        </el-form-item>
+        <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>
+        <el-form-item label="到期日期" prop="expiryDate">
+          <el-date-picker v-model="form.expiryDate" value-format="YYYY-MM-DD" type="date" placeholder="请选择到期日期" style="width: 100%" />
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="form.status" placeholder="请选择状态" clearable style="width: 100%">
+            <el-option v-for="dict in certificate_status" :key="dict.value" :label="dict.label" :value="dict.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
     <el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
       <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
         :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"
@@ -90,7 +161,7 @@
           <div class="el-upload__tip text-center">
             <span>仅允许导入xls、xlsx格式文件。</span>
             <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
-              @click="importTemplate">下载模板</el-link>
+              @click="downloadTemplate">下载模板</el-link>
           </div>
         </template>
       </el-upload>
@@ -108,7 +179,7 @@
 import { ref, reactive, getCurrentInstance, onMounted } from 'vue'
 import { UploadFilled } from '@element-plus/icons-vue'
 import UserSelect from '@/components/UserSelect/index.vue'
-import { listQualificationSummary, exportQualificationSummary } from '@/api/ledgerManage/qualificationSummary'
+import { listQualificationSummary, getQualificationSummary, addQualificationSummary, updateQualificationSummary, delQualificationSummary, exportQualificationSummary } from '@/api/ledgerManage/qualificationSummary'
 import { getToken } from '@/utils/auth'
 
 const { proxy } = getCurrentInstance()
@@ -119,14 +190,18 @@ const loading = ref(false)
 const total = ref(0)
 const list = ref([])
 const queryFormRef = ref(null)
-const issueDateRange = ref([])
-const expiryDateRange = ref([])
+const formRef = ref(null)
+const ids = ref([])
+const single = ref(true)
+const multiple = ref(true)
 
 const queryParams = reactive({
   pageNum: 1,
   pageSize: 10,
   userId: '',
-  certificateLevel: '',
+  certLevel: '',
+  issueDate: '',
+  expiryDate: '',
   status: ''
 })
 
@@ -140,17 +215,42 @@ const upload = reactive({
   }
 })
 
+const title = ref('')
+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: ''
+})
+
+const rules = reactive({
+  userId: [{ required: true, message: '请选择姓名', trigger: 'change' }],
+  certLevel: [{ required: true, message: '请选择证书等级', trigger: 'change' }],
+  certNo: [{ required: true, message: '请输入证书编号', trigger: 'blur' }],
+  issueDate: [{ required: true, message: '请选择发证时间', trigger: 'change' }],
+  expiryDate: [{ required: true, message: '请选择到期日期', trigger: 'change' }],
+  status: [{ required: true, message: '请选择状态', trigger: 'change' }]
+})
+
 const getList = async () => {
   loading.value = true
   try {
-    const params = {
-      ...queryParams,
-      issueStartTime: issueDateRange.value && issueDateRange.value.length > 0 ? issueDateRange.value[0] : undefined,
-      issueEndTime: issueDateRange.value && issueDateRange.value.length > 0 ? issueDateRange.value[1] : undefined,
-      expiryStartTime: expiryDateRange.value && expiryDateRange.value.length > 0 ? expiryDateRange.value[0] : undefined,
-      expiryEndTime: expiryDateRange.value && expiryDateRange.value.length > 0 ? expiryDateRange.value[1] : undefined
-    }
-    const res = await listQualificationSummary(params)
+    const res = await listQualificationSummary(queryParams)
     list.value = res.rows || []
     total.value = res.total || 0
   } finally {
@@ -166,39 +266,113 @@ const handleQuery = () => {
 const resetQuery = () => {
   queryFormRef.value.resetFields()
   queryParams.userId = ''
-  queryParams.certificateLevel = ''
+  queryParams.certLevel = ''
+  queryParams.issueDate = ''
+  queryParams.expiryDate = ''
   queryParams.status = ''
-  issueDateRange.value = []
-  expiryDateRange.value = []
   handleQuery()
 }
 
-const handleExport = () => {
-  const params = {
-    ...queryParams,
-    issueStartTime: issueDateRange.value && issueDateRange.value.length > 0 ? issueDateRange.value[0] : undefined,
-    issueEndTime: issueDateRange.value && issueDateRange.value.length > 0 ? issueDateRange.value[1] : undefined,
-    expiryStartTime: expiryDateRange.value && expiryDateRange.value.length > 0 ? expiryDateRange.value[0] : undefined,
-    expiryEndTime: expiryDateRange.value && expiryDateRange.value.length > 0 ? expiryDateRange.value[1] : undefined
+const handleSelectionChange = (selection) => {
+  ids.value = selection.map(item => item.id)
+  single.value = selection.length !== 1
+  multiple.value = !selection.length
+}
+
+const handleAdd = () => {
+  reset()
+  open.value = true
+  title.value = '添加证书信息'
+}
+
+const handleUpdate = async (row) => {
+  reset()
+  const id = row.id || ids.value[0]
+  const res = await getQualificationSummary(id)
+  form.value = res.data || {}
+  open.value = true
+  title.value = '修改证书信息'
+}
+
+const handleDelete = (row) => {
+  const deleteIds = row.id || ids.value
+  proxy.$modal.confirm('是否确认删除证书信息编号为"' + deleteIds + '"的数据项？').then(() => {
+    return delQualificationSummary(deleteIds)
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess('删除成功')
+  }).catch(() => { })
+}
+
+const submitForm = async () => {
+  const valid = await formRef.value.validate().catch(() => false)
+  if (!valid) return
+
+  loading.value = true
+  try {
+    if (form.value.id) {
+      await updateQualificationSummary(form.value)
+      proxy.$modal.msgSuccess('修改成功')
+    } else {
+      await addQualificationSummary(form.value)
+      proxy.$modal.msgSuccess('新增成功')
+    }
+    open.value = false
+    getList()
+  } finally {
+    loading.value = false
+  }
+}
+
+const cancel = () => {
+  open.value = false
+  reset()
+}
+
+const reset = () => {
+  form.value = {
+    id: undefined,
+    userId: '',
+    unitName: '',
+    gender: '',
+    birthDate: '',
+    idCard: '',
+    certLevel: '',
+    issueDate: '',
+    certNo: '',
+    theoryScore: '',
+    practiceScore: '',
+    evalScore: '',
+    employmentType: '',
+    serviceMonths: undefined,
+    expiryDate: '',
+    status: '',
+    remark: ''
   }
+  formRef.value && formRef.value.resetFields()
+}
+
+const handleExport = () => {
   proxy.download(
-    'ledger/qualification-summary/export',
-    params,
-    `qualification_summary_${new Date().getTime()}.xlsx`
+    'ledger/certificate/export',
+    queryParams,
+    `qualification_summary_${new Date().getTime()}.xlsx`,
+    'post'
   )
 }
 
 const handleImport = () => {
-  upload.title = '资质汇总导入'
-  upload.url = import.meta.env.VITE_APP_BASE_API + '/ledger/qualification-summary/import'
+  upload.title = '证书信息导入'
+  upload.url = import.meta.env.VITE_APP_BASE_API + '/ledger/certificate/importData'
   upload.open = true
 }
 
-const importTemplate = () => {
+const downloadTemplate = () => {
   proxy.download(
-    'ledger/qualification-summary/importTemplate',
+    'ledger/certificate/importTemplate',
     {},
-    `qualification_summary_template_${new Date().getTime()}.xlsx`
+    `qualification_summary_template_${new Date().getTime()}.xlsx`,
+    'post'
   )
 }