|
|
|
|
@ -5,7 +5,7 @@ import {
|
|
|
|
|
PageContainer,
|
|
|
|
|
ProDescriptions,
|
|
|
|
|
ProDescriptionsItemProps,
|
|
|
|
|
ProTable,
|
|
|
|
|
ProTable
|
|
|
|
|
} from '@ant-design/pro-components';
|
|
|
|
|
import { Button, Divider, Drawer, message } from 'antd';
|
|
|
|
|
import React, { useRef, useState } from 'react';
|
|
|
|
|
@ -42,13 +42,13 @@ const handleUpdate = async (fields: FormValueType) => {
|
|
|
|
|
try {
|
|
|
|
|
await modifyUser(
|
|
|
|
|
{
|
|
|
|
|
userId: fields.id || '',
|
|
|
|
|
userId: fields.id || ''
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: fields.name || '',
|
|
|
|
|
nickName: fields.nickName || '',
|
|
|
|
|
email: fields.email || '',
|
|
|
|
|
},
|
|
|
|
|
email: fields.email || ''
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
hide();
|
|
|
|
|
|
|
|
|
|
@ -70,7 +70,7 @@ const handleRemove = async (selectedRows: API.UserInfo[]) => {
|
|
|
|
|
if (!selectedRows) return true;
|
|
|
|
|
try {
|
|
|
|
|
await deleteUser({
|
|
|
|
|
userId: selectedRows.find((row) => row.id)?.id || '',
|
|
|
|
|
userId: selectedRows.find((row) => row.id)?.id || ''
|
|
|
|
|
});
|
|
|
|
|
hide();
|
|
|
|
|
message.success('删除成功,即将刷新');
|
|
|
|
|
@ -99,15 +99,15 @@ const TableList: React.FC<unknown> = () => {
|
|
|
|
|
rules: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '名称为必填项',
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
message: '名称为必填项'
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '昵称',
|
|
|
|
|
dataIndex: 'nickName',
|
|
|
|
|
valueType: 'text',
|
|
|
|
|
valueType: 'text'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '性别',
|
|
|
|
|
@ -115,8 +115,8 @@ const TableList: React.FC<unknown> = () => {
|
|
|
|
|
hideInForm: true,
|
|
|
|
|
valueEnum: {
|
|
|
|
|
0: { text: '男', status: 'MALE' },
|
|
|
|
|
1: { text: '女', status: 'FEMALE' },
|
|
|
|
|
},
|
|
|
|
|
1: { text: '女', status: 'FEMALE' }
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '操作',
|
|
|
|
|
@ -135,14 +135,14 @@ const TableList: React.FC<unknown> = () => {
|
|
|
|
|
<Divider type="vertical" />
|
|
|
|
|
<a href="">订阅警报</a>
|
|
|
|
|
</>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<PageContainer
|
|
|
|
|
header={{
|
|
|
|
|
title: 'CRUD 示例',
|
|
|
|
|
title: 'CRUD 示例'
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
<ProTable<API.UserInfo>
|
|
|
|
|
@ -150,7 +150,7 @@ const TableList: React.FC<unknown> = () => {
|
|
|
|
|
actionRef={actionRef}
|
|
|
|
|
rowKey="id"
|
|
|
|
|
search={{
|
|
|
|
|
labelWidth: 120,
|
|
|
|
|
labelWidth: 120
|
|
|
|
|
}}
|
|
|
|
|
toolBarRender={() => [
|
|
|
|
|
<Button
|
|
|
|
|
@ -159,7 +159,7 @@ const TableList: React.FC<unknown> = () => {
|
|
|
|
|
onClick={() => handleModalVisible(true)}
|
|
|
|
|
>
|
|
|
|
|
新建
|
|
|
|
|
</Button>,
|
|
|
|
|
</Button>
|
|
|
|
|
]}
|
|
|
|
|
request={async (params, sorter, filter) => {
|
|
|
|
|
const { data, success } = await queryUserList({
|
|
|
|
|
@ -167,16 +167,16 @@ const TableList: React.FC<unknown> = () => {
|
|
|
|
|
// FIXME: remove @ts-ignore
|
|
|
|
|
// @ts-ignore
|
|
|
|
|
sorter,
|
|
|
|
|
filter,
|
|
|
|
|
filter
|
|
|
|
|
});
|
|
|
|
|
return {
|
|
|
|
|
data: data?.list || [],
|
|
|
|
|
success,
|
|
|
|
|
success
|
|
|
|
|
};
|
|
|
|
|
}}
|
|
|
|
|
columns={columns}
|
|
|
|
|
rowSelection={{
|
|
|
|
|
onChange: (_, selectedRows) => setSelectedRows(selectedRows),
|
|
|
|
|
onChange: (_, selectedRows) => setSelectedRows(selectedRows)
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
{selectedRowsState?.length > 0 && (
|
|
|
|
|
@ -254,10 +254,10 @@ const TableList: React.FC<unknown> = () => {
|
|
|
|
|
column={2}
|
|
|
|
|
title={row?.name}
|
|
|
|
|
request={async () => ({
|
|
|
|
|
data: row || {},
|
|
|
|
|
data: row || {}
|
|
|
|
|
})}
|
|
|
|
|
params={{
|
|
|
|
|
id: row?.name,
|
|
|
|
|
id: row?.name
|
|
|
|
|
}}
|
|
|
|
|
columns={columns}
|
|
|
|
|
/>
|