Commit 39d87866 authored by 王万里's avatar 王万里

feat: 新干县登录

parent 11c5f767
......@@ -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 */
......
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
This diff was suppressed by a .gitattributes entry.
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']}>
......
......@@ -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
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment