From d62d67dc663b2b45411e11da11357419926cc76f Mon Sep 17 00:00:00 2001
From: yubo <autumnal_wind@yeah.net>
Date: 星期四, 12 三月 2026 08:55:14 +0800
Subject: [PATCH] perf(dashboard): 将用户表格分页大小从5调整为15
---
src/views/dashboard/lzUser.vue | 49 ++++++++++++++++++++++++++++++++++---------------
1 files changed, 34 insertions(+), 15 deletions(-)
diff --git a/src/views/dashboard/lzUser.vue b/src/views/dashboard/lzUser.vue
index 38a80d0..1c48697 100644
--- a/src/views/dashboard/lzUser.vue
+++ b/src/views/dashboard/lzUser.vue
@@ -24,23 +24,24 @@
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 type="selection" :reserve-selection="false" width="55" />
- <el-table-column prop="empNumb" label="员工编号" width="180" />
- <el-table-column prop="deptName" label="护卫点" width="180" />
- <el-table-column prop="jobName" label="岗位" width="180" />
- <el-table-column prop="empName" label="姓名" width="180" />
- <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
- <el-table-column prop="arbitrationDate" label="仲裁日期" width="180" />
- <el-table-column prop="arbitrationType" label="仲裁类型" :formatter="arbitrationTypeFormat" />
- <el-table-column prop="arbitrationReason" label="仲裁事由" width="180" />
- <el-table-column prop="reporter" label="报备人" width="180" />
- <el-table-column prop="remark" label="备注" width="180" />
- <el-table-column prop="arbitrationPay" label="仲裁赔付（元）" width="180" />
- <el-table-column prop="arbitrationStatus" label="状态" :formatter="settleStatusFormat" />
- <el-table-column prop="settleDate" label="案结日期" width="180" />
+ <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"
@@ -91,9 +92,11 @@
}, // 查询参数
sort: {}, // 排序
pagination: { // 分页参数
- size: 5,
+ size: 15,
num: 1
},
+ archivesStatusOptions: [],
+ arbitrationTypeOptions: [],
list: [], // 给table显示的数据
defaultProps: {
children: 'children',
@@ -108,7 +111,23 @@
}
}
},
+ mounted() {
+ setTimeout(() => {
+ this.getDicts('ZCTYPE').then(response => {
+ this.arbitrationTypeOptions = response.data
+ })
+ this.getDicts('archivesStatus').then(response => {
+ this.archivesStatusOptions = response.data
+ })
+ }, 1000)
+ },
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