yexuejc007/PlayEdu-backend
1
0
Fork 0
mirror of https://github.com/PlayEdu/backend synced 2025-12-23 11:19:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

管理员角色新建、编辑优化

Browse Source
This commit is contained in:
禺狨
2023-03-08 10:10:33 +08:00
parent f4dda5f80d
commit a9355b6d05
4 changed files with 56 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/pages/system/adminroles/create.tsx
View File

@@ -10,6 +10,7 @@ export const AdminrolesCreatePage: React.FC = () => {
const [form] = Form.useForm();
const [loading, setLoading] = useState<boolean>(true);
const [permissions, setPermissions] = useState<any>([]);
const [actions, setActions] = useState<any>([]);
useEffect(() => {
getParams();
@@ -18,32 +19,39 @@ export const AdminrolesCreatePage: React.FC = () => {
const getParams = () => {
adminRole.createAdminRole().then((res: any) => {
const arr = [];
let permissions = res.data.permissions;
const arr2 = [];
let actions = res.data.perm_action.action;
let permissions = res.data.perm_action.data;
for (let i = 0; i < permissions.length; i++) {
arr.push({
label: permissions[i].name,
value: permissions[i].id,
});
}
for (let j = 0; j < actions.length; j++) {
arr2.push({
label: actions[j].name,
value: actions[j].id,
});
}
setPermissions(arr);
setActions(arr2);
});
};
const onFinish = (values: any) => {
adminRole
.storeAdminRole(values.name, values.permission_ids)
.then((res: any) => {
message.success("保存成功！");
navigate(-1);
});
const params = values.action_ids.concat(values.permission_ids);
adminRole.storeAdminRole(values.name, params).then((res: any) => {
message.success("保存成功！");
navigate(-1);
});
};
const onFinishFailed = (errorInfo: any) => {
console.log("Failed:", errorInfo);
};
const handleChange = (value: any) => {};
return (
<>
<Row className="playedu-main-body">
@@ -70,13 +78,21 @@ export const AdminrolesCreatePage: React.FC = () => {
>
<Input style={{ width: 300 }} placeholder="请输入角色名" />
</Form.Item>
<Form.Item label="权限" name="permission_ids">
<Form.Item label="操作权限" name="action_ids">
<Select
style={{ width: 300 }}
mode="multiple"
allowClear
placeholder="请选择权限"
options={actions}
/>
</Form.Item>
<Form.Item label="数据权限" name="permission_ids">
<Select
style={{ width: 300 }}
mode="multiple"
allowClear
placeholder="请选择权限"
onChange={handleChange}
options={permissions}
/>
</Form.Item>

5
src/pages/system/adminroles/index.tsx
View File

@@ -21,11 +21,6 @@ export const SystemAdminrolesPage: React.FC = () => {
const [refresh, setRefresh] = useState(false);
const columns: ColumnsType<DataType> = [
{
title: "ID",
key: "id",
dataIndex: "id",
},
{
title: "角色名",
dataIndex: "name",

40
src/pages/system/adminroles/update.tsx
View File

@@ -11,11 +11,12 @@ export const AdminrolesUpdatePage: React.FC = () => {
const [form] = Form.useForm();
const [loading, setLoading] = useState<boolean>(true);
const [permissions, setPermissions] = useState<any>([]);
const [actions, setActions] = useState<any>([]);
useEffect(() => {
getParams();
}, []);
useEffect(() => {
getDetail();
}, [params.roleId]);
@@ -23,14 +24,23 @@ export const AdminrolesUpdatePage: React.FC = () => {
const getParams = () => {
adminRole.createAdminRole().then((res: any) => {
const arr = [];
let permissions = res.data.permissions;
const arr2 = [];
let actions = res.data.perm_action.action;
let permissions = res.data.perm_action.data;
for (let i = 0; i < permissions.length; i++) {
arr.push({
label: permissions[i].name,
value: permissions[i].id,
});
}
for (let j = 0; j < actions.length; j++) {
arr2.push({
label: actions[j].name,
value: actions[j].id,
});
}
setPermissions(arr);
setActions(arr2);
});
};
@@ -39,19 +49,19 @@ export const AdminrolesUpdatePage: React.FC = () => {
let role = res.data.role;
form.setFieldsValue({
name: role.name,
permission_ids: res.data.permission_ids,
permission_ids: res.data.perm_data,
action_ids: res.data.perm_action,
});
});
};
const onFinish = (values: any) => {
let id = Number(params.roleId);
adminRole
.updateAdminRole(id, values.name, values.permission_ids)
.then((res: any) => {
message.success("保存成功！");
navigate(-1);
});
const arr = values.action_ids.concat(values.permission_ids);
adminRole.updateAdminRole(id, values.name, arr).then((res: any) => {
message.success("保存成功！");
navigate(-1);
});
};
const onFinishFailed = (errorInfo: any) => {
@@ -86,13 +96,21 @@ export const AdminrolesUpdatePage: React.FC = () => {
>
<Input style={{ width: 300 }} placeholder="请输入角色名" />
</Form.Item>
<Form.Item label="权限" name="permission_ids">
<Form.Item label="操作权限" name="action_ids">
<Select
style={{ width: 300 }}
mode="multiple"
allowClear
placeholder="请选择权限"
options={actions}
/>
</Form.Item>
<Form.Item label="数据权限" name="permission_ids">
<Select
style={{ width: 300 }}
mode="multiple"
allowClear
placeholder="请选择权限"
onChange={handleChange}
options={permissions}
/>
</Form.Item>