-
}
- title="Ant Design"
- subTitle={intl.formatMessage({ id: 'pages.layouts.userLayout.title' })}
- initialValues={{
- autoLogin: true,
- }}
- actions={[
-
,
-
,
-
,
-
,
- ]}
- onFinish={async (values) => {
- await handleSubmit(values as API.LoginParams);
- }}
- >
-
-
-
-
-
- {status === 'error' && loginType === 'account' && (
-
- )}
- {type === 'account' && (
- <>
-
,
- }}
- placeholder={intl.formatMessage({
- id: 'pages.login.username.placeholder',
- defaultMessage: '用户名: admin or user',
- })}
- rules={[
- {
- required: true,
- message: (
-
- ),
- },
- ]}
- />
-
,
- }}
- placeholder={intl.formatMessage({
- id: 'pages.login.password.placeholder',
- defaultMessage: '密码: ant.design',
- })}
- rules={[
- {
- required: true,
- message: (
-
- ),
- },
- ]}
- />
- >
- )}
-
- {status === 'error' && loginType === 'mobile' &&
}
- {type === 'mobile' && (
- <>
-
,
- }}
- name="mobile"
- placeholder={intl.formatMessage({
- id: 'pages.login.phoneNumber.placeholder',
- defaultMessage: '手机号',
- })}
- rules={[
- {
- required: true,
- message: (
-
- ),
- },
- {
- pattern: /^1\d{10}$/,
- message: (
-
- ),
- },
- ]}
- />
-
,
- }}
- captchaProps={{
- size: 'large',
- }}
- placeholder={intl.formatMessage({
- id: 'pages.login.captcha.placeholder',
- defaultMessage: '请输入验证码',
- })}
- captchaTextRender={(timing, count) => {
- if (timing) {
- return `${count} ${intl.formatMessage({
- id: 'pages.getCaptchaSecondText',
- defaultMessage: '获取验证码',
- })}`;
- }
- return intl.formatMessage({
- id: 'pages.login.phoneLogin.getVerificationCode',
- defaultMessage: '获取验证码',
- });
- }}
- name="captcha"
- rules={[
- {
- required: true,
- message: (
-
- ),
- },
- ]}
- onGetCaptcha={async (phone) => {
- const result = await getFakeCaptcha({
- phone,
- });
- if (result === false) {
- return;
- }
- message.success('获取验证码成功!验证码为:1234');
- }}
- />
- >
- )}
-
-
-