|
@@ -111,121 +111,123 @@ const Login: React.FC = () => {
|
|
|
|
|
|
return (
|
|
|
<div className={styles.container}>
|
|
|
- <div className={styles.lang} data-lang>
|
|
|
- {SelectLang && <SelectLang />}
|
|
|
- </div>
|
|
|
- <div className={styles.content}>
|
|
|
- <div className={styles.top}>
|
|
|
- <div className={styles.header}>
|
|
|
- <Link to="/" className="flex justify-center">
|
|
|
- <img alt="logo" className={styles.logo} src="/logo.svg" />
|
|
|
- <span className={styles.title}>投资项目云平台</span>
|
|
|
- </Link>
|
|
|
- </div>
|
|
|
- <div className={styles.desc}>
|
|
|
- {intl.formatMessage({ id: 'pages.layouts.userLayout.title' })}
|
|
|
- </div>
|
|
|
+ <div className={[styles.smallBox, 'border rounded-xl'].join(' ')}>
|
|
|
+ <div className={styles.lang} data-lang>
|
|
|
+ {SelectLang && <SelectLang />}
|
|
|
</div>
|
|
|
- <div className={styles.main}>
|
|
|
- <ProForm
|
|
|
- initialValues={{
|
|
|
- autoLogin: true
|
|
|
- }}
|
|
|
- submitter={{
|
|
|
- searchConfig: {
|
|
|
- submitText: intl.formatMessage({
|
|
|
- id: 'pages.login.submit',
|
|
|
- defaultMessage: '登录'
|
|
|
- })
|
|
|
- },
|
|
|
- render: (_, dom) => dom.pop(),
|
|
|
- submitButtonProps: {
|
|
|
- loading,
|
|
|
- size: 'large',
|
|
|
- style: {
|
|
|
- width: '100%'
|
|
|
+ <div className={styles.content}>
|
|
|
+ <div className={styles.top}>
|
|
|
+ <div className={styles.header}>
|
|
|
+ <Link to="/" className="flex justify-center">
|
|
|
+ <img alt="logo" className={styles.logo} src="/logo.png" />
|
|
|
+ <span className={styles.title}>珠海市财政局</span>
|
|
|
+ </Link>
|
|
|
+ </div>
|
|
|
+ <div className={styles.desc}>
|
|
|
+ {intl.formatMessage({ id: 'pages.layouts.userLayout.title' })}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className={styles.main}>
|
|
|
+ <ProForm
|
|
|
+ initialValues={{
|
|
|
+ autoLogin: true
|
|
|
+ }}
|
|
|
+ submitter={{
|
|
|
+ searchConfig: {
|
|
|
+ submitText: intl.formatMessage({
|
|
|
+ id: 'pages.login.submit',
|
|
|
+ defaultMessage: '登录'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ render: (_, dom) => dom.pop(),
|
|
|
+ submitButtonProps: {
|
|
|
+ loading,
|
|
|
+ size: 'large',
|
|
|
+ style: {
|
|
|
+ width: '100%'
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- }}
|
|
|
- onFinish={async values => {
|
|
|
- handleSubmit(values as API.LoginParams)
|
|
|
- }}>
|
|
|
- <Tabs activeKey={type} onChange={setType}>
|
|
|
- <Tabs.TabPane
|
|
|
- key="account"
|
|
|
- tab={intl.formatMessage({
|
|
|
- id: 'pages.login.accountLogin.tab',
|
|
|
- defaultMessage: '账户密码登录'
|
|
|
- })}
|
|
|
- />
|
|
|
- </Tabs>
|
|
|
-
|
|
|
- {code === consts.RET_CODE.ERROR && <LoginMessage content={'账户或密码错误'} />}
|
|
|
- {type === 'account' && (
|
|
|
- <>
|
|
|
- <ProFormText
|
|
|
- name="account"
|
|
|
- fieldProps={{
|
|
|
- size: 'large',
|
|
|
- prefix: <UserOutlined className={styles.prefixIcon} />
|
|
|
- }}
|
|
|
- placeholder={intl.formatMessage({
|
|
|
- id: 'pages.login.username.placeholder',
|
|
|
- defaultMessage: '请输入用户名'
|
|
|
- })}
|
|
|
- rules={[
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: (
|
|
|
- <FormattedMessage
|
|
|
- id="pages.login.username.required"
|
|
|
- defaultMessage="请输入用户名!"
|
|
|
- />
|
|
|
- )
|
|
|
- }
|
|
|
- ]}
|
|
|
- />
|
|
|
- <ProFormText.Password
|
|
|
- name="password"
|
|
|
- fieldProps={{
|
|
|
- size: 'large',
|
|
|
- prefix: <LockOutlined className={styles.prefixIcon} />
|
|
|
- }}
|
|
|
- placeholder={intl.formatMessage({
|
|
|
- id: 'pages.login.password.placeholder',
|
|
|
- defaultMessage: '请输入密码!'
|
|
|
+ }}
|
|
|
+ onFinish={async values => {
|
|
|
+ handleSubmit(values as API.LoginParams)
|
|
|
+ }}>
|
|
|
+ {/* <Tabs activeKey={type} onChange={setType}>
|
|
|
+ <Tabs.TabPane
|
|
|
+ key="account"
|
|
|
+ tab={intl.formatMessage({
|
|
|
+ id: 'pages.login.accountLogin.tab',
|
|
|
+ defaultMessage: '账户密码登录'
|
|
|
})}
|
|
|
- rules={[
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: (
|
|
|
- <FormattedMessage
|
|
|
- id="pages.login.password.required"
|
|
|
- defaultMessage="请输入密码!"
|
|
|
- />
|
|
|
- )
|
|
|
- }
|
|
|
- ]}
|
|
|
/>
|
|
|
- </>
|
|
|
- )}
|
|
|
+ </Tabs> */}
|
|
|
|
|
|
- {/* {status === 'error' && loginType === 'mobile' && <LoginMessage content="验证码错误" />} */}
|
|
|
- <div
|
|
|
- style={{
|
|
|
- marginBottom: 24
|
|
|
- }}>
|
|
|
- <ProFormCheckbox noStyle name="autoLogin">
|
|
|
- <FormattedMessage id="pages.login.rememberMe" defaultMessage="自动登录" />
|
|
|
- </ProFormCheckbox>
|
|
|
- <a
|
|
|
+ {code === consts.RET_CODE.ERROR && <LoginMessage content={'账户或密码错误'} />}
|
|
|
+ {type === 'account' && (
|
|
|
+ <>
|
|
|
+ <ProFormText
|
|
|
+ name="account"
|
|
|
+ fieldProps={{
|
|
|
+ size: 'large',
|
|
|
+ prefix: <UserOutlined className={styles.prefixIcon} />
|
|
|
+ }}
|
|
|
+ placeholder={intl.formatMessage({
|
|
|
+ id: 'pages.login.username.placeholder',
|
|
|
+ defaultMessage: '请输入用户名'
|
|
|
+ })}
|
|
|
+ rules={[
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: (
|
|
|
+ <FormattedMessage
|
|
|
+ id="pages.login.username.required"
|
|
|
+ defaultMessage="请输入用户名!"
|
|
|
+ />
|
|
|
+ )
|
|
|
+ }
|
|
|
+ ]}
|
|
|
+ />
|
|
|
+ <ProFormText.Password
|
|
|
+ name="password"
|
|
|
+ fieldProps={{
|
|
|
+ size: 'large',
|
|
|
+ prefix: <LockOutlined className={styles.prefixIcon} />
|
|
|
+ }}
|
|
|
+ placeholder={intl.formatMessage({
|
|
|
+ id: 'pages.login.password.placeholder',
|
|
|
+ defaultMessage: '请输入密码!'
|
|
|
+ })}
|
|
|
+ rules={[
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: (
|
|
|
+ <FormattedMessage
|
|
|
+ id="pages.login.password.required"
|
|
|
+ defaultMessage="请输入密码!"
|
|
|
+ />
|
|
|
+ )
|
|
|
+ }
|
|
|
+ ]}
|
|
|
+ />
|
|
|
+ </>
|
|
|
+ )}
|
|
|
+
|
|
|
+ {/* {status === 'error' && loginType === 'mobile' && <LoginMessage content="验证码错误" />} */}
|
|
|
+ <div
|
|
|
style={{
|
|
|
- float: 'right'
|
|
|
+ marginBottom: 24
|
|
|
}}>
|
|
|
- <FormattedMessage id="pages.login.forgotPassword" defaultMessage="忘记密码" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </ProForm>
|
|
|
+ <ProFormCheckbox noStyle name="autoLogin">
|
|
|
+ <FormattedMessage id="pages.login.rememberMe" defaultMessage="自动登录" />
|
|
|
+ </ProFormCheckbox>
|
|
|
+ <a
|
|
|
+ style={{
|
|
|
+ float: 'right'
|
|
|
+ }}>
|
|
|
+ <FormattedMessage id="pages.login.forgotPassword" defaultMessage="忘记密码" />
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </ProForm>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|