37 lines
1.4 KiB
TypeScript
37 lines
1.4 KiB
TypeScript
|
import { ProColumns, ProTable } from '@ant-design/pro-components';
|
||
|
|
import { Tag } from 'antd';
|
||
|
|
import { listLogs } from '@/services/api';
|
||
|
|
|
||
|
|
const columns: ProColumns[] = [
|
||
|
|
{ title: '操作人', dataIndex: 'username' },
|
||
|
|
{ title: '模块', dataIndex: 'module' },
|
||
|
|
{ title: '操作', dataIndex: 'operation' },
|
||
|
|
{ title: '方法', dataIndex: 'method', search: false, render: (v) => <Tag>{v}</Tag> },
|
||
|
|
{ title: '路径', dataIndex: 'path', search: false, ellipsis: true },
|
||
|
|
{ title: 'IP', dataIndex: 'ip', search: false },
|
||
|
|
{ title: '耗时(ms)', dataIndex: 'duration', search: false },
|
||
|
|
{
|
||
|
|
title: '结果', dataIndex: 'status', search: false,
|
||
|
|
render: (_, r) => <Tag color={r.status === 1 ? 'success' : 'error'}>{r.status === 1 ? '成功' : '失败'}</Tag>,
|
||
|
|
},
|
||
|
|
{ title: '操作时间', dataIndex: 'createdAt', valueType: 'dateTime', search: false },
|
||
|
|
];
|
||
|
|
|
||
|
|
const LogsPage: React.FC = () => (
|
||
|
|
<ProTable
|
||
|
|
headerTitle="操作日志"
|
||
|
|
rowKey="logId"
|
||
|
|
columns={columns}
|
||
|
|
request={async (params) => {
|
||
|
|
const res = await listLogs({
|
||
|
|
page: params.current, pageSize: params.pageSize,
|
||
|
|
username: params.username, module: params.module, operation: params.operation,
|
||
|
|
});
|
||
|
|
return { data: res?.data?.list || [], total: res?.data?.total || 0, success: res?.code === 0 };
|
||
|
|
}}
|
||
|
|
search={{ defaultCollapsed: false }}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default LogsPage;
|