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/qjUser.vue | 51 ++++++++++++++++++++++++++++++++++++---------------
1 files changed, 36 insertions(+), 15 deletions(-)
diff --git a/src/views/dashboard/qjUser.vue b/src/views/dashboard/qjUser.vue
index 6636161..73ca979 100644
--- a/src/views/dashboard/qjUser.vue
+++ b/src/views/dashboard/qjUser.vue
@@ -2,9 +2,11 @@
<el-dialog
:title="title"
top="50px"
+ width="80%"
:close-on-click-modal="false"
:close-on-press-escape="false"
:visible.sync="isVisible"
+ :before-close="beforeClose"
>
<div class="app-container">
<div class="filter-container" style="margin-left: -340px;">
@@ -21,20 +23,25 @@
:data="list"
row-key="prop1"
width="50%"
+ 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="beginTime" label="开始时间" width="180" />
- <el-table-column prop="endTime" label="结束时间" width="180" />
- <el-table-column prop="leaveDay" label="请假天数" width="180" />
- <el-table-column prop="leaveType" label="请假类型" width="180" />
- <el-table-column prop="returnDate" label="到岗时间" width="180" />
- <el-table-column prop="reporter" label="报备人" width="180" />
- <el-table-column prop="remark" 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="80" />
+ <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" />
+ <el-table-column show-overflow-tooltip prop="beginTime" label="开始时间" width="110" />
+ <el-table-column show-overflow-tooltip prop="endTime" label="结束时间" width="110" />
+ <el-table-column show-overflow-tooltip prop="leaveDay" label="请假天数" width="80" />
+ <el-table-column show-overflow-tooltip prop="leaveType" label="请假类型" width="80" :formatter="leaveTypeFormat" />
+ <el-table-column show-overflow-tooltip prop="returnDate" label="到岗时间" width="120" />
+ <el-table-column show-overflow-tooltip prop="reporter" label="报备人" width="80" />
+ <el-table-column show-overflow-tooltip prop="remark" label="备注" />
</el-table>
<pagination
v-show="total>0"
@@ -85,14 +92,15 @@
}, // 查询参数
sort: {}, // 排序
pagination: { // 分页参数
- size: 5,
+ size: 15,
num: 1
},
list: [], // 给table显示的数据
defaultProps: {
children: 'children',
label: 'label'
- }
+ },
+ leaveTypeOptions: []
}
},
computed: {
@@ -102,7 +110,20 @@
}
}
},
+ mounted() {
+ setTimeout(() => {
+ this.getDicts('LEAVETYPE').then(response => {
+ this.leaveTypeOptions = response.data
+ })
+ }, 1000)
+ },
methods: {
+ leaveTypeFormat(row, column) {
+ return this.selectDictLabel(this.leaveTypeOptions, row.leaveType)
+ },
+ beforeClose(done) {
+ this.$emit('cancleChooseUser')
+ },
search() {
this.fetch({
...this.queryParams
--
Gitblit v1.8.0