fix: 用户列表所属供应商列加宽防换行,操作列固定右侧
所有文本列都加上 min-width/width + show-overflow-tooltip,统一为与 材料列表一致的列宽策略。 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
parent
aaf2216b86
commit
2552655663
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue