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/lzUser.vue | 65 ++++++++++++++++++--------------
1 files changed, 37 insertions(+), 28 deletions(-)
diff --git a/src/views/dashboard/lzUser.vue b/src/views/dashboard/lzUser.vue
index 411582d..cce2584 100644
--- a/src/views/dashboard/lzUser.vue
+++ b/src/views/dashboard/lzUser.vue
@@ -23,34 +23,25 @@
:data="list"
row-key="prop1"
stripe
- :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+ 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="true" type="selection" :reserve-selection="false" width="55" />
- <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="80" />
- <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="80" />
- <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
- <el-table-column show-overflow-tooltip="true" prop="arbitrationDate" label="仲裁日期" width="100" />
- <el-table-column show-overflow-tooltip="true" prop="arbitrationType" label="仲裁类型" width="100">
- <template slot-scope="scope">
- {{ scope.row.arbitrationType === '01' ? '劳资纠纷': '' }}
- {{ scope.row.arbitrationType === '02' ? '民事纠纷': '' }}
- {{ scope.row.arbitrationType === '03' ? '合同纠纷': '' }}
- </template>
- </el-table-column>
- <el-table-column show-overflow-tooltip="true" prop="arbitrationReason" label="仲裁事由" />
- <el-table-column show-overflow-tooltip="true" prop="reporter" label="报备人" width="80" />
- <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
- <el-table-column show-overflow-tooltip="true" prop="arbitrationPay" label="仲裁赔付（元）" width="120" />
- <el-table-column show-overflow-tooltip="true" prop="arbitrationStatus" label="状态" width="80">
- <template slot-scope="scope">
- {{ scope.row.arbitrationStatus === 0 ? '未结案': '' }}
- {{ scope.row.arbitrationStatus === 1 ? '已结案': '' }}
- </template>
- </el-table-column>
- <el-table-column show-overflow-tooltip="true" prop="settleDate" 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="100" />
+ <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="140" />
+ <el-table-column show-overflow-tooltip prop="arbitrationDate" label="仲裁日期" width="100" />
+ <el-table-column show-overflow-tooltip prop="arbitrationType" label="仲裁类型" :formatter="arbitrationTypeFormat" width="80" />
+ <el-table-column show-overflow-tooltip prop="arbitrationReason" label="仲裁事由" width="100" />
+ <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="100" />
+ <el-table-column show-overflow-tooltip prop="remark" label="备注" width="100" />
+ <el-table-column show-overflow-tooltip prop="arbitrationPay" label="仲裁赔付（元）" width="120" />
+ <el-table-column show-overflow-tooltip prop="arbitrationStatus" label="状态" :formatter="arbitrationStatusFormat" width="80" />
+ <el-table-column show-overflow-tooltip prop="settleDate" label="案结日期" width="100" />
</el-table>
<pagination
v-show="total>0"
@@ -66,10 +57,12 @@
<script>
// 引用翻页组件
import Pagination from '@/components/Pagination'
+import dictMixin from '../../utils/dictMixin'
export default {
components: {
Pagination
},
+ mixins: [dictMixin],
props: {
dialogVisible: {
type: Boolean,
@@ -84,6 +77,7 @@
default: false
}
},
+
data() {
return {
show: false,
@@ -101,9 +95,11 @@
}, // 查询参数
sort: {}, // 排序
pagination: { // 分页参数
- size: 5,
+ size: 15,
num: 1
},
+ // archivesStatusOptions: [],
+ // arbitrationTypeOptions: [],
list: [], // 给table显示的数据
defaultProps: {
children: 'children',
@@ -116,9 +112,22 @@
get() {
return this.dialogVisible
}
- }
+ },
+ // 字典选项计算属性
+ archivesStatusOptions() { return this.getDictOptions('archivesStatus') },
+ arbitrationTypeOptions() { return this.getDictOptions('ZCTYPE') }
+ },
+ mounted() {
+ // 字典数据已在登录时预加载，直接从 Vuex 获取
+ this.initDictTypes(['archivesStatus', 'ZCTYPE'])
},
methods: {
+ arbitrationTypeFormat(row, column) {
+ return this.selectDictLabel(this.arbitrationTypeOptions, row.arbitrationType)
+ },
+ arbitrationStatusFormat(row, column) {
+ return this.selectDictLabel(this.archivesStatusOptions, row.arbitrationStatus)
+ },
beforeClose(done) {
this.$emit('cancleChooseUser')
},
--
Gitblit v1.8.0