mirror of
https://github.com/PlayEdu/backend
synced 2025-07-24 12:25:29 +08:00
78 lines
2.3 KiB
TypeScript
78 lines
2.3 KiB
TypeScript
import { Row, Col, Form, Input, Button, message } from "antd";
|
|
// import styles from "./create.module.less";
|
|
import { login } from "../../api/index";
|
|
import { useNavigate } from "react-router-dom";
|
|
import { BackBartment } from "../../compenents";
|
|
|
|
const ChangePasswordPage = () => {
|
|
const navigate = useNavigate();
|
|
const [form] = Form.useForm();
|
|
|
|
const onFinish = (values: any) => {
|
|
login
|
|
.passwordChange(values.old_password, values.new_password)
|
|
.then((res: any) => {
|
|
message.success("保存成功!");
|
|
navigate(-1);
|
|
});
|
|
};
|
|
|
|
const onFinishFailed = (errorInfo: any) => {
|
|
console.log("Failed:", errorInfo);
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<Row className="playedu-main-body">
|
|
<Col>
|
|
<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"
|
|
>
|
|
<Form.Item
|
|
label="原密码"
|
|
name="old_password"
|
|
rules={[{ required: true, message: "请输入原密码!" }]}
|
|
>
|
|
<Input.Password placeholder="请输入原密码" allowClear />
|
|
</Form.Item>
|
|
<Form.Item
|
|
label="新密码"
|
|
name="new_password"
|
|
rules={[{ required: true, message: "请输入新密码!" }]}
|
|
>
|
|
<Input.Password placeholder="请输入新密码" allowClear />
|
|
</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>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default ChangePasswordPage;
|