pref: 弥勒登录页添加跳转到 集成登录

src/pages/user/login/template/project/miLe/index.js

-import styles from './index.less'
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
-import LoginAction from '../../../login';
-import Account from './useAccount';
 import moment from 'moment';
 import classnames from 'classnames';
 import { Modal, Popover } from 'antd';
@@ -9,17 +6,20 @@ import { Helmet, HelmetProvider } from 'react-helmet-async';
 import { connect } from 'react-redux';
 import { useHistory, withRouter } from '@wisdom-utils/runtime';
 import { actionCreators } from '@/containers/App/store';
+import QRCode from 'qrcode.react';
 import defaultSetting from '../../../../../../../config/defaultSetting';
 import { defaultApp } from '../../../../../../micro';
 import logo from './images/logo.png';
-import logoBg from './images/loginTitle.png'
+import logoBg from './images/loginTitle.png';
 import Krpano from '../../../components/Krpano';
-import QRCode from 'qrcode.react';
+import Account from './useAccount';
+import LoginAction from '../../../login';
+import styles from './index.less';
 
 const renderQRCode = props => {
   const qrcodes = props?.qrcode?.split('|') ?? [];
   if (qrcodes.length > 0 && qrcodes[0]) {
-    let value = qrcodes[0].replace(/{ip}/gi, props.ip || window.location.host).split('=')[1];
+    const value = qrcodes[0].replace(/{ip}/gi, props.ip || window.location.host).split('=')[1];
     return <QRCode value={value} />;
   }
   return <span>手持APP下载未配置</span>;
@@ -36,16 +36,11 @@ const MiLeLogin = forwardRef((props, _ref) => {
   const [visible, setVisible] = useState(false);
   const history = useHistory();
   const [dateObj, setDateObj] = useState({});
-  const { projectName} = props.loginParams
-  const [action, setAction] = useState(
-    () =>
-      new LoginAction(Object.assign({}, props, { history }), setVisible, false),
-  );
+  const { projectName } = props.loginParams;
+  const [action, setAction] = useState(() => new LoginAction(Object.assign({}, props, { history }), setVisible, false));
   const qrcodes = props.global?.qrcode?.split('|') ?? [];
   const logoImage =
-    props?.global?.logo?.indexOf('CityTemp') > -1
-      ? props?.global?.logo
-      : `civweb4/${props?.global?.logo}`;
+    props?.global?.logo?.indexOf('CityTemp') > -1 ? props?.global?.logo : `civweb4/${props?.global?.logo}`;
 
   const handleSubmit = values => {
     /* eslint-disable */
@@ -87,11 +82,19 @@ const MiLeLogin = forwardRef((props, _ref) => {
       action.events.on('loginVisible', status => {
         setVisible(status);
       });
+    action.events.on('loginHomePage', () => {
+      props.history.push(`/homePage`);
+    });
+    action.events.on('loginIndustry', () => {
+      props.history.push(`/industry`);
+    });
     // }
     return () => {
       action && action.events && action.events.removeAllListeners('loginSuccess');
       action && action.events && action.events.removeAllListeners('loginError');
       action && action.events && action.events.removeAllListeners('loginVisible');
+      action && action.events && action.events.removeAllListeners('loginHomePage');
+      action && action.events && action.events.removeAllListeners('loginIndustry');
     }
   }, [props.loginMode]);