feat: 新干县登录

src/pages/user/login/index.js

@@ -21,6 +21,7 @@ import JSZHLogin from './template/project/JSZH';
 import ChengmaiLogin from './template/project/chengmai';
 import HuhehaoteLogin from './template/project/huhehaote';
 import XinganLogin from './template/project/xingan';
+import ErlianhaoteLogin from './template/project/erlianhaote';
 import { AppInitState } from '../../../render';
 const LoginTemplate = {
   '新春 - 智联.html': NewYear,
@@ -37,6 +38,7 @@ const LoginTemplate = {
   '项目 - 澄迈.html': ChengmaiLogin,
   '项目 - 呼和浩特.html': HuhehaoteLogin,
   '项目 - 新干.html': XinganLogin,
+  '项目 - 二连浩特.html': ErlianhaoteLogin,
   default: BaseLogin,
 };
 /* eslint-disable */

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

 import React, { forwardRef, useEffect, useRef, useState } from 'react';
 
-import { Modal } from 'antd';
+import { Modal, Popover } from 'antd';
 import { Helmet, HelmetProvider } from 'react-helmet-async';
 import { connect } from 'react-redux';
 import { useHistory, withRouter } from '@wisdom-utils/runtime';
@@ -11,18 +11,18 @@ import styles from './index.less';
 import Account from '../../../js/useAccount';
 import { defaultApp } from '../../../../../../micro';
 import logoPng from './images/7.png'
+import qrcodePng from './images/1.png'
 import QRCode from 'qrcode.react';
 import classnames from 'classnames';
 import moment from 'moment';
 
-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];
-        return <QRCode value={value} />;
+const PopOvercontent = () =>{
+    const qrcodes = window.globalConfig && window.globalConfig.qrcode;
+    if (qrcodes) {
+        return <QRCode value={qrcodes}/>;
     }
     return <span>手持APP下载未配置</span>;
-};
+}
 
 const Login = forwardRef((props, _ref) => {
     const sliVerify = useRef();
@@ -163,6 +163,9 @@ const Login = forwardRef((props, _ref) => {
                             {renderPlatform()}
                         </div>
                     </div>
+                    <Popover content={PopOvercontent} title="扫码下载APP" trigger="click" overlayClassName={'popover-style'}>
+                        <img src={qrcodePng} alt="APP" className={styles['qrcode-box']}/>
+                    </Popover>
                 </div>
                 <div className={styles['login-header']}>
                     <div className={styles['left-title']}>

src/pages/user/login/template/project/xingan/index.less

@@ -6,7 +6,7 @@
 .login {
     width: 100%;
     height: 100%;
-    background: url('./images/6.jpg') no-repeat center;
+    background: url('./images/6.png') no-repeat;
     background-size: 100% 100%;
     background-clip: border-box;
     position: relative;
@@ -79,14 +79,7 @@
 
 
 .inner-center {
-    // width: 400px;
-    // height: 400px;
-    // background-color: #ffffff;
-    // display: flex;
-    // flex-flow: column;
-    // align-items: center;
-    // border-radius: 0 10px 10px 0;
-
+    position: relative;
     width: 482px;
     height: 316px;
     background: rgba(255,255,255,0.3);
@@ -203,3 +196,25 @@
     color: #F1F6FD;
     text-align: center;
 }
+.qrcode-box{
+    position: absolute;
+    bottom: 0;
+    right: -35px;
+    width: 35px;
+    height: 35px;
+    background: #FFFFFF;
+    opacity: 0.8;
+    cursor: pointer;
+}
+:global{
+    .@{ant-prefix}-popover-inner-content{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .@{ant-prefix}-popover-title{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
\ No newline at end of file