| | |
| | | import React, { useState } from 'react'; |
| | | import { flushSync } from 'react-dom'; |
| | | import { createStyles } from 'antd-style'; |
| | | import { request } from '@umijs/max'; |
| | | |
| | | const useStyles = createStyles(({ token }) => { |
| | | return { |
| | |
| | | |
| | | const handleSubmit = async (values) => { |
| | | try { |
| | | // 登录 |
| | | const msg = await login({ ...values, type }); |
| | | if (msg.status === 'ok') { |
| | | const defaultLoginSuccessMessage = intl.formatMessage({ |
| | | const r = await request('/api/login', { |
| | | baseURL: 'http://localhost:9090/wcs', |
| | | method: 'POST', |
| | | headers: { |
| | | 'Content-Type': 'application/json' |
| | | }, |
| | | data: values |
| | | }) |
| | | console.log(r); |
| | | if (r.code === 200) { |
| | | message.success(intl.formatMessage({ |
| | | id: 'pages.login.success', |
| | | defaultMessage: '登录成功!', |
| | | }); |
| | | message.success(defaultLoginSuccessMessage); |
| | | })); |
| | | await fetchUserInfo(); |
| | | const urlParams = new URL(window.location.href).searchParams; |
| | | history.push(urlParams.get('redirect') || '/'); |
| | | return; |
| | | } |
| | | console.log(msg); |
| | | // 如果失败去设置用户错误信息 |
| | | setUserLoginState(msg); |
| | | setUserLoginState({ |
| | | status: r.code, |
| | | type: type, |
| | | }) |
| | | |
| | | // 登录 |
| | | // const msg = await login({ ...values, type }); |
| | | // if (msg.status === 'ok') { |
| | | // const defaultLoginSuccessMessage = intl.formatMessage({ |
| | | // id: 'pages.login.success', |
| | | // defaultMessage: '登录成功!', |
| | | // }); |
| | | // message.success(defaultLoginSuccessMessage); |
| | | // await fetchUserInfo(); |
| | | // const urlParams = new URL(window.location.href).searchParams; |
| | | // history.push(urlParams.get('redirect') || '/'); |
| | | // return; |
| | | // } |
| | | // // 如果失败去设置用户错误信息 |
| | | // setUserLoginState(msg); |
| | | } catch (error) { |
| | | const defaultLoginFailureMessage = intl.formatMessage({ |
| | | console.log(error); |
| | | message.error(intl.formatMessage({ |
| | | id: 'pages.login.failure', |
| | | defaultMessage: '登录失败,请重试!', |
| | | }); |
| | | console.log(error); |
| | | message.error(defaultLoginFailureMessage); |
| | | })); |
| | | } |
| | | }; |
| | | const { status, type: loginType } = userLoginState; |
| | |
| | | ]} |
| | | /> |
| | | |
| | | {status === 'error' && loginType === 'account' && ( |
| | | {status !== 200 && loginType === 'account' && ( |
| | | <LoginMessage |
| | | content={intl.formatMessage({ |
| | | id: 'pages.login.accountLogin.errorMessage', |
| | | defaultMessage: '账户或密码错误(admin/ant.design)', |
| | | defaultMessage: '账户或密码错误', |
| | | })} |
| | | /> |
| | | )} |
| | |
| | | }} |
| | | placeholder={intl.formatMessage({ |
| | | id: 'pages.login.username.placeholder', |
| | | defaultMessage: '用户名: admin or user', |
| | | defaultMessage: '用户名:', |
| | | })} |
| | | rules={[ |
| | | { |
| | |
| | | }} |
| | | placeholder={intl.formatMessage({ |
| | | id: 'pages.login.password.placeholder', |
| | | defaultMessage: '密码: ant.design', |
| | | defaultMessage: '密码:', |
| | | })} |
| | | rules={[ |
| | | { |
| | |
| | | </> |
| | | )} |
| | | |
| | | {status === 'error' && loginType === 'mobile' && <LoginMessage content="验证码错误" />} |
| | | {status !== 200 && loginType === 'mobile' && <LoginMessage content="验证码错误" />} |
| | | {type === 'mobile' && ( |
| | | <> |
| | | <ProFormText |