refactor: 重构两个台账模块的接口和页面逻辑

1. 调整免考核人员和合同到期台账的后端接口路径与参数
2. 重构页面查询条件、表单字段与字典映射
3. 新增增删改查完整业务逻辑与弹窗组件
4. 统一导出导入模板与文件名格式

src/api/ledgerManage/contractExpirationLedger.js

@@ -1,53 +1,73 @@
 import request from '@/utils/request'
 
-// 查询合同到期台账列表
+// 查询合同到期列表
 export function listContractExpirationLedger(query) {
   return request({
-    url: '/ledger/contract-expiration/list',
+    url: '/ledger/contract/list',
     method: 'get',
     params: query
   })
 }
 
-// 查询合同到期台账详情（合同明细）
+// 获取合同到期详细信息
 export function getContractExpirationLedger(id) {
   return request({
-    url: `/ledger/contract-expiration/${id}`,
+    url: `/ledger/contract/${id}`,
     method: 'get'
   })
 }
 
-// 新增合同到期台账
+// 新增合同到期
 export function addContractExpirationLedger(data) {
   return request({
-    url: '/ledger/contract-expiration',
+    url: '/ledger/contract',
     method: 'post',
     data: data
   })
 }
 
-// 修改合同到期台账
+// 修改合同到期
 export function updateContractExpirationLedger(data) {
   return request({
-    url: '/ledger/contract-expiration',
+    url: '/ledger/contract',
     method: 'put',
     data: data
   })
 }
 
-// 删除合同到期台账
+// 删除合同到期
 export function delContractExpirationLedger(ids) {
   return request({
-    url: `/ledger/contract-expiration/${ids}`,
+    url: `/ledger/contract/${ids}`,
     method: 'delete'
   })
 }
 
-// 导出合同到期台账列表
-export function exportContractExpirationLedger(query) {
+// 导出合同到期列表
+export function exportContractExpirationLedger(data) {
   return request({
-    url: '/ledger/contract-expiration/export',
-    method: 'get',
-    params: query
+    url: '/ledger/contract/export',
+    method: 'post',
+    data: data
+  })
+}
+
+// 导入数据列表
+export function importContractData(data) {
+  return request({
+    url: '/ledger/contract/importData',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
+
+// 获取导入模板
+export function importContractTemplate() {
+  return request({
+    url: '/ledger/contract/importTemplate',
+    method: 'post'
   })
 }

src/api/performance/exemptEvaluation.js

@@ -1,45 +1,73 @@
 import request from '@/utils/request'
 
-// 查询免考核人员列表
+// 查询不参加绩效考核人员名单列表
 export function listExemptEvaluation(query) {
   return request({
-    url: '/performance/exempt-evaluation/list',
+    url: '/ledger/excluded/list',
     method: 'get',
     params: query
   })
 }
 
-// 新增免考核人员
+// 导出不参加绩效考核人员名单列表
+export function exportExemptEvaluation(data) {
+  return request({
+    url: '/ledger/excluded/export',
+    method: 'post',
+    data: data
+  })
+}
+
+// 获取不参加绩效考核人员名单详细信息
+export function getExemptEvaluation(id) {
+  return request({
+    url: `/ledger/excluded/${id}`,
+    method: 'get'
+  })
+}
+
+// 新增不参加绩效考核人员名单
 export function addExemptEvaluation(data) {
   return request({
-    url: '/performance/exempt-evaluation',
+    url: '/ledger/excluded',
     method: 'post',
     data: data
   })
 }
 
-// 修改免考核人员
+// 修改不参加绩效考核人员名单
 export function updateExemptEvaluation(data) {
   return request({
-    url: '/performance/exempt-evaluation',
+    url: '/ledger/excluded',
     method: 'put',
     data: data
   })
 }
 
-// 删除免考核人员
+// 删除不参加绩效考核人员名单
 export function delExemptEvaluation(ids) {
   return request({
-    url: `/performance/exempt-evaluation/${ids}`,
+    url: `/ledger/excluded/${ids}`,
     method: 'delete'
   })
 }
 
-// 导入免考核人员
+// 导入数据列表
 export function importExemptEvaluation(data) {
   return request({
-    url: '/performance/exempt-evaluation/import',
+    url: '/ledger/excluded/importData',
     method: 'post',
-    data: data
+    data: data,
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  })
+}
+
+// 获取导入模板
+export function importExemptTemplate() {
+  return request({
+    url: '/ledger/excluded/importTemplate',
+    method: 'post'
   })
 }

src/views/ledgerManage/contractExpirationLedger/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <div class="filter-container">
       <el-form :model="queryParams" ref="queryFormRef" :inline="true" class="search-form">
-        <el-form-item label="姓名" prop="userName">
+        <el-form-item label="姓名" prop="userId">
           <UserSelect v-model="queryParams.userId" placeholder="请输入姓名搜索" style="width: 200px" />
         </el-form-item>
 
@@ -12,32 +12,24 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="部门" prop="deptName">
-          <el-input v-model="queryParams.deptName" placeholder="请输入部门" clearable style="width: 200px" />
-        </el-form-item>
-
-        <el-form-item label="最近合同开始时间" prop="recentContractStartTime">
-          <el-date-picker v-model="queryParams.recentContractStartTime" type="date" value-format="YYYY-MM-DD"
-            placeholder="选择日期" style="width: 200px" />
-        </el-form-item>
-
-        <el-form-item label="最近合同结束时间" prop="recentContractEndTime">
-          <el-date-picker v-model="queryParams.recentContractEndTime" type="date" value-format="YYYY-MM-DD"
-            placeholder="选择日期" style="width: 200px" />
-        </el-form-item>
-
         <el-form-item label="合同名称" prop="contractName">
           <el-input v-model="queryParams.contractName" placeholder="请输入合同名称" clearable style="width: 200px" />
         </el-form-item>
 
-        <el-form-item label="开始时间" prop="contractStartTime">
-          <el-date-picker v-model="queryParams.contractStartTime" type="date" value-format="YYYY-MM-DD"
-            placeholder="选择日期" style="width: 200px" />
+        <el-form-item label="合同开始日期" prop="contractStartDateQueryStartDate">
+          <el-date-picker v-model="queryParams.contractStartDateQueryStartDate" type="date" value-format="YYYY-MM-DD"
+            placeholder="开始日期" style="width: 150px" />
+          <span style="padding: 0 8px">-</span>
+          <el-date-picker v-model="queryParams.contractStartDateQueryEndDate" type="date" value-format="YYYY-MM-DD"
+            placeholder="结束日期" style="width: 150px" />
         </el-form-item>
 
-        <el-form-item label="结束时间" prop="contractEndTime">
-          <el-date-picker v-model="queryParams.contractEndTime" type="date" value-format="YYYY-MM-DD"
-            placeholder="选择日期" style="width: 200px" />
+        <el-form-item label="合同结束日期" prop="contractEndDateQueryStartDate">
+          <el-date-picker v-model="queryParams.contractEndDateQueryStartDate" type="date" value-format="YYYY-MM-DD"
+            placeholder="开始日期" style="width: 150px" />
+          <span style="padding: 0 8px">-</span>
+          <el-date-picker v-model="queryParams.contractEndDateQueryEndDate" type="date" value-format="YYYY-MM-DD"
+            placeholder="结束日期" style="width: 150px" />
         </el-form-item>
 
         <el-form-item>
@@ -48,23 +40,27 @@
     </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;"
-      @expand-change="handleExpandChange">
+      @selection-change="handleSelectionChange" @expand-change="handleExpandChange">
+      <el-table-column type="selection" width="55" align="center" />
       <el-table-column type="expand">
         <template #default="scope">
           <div class="detail-container">
             <div class="detail-title">合同明细</div>
-            <el-table :data="scope.row.contractDetailList || []" border fit size="small"
+            <el-table :data="scope.row.ledgerContractExpirationDetailList || []" border fit size="small"
               style="width: 100%; margin-top: 10px;">
               <el-table-column label="序号" type="index" width="60" align="center" />
               <el-table-column label="合同名称" prop="contractName" align="center" min-width="200"
                 show-overflow-tooltip />
-              <el-table-column label="开始时间" prop="startTime" align="center" min-width="130" />
-              <el-table-column label="结束时间" prop="endTime" align="center" min-width="130" />
+              <el-table-column label="开始时间" prop="contractStartDate" align="center" min-width="130" />
+              <el-table-column label="结束时间" prop="contractEndDate" align="center" min-width="130" />
             </el-table>
           </div>
         </template>
@@ -80,14 +76,81 @@
           <dict-tag :options="employment_type" :value="scope.row.employmentType" />
         </template>
       </el-table-column>
-      <el-table-column label="部门" prop="deptName" align="center" min-width="150" show-overflow-tooltip />
-      <el-table-column label="最近合同开始时间" prop="recentContractStartTime" align="center" min-width="150" />
-      <el-table-column label="最近合同结束时间" prop="recentContractEndTime" align="center" min-width="150" />
+      <el-table-column label="大队名称" prop="brigadeName" align="center" min-width="130" show-overflow-tooltip />
+      <el-table-column label="合同名称" prop="contractName" align="center" min-width="150" show-overflow-tooltip />
+      <el-table-column label="合同开始日期" prop="contractStartDate" align="center" min-width="130" />
+      <el-table-column label="合同结束日期" prop="contractEndDate" align="center" min-width="130" />
     </el-table>
 
     <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="700px" append-to-body destroy-on-close>
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="姓名" prop="userId">
+          <UserSelect v-model="form.userId" placeholder="请选择姓名" style="width: 100%" />
+        </el-form-item>
+        <el-form-item label="用工形式" prop="employmentType">
+          <el-select v-model="form.employmentType" placeholder="请选择用工形式" clearable style="width: 100%">
+            <el-option v-for="dict in employment_type" :key="dict.value" :label="dict.label" :value="dict.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="大队名称" prop="brigadeName">
+          <el-input v-model="form.brigadeName" placeholder="请输入大队名称" />
+        </el-form-item>
+        <el-form-item label="合同名称" prop="contractName">
+          <el-input v-model="form.contractName" placeholder="请输入合同名称" :disabled="!!form.id" />
+        </el-form-item>
+        <el-form-item label="合同开始日期" prop="contractStartDate">
+          <el-date-picker v-model="form.contractStartDate" value-format="YYYY-MM-DD" type="date" placeholder="请选择合同开始日期" style="width: 100%" :disabled="!!form.id" />
+        </el-form-item>
+        <el-form-item label="合同结束日期" prop="contractEndDate">
+          <el-date-picker v-model="form.contractEndDate" value-format="YYYY-MM-DD" type="date" placeholder="请选择合同结束日期" style="width: 100%" :disabled="!!form.id" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
+        </el-form-item>
+        <el-form-item label="合同明细">
+          <div style="width: 100%">
+            <el-button type="primary" size="small" icon="Plus" @click="handleAddDetail" style="margin-bottom: 10px">
+              新增明细
+            </el-button>
+            <el-table :data="form.ledgerContractExpirationDetailList || []" border fit size="small" style="width: 100%">
+              <el-table-column label="合同名称" min-width="180">
+                <template #default="scope">
+                  <el-input v-model="scope.row.contractName" placeholder="请输入合同名称" size="small" />
+                </template>
+              </el-table-column>
+              <el-table-column label="开始日期" min-width="140">
+                <template #default="scope">
+                  <el-date-picker v-model="scope.row.contractStartDate" value-format="YYYY-MM-DD" type="date"
+                    placeholder="选择日期" size="small" style="width: 100%" />
+                </template>
+              </el-table-column>
+              <el-table-column label="结束日期" min-width="140">
+                <template #default="scope">
+                  <el-date-picker v-model="scope.row.contractEndDate" value-format="YYYY-MM-DD" type="date"
+                    placeholder="选择日期" size="small" style="width: 100%" />
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" width="80" align="center">
+                <template #default="scope">
+                  <el-button type="danger" size="small" link icon="Delete" @click="handleDeleteDetail(scope.$index)" />
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </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"
@@ -102,7 +165,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>
@@ -117,14 +180,18 @@
 </template>
 
 <script setup name="ContractExpirationLedger">
-import { ref, reactive, getCurrentInstance, onMounted } from 'vue'
+import { ref, reactive, getCurrentInstance, onMounted, watch } from 'vue'
 import { UploadFilled } from '@element-plus/icons-vue'
 import UserSelect from '@/components/UserSelect/index.vue'
 import {
   listContractExpirationLedger,
-  exportContractExpirationLedger,
-  getContractExpirationLedger
+  getContractExpirationLedger,
+  addContractExpirationLedger,
+  updateContractExpirationLedger,
+  delContractExpirationLedger,
+  exportContractExpirationLedger
 } from '@/api/ledgerManage/contractExpirationLedger'
+import { getUser } from '@/api/system/user'
 import { getToken } from '@/utils/auth'
 
 const { proxy } = getCurrentInstance()
@@ -135,18 +202,23 @@ const loading = ref(false)
 const total = ref(0)
 const list = ref([])
 const queryFormRef = ref(null)
+const formRef = ref(null)
+const ids = ref([])
+const single = ref(true)
+const multiple = ref(true)
+const open = ref(false)
+const title = ref('')
 
 const queryParams = reactive({
   pageNum: 1,
   pageSize: 10,
   userId: '',
   employmentType: '',
-  deptName: '',
-  recentContractStartTime: '',
-  recentContractEndTime: '',
   contractName: '',
-  contractStartTime: '',
-  contractEndTime: ''
+  contractStartDateQueryStartDate: '',
+  contractStartDateQueryEndDate: '',
+  contractEndDateQueryStartDate: '',
+  contractEndDateQueryEndDate: ''
 })
 
 const upload = reactive({
@@ -159,6 +231,40 @@ const upload = reactive({
   }
 })
 
+const form = ref({
+  id: undefined,
+  userId: '',
+  userName: '',
+  employmentType: '',
+  brigadeName: '',
+  contractName: '',
+  contractStartDate: '',
+  contractEndDate: '',
+  remark: '',
+  ledgerContractExpirationDetailList: []
+})
+
+watch(() => form.value.userId, async (newVal) => {
+  if (newVal) {
+    try {
+      const res = await getUser(newVal)
+      form.value.userName = res.data?.nickName || ''
+    } catch {
+      form.value.userName = ''
+    }
+  } else {
+    form.value.userName = ''
+  }
+})
+
+const rules = reactive({
+  userId: [{ required: true, message: '请选择姓名', trigger: 'change' }],
+  employmentType: [{ required: true, message: '请选择用工形式', trigger: 'change' }],
+  contractName: [{ required: true, message: '请输入合同名称', trigger: 'blur' }],
+  contractStartDate: [{ required: true, message: '请选择合同开始日期', trigger: 'change' }],
+  contractEndDate: [{ required: true, message: '请选择合同结束日期', trigger: 'change' }]
+})
+
 const getList = async () => {
   loading.value = true
   try {
@@ -179,45 +285,133 @@ const resetQuery = () => {
   queryFormRef.value.resetFields()
   queryParams.userId = ''
   queryParams.employmentType = ''
-  queryParams.deptName = ''
-  queryParams.recentContractStartTime = ''
-  queryParams.recentContractEndTime = ''
   queryParams.contractName = ''
-  queryParams.contractStartTime = ''
-  queryParams.contractEndTime = ''
+  queryParams.contractStartDateQueryStartDate = ''
+  queryParams.contractStartDateQueryEndDate = ''
+  queryParams.contractEndDateQueryStartDate = ''
+  queryParams.contractEndDateQueryEndDate = ''
   handleQuery()
 }
 
+const handleSelectionChange = (selection) => {
+  ids.value = selection.map(item => item.id)
+  single.value = selection.length !== 1
+  multiple.value = !selection.length
+}
+
 const handleExpandChange = async (row, expandedRows) => {
-  if (expandedRows.includes(row) && (!row.contractDetailList || row.contractDetailList.length === 0)) {
+  if (expandedRows.includes(row) && (!row.ledgerContractExpirationDetailList || row.ledgerContractExpirationDetailList.length === 0)) {
     try {
       const res = await getContractExpirationLedger(row.id)
-      row.contractDetailList = res.data?.contractDetailList || res.data || []
+      row.ledgerContractExpirationDetailList = res.data?.ledgerContractExpirationDetailList || res.data || []
     } catch (error) {
-      row.contractDetailList = []
+      row.ledgerContractExpirationDetailList = []
     }
   }
 }
 
+const handleAdd = () => {
+  reset()
+  open.value = true
+  title.value = '添加合同到期信息'
+}
+
+const handleUpdate = async (row) => {
+  reset()
+  const id = row.id || ids.value[0]
+  const res = await getContractExpirationLedger(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 delContractExpirationLedger(deleteIds)
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess('删除成功')
+  }).catch(() => { })
+}
+
+const handleAddDetail = () => {
+  if (!form.value.ledgerContractExpirationDetailList) {
+    form.value.ledgerContractExpirationDetailList = []
+  }
+  form.value.ledgerContractExpirationDetailList.push({
+    contractName: '',
+    contractStartDate: '',
+    contractEndDate: ''
+  })
+}
+
+const handleDeleteDetail = (index) => {
+  form.value.ledgerContractExpirationDetailList.splice(index, 1)
+}
+
+const submitForm = async () => {
+  const valid = await formRef.value.validate().catch(() => false)
+  if (!valid) return
+
+  loading.value = true
+  try {
+    if (form.value.id) {
+      await updateContractExpirationLedger(form.value)
+      proxy.$modal.msgSuccess('修改成功')
+    } else {
+      await addContractExpirationLedger(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: '',
+    userName: '',
+    employmentType: '',
+    brigadeName: '',
+    contractName: '',
+    contractStartDate: '',
+    contractEndDate: '',
+    remark: '',
+    ledgerContractExpirationDetailList: []
+  }
+  formRef.value && formRef.value.resetFields()
+}
+
 const handleExport = () => {
   proxy.download(
-    'ledger/contract-expiration/export',
+    'ledger/contract/export',
     queryParams,
-    `contract_expiration_ledger_${new Date().getTime()}.xlsx`
+    `合同到期台账模板_${new Date().getTime()}.xlsx`,
+    'post'
   )
 }
 
 const handleImport = () => {
-  upload.title = '合同到期台账导入'
-  upload.url = import.meta.env.VITE_APP_BASE_API + '/ledger/contract-expiration/import'
+  upload.title = '合同到期导入'
+  upload.url = import.meta.env.VITE_APP_BASE_API + '/ledger/contract/importData'
   upload.open = true
 }
 
-const importTemplate = () => {
+const downloadTemplate = () => {
   proxy.download(
-    'ledger/contract-expiration/importTemplate',
+    'ledger/contract/importTemplate',
     {},
-    `contract_expiration_template_${new Date().getTime()}.xlsx`
+    `合同到期台账模板_${new Date().getTime()}.xlsx`,
+    'post'
   )
 }
 

src/views/ledgerManage/qualificationSummary/index.vue

@@ -6,17 +6,17 @@
           <UserSelect v-model="queryParams.userId" placeholder="请输入姓名搜索" style="width: 200px" />
         </el-form-item>
 
-        <el-form-item label="证书等级" prop="certificateLevel">
-          <el-select v-model="queryParams.certificateLevel" placeholder="请选择证书等级" clearable style="width: 200px">
-            <el-option v-for="dict in certificate_level" :key="dict.value" :label="dict.label" :value="dict.value" />
+        <el-form-item label="证书等级" prop="certLevel">
+          <el-select v-model="queryParams.certLevel" placeholder="请选择证书等级" clearable style="width: 200px">
+            <el-option v-for="dict in sys_user_qualification_level" :key="dict.value" :label="dict.label" :value="dict.label" />
           </el-select>
         </el-form-item>
 
-        <el-form-item label="发证时间" prop="issueDate" style="width: 200px">
+        <el-form-item label="发证时间" prop="issueDate" style="width: 300px">
           <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: 200px">
+        <el-form-item label="到期日期" prop="expiryDate" style="width: 300px">
           <el-date-picker v-model="queryParams.expiryDate" value-format="YYYY-MM-DD" type="date" placeholder="请选择到期日期" clearable />
         </el-form-item>
 
@@ -50,7 +50,7 @@
       <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">
-   
+        
       </el-table-column>
       <el-table-column label="发证时间" prop="issueDate" align="center" min-width="120" />
       <el-table-column label="证书编号" prop="certNo" align="center" min-width="150" show-overflow-tooltip />
@@ -60,7 +60,7 @@
       <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">
-       
+      
       </el-table-column>
       <el-table-column label="到期天数" prop="expireDays" align="center" min-width="100">
         <template #default="scope">
@@ -97,7 +97,7 @@
         </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-option v-for="dict in sys_user_qualification_level" :key="dict.value" :label="dict.label" :value="dict.value" />
           </el-select>
         </el-form-item>
         <el-form-item label="发证时间" prop="issueDate">
@@ -125,9 +125,7 @@
           <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-input v-model="form.status" placeholder="请输入状态" />
         </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
@@ -178,7 +176,7 @@ import { getToken } from '@/utils/auth'
 
 const { proxy } = getCurrentInstance()
 
-const { certificate_level, certificate_status } = proxy.useDict('certificate_level', 'certificate_status')
+const { sys_user_qualification_level, certificate_status } = proxy.useDict('sys_user_qualification_level', 'certificate_status')
 
 const loading = ref(false)
 const total = ref(0)
@@ -350,7 +348,7 @@ const handleExport = () => {
   proxy.download(
     'ledger/certificate/export',
     queryParams,
-    `qualification_summary_${new Date().getTime()}.xlsx`,
+    `资质汇总表_${new Date().getTime()}.xlsx`,
     'post'
   )
 }
@@ -365,7 +363,7 @@ const downloadTemplate = () => {
   proxy.download(
     'ledger/certificate/importTemplate',
     {},
-    `qualification_summary_template_${new Date().getTime()}.xlsx`,
+    `资质汇总表模板_${new Date().getTime()}.xlsx`,
     'post'
   )
 }

src/views/performanceManage/exemptEvaluation/index.vue

@@ -2,8 +2,8 @@
   <div class="app-container">
     <div class="filter-container">
       <el-form :model="queryParams" ref="queryFormRef" :inline="true" class="search-form">
-        <el-form-item label="考核月份" prop="assessmentMonth">
-          <el-date-picker v-model="queryParams.assessmentMonth" type="month" placeholder="请选择考核月份"
+        <el-form-item label="年度月份" prop="yearAndMonth">
+          <el-date-picker v-model="queryParams.yearAndMonth" type="month" placeholder="请选择年度月份"
             value-format="YYYY-MM" style="width: 200px" />
         </el-form-item>
 
@@ -11,8 +11,8 @@
           <UserSelect v-model="queryParams.userId" placeholder="请输入姓名搜索" style="width: 200px" />
         </el-form-item>
 
-        <el-form-item label="不参加考核原因" prop="exemptionReason">
-          <el-input v-model="queryParams.exemptionReason" placeholder="请输入原因" clearable style="width: 200px" />
+        <el-form-item label="不参加考核原因" prop="reason">
+          <el-input v-model="queryParams.reason" placeholder="请输入原因" clearable style="width: 200px" />
         </el-form-item>
 
         <el-form-item>
@@ -23,18 +23,54 @@
     </div>
 
     <div class="operation-container">
-      <el-button type="success" plain icon="Upload" @click="handleImport">导入</el-button>
+      <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-column label="考核月份" prop="assessmentMonth" align="center" min-width="150" />
+    <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="yearAndMonth" align="center" min-width="150" />
       <el-table-column label="姓名" prop="userName" align="center" min-width="120" />
-      <el-table-column label="不参加考核原因" prop="exemptionReason" align="center" min-width="200" show-overflow-tooltip />
+      <el-table-column label="不参加考核原因" prop="reason" align="center" min-width="200" show-overflow-tooltip />
     </el-table>
 
     <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="500px" append-to-body destroy-on-close>
+      <el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
+        <el-form-item label="姓名" prop="userId">
+          <UserSelect v-model="form.userId" placeholder="请选择姓名" style="width: 100%" />
+        </el-form-item>
+        <el-form-item label="年度月份" prop="yearAndMonth">
+          <el-date-picker v-model="form.yearAndMonth" type="month" placeholder="请选择年度月份"
+            value-format="YYYY-MM" style="width: 100%" />
+        </el-form-item>
+        <el-form-item label="不参加考核原因" prop="reason">
+          <el-input v-model="form.reason" type="textarea" placeholder="请输入不参加考核原因" />
+        </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"
@@ -49,7 +85,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>
@@ -64,10 +100,11 @@
 </template>
 
 <script setup name="ExemptEvaluation">
-import { ref, reactive, getCurrentInstance, onMounted } from 'vue'
+import { ref, reactive, getCurrentInstance, onMounted, watch } from 'vue'
 import { UploadFilled } from '@element-plus/icons-vue'
 import UserSelect from '@/components/UserSelect/index.vue'
-import { listExemptEvaluation, delExemptEvaluation } from '@/api/performance/exemptEvaluation'
+import { listExemptEvaluation, addExemptEvaluation, updateExemptEvaluation, delExemptEvaluation, getExemptEvaluation, exportExemptEvaluation } from '@/api/performance/exemptEvaluation'
+import { getUser } from '@/api/system/user'
 import { getToken } from '@/utils/auth'
 
 const { proxy } = getCurrentInstance()
@@ -76,13 +113,19 @@ const loading = ref(false)
 const total = ref(0)
 const list = ref([])
 const queryFormRef = ref(null)
+const formRef = ref(null)
+const ids = ref([])
+const single = ref(true)
+const multiple = ref(true)
+const open = ref(false)
+const title = ref('')
 
 const queryParams = reactive({
   pageNum: 1,
   pageSize: 10,
-  assessmentMonth: '',
+  yearAndMonth: '',
   userId: '',
-  exemptionReason: ''
+  reason: ''
 })
 
 const upload = reactive({
@@ -95,6 +138,34 @@ const upload = reactive({
   }
 })
 
+const form = ref({
+  id: undefined,
+  userId: '',
+  userName: '',
+  yearAndMonth: '',
+  reason: '',
+  remark: ''
+})
+
+watch(() => form.value.userId, async (newVal) => {
+  if (newVal) {
+    try {
+      const res = await getUser(newVal)
+      form.value.userName = res.data?.nickName || ''
+    } catch {
+      form.value.userName = ''
+    }
+  } else {
+    form.value.userName = ''
+  }
+})
+
+const rules = reactive({
+  userId: [{ required: true, message: '请选择姓名', trigger: 'change' }],
+  yearAndMonth: [{ required: true, message: '请选择年度月份', trigger: 'change' }],
+  reason: [{ required: true, message: '请输入不参加考核原因', trigger: 'blur' }]
+})
+
 const getList = async () => {
   loading.value = true
   try {
@@ -113,23 +184,101 @@ const handleQuery = () => {
 
 const resetQuery = () => {
   queryFormRef.value.resetFields()
-  queryParams.assessmentMonth = ''
+  queryParams.yearAndMonth = ''
   queryParams.userId = ''
-  queryParams.exemptionReason = ''
+  queryParams.reason = ''
   handleQuery()
 }
 
+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 getExemptEvaluation(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 delExemptEvaluation(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 updateExemptEvaluation(form.value)
+      proxy.$modal.msgSuccess('修改成功')
+    } else {
+      await addExemptEvaluation(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: '',
+    userName: '',
+    yearAndMonth: '',
+    reason: '',
+    remark: ''
+  }
+  formRef.value && formRef.value.resetFields()
+}
+
 const handleImport = () => {
-  upload.title = '免考核人员导入'
-  upload.url = import.meta.env.VITE_APP_BASE_API + '/performance/exempt-evaluation/import'
+  upload.title = '不参加绩效考核人员导入'
+  upload.url = import.meta.env.VITE_APP_BASE_API + '/ledger/excluded/importData'
   upload.open = true
 }
 
-const importTemplate = () => {
+const downloadTemplate = () => {
   proxy.download(
-    'performance/exempt-evaluation/importTemplate',
+    'ledger/excluded/importTemplate',
     {},
-    `exempt_evaluation_template_${new Date().getTime()}.xlsx`
+    `不参加绩效考核人员模板_${new Date().getTime()}.xlsx`,
+    'post'
+  )
+}
+
+const handleExport = () => {
+  proxy.download(
+    'ledger/excluded/export',
+    queryParams,
+    `不参加绩效考核人员_${new Date().getTime()}.xlsx`,
+    'post'
   )
 }