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/tjUser.vue | 63 ++++++++++++++++++++-----------
1 files changed, 41 insertions(+), 22 deletions(-)
diff --git a/src/views/dashboard/tjUser.vue b/src/views/dashboard/tjUser.vue
index db8325f..9a8e2ce 100644
--- a/src/views/dashboard/tjUser.vue
+++ b/src/views/dashboard/tjUser.vue
@@ -2,6 +2,7 @@
<el-dialog
:title="title"
top="50px"
+ width="80%"
:close-on-click-modal="false"
:close-on-press-escape="false"
:visible.sync="isVisible"
@@ -21,27 +22,27 @@
ref="multipleTable"
: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="empName" label="员工姓名" width="180" />
- <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
- <el-table-column prop="jobName" label="岗位" width="180" />
- <el-table-column prop="hospital" label="体检医院" width="180" />
- <el-table-column prop="physicalExamDate" label="体检日期" width="180" />
- <el-table-column prop="physicalExamType" label="体检类型">
- <template slot-scope="{row}">
- {{ transPhysicalExamType(row.physicalExamType) }}
- </template>
- </el-table-column>
- <el-table-column prop="bloodPressure" label="血压" width="180" />
- <el-table-column prop="transaminase" label="转氨酶" width="180" />
- <el-table-column prop="ecg" label="心电图" width="180" />
- <el-table-column prop="conclusion" label="体检结论" width="180" />
- <el-table-column prop="reviewRecord" 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="100" />
+ <el-table-column show-overflow-tooltip prop="allDeptName" label="部门(护卫点)" width="300" />
+ <el-table-column show-overflow-tooltip prop="empName" label="姓名" width="80" />
+ <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="120" />
+ <el-table-column show-overflow-tooltip prop="jobName" label="岗位" width="80" />
+ <el-table-column show-overflow-tooltip prop="hospital" label="体检医院" width="100" />
+ <el-table-column show-overflow-tooltip prop="physicalExamDate" label="体检日期" width="100" />
+ <el-table-column show-overflow-tooltip prop="physicalExamType" :formatter="typeFormat" label="体检类型" width="80" />
+ <el-table-column show-overflow-tooltip prop="bloodPressure" label="血压" width="60" />
+ <el-table-column show-overflow-tooltip prop="transaminase" label="转氨酶" width="70" />
+ <el-table-column show-overflow-tooltip prop="ecg" label="心电图" width="70" />
+ <el-table-column show-overflow-tooltip prop="conclusion" label="体检结论" min-width="100" />
+ <el-table-column show-overflow-tooltip prop="reviewRecord" label="复查记录" min-width="100" />
+ <el-table-column show-overflow-tooltip prop="remark" label="备注" />
</el-table>
<pagination
v-show="total>0"
@@ -92,14 +93,16 @@
}, // 查询参数
sort: {}, // 排序
pagination: { // 分页参数
- size: 5,
+ size: 15,
num: 1
},
list: [], // 给table显示的数据
defaultProps: {
children: 'children',
label: 'label'
- }
+ },
+ ecgOptions: [],
+ physicalExamTypeOptions: []
}
},
computed: {
@@ -109,7 +112,23 @@
}
}
},
+ mounted() {
+ setTimeout(() => {
+ this.getDicts('PHYSICALEXAMTYPE').then(response => {
+ this.physicalExamTypeOptions = response.data
+ })
+ this.getDicts('ECG').then(response => {
+ this.ecgOptions = response.data
+ })
+ }, 1000)
+ },
methods: {
+ typeFormat(row, column) {
+ return this.selectDictLabel(this.physicalExamTypeOptions, row.physicalExamType)
+ },
+ ecgNameFormat(row, column) {
+ return this.selectDictLabel(this.ecgOptions, row.ecg)
+ },
transPhysicalExamType(physicalExamType) {
switch (physicalExamType) {
case '1':
--
Gitblit v1.8.0