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/ygUser.vue | 67 +++++++++++++++++----------------
1 files changed, 35 insertions(+), 32 deletions(-)
diff --git a/src/views/dashboard/ygUser.vue b/src/views/dashboard/ygUser.vue
index 43983ec..dd23216 100644
--- a/src/views/dashboard/ygUser.vue
+++ b/src/views/dashboard/ygUser.vue
@@ -24,29 +24,30 @@
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="80 " />
- <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" width="60" />
- <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="60" />
- <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="60" />
- <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
- <el-table-column show-overflow-tooltip prop="sex" :formatter="sexFormat" label="性别" width="50" />
- <el-table-column show-overflow-tooltip prop="age" label="年龄" width="50" />
- <el-table-column show-overflow-tooltip prop="education" :formatter="educationFormat" label="最高学历" width="60" />
- <el-table-column show-overflow-tooltip prop="empType" :formatter="empTypeFormat" label="员工类别" width="60" />
- <el-table-column show-overflow-tooltip prop="nativePlace" :formatter="nativePlaceFormat" label="籍贯" width="60" />
- <el-table-column show-overflow-tooltip prop="telePhone" label="联系电话" width="80" />
- <el-table-column show-overflow-tooltip prop="entryDate" label="入职日期" width="80" />
- <el-table-column show-overflow-tooltip prop="empStatus" label="员工状态" width="50">
+ <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="sex" :formatter="sexFormat" label="性别" width="60" />
+ <el-table-column show-overflow-tooltip prop="age" label="年龄" width="60" />
+ <el-table-column show-overflow-tooltip prop="education" :formatter="educationFormat" label="最高学历" width="80" />
+ <el-table-column show-overflow-tooltip prop="empType" :formatter="empTypeFormat" label="员工类别" width="80" />
+ <el-table-column show-overflow-tooltip prop="nativePlace" :formatter="nativePlaceFormat" label="籍贯" width="80" />
+ <el-table-column show-overflow-tooltip prop="telePhone" label="联系电话" width="100" />
+ <el-table-column show-overflow-tooltip prop="entryDate" label="入职日期" width="100" />
+ <el-table-column show-overflow-tooltip prop="empStatus" label="员工状态" width="80">
<template slot-scope="scope">
<span>{{ gzdStateList[scope.row.empStatus] }} </span>
</template>
</el-table-column>
- <el-table-column show-overflow-tooltip prop="dimissionDate" label="离职日期" width="80" />
- <el-table-column show-overflow-tooltip prop="dimissionTypeName" label="离职类别" width="60" />
+ <el-table-column show-overflow-tooltip prop="dimissionDate" label="离职日期" width="100" />
+ <el-table-column show-overflow-tooltip prop="dimissionTypeName" label="离职类别" width="100" />
</el-table>
<pagination
v-show="total>0"
@@ -102,7 +103,7 @@
}, // 查询参数
sort: {}, // 排序
pagination: { // 分页参数
- size: 5,
+ size: 15,
num: 1
},
list: [], // 给table显示的数据
@@ -125,21 +126,23 @@
}
},
mounted() {
- this.getDicts('EDUCATION').then(response => {
- this.educationOptions = response.data
- })
- this.getDicts('NATIVEPLACE').then(response => {
- this.nativePlaceOptions = 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
- })
+ setTimeout(() => {
+ this.getDicts('EDUCATION').then(response => {
+ this.educationOptions = response.data
+ })
+ this.getDicts('NATIVEPLACE').then(response => {
+ this.nativePlaceOptions = 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
+ })
+ }, 1000)
},
methods: {
educationFormat(row, column) {
--
Gitblit v1.8.0