mirror of
https://github.com/PlayEdu/backend
synced 2025-12-23 13:19:56 +08:00
back-bar组件
This commit is contained in:
禺狨
@@ -3,7 +3,7 @@ import { Row, Col, Form, Input, Cascader, Button, message } from "antd";
|
||||
import styles from "./create.module.less";
|
||||
import { user, department } from "../../api/index";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import { UploadImageButton } from "../../compenents";
|
||||
import { UploadImageButton, BackBartment } from "../../compenents";
|
||||
|
||||
interface Option {
|
||||
value: string | number;
|
||||
@@ -80,90 +80,95 @@ export const MemberCreatePage: React.FC = () => {
|
||||
<>
|
||||
<Row className="playedu-main-body">
|
||||
<Col>
|
||||
<Form
|
||||
form={form}
|
||||
name="basic"
|
||||
labelCol={{ span: 8 }}
|
||||
wrapperCol={{ span: 16 }}
|
||||
style={{ width: 600 }}
|
||||
initialValues={{ remember: true }}
|
||||
onFinish={onFinish}
|
||||
onFinishFailed={onFinishFailed}
|
||||
autoComplete="off"
|
||||
>
|
||||
<Form.Item
|
||||
label="学员姓名"
|
||||
name="name"
|
||||
rules={[{ required: true, message: "请输入学员姓名!" }]}
|
||||
<div className="float-left mb-24">
|
||||
<BackBartment title="添加学员" />
|
||||
</div>
|
||||
<div className="float-left">
|
||||
<Form
|
||||
form={form}
|
||||
name="basic"
|
||||
labelCol={{ span: 8 }}
|
||||
wrapperCol={{ span: 16 }}
|
||||
style={{ width: 600 }}
|
||||
initialValues={{ remember: true }}
|
||||
onFinish={onFinish}
|
||||
onFinishFailed={onFinishFailed}
|
||||
autoComplete="off"
|
||||
>
|
||||
<Input placeholder="请输入学员姓名" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员头像"
|
||||
name="avatar"
|
||||
rules={[{ required: true, message: "请上传学员头像!" }]}
|
||||
>
|
||||
<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="登录密码"
|
||||
name="password"
|
||||
rules={[{ required: true, message: "请输入登录密码!" }]}
|
||||
>
|
||||
<Input.Password placeholder="请输入登录密码" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员邮箱"
|
||||
name="email"
|
||||
rules={[{ required: true, message: "请输入学员邮箱!" }]}
|
||||
>
|
||||
<Input placeholder="请输入学员邮箱" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="身份证号"
|
||||
name="idCard"
|
||||
rules={[{ required: true, message: "请输入身份证号!" }]}
|
||||
>
|
||||
<Input placeholder="请输入身份证号" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员部门"
|
||||
name="dep_ids"
|
||||
rules={[{ required: true, message: "请选择学员部门!" }]}
|
||||
>
|
||||
<Cascader
|
||||
options={departments}
|
||||
onChange={onChange}
|
||||
multiple
|
||||
maxTagCount="responsive"
|
||||
placeholder="请选择学员部门"
|
||||
/>
|
||||
</Form.Item>
|
||||
<Form.Item wrapperCol={{ offset: 8, span: 16 }}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
保存
|
||||
</Button>
|
||||
<Button
|
||||
className="ml-15"
|
||||
htmlType="button"
|
||||
onClick={() => navigate(-1)}
|
||||
<Form.Item
|
||||
label="学员姓名"
|
||||
name="name"
|
||||
rules={[{ required: true, message: "请输入学员姓名!" }]}
|
||||
>
|
||||
取消
|
||||
</Button>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
<Input placeholder="请输入学员姓名" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员头像"
|
||||
name="avatar"
|
||||
rules={[{ required: true, message: "请上传学员头像!" }]}
|
||||
>
|
||||
<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="登录密码"
|
||||
name="password"
|
||||
rules={[{ required: true, message: "请输入登录密码!" }]}
|
||||
>
|
||||
<Input.Password placeholder="请输入登录密码" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员邮箱"
|
||||
name="email"
|
||||
rules={[{ required: true, message: "请输入学员邮箱!" }]}
|
||||
>
|
||||
<Input placeholder="请输入学员邮箱" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="身份证号"
|
||||
name="idCard"
|
||||
rules={[{ required: true, message: "请输入身份证号!" }]}
|
||||
>
|
||||
<Input placeholder="请输入身份证号" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员部门"
|
||||
name="dep_ids"
|
||||
rules={[{ required: true, message: "请选择学员部门!" }]}
|
||||
>
|
||||
<Cascader
|
||||
options={departments}
|
||||
onChange={onChange}
|
||||
multiple
|
||||
maxTagCount="responsive"
|
||||
placeholder="请选择学员部门"
|
||||
/>
|
||||
</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>
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
</>
|
||||
|
||||
@@ -3,7 +3,7 @@ import { Row, Col, Form, Input, Cascader, Button, message } from "antd";
|
||||
import styles from "./update.module.less";
|
||||
import { user, department } from "../../api/index";
|
||||
import { useParams, useNavigate } from "react-router-dom";
|
||||
import { UploadImageButton } from "../../compenents";
|
||||
import { UploadImageButton, BackBartment } from "../../compenents";
|
||||
|
||||
interface Option {
|
||||
value: string | number;
|
||||
@@ -102,97 +102,102 @@ export const MemberUpdatePage: React.FC = () => {
|
||||
<>
|
||||
<Row className="playedu-main-body">
|
||||
<Col>
|
||||
<Form
|
||||
form={form}
|
||||
name="basic"
|
||||
labelCol={{ span: 8 }}
|
||||
wrapperCol={{ span: 16 }}
|
||||
style={{ width: 600 }}
|
||||
initialValues={{ remember: true }}
|
||||
onFinish={onFinish}
|
||||
onFinishFailed={onFinishFailed}
|
||||
autoComplete="off"
|
||||
>
|
||||
<Form.Item
|
||||
label="学员姓名"
|
||||
name="name"
|
||||
rules={[{ required: true, message: "请输入学员姓名!" }]}
|
||||
<div className="float-left mb-24">
|
||||
<BackBartment title="编辑学员" />
|
||||
</div>
|
||||
<div className="float-left">
|
||||
<Form
|
||||
form={form}
|
||||
name="basic"
|
||||
labelCol={{ span: 8 }}
|
||||
wrapperCol={{ span: 16 }}
|
||||
style={{ width: 600 }}
|
||||
initialValues={{ remember: true }}
|
||||
onFinish={onFinish}
|
||||
onFinishFailed={onFinishFailed}
|
||||
autoComplete="off"
|
||||
>
|
||||
<Input placeholder="请输入学员姓名" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员昵称"
|
||||
name="nickname"
|
||||
rules={[{ required: true, message: "请输入学员昵称!" }]}
|
||||
>
|
||||
<Input placeholder="请输入学员昵称" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员头像"
|
||||
name="avatar"
|
||||
rules={[{ required: true, message: "请上传学员头像!" }]}
|
||||
>
|
||||
<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="登录密码"
|
||||
name="password"
|
||||
rules={[{ required: true, message: "请输入登录密码!" }]}
|
||||
>
|
||||
<Input.Password placeholder="请输入登录密码" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员邮箱"
|
||||
name="email"
|
||||
rules={[{ required: true, message: "请输入学员邮箱!" }]}
|
||||
>
|
||||
<Input placeholder="请输入学员邮箱" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="身份证号"
|
||||
name="idCard"
|
||||
rules={[{ required: true, message: "请输入身份证号!" }]}
|
||||
>
|
||||
<Input placeholder="请输入身份证号" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员部门"
|
||||
name="dep_ids"
|
||||
rules={[{ required: true, message: "请选择学员部门!" }]}
|
||||
>
|
||||
<Cascader
|
||||
options={departments}
|
||||
onChange={onChange}
|
||||
multiple
|
||||
maxTagCount="responsive"
|
||||
placeholder="请选择学员部门"
|
||||
/>
|
||||
</Form.Item>
|
||||
<Form.Item wrapperCol={{ offset: 8, span: 16 }}>
|
||||
<Button type="primary" htmlType="submit">
|
||||
保存
|
||||
</Button>
|
||||
<Button
|
||||
className="ml-15"
|
||||
htmlType="button"
|
||||
onClick={() => navigate(-1)}
|
||||
<Form.Item
|
||||
label="学员姓名"
|
||||
name="name"
|
||||
rules={[{ required: true, message: "请输入学员姓名!" }]}
|
||||
>
|
||||
取消
|
||||
</Button>
|
||||
</Form.Item>
|
||||
</Form>
|
||||
<Input placeholder="请输入学员姓名" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员昵称"
|
||||
name="nickname"
|
||||
rules={[{ required: true, message: "请输入学员昵称!" }]}
|
||||
>
|
||||
<Input placeholder="请输入学员昵称" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员头像"
|
||||
name="avatar"
|
||||
rules={[{ required: true, message: "请上传学员头像!" }]}
|
||||
>
|
||||
<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="登录密码"
|
||||
name="password"
|
||||
rules={[{ required: true, message: "请输入登录密码!" }]}
|
||||
>
|
||||
<Input.Password placeholder="请输入登录密码" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员邮箱"
|
||||
name="email"
|
||||
rules={[{ required: true, message: "请输入学员邮箱!" }]}
|
||||
>
|
||||
<Input placeholder="请输入学员邮箱" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="身份证号"
|
||||
name="idCard"
|
||||
rules={[{ required: true, message: "请输入身份证号!" }]}
|
||||
>
|
||||
<Input placeholder="请输入身份证号" />
|
||||
</Form.Item>
|
||||
<Form.Item
|
||||
label="学员部门"
|
||||
name="dep_ids"
|
||||
rules={[{ required: true, message: "请选择学员部门!" }]}
|
||||
>
|
||||
<Cascader
|
||||
options={departments}
|
||||
onChange={onChange}
|
||||
multiple
|
||||
maxTagCount="responsive"
|
||||
placeholder="请选择学员部门"
|
||||
/>
|
||||
</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>
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user