From 6448ec15bfe0b65fb822a662105bceddc23b58d8 Mon Sep 17 00:00:00 2001
From: yubo <autumnal_wind@yeah.net>
Date: 星期一, 06 四月 2026 21:34:44 +0800
Subject: [PATCH] feat(user): 新增员工档案管理视图组件

---
 src/views/user/search.vue |  139 +++++++++++----------------------------------
 1 files changed, 35 insertions(+), 104 deletions(-)

diff --git a/src/views/user/search.vue b/src/views/user/search.vue
index 5d7f6a7..01251d9 100644
--- a/src/views/user/search.vue
+++ b/src/views/user/search.vue
@@ -2198,10 +2198,13 @@
 </template>
 <script>
 import Pagination from '@/components/Pagination'
+import dictMixin from '../../utils/dictMixin'
+
 export default {
   components: {
     Pagination
   },
+  mixins: [dictMixin],
   data() {
     return {
       cityOptions: ['archivesNumb', 'allDeptName', 'jobName', 'empName', 'certificateNumb', 'certificateValidity', 'sexName', 'nationName', 'age', 'marriageName', 'stature', 'birthdate', 'politicsName', 'empTypeName', 'educationName', 'nativePlaceName', 'censusAddress', 'currentAddress', 'guardNumb', 'returnReceipt', 'archivesStatusName', 'bankName', 'bankNumb', 'telePhone', 'entryDate', 'InsuranceTypeName', 'socialNumb', 'introducer', 'seniority', 'empCardStatusName', 'certificateListName', 'urgencyPhone', 'handbookStatusName', 'family', 'empStatusName', 'dimissionDate', 'entryTypeName', 'dimissionTypeName', 'empNumb', 'annualLeave'],
@@ -2499,32 +2502,7 @@
           }
         ]
       },
-      statusOptions: [],
-      empTypeOptions: [],
-      nationOptions: [],
-      marriageOptions: [],
-      educationOptions: [],
-      nativePlaceOptions: [],
-      archivesStatusOptions: [],
-      insuranceTypeOptions: [],
-      empCardStatusOptions: [],
-      handbookStatusOptions: [],
-      ecgOptions: [],
-      certificateListOptions: [],
-      physicalExamTypeOptions: [],
-      contractStatusOptions: [],
-      leaveTypeOptions: [],
-      insuranceGaersOptions: [],
-      applayStatusOptions: [],
-      reportStatusOptions: [],
-      hospitalizatioFlagOptions: [],
-      settleStatusOptions: [],
-      arbitrationTypeOptions: [],
-      changeTypeOptions: [],
-      dimissionTypeOptions: [],
-      ageStrOptions: [],
-      attendYearOptions: [],
-      sexOptions: [],
+
       occupationalForm: {
         occupationalId: '',
         empId: '',
@@ -2576,87 +2554,40 @@
       }
     }
   },
+  computed: {
+    // 字典选项计算属性
+    statusOptions() { return this.getDictOptions('PLITICAL') },
+    empTypeOptions() { return this.getDictOptions('empType') },
+    nationOptions() { return this.getDictOptions('NATION') },
+    marriageOptions() { return this.getDictOptions('MARRIAGE') },
+    educationOptions() { return this.getDictOptions('EDUCATION') },
+    nativePlaceOptions() { return this.getDictOptions('NATIVEPLACE') },
+    archivesStatusOptions() { return this.getDictOptions('archivesStatus') },
+    insuranceTypeOptions() { return this.getDictOptions('INSURANCETYPE') },
+    empCardStatusOptions() { return this.getDictOptions('empCardStatus') },
+    handbookStatusOptions() { return this.getDictOptions('handbookStatus') },
+    certificateListOptions() { return this.getDictOptions('certificateList') },
+    physicalExamTypeOptions() { return this.getDictOptions('PHYSICALEXAMTYPE') },
+    ecgOptions() { return this.getDictOptions('ECG') },
+    contractStatusOptions() { return this.getDictOptions('CONTRACTSTATUS') },
+    leaveTypeOptions() { return this.getDictOptions('LEAVETYPE') },
+    insuranceGaersOptions() { return this.getDictOptions('INSURANCETYPE') },
+    applayStatusOptions() { return this.getDictOptions('applayStatus') },
+    reportStatusOptions() { return this.getDictOptions('reportStatus') },
+    hospitalizatioFlagOptions() { return this.getDictOptions('hospitalizatioFlag') },
+    settleStatusOptions() { return this.getDictOptions('settleStatus') },
+    arbitrationTypeOptions() { return this.getDictOptions('ZCTYPE') },
+    changeTypeOptions() { return this.getDictOptions('changeType') },
+    dimissionTypeOptions() { return this.getDictOptions('LZTYPE') },
+    ageStrOptions() { return this.getDictOptions('ageStr') },
+    attendYearOptions() { return this.getDictOptions('attendYear') },
+    sexOptions() { return this.getDictOptions('sex') }
+  },
   mounted() {
     this.thisShowIndex = 1
     this.isShow(false, 0)
-    this.getDicts('ageStr').then(response => {
-      this.ageStrOptions = response.data
-    })
-    this.getDicts('PLITICAL').then(response => {
-      this.statusOptions = response.data
-    })
-    this.getDicts('attendYear').then(response => {
-      this.attendYearOptions = response.data
-    })
-    this.getDicts('sex').then(response => {
-      this.sexOptions = response.data
-    })
-    this.getDicts('empType').then(response => {
-      this.empTypeOptions = response.data
-    })
-    this.getDicts('NATION').then(response => {
-      this.nationOptions = response.data
-    })
-    this.getDicts('MARRIAGE').then(response => {
-      this.marriageOptions = response.data
-    })
-    this.getDicts('EDUCATION').then(response => {
-      this.educationOptions = response.data
-    })
-    this.getDicts('NATIVEPLACE').then(response => {
-      this.nativePlaceOptions = response.data
-    })
-    this.getDicts('archivesStatus').then(response => {
-      this.archivesStatusOptions = response.data
-    })
-    this.getDicts('INSURANCETYPE').then(response => {
-      this.insuranceTypeOptions = response.data
-    })
-    this.getDicts('empCardStatus').then(response => {
-      this.empCardStatusOptions = response.data
-    })
-    this.getDicts('handbookStatus').then(response => {
-      this.handbookStatusOptions = response.data
-    })
-    this.getDicts('certificateList').then(response => {
-      this.certificateListOptions = response.data
-    })
-    this.getDicts('PHYSICALEXAMTYPE').then(response => {
-      this.physicalExamTypeOptions = response.data
-    })
-    this.getDicts('ECG').then(response => {
-      this.ecgOptions = response.data
-    })
-    this.getDicts('CONTRACTSTATUS').then(response => {
-      this.contractStatusOptions = response.data
-    })
-    this.getDicts('LEAVETYPE').then(response => {
-      this.leaveTypeOptions = response.data
-    })
-    this.getDicts('INSURANCETYPE').then(response => {
-      this.insuranceGaersOptions = response.data
-    })
-    this.getDicts('applayStatus').then(response => {
-      this.applayStatusOptions = response.data
-    })
-    this.getDicts('reportStatus').then(response => {
-      this.reportStatusOptions = response.data
-    })
-    this.getDicts('hospitalizatioFlag').then(response => {
-      this.hospitalizatioFlagOptions = response.data
-    })
-    this.getDicts('settleStatus').then(response => {
-      this.settleStatusOptions = response.data
-    })
-    this.getDicts('ZCTYPE').then(response => {
-      this.arbitrationTypeOptions = response.data
-    })
-    this.getDicts('changeType').then(response => {
-      this.changeTypeOptions = response.data
-    })
-    this.getDicts('LZTYPE').then(response => {
-      this.dimissionTypeOptions = response.data
-    })
+    // 字典数据已在登录时预加载,直接从 Vuex 获取
+    this.initDictTypes(['ageStr', 'PLITICAL', 'attendYear', 'sex', 'empType', 'NATION', 'MARRIAGE', 'EDUCATION', 'NATIVEPLACE', 'archivesStatus', 'INSURANCETYPE', 'empCardStatus', 'handbookStatus', 'certificateList', 'PHYSICALEXAMTYPE', 'ECG', 'CONTRACTSTATUS', 'LEAVETYPE', 'applayStatus', 'reportStatus', 'hospitalizatioFlag', 'settleStatus', 'ZCTYPE', 'changeType', 'LZTYPE'])
   },
   methods: {
     typeFormat(row, column) {

--
Gitblit v1.8.0