修改密码

src/compenents/header/index.tsx

@@ -14,15 +14,15 @@ export const Header: React.FC = () => {
     if (key === "login_out") {
       dispatch(LoginOutActionCreator());
       navigate("/login");
-    } else if (key === "edit_password") {
-      navigate("/editPasswor");
+    } else if (key === "change_password") {
+      navigate("/change-password");
     }
   };
 
   const items: MenuProps["items"] = [
     {
       label: "修改密码",
-      key: "edit_password",
+      key: "change_password",
     },
     {
       label: "退出登录",

src/pages/change-password/index.tsx

@@ -0,0 +1,76 @@
+import React from "react";
+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";
+
+export const ChangePasswordPage: React.FC = () => {
+  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="请输入原密码" />
+              </Form.Item>
+              <Form.Item
+                label="新密码"
+                name="new_password"
+                rules={[{ required: true, message: "请输入新密码!" }]}
+              >
+                <Input.Password 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>
+    </>
+  );
+};

src/pages/index.ts

@@ -17,3 +17,4 @@ export * from "./system/adminroles/update";
 export * from "./department";
 export * from "./department/create";
 export * from "./department/update";
+export * from "./change-password";

src/router/routes.tsx

@@ -19,6 +19,7 @@ import {
   DepartmentPage,
   DepartmentCreatePage,
   DepartmentUpdatePage,
+  ChangePasswordPage
 } from "../pages";
 
 const routes: RouteObject[] = [
@@ -30,6 +31,10 @@ const routes: RouteObject[] = [
         path: "/",
         element: <Dashboard />,
       },
+      {
+        path: "/change-password",
+        element: <ChangePasswordPage />,
+      },
       {
         path: "/vod",
         element: <VodListPage />,