V 1.0.5

新增用户重置密码和用户修改密码

src/pages/User/Login/index.tsx

@@ -16,13 +16,13 @@ import {
   ProFormText,
 } from '@ant-design/pro-components';
 import { FormattedMessage, history, SelectLang, useIntl, useModel, Helmet } from '@umijs/max';
-import { Alert, message, Tabs } from 'antd';
+import { Alert, message, Tabs, Form, Modal } from 'antd';
 import Settings from '../../../../config/defaultSettings';
 import React, { useState } from 'react';
 import { flushSync } from 'react-dom';
 import { createStyles } from 'antd-style';
 import { TokenStorage } from '@/services/define/tokenStorage';
-
+import ResetPassword from '../ResetPassword';
 
 const useStyles = createStyles(({ token }) => {
   return {
@@ -60,18 +60,6 @@ const useStyles = createStyles(({ token }) => {
   };
 });
 
-const ActionIcons = () => {
-  const { styles } = useStyles();
-
-  return (
-    <>
-      <AlipayCircleOutlined key="AlipayCircleOutlined" className={styles.action} />
-      <TaobaoCircleOutlined key="TaobaoCircleOutlined" className={styles.action} />
-      <WeiboCircleOutlined key="WeiboCircleOutlined" className={styles.action} />
-    </>
-  );
-};
-
 const Lang = () => {
   const { styles } = useStyles();
 
@@ -104,6 +92,10 @@ const Login: React.FC = () => {
   const { styles } = useStyles();
   const intl = useIntl();
   let tokenStorage = new TokenStorage();
+  const [messageApi, contextHolder] = message.useMessage();
+
+  // 重置密码相关状态
+  const [resetModalVisible, setResetModalVisible] = useState(false);
 
   const fetchUserInfo = async () => {
     let tokenObj = await tokenStorage.getTokenAndDecode();
@@ -137,6 +129,7 @@ const Login: React.FC = () => {
 
   return (
     <div className={styles.container}>
+      {contextHolder}
       <Helmet>
         <title>
           {intl.formatMessage({
@@ -164,14 +157,6 @@ const Login: React.FC = () => {
           initialValues={{
             autoLogin: true,
           }}
-          // actions={[
-          //   <FormattedMessage
-          //     key="loginWith"
-          //     id="pages.login.loginWith"
-          //     defaultMessage="其他登录方式"
-          //   />,
-          //   <ActionIcons key="icons" />,
-          // ]}
           onFinish={async (values) => {
             await handleSubmit(values as API.LoginParams);
           }}
@@ -363,7 +348,7 @@ const Login: React.FC = () => {
 
               <a
                 onClick={() => {
-                  alert("请联系管理员重置密码")
+                  setResetModalVisible(true);
                 }}
 
               >
@@ -375,6 +360,24 @@ const Login: React.FC = () => {
         </LoginForm>
       </div>
       <Footer />
+
+      {/* 重置密码弹窗 */}
+      <Modal
+        title="重置密码"
+        open={resetModalVisible}
+        onCancel={() => setResetModalVisible(false)}
+        footer={null}
+        destroyOnClose
+        width={500}
+      >
+        <ResetPassword
+          onCancel={() => setResetModalVisible(false)}
+          onSuccess={() => {
+            messageApi.success('重置密码成功，新密码将发送到您的邮箱，请尽快在个人中心修改密码');
+            setResetModalVisible(false);
+          }}
+        />
+      </Modal>
     </div>
   );
 };