⚡ 优化代码

eiam-console/src/main/console-fe/package.json

@@ -47,7 +47,7 @@
     "@ant-design/charts": "^1.4.2",
     "@ant-design/icons": "^5.2.6",
     "@ant-design/maps": "^1.0.7",
-    "@ant-design/pro-components": "^2.6.25",
+    "@ant-design/pro-components": "^2.6.27",
     "ahooks": "^3.7.8",
     "antd": "^5.9.3",
     "antd-img-crop": "^4.13.0",

eiam-console/src/main/console-fe/src/pages/user/Login/Login.tsx

@@ -28,11 +28,9 @@ import queryString from 'query-string';
 import { flushSync } from 'react-dom';
 import classnames from 'classnames';
 import useStyle from './style';
-import Banner from '@/components/Banner';
 import PageLoading from '@/components/PageLoading';
 
 const prefixCls = 'login';
-const showBanner = process.env.PREVIEW_ENV || process.env.NODE_ENV === 'development';
 
 /**
  * 错误消息
@@ -152,116 +150,107 @@ const Login: React.FC = () => {
             <link rel="icon" href={'/favicon.ico'} />
           </Helmet>
           <div className={classnames(`${prefixCls}`)}>
-            {showBanner && <Banner />}
+            <LoginFormPage
-            <div
+              backgroundImageUrl={'/login-background.png'}
-              style={{
+              logo={'/full-logo.svg'}
-                backgroundColor: 'white',
+              subTitle={intl.formatMessage({
-                height: 'calc(100vh - 48px)',
+                id: 'pages.layout.title',
-                border: '1px solid rgb(240, 240, 240)',
+              })}
+              initialValues={{
+                'remember-me': false,
+              }}
+              form={form}
+              scrollToFirstError
+              submitter={{
+                searchConfig: {
+                  submitText: intl.formatMessage({
+                    id: 'pages.login.submit',
+                  }),
+                },
+                render: (_, dom) => dom.pop(),
+                submitButtonProps: {
+                  loading,
+                  size: 'large',
+                  style: {
+                    width: '100%',
+                  },
+                },
+              }}
+              onFinish={async (values) => {
+                run(values);
+                return data;
               }}
             >
-              <LoginFormPage
+              {userLoginState?.status !== RESULT_STATE.SUCCESS && userLoginState?.message && (
-                backgroundImageUrl={'/login-background.png'}
+                <>
-                logo={'/full-logo.svg'}
+                  <LoginMessage content={userLoginState?.message} />
-                subTitle={intl.formatMessage({
+                  <br />
-                  id: 'pages.layout.title',
+                </>
-                })}
+              )}
-                initialValues={{
+              <>
-                  'remember-me': false,
+                <ProFormText
-                }}
+                  name="username"
-                form={form}
+                  fieldProps={{
-                scrollToFirstError
-                submitter={{
-                  searchConfig: {
-                    submitText: intl.formatMessage({
-                      id: 'pages.login.submit',
-                    }),
-                  },
-                  render: (_, dom) => dom.pop(),
-                  submitButtonProps: {
-                    loading,
                     size: 'large',
-                    style: {
+                    prefix: (
-                      width: '100%',
+                      <UserOutlined className={classnames(`${prefixCls}-form-prefix-icon`)} />
+                    ),
+                    autoComplete: 'off',
+                  }}
+                  placeholder={intl.formatMessage({
+                    id: 'pages.login.username.placeholder',
+                  })}
+                  rules={[
+                    {
+                      required: true,
+                      message: <FormattedMessage id="pages.login.username.required" />,
                     },
-                  },
+                  ]}
-                }}
+                />
-                onFinish={async (values) => {
+                <ProFormText.Password
-                  run(values);
+                  name="password"
-                  return data;
+                  fieldProps={{
+                    size: 'large',
+                    autoComplete: 'new-password',
+                    prefix: (
+                      <LockOutlined className={classnames(`${prefixCls}-form-prefix-icon`)} />
+                    ),
+                  }}
+                  placeholder={intl.formatMessage({
+                    id: 'pages.login.password.placeholder',
+                  })}
+                  rules={[
+                    {
+                      required: true,
+                      message: <FormattedMessage id="pages.login.password.required" />,
+                    },
+                  ]}
+                />
+              </>
+              <div
+                style={{
+                  marginBottom: 24,
                 }}
               >
-                {userLoginState?.status !== RESULT_STATE.SUCCESS && userLoginState?.message && (
+                <ProFormCheckbox noStyle name="remember-me">
-                  <>
+                  <FormattedMessage id="pages.login.remember-me" />
-                    <LoginMessage content={userLoginState?.message} />
+                </ProFormCheckbox>
-                    <br />
+                <a
-                  </>
-                )}
-                <>
-                  <ProFormText
-                    name="username"
-                    fieldProps={{
-                      size: 'large',
-                      prefix: (
-                        <UserOutlined className={classnames(`${prefixCls}-form-prefix-icon`)} />
-                      ),
-                      autoComplete: 'off',
-                    }}
-                    placeholder={intl.formatMessage({
-                      id: 'pages.login.username.placeholder',
-                    })}
-                    rules={[
-                      {
-                        required: true,
-                        message: <FormattedMessage id="pages.login.username.required" />,
-                      },
-                    ]}
-                  />
-                  <ProFormText.Password
-                    name="password"
-                    fieldProps={{
-                      size: 'large',
-                      autoComplete: 'new-password',
-                      prefix: (
-                        <LockOutlined className={classnames(`${prefixCls}-form-prefix-icon`)} />
-                      ),
-                    }}
-                    placeholder={intl.formatMessage({
-                      id: 'pages.login.password.placeholder',
-                    })}
-                    rules={[
-                      {
-                        required: true,
-                        message: <FormattedMessage id="pages.login.password.required" />,
-                      },
-                    ]}
-                  />
-                </>
-                <div
                   style={{
-                    marginBottom: 24,
+                    float: 'right',
+                  }}
+                  onClick={async () => {
+                    message.info(
+                      intl.formatMessage({
+                        id: 'app.not_yet_realized',
+                      }),
+                    );
                   }}
                 >
-                  <ProFormCheckbox noStyle name="remember-me">
+                  <FormattedMessage id="pages.login.forgot-password" />
-                    <FormattedMessage id="pages.login.remember-me" />
+                </a>
-                  </ProFormCheckbox>
+              </div>
-                  <a
+            </LoginFormPage>
-                    style={{
-                      float: 'right',
-                    }}
-                    onClick={async () => {
-                      message.info(
-                        intl.formatMessage({
-                          id: 'app.not_yet_realized',
-                        }),
-                      );
-                    }}
-                  >
-                    <FormattedMessage id="pages.login.forgot-password" />
-                  </a>
-                </div>
-              </LoginFormPage>
-            </div>
           </div>
         </>
       ) : (

eiam-console/src/main/console-fe/src/pages/user/Login/style.ts

@@ -23,6 +23,9 @@ const useStyle = createStyles(({ token, prefixCls }, prefix) => {
   return {
     main: {
       [`${prefixClassName}`]: {
+        backgroundColor: 'white',
+        height: '100vh',
+        border: '1px solid rgb(240, 240, 240)',
         [`${prefixClassName}-form-prefix-icon`]: {
           color: token.colorPrimary,
           fontSize: token.fontSize,

eiam-portal/src/main/portal-fe/package.json

@@ -48,7 +48,7 @@
     "@ant-design/charts": "^1.4.2",
     "@ant-design/icons": "^5.2.6",
     "@ant-design/maps": "^1.0.7",
-    "@ant-design/pro-components": "^2.6.25",
+    "@ant-design/pro-components": "^2.6.27",
     "ahooks": "^3.7.8",
     "antd": "^5.9.3",
     "antd-img-crop": "^4.13.0",