feat: 完成用户管理界面

This commit is contained in:
Apple\Apple 2024-03-16 10:38:24 +08:00
parent 1793f394bc
commit 8d8792a283

View File

@ -46,72 +46,72 @@ const UsersTable = () => {
</Space> </Space>
</div>); </div>);
} }
}, { },
title: '邀请信息', dataIndex: 'invite', render: (text, record, index) => { // {
return (<div> // title: '邀请信息', dataIndex: 'invite', render: (text, record, index) => {
<Space spacing={1}> // return (<div>
<Tooltip content={'邀请人数'}> // <Space spacing={1}>
<Tag color="white" size="large">{renderNumber(record.aff_count)}</Tag> // <Tooltip content={'邀请人数'}>
</Tooltip> // <Tag color="white" size="large">{renderNumber(record.aff_count)}</Tag>
<Tooltip content={'邀请总收益'}> // </Tooltip>
<Tag color="white" size="large">{renderQuota(record.aff_history_quota)}</Tag> // <Tooltip content={'邀请总收益'}>
</Tooltip> // <Tag color="white" size="large">{renderQuota(record.aff_history_quota)}</Tag>
<Tooltip content={'邀请人ID'}> // </Tooltip>
{record.inviter_id === 0 ? <Tag color="white" size="large"></Tag> : // <Tooltip content={'邀请人ID'}>
<Tag color="white" size="large">{record.inviter_id}</Tag>} // {record.inviter_id === 0 ? <Tag color="white" size="large">无</Tag> :
</Tooltip> // <Tag color="white" size="large">{record.inviter_id}</Tag>}
</Space> // </Tooltip>
</div>); // </Space>
} // </div>);
}, { // }
// },
{
title: '角色', dataIndex: 'role', render: (text, record, index) => { title: '角色', dataIndex: 'role', render: (text, record, index) => {
return (<div> return (<div>
{renderRole(text)} {renderRole(text)}
</div>); </div>);
} }
}, { },
{
title: '状态', dataIndex: 'status', render: (text, record, index) => { title: '状态', dataIndex: 'status', render: (text, record, index) => {
return (<div> return (<div>
{record.DeletedAt !== null ? <Tag color="red">已注销</Tag> : renderStatus(text)} {renderStatus(text)}
</div>); </div>);
} }
}, { },
{
title: '', dataIndex: 'operate', render: (text, record, index) => (<div> title: '', dataIndex: 'operate', render: (text, record, index) => (<div>
{ <>
record.DeletedAt !== null ? <></> : <Popconfirm
<> title="确定?"
<Popconfirm okType={'warning'}
title="确定?" onConfirm={() => {
okType={'warning'} manageUser(record.username, 'promote', record);
onConfirm={() => { }}
manageUser(record.username, 'promote', record); >
}} <Button theme="light" type="warning" style={{ marginRight: 1 }}>提升</Button>
> </Popconfirm>
<Button theme="light" type="warning" style={{ marginRight: 1 }}>提升</Button> <Popconfirm
</Popconfirm> title="确定?"
<Popconfirm okType={'warning'}
title="确定?" onConfirm={() => {
okType={'warning'} manageUser(record.username, 'demote', record);
onConfirm={() => { }}
manageUser(record.username, 'demote', record); >
}} <Button theme="light" type="secondary" style={{ marginRight: 1 }}>降级</Button>
> </Popconfirm>
<Button theme="light" type="secondary" style={{ marginRight: 1 }}>降级</Button> {record.status === 1 ?
</Popconfirm> <Button theme="light" type="warning" style={{ marginRight: 1 }} onClick={async () => {
{record.status === 1 ? manageUser(record.username, 'disable', record);
<Button theme="light" type="warning" style={{ marginRight: 1 }} onClick={async () => { }}>禁用</Button> :
manageUser(record.username, 'disable', record); <Button theme="light" type="secondary" style={{ marginRight: 1 }} onClick={async () => {
}}>禁用</Button> : manageUser(record.username, 'enable', record);
<Button theme="light" type="secondary" style={{ marginRight: 1 }} onClick={async () => { }} disabled={record.status === 3}>启用</Button>}
manageUser(record.username, 'enable', record); <Button theme="light" type="tertiary" style={{ marginRight: 1 }} onClick={() => {
}} disabled={record.status === 3}>启用</Button>} setEditingUser(record);
<Button theme="light" type="tertiary" style={{ marginRight: 1 }} onClick={() => { setShowEditUser(true);
setEditingUser(record); }}>编辑</Button>
setShowEditUser(true); </>
}}>编辑</Button>
</>
}
<Popconfirm <Popconfirm
title="确定是否要删除此用户?" title="确定是否要删除此用户?"
content="硬删除,此修改将不可逆" content="硬删除,此修改将不可逆"
@ -305,7 +305,7 @@ const UsersTable = () => {
<> <>
<AddUser refresh={refresh} visible={showAddUser} handleClose={closeAddUser}></AddUser> <AddUser refresh={refresh} visible={showAddUser} handleClose={closeAddUser}></AddUser>
<EditUser refresh={refresh} visible={showEditUser} handleClose={closeEditUser} <EditUser refresh={refresh} visible={showEditUser} handleClose={closeEditUser}
editingUser={editingUser}></EditUser> editingUser={editingUser}></EditUser>
<Form onSubmit={searchUsers}> <Form onSubmit={searchUsers}>
<Form.Input <Form.Input
label="搜索关键字" label="搜索关键字"