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

系统管理人员新建、编辑初步

Browse Source
This commit is contained in:
禺狨 2023-03-06 16:52:27 +08:00
parent 2309710f27
commit 429e4d4ab2
8 changed files with 302 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/api/admin-user.ts
View File

@ -40,7 +40,7 @@ export function updateAdminUser(
isBanLogin: number,
roleIds: number[]
) {
return client.post(`/backend/v1/admin-user/${id}`, {
return client.put(`/backend/v1/admin-user/${id}`, {
name: name,
email: email,
password: password,

2
src/pages/index.ts
View File

@ -8,3 +8,5 @@ export * from "./member/index"
export * from "./member/create"
export * from "./member/update"
export * from "./system/administrator/index"
export * from "./system/administrator/create"
export * from "./system/administrator/update"

0
src/pages/system/administrator/create.module.less Normal file
View File

135
src/pages/system/administrator/create.tsx Normal file
View File

@ -0,0 +1,135 @@
import React, { useState, useEffect } from "react";
import { Row, Col, Form, Input, Select, Switch, Button, message } from "antd";
import styles from "./create.module.less";
import { adminUser } from "../../../api/index";
import { useNavigate } from "react-router-dom";
export const AdministratorCreatePage: React.FC = () => {
const navigate = useNavigate();
const [form] = Form.useForm();
const [loading, setLoading] = useState<boolean>(true);
const [roles, setRoles] = useState<any>([]);
useEffect(() => {
getParams();
}, []);
const getParams = () => {
adminUser.createAdminUser().then((res: any) => {
const arr = [];
let roles = res.data.roles;
for (let i = 0; i < roles.length; i++) {
arr.push({
label: roles[i].name,
value: roles[i].id,
});
}
setRoles(arr);
form.setFieldsValue({ is_ban_login: 0 });
});
};
const onFinish = (values: any) => {
adminUser
.storeAdminUser(
values.name,
values.email,
values.password,
values.is_ban_login,
values.roleIds
)
.then((res: any) => {
message.success("保存成功！");
navigate(-1);
});
};
const onFinishFailed = (errorInfo: any) => {
console.log("Failed:", errorInfo);
};
const handleChange = (value: any) => {};
const onChange = (checked: boolean) => {
if (checked) {
form.setFieldsValue({ is_ban_login: 1 });
} else {
form.setFieldsValue({ is_ban_login: 0 });
}
};
return (
<>
<Row className="playedu-main-body">
<Col>
<Form
form={form}
name="basic"
labelCol={{ span: 8 }}
wrapperCol={{ span: 16 }}
style={{ maxWidth: 600 }}
initialValues={{ remember: true }}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
autoComplete="off"
>
<Form.Item label="角色" name="roleIds">
<Select
style={{ width: 300 }}
mode="multiple"
allowClear
placeholder="请选择角色"
onChange={handleChange}
options={roles}
/>
</Form.Item>
<Form.Item
label="姓名"
name="name"
rules={[{ required: true, message: "请输入姓名!" }]}
>
<Input style={{ width: 300 }} placeholder="请输入姓名" />
</Form.Item>
<Form.Item
label="邮箱"
name="email"
rules={[{ required: true, message: "请输入学员邮箱!" }]}
>
<Input style={{ width: 300 }} placeholder="请输入学员邮箱" />
</Form.Item>
<Form.Item
label="密码"
name="password"
rules={[{ required: true, message: "请输入登录密码!" }]}
>
<Input.Password
style={{ width: 300 }}
placeholder="请输入登录密码"
/>
</Form.Item>
<Form.Item
label="禁止登录"
name="is_ban_login"
valuePropName="checked"
rules={[{ required: true, message: "请选择禁止登录!" }]}
>
<Switch onChange={onChange} />
</Form.Item>
<Form.Item wrapperCol={{ offset: 8, span: 16 }}>
<Button type="primary" htmlType="submit">
保存
</Button>
<Button
className="ml-15"
htmlType="button"
onClick={() => navigate(-1)}
>
取消
</Button>
</Form.Item>
</Form>
</Col>
</Row>
</>
);
};

2
src/pages/system/administrator/index.tsx
View File

@ -79,7 +79,7 @@ export const SystemAdministratorPage: React.FC = () => {
type="link"
danger
className="c-red"
onClick={() => navigate(`/system/administrator/${record.id}`)}
onClick={() => navigate(`/system/administrator/update/${record.id}`)}
>
详情
</Button>

0
src/pages/system/administrator/update.module.less Normal file
View File

152
src/pages/system/administrator/update.tsx Normal file
View File

@ -0,0 +1,152 @@
import React, { useState, useEffect } from "react";
import { Row, Col, Form, Input, Select, Switch, Button, message } from "antd";
import styles from "./update.module.less";
import { adminUser } from "../../../api/index";
import { useParams, useNavigate } from "react-router-dom";
export const AdministratorUpdatePage: React.FC = () => {
const params = useParams();
const navigate = useNavigate();
const [form] = Form.useForm();
const [loading, setLoading] = useState<boolean>(true);
const [roles, setRoles] = useState<any>([]);
useEffect(() => {
getParams();
}, []);
useEffect(() => {
getDetail();
}, [params.userId]);
const getParams = () => {
adminUser.createAdminUser().then((res: any) => {
const arr = [];
let roles = res.data.roles;
for (let i = 0; i < roles.length; i++) {
arr.push({
label: roles[i].name,
value: roles[i].id,
});
}
setRoles(arr);
form.setFieldsValue({ is_ban_login: 0 });
});
};
const getDetail = () => {
adminUser.AdminUser(Number(params.userId)).then((res: any) => {
let user = res.data.user;
form.setFieldsValue({
email: user.email,
name: user.name,
is_ban_login: user.is_ban_login,
roleIds: res.data.role_ids,
});
});
};
const onFinish = (values: any) => {
let id = Number(params.userId);
adminUser
.updateAdminUser(
id,
values.name,
values.email,
values.password,
values.is_ban_login,
values.roleIds
)
.then((res: any) => {
message.success("保存成功！");
navigate(-1);
});
};
const onFinishFailed = (errorInfo: any) => {
console.log("Failed:", errorInfo);
};
const handleChange = (value: any) => {};
const onChange = (checked: boolean) => {
if (checked) {
form.setFieldsValue({ is_ban_login: 1 });
} else {
form.setFieldsValue({ is_ban_login: 0 });
}
};
return (
<>
<Row className="playedu-main-body">
<Col>
<Form
form={form}
name="basic"
labelCol={{ span: 8 }}
wrapperCol={{ span: 16 }}
style={{ maxWidth: 600 }}
initialValues={{ remember: true }}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
autoComplete="off"
>
<Form.Item label="角色" name="roleIds">
<Select
style={{ width: 300 }}
mode="multiple"
allowClear
placeholder="请选择角色"
onChange={handleChange}
options={roles}
/>
</Form.Item>
<Form.Item
label="姓名"
name="name"
rules={[{ required: true, message: "请输入姓名!" }]}
>
<Input style={{ width: 300 }} placeholder="请输入姓名" />
</Form.Item>
<Form.Item
label="邮箱"
name="email"
rules={[{ required: true, message: "请输入学员邮箱!" }]}
>
<Input style={{ width: 300 }} placeholder="请输入学员邮箱" />
</Form.Item>
<Form.Item
label="密码"
name="password"
rules={[{ required: true, message: "请输入登录密码!" }]}
>
<Input.Password
style={{ width: 300 }}
placeholder="请输入登录密码"
/>
</Form.Item>
<Form.Item
label="禁止登录"
name="is_ban_login"
valuePropName="checked"
>
<Switch onChange={onChange} />
</Form.Item>
<Form.Item wrapperCol={{ offset: 8, span: 16 }}>
<Button type="primary" htmlType="submit">
保存
</Button>
<Button
className="ml-15"
htmlType="button"
onClick={() => navigate(-1)}
>
取消
</Button>
</Form.Item>
</Form>
</Col>
</Row>
</>
);
};

12
src/router/routes.tsx
View File

@ -9,7 +9,9 @@ import {
MemberPage,
MemberCreatePage,
MemberUpdatePage,
SystemAdministratorPage
SystemAdministratorPage,
AdministratorCreatePage,
AdministratorUpdatePage,
} from "../pages";
const routes: RouteObject[] = [
@ -41,6 +43,14 @@ const routes: RouteObject[] = [
path: "/system/administrator",
element: <SystemAdministratorPage />,
},
{
path: "/system/administrator/create",
element: <AdministratorCreatePage />,
},
{
path: "/system/administrator/update/:userId",
element: <AdministratorUpdatePage />,
},
],
},
{