|
@@ -376,36 +376,51 @@ React.useEffect(() => {
|
|
|
];
|
|
];
|
|
|
|
|
|
|
|
return (
|
|
return (
|
|
|
- <div className="p-6">
|
|
|
|
|
- <Spin spinning={rolesLoading || permissionsLoading}>
|
|
|
|
|
- <Card
|
|
|
|
|
- title="角色管理"
|
|
|
|
|
- extra={
|
|
|
|
|
- <Button
|
|
|
|
|
- type="primary"
|
|
|
|
|
- icon={<PlusOutlined />}
|
|
|
|
|
|
|
+ <div className="p-6">
|
|
|
|
|
+ <Spin spinning={rolesLoading || permissionsLoading}>
|
|
|
|
|
+ <Card
|
|
|
|
|
+ title="角色管理"
|
|
|
|
|
+ extra={
|
|
|
|
|
+ <Space>
|
|
|
|
|
+ <Button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon={<PlusOutlined />}
|
|
|
onClick={handleAdd}
|
|
onClick={handleAdd}
|
|
|
loading={createRoleMutation.isPending}
|
|
loading={createRoleMutation.isPending}
|
|
|
>
|
|
>
|
|
|
新建角色
|
|
新建角色
|
|
|
</Button>
|
|
</Button>
|
|
|
- }
|
|
|
|
|
- >
|
|
|
|
|
- <Table
|
|
|
|
|
- columns={columns}
|
|
|
|
|
- dataSource={roles}
|
|
|
|
|
- rowKey="id"
|
|
|
|
|
- scroll={{ x: 1000 }}
|
|
|
|
|
- pagination={{
|
|
|
|
|
- showSizeChanger: true,
|
|
|
|
|
- showQuickJumper: true,
|
|
|
|
|
- showTotal: (total: number) => `共 ${total} 条记录`,
|
|
|
|
|
- defaultPageSize: 10,
|
|
|
|
|
- pageSizeOptions: [10, 20, 50, 100],
|
|
|
|
|
- }}
|
|
|
|
|
|
|
+ </Space>
|
|
|
|
|
+ }
|
|
|
|
|
+ >
|
|
|
|
|
+ <div className="mb-4 flex gap-4">
|
|
|
|
|
+ <Input.Search
|
|
|
|
|
+ placeholder="搜索角色名称或描述"
|
|
|
|
|
+ allowClear
|
|
|
|
|
+ value={searchKeyword}
|
|
|
|
|
+ onChange={(e) => setSearchKeyword(e.target.value)}
|
|
|
|
|
+ onSearch={handleSearch}
|
|
|
|
|
+ style={{ width: 300 }}
|
|
|
/>
|
|
/>
|
|
|
- </Card>
|
|
|
|
|
- </Spin>
|
|
|
|
|
|
|
+ <Button onClick={handleReset}>重置</Button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <Table
|
|
|
|
|
+ columns={columns}
|
|
|
|
|
+ dataSource={roles}
|
|
|
|
|
+ rowKey="id"
|
|
|
|
|
+ scroll={{ x: 1000 }}
|
|
|
|
|
+ pagination={{
|
|
|
|
|
+ ...pagination,
|
|
|
|
|
+ showSizeChanger: true,
|
|
|
|
|
+ showQuickJumper: true,
|
|
|
|
|
+ showTotal: (total: number) => `共 ${total} 条记录`,
|
|
|
|
|
+ pageSizeOptions: [10, 20, 50, 100],
|
|
|
|
|
+ }}
|
|
|
|
|
+ onChange={handleTableChange}
|
|
|
|
|
+ />
|
|
|
|
|
+ </Card>
|
|
|
|
|
+ </Spin>
|
|
|
|
|
|
|
|
{/* 角色编辑模态框 */}
|
|
{/* 角色编辑模态框 */}
|
|
|
<Modal
|
|
<Modal
|