fix: 用户列表所属供应商列加宽防换行,操作列固定右侧

所有文本列都加上 min-width/width + show-overflow-tooltip,统一为与
材料列表一致的列宽策略。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
caoqianming 2026-04-24 08:12:45 +08:00
parent aaf2216b86
commit 2552655663
1 changed files with 6 additions and 6 deletions

View File

@ -6,16 +6,16 @@
</div>
<div class="table-wrap">
<el-table v-loading="tableLoading" :data="users" border height="100%">
<el-table-column prop="username" label="用户名" />
<el-table-column prop="role" label="角色">
<el-table-column prop="username" label="用户名" min-width="140" show-overflow-tooltip />
<el-table-column prop="role" label="角色" width="110">
<template #default="scope">
{{ scope.row.role === 'admin' ? '管理员' : '普通账号' }}
</template>
</el-table-column>
<el-table-column prop="factory_name" label="所属供应商" />
<el-table-column prop="phone" label="手机" />
<el-table-column prop="email" label="邮箱" />
<el-table-column label="操作" width="240">
<el-table-column prop="factory_name" label="所属供应商" min-width="220" show-overflow-tooltip />
<el-table-column prop="phone" label="手机" width="140" show-overflow-tooltip />
<el-table-column prop="email" label="邮箱" min-width="180" show-overflow-tooltip />
<el-table-column label="操作" width="240" fixed="right">
<template #default="scope">
<div class="table-actions">
<el-button size="small" @click="openEdit(scope.row)">编辑</el-button>