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/dashboard/sbUser.vue | 46 +++++++++++++++++++++++-----------------------
1 files changed, 23 insertions(+), 23 deletions(-)
diff --git a/src/views/dashboard/sbUser.vue b/src/views/dashboard/sbUser.vue
index 63a1883..44970f6 100644
--- a/src/views/dashboard/sbUser.vue
+++ b/src/views/dashboard/sbUser.vue
@@ -24,17 +24,18 @@
row-key="prop1"
stripe
border
+ :cell-style="{padding:'7px 0','text-align':'center'}"
:header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6','text-align':'center'}"
style="width: 100%;"
>
- <el-table-column show-overflow-tooltip type="selection" :reserve-selection="false" width="55" />
- <el-table-column show-overflow-tooltip prop="empNumb" label="员工编号" width="100" />
- <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="100" />
- <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="100" />
- <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="100" />
- <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
- <el-table-column show-overflow-tooltip prop="applayDate" label="社保申请日期" />
- <el-table-column show-overflow-tooltip prop="proposer" label="申请人" width="100" />
+ <el-table-column show-overflow-tooltip type="index" width="55" label="序号" />
+ <el-table-column show-overflow-tooltip prop="empNumb" label="编号" width="80" />
+ <el-table-column show-overflow-tooltip prop="allDeptName" label="部门(护卫点)" width="300" />
+ <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
+ <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="80" />
+ <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="140" />
+ <el-table-column show-overflow-tooltip prop="applayDate" label="社保申请日期" min-width="120" />
+ <el-table-column show-overflow-tooltip prop="proposer" label="申请人" width="80" />
<el-table-column show-overflow-tooltip prop="insuranceGaers" :formatter="insuranceGaersFormat" label="社保档位" width="100" />
<el-table-column show-overflow-tooltip prop="reportStatus" :formatter="reportStatusFormat" label="是否已报告" width="100" />
<el-table-column show-overflow-tooltip prop="applayStatus" :formatter="applayStatusFormat" label="状态" width="80" />
@@ -55,10 +56,12 @@
<script>
// 引用翻页组件
import Pagination from '@/components/Pagination'
+import dictMixin from '../../utils/dictMixin'
export default {
components: {
Pagination
},
+ mixins: [dictMixin],
props: {
dialogVisible: {
type: Boolean,
@@ -90,17 +93,17 @@
}, // 查询参数
sort: {}, // 排序
pagination: { // 分页参数
- size: 5,
+ size: 15,
num: 1
},
list: [], // 给table显示的数据
defaultProps: {
children: 'children',
label: 'label'
- },
- insuranceGaersOptions: [],
- applayStatusOptions: [],
- reportStatusOptions: []
+ }
+ // insuranceGaersOptions: [],
+ // applayStatusOptions: [],
+ // reportStatusOptions: []
}
},
computed: {
@@ -108,18 +111,15 @@
get() {
return this.dialogVisible
}
- }
+ },
+ // 字典选项计算属性
+ insuranceGaersOptions() { return this.getDictOptions('INSURANCETYPE') },
+ applayStatusOptions() { return this.getDictOptions('applayStatus') },
+ reportStatusOptions() { return this.getDictOptions('reportStatus') }
},
mounted() {
- this.getDicts('insuranceGaers').then(response => {
- this.insuranceGaersOptions = response.data
- })
- this.getDicts('applayStatus').then(response => {
- this.applayStatusOptions = response.data
- })
- this.getDicts('reportStatus').then(response => {
- this.reportStatusOptions = response.data
- })
+ // 字典数据已在登录时预加载，直接从 Vuex 获取
+ this.initDictTypes(['INSURANCETYPE', 'applayStatus', 'reportStatus'])
},
methods: {
insuranceGaersFormat(row, column) {
--
Gitblit v1.8.0