From 251cc3290959d2085aa3359d6f74d97db914d182 Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期日, 22 十月 2023 00:44:22 +0800
Subject: [PATCH] 修改了表格的行高，以及数据过长的部分用省略号表示
---
ruoyi-ui/src/views/doctor/index.vue | 41 +++++++++++++++++++++++++----------------
1 files changed, 25 insertions(+), 16 deletions(-)
diff --git a/ruoyi-ui/src/views/doctor/index.vue b/ruoyi-ui/src/views/doctor/index.vue
index 0dc87ca..26c97e8 100644
--- a/ruoyi-ui/src/views/doctor/index.vue
+++ b/ruoyi-ui/src/views/doctor/index.vue
@@ -139,7 +139,7 @@
<el-table v-loading="loading" :data="doctorList" :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;">
<el-table-column type="selection" :reserve-selection="true" width="55" align="center" />
<el-table-column fixed label="搴忓彿" sortable type="index" align="center" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/>
- <el-table-column label="绫诲埆" prop="type" sortable width="80" align="center">
+ <el-table-column label="绫诲埆" prop="type" sortable :show-overflow-tooltip="true" width="80" align="center">
<!-- <template slot-scope="scope">{{ getSrc(scope.row.type) }}</template>-->
<template slot-scope="scope">{{scope.row.type? scope.row.type: '鈥斺�斺�斺��'}}</template>
</el-table-column>
@@ -149,23 +149,23 @@
<el-table-column label="鎸佺画鏃堕棿" prop="duration" sortable :show-overflow-tooltip="true" width="160" align="center" >
<template slot-scope="scope">{{scope.row.duration? scope.row.duration: '鈥斺�斺�斺��'}}</template>
</el-table-column>
- <el-table-column label="涓尰澶勬柟" prop="cmedical" sortable width="160" align="center" >
+ <el-table-column label="涓尰澶勬柟" prop="cmedical" sortable :show-overflow-tooltip="true" width="160" align="center" >
<template slot-scope="scope">{{scope.row.cmedical? scope.row.cmedical: '鈥斺�斺�斺��'}}</template>
</el-table-column>
- <el-table-column label="瑗垮尰澶勬柟" prop="wmedical" sortable width="160" align="center">
+ <el-table-column label="瑗垮尰澶勬柟" prop="wmedical" sortable :show-overflow-tooltip="true" width="160" align="center">
<template slot-scope="scope">{{scope.row.wmedical? scope.row.wmedical: '鈥斺�斺�斺��'}}</template>
</el-table-column>
- <el-table-column label="鍔熸晥" prop="effect" sortable width="120" align="center" >
+ <el-table-column label="鍔熸晥" prop="effect" sortable :show-overflow-tooltip="true" width="120" align="center" >
<template slot-scope="scope">{{scope.row.effect? scope.row.effect: '鈥斺�斺�斺��'}}</template>
</el-table-column>
- <el-table-column label="閫傜敤浜�" prop="suitable" sortable width="140" align="center" >
+ <el-table-column label="閫傜敤浜�" prop="suitable" sortable :show-overflow-tooltip="true" width="140" align="center" >
<template slot-scope="scope">{{scope.row.suitable? scope.row.suitable: '鈥斺�斺�斺��'}}</template>
</el-table-column>
- <el-table-column label="鏄惁鏄湰瀹跺涵璁板綍" prop="ownData" sortable width="150px" >
+ <el-table-column label="鏄惁鏄湰瀹跺涵璁板綍" prop="ownData" sortable :show-overflow-tooltip="true" width="150px" align="center" >
<template slot-scope="scope">{{scope.row.ownData === 0 ? '鍚�': '鏄�'}}</template>
</el-table-column>
- <el-table-column label="澶囨敞" prop="remark" sortable width="120" align="center">
+ <el-table-column label="澶囨敞" prop="remark" sortable :show-overflow-tooltip="true" width="120" align="center">
<template slot-scope="scope">{{scope.row.remark? scope.row.remark: '鈥斺�斺�斺��'}}</template>
</el-table-column>
<el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="160" align="center">
@@ -191,30 +191,32 @@
</template>
</el-table-column>
-<!-- </el-table-column>-->
- <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+ <el-table-column label="鎿嶄綔" align="center" width="250" class-name="small-padding fixed-width">
<template slot-scope="scope" v-if="scope.row.roleId !== 1">
+ <div class="button-container">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:role:edit']"
- >淇敼</el-button>
+ >
+ <span style="font-size: 14px;">淇敼</span>
+ </el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:role:remove']"
- >鍒犻櫎</el-button>
-
-<el-button
+ ><span style="font-size: 14px;">鍒犻櫎</span></el-button>
+ <el-button
size="mini"
type="text"
icon="el-icon-d-arrow-right"
@click="handleCheck(scope.row)">
-鏌ョ湅璇︽儏</el-button>
+ <span style="font-size: 14px;">鏌ョ湅璇︽儏</span></el-button>
+ </div>
</template>
</el-table-column>
</el-table>
@@ -809,6 +811,13 @@
background: #FFEFF2;
}
-
-
+.tableRowClassName {
+ height: 40px;
+}
+.el-table__cell {
+ font-size: 14px; /* 璁剧疆瀛椾綋澶у皬 */
+}
+.button-container {
+ display: inline-flex; /* 璁剧疆鎸夐挳瀹瑰櫒涓鸿鍐呭厓绱� */
+}
</style>
--
Gitblit v1.9.1