fix(admin-web): 用户列表列宽——手机号/昵称定宽,操作列加宽防换行
手机号/昵称原无 width,宽屏下吃满剩余空间显得失衡;操作列 fixed 230px
装不下 super_admin 的 5 个链接(详情/调金币/调现金/封禁/关调试链接)→ 换行。
- 手机号 width 130、昵称 width 150 + ellipsis(超长省略)
- 操作列 230→300 + Space wrap={false},5 链接稳定一行
- scroll.x 1100→1160 同步
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -190,8 +190,14 @@ export default function UsersPage() {
|
||||
|
||||
const columns: ColumnsType<UserListItem> = [
|
||||
{ title: 'ID', dataIndex: 'id', width: 80, sorter: true, sortOrder: sortOrderOf('id') },
|
||||
{ title: '手机号', dataIndex: 'phone' },
|
||||
{ title: '昵称', dataIndex: 'nickname', render: (v: string | null) => v || '-' },
|
||||
{ title: '手机号', dataIndex: 'phone', width: 130 },
|
||||
{
|
||||
title: '昵称',
|
||||
dataIndex: 'nickname',
|
||||
width: 150,
|
||||
ellipsis: true,
|
||||
render: (v: string | null) => v || '-',
|
||||
},
|
||||
{ title: '渠道', dataIndex: 'register_channel', width: 90 },
|
||||
{
|
||||
title: '状态',
|
||||
@@ -219,9 +225,9 @@ export default function UsersPage() {
|
||||
title: '操作',
|
||||
key: 'op',
|
||||
fixed: 'right',
|
||||
width: 230,
|
||||
width: 300,
|
||||
render: (_: unknown, u: UserListItem) => (
|
||||
<Space onClick={(e) => e.stopPropagation()}>
|
||||
<Space wrap={false} onClick={(e) => e.stopPropagation()}>
|
||||
<a onClick={() => router.push(`/users/${u.id}`)}>详情</a>
|
||||
{canCoins && <a onClick={() => setCoinUser(u)}>调金币</a>}
|
||||
{canCoins && <a onClick={() => setCashUser(u)}>调现金</a>}
|
||||
@@ -334,7 +340,7 @@ export default function UsersPage() {
|
||||
dataSource={items}
|
||||
loading={loading}
|
||||
pagination={false}
|
||||
scroll={{ x: 1100 }}
|
||||
scroll={{ x: 1160 }}
|
||||
onChange={onTableChange}
|
||||
/>
|
||||
<div style={{ marginTop: 16, textAlign: 'center' }}>
|
||||
|
||||
Reference in New Issue
Block a user