From b8a49956cf257bb44a16311be3b9f593ac24d0eb Mon Sep 17 00:00:00 2001
From: linxd <544554903@qq.com>
Date: Fri, 18 Jul 2025 11:06:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=99=BB=E5=BD=95):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=BF=98=E8=AE=B0=E5=AF=86=E7=A0=81=E9=A1=B5=E9=9D=A2=E5=8F=8A?=
 =?UTF-8?q?=E8=B7=AF=E7=94=B1=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增忘记密码页面组件及样式
- 在路由配置中添加忘记密码页面路由
- 修改登录页面，将忘记密码链接改为按钮并添加跳转逻辑
---
 config/router.config.ts      |  4 ++++
 src/pages/forgot/forget.less |  3 +++
 src/pages/forgot/forgot.tsx  | 12 ++++++++++++
 src/pages/login/login.tsx    |  9 +++++++--
 4 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/forgot/forget.less
 create mode 100644 src/pages/forgot/forgot.tsx

diff --git a/config/router.config.ts b/config/router.config.ts
index aa460cf..fa3858e 100644
--- a/config/router.config.ts
+++ b/config/router.config.ts
@@ -16,6 +16,10 @@ export default [
       }
     ]
   },
+  {
+    path: '/forgot',
+    component: '@/pages/forgot/forgot',
+  },
   {
     path: '/',
     name: "首页",
diff --git a/src/pages/forgot/forget.less b/src/pages/forgot/forget.less
new file mode 100644
index 0000000..5b5b5d2
--- /dev/null
+++ b/src/pages/forgot/forget.less
@@ -0,0 +1,3 @@
+.forgotContainer{
+  background: red;
+}
diff --git a/src/pages/forgot/forgot.tsx b/src/pages/forgot/forgot.tsx
new file mode 100644
index 0000000..2fa56f3
--- /dev/null
+++ b/src/pages/forgot/forgot.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import styles from './forget.less';
+import { useLocation } from 'umi';
+const Forgot: React.FC = () => {
+  const location = useLocation();
+  const search = location.search;
+  const params = new URLSearchParams(search);
+  console.log(params);
+  const type = params.get('type');
+  return <div className={styles.forgotContainer}>忘记密码</div>;
+};
+export default Forgot;
diff --git a/src/pages/login/login.tsx b/src/pages/login/login.tsx
index 9c25a0e..f1be97e 100644
--- a/src/pages/login/login.tsx
+++ b/src/pages/login/login.tsx
@@ -151,6 +151,11 @@ const LoginPage: React.FC = () => {
     );
   };
 
+  // 忘记密码点击
+  const onForgot = () => {
+    history.push('/forgot?type='+activeKey);
+  }
+
   return (
     <div className='login-page'>
       <div className='login-container'>
@@ -225,9 +230,9 @@ const LoginPage: React.FC = () => {
               <Form.Item name="remember" valuePropName="checked" noStyle>
                 <Checkbox>{intl.formatMessage({ id: 'login.remember' })}</Checkbox>
               </Form.Item>
-              <a className="login-form-forgot" href="">
+              <Button type="link" onClick={()=>onForgot()} className="login-form-forgot" href="">
                 {intl.formatMessage({ id: 'login.forgot' })}
-              </a>
+              </Button>
             </div>
           </Form.Item>