学员新建、编辑优化

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

View File

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

View File

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