yexuejc007/PlayEdu-backend
1
0
Fork 0
mirror of https://github.com/PlayEdu/backend synced 2025-07-21 21:29:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

学员新建、编辑优化

Browse Source
This commit is contained in:
禺狨 2023-03-06 17:41:59 +08:00
parent e7ed56cce6
commit 6649aa8cfa
2 changed files with 42 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/pages/member/create.tsx
View File

@ -5,6 +5,12 @@ import { user, department } from "../../api/index";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { UploadImageButton } from "../../compenents"; import { UploadImageButton } from "../../compenents";
interface Option {
value: string | number;
label: string;
children?: Option[];
}
export const MemberCreatePage: React.FC = () => { export const MemberCreatePage: React.FC = () => {
const navigate = useNavigate(); const navigate = useNavigate();
const [form] = Form.useForm(); const [form] = Form.useForm();
@ -19,7 +25,7 @@ export const MemberCreatePage: React.FC = () => {
const getParams = () => { const getParams = () => {
department.departmentList().then((res: any) => { department.departmentList().then((res: any) => {
const departments = res.data.departments; const departments = res.data.departments;
const new_arr = checkArr(departments, 0); const new_arr: Option[] = checkArr(departments, 0);
console.log(new_arr); console.log(new_arr);
setDepartments(new_arr); setDepartments(new_arr);
}); });
@ -34,7 +40,7 @@ export const MemberCreatePage: React.FC = () => {
value: departments[id][i].id, value: departments[id][i].id,
}); });
} else { } else {
const new_arr: any[] = checkArr(departments, departments[id][i].id); const new_arr: Option[] = checkArr(departments, departments[id][i].id);
arr.push({ arr.push({
label: departments[id][i].name, label: departments[id][i].name,
value: departments[id][i].id, value: departments[id][i].id,
@ -97,15 +103,19 @@ export const MemberCreatePage: React.FC = () => {
name="avatar" name="avatar"
rules={[{ required: true, message: "请上传学员头像!" }]} rules={[{ required: true, message: "请上传学员头像!" }]}
> >
<UploadImageButton <div className="c-flex">
onSelected={(url) => { <div className="d-flex">
setAvatar(url); <UploadImageButton
form.setFieldsValue({ avatar: url }); onSelected={(url) => {
}} setAvatar(url);
></UploadImageButton> form.setFieldsValue({ avatar: url });
{avatar && ( }}
<img className="form-avatar mt-10" src={avatar} alt="" /> ></UploadImageButton>
)} </div>
{avatar && (
<img className="form-avatar mt-10" src={avatar} alt="" />
)}
</div>
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="登录密码" label="登录密码"

32
src/pages/member/update.tsx
View File

@ -5,6 +5,12 @@ import { user, department } from "../../api/index";
import { useParams, useNavigate } from "react-router-dom"; import { useParams, useNavigate } from "react-router-dom";
import { UploadImageButton } from "../../compenents"; import { UploadImageButton } from "../../compenents";
interface Option {
value: string | number;
label: string;
children?: Option[];
}
export const MemberUpdatePage: React.FC = () => { export const MemberUpdatePage: React.FC = () => {
const params = useParams(); const params = useParams();
const navigate = useNavigate(); const navigate = useNavigate();
@ -23,7 +29,7 @@ export const MemberUpdatePage: React.FC = () => {
const getParams = () => { const getParams = () => {
department.departmentList().then((res: any) => { department.departmentList().then((res: any) => {
const departments = res.data.departments; const departments = res.data.departments;
const new_arr = checkArr(departments, 0); const new_arr: Option[] = checkArr(departments, 0);
console.log(new_arr); console.log(new_arr);
setDepartments(new_arr); setDepartments(new_arr);
}); });
@ -53,7 +59,7 @@ export const MemberUpdatePage: React.FC = () => {
value: departments[id][i].id, value: departments[id][i].id,
}); });
} else { } else {
const new_arr: any[] = checkArr(departments, departments[id][i].id); const new_arr: Option[] = checkArr(departments, departments[id][i].id);
arr.push({ arr.push({
label: departments[id][i].name, label: departments[id][i].name,
value: departments[id][i].id, value: departments[id][i].id,
@ -126,15 +132,19 @@ export const MemberUpdatePage: React.FC = () => {
name="avatar" name="avatar"
rules={[{ required: true, message: "请上传学员头像!" }]} rules={[{ required: true, message: "请上传学员头像!" }]}
> >
<UploadImageButton <div className="c-flex">
onSelected={(url) => { <div className="d-flex">
setAvatar(url); <UploadImageButton
form.setFieldsValue({ avatar: url }); onSelected={(url) => {
}} setAvatar(url);
></UploadImageButton> form.setFieldsValue({ avatar: url });
{avatar && ( }}
<img className="form-avatar mt-10" src={avatar} alt="" /> ></UploadImageButton>
)} </div>
{avatar && (
<img className="form-avatar mt-10" src={avatar} alt="" />
)}
</div>
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="登录密码" label="登录密码"