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

feat: 新干县登录

parent 11c5f767
...@@ -21,6 +21,7 @@ import JSZHLogin from './template/project/JSZH'; ...@@ -21,6 +21,7 @@ import JSZHLogin from './template/project/JSZH';
import ChengmaiLogin from './template/project/chengmai'; import ChengmaiLogin from './template/project/chengmai';
import HuhehaoteLogin from './template/project/huhehaote'; import HuhehaoteLogin from './template/project/huhehaote';
import XinganLogin from './template/project/xingan'; import XinganLogin from './template/project/xingan';
import ErlianhaoteLogin from './template/project/erlianhaote';
import { AppInitState } from '../../../render'; import { AppInitState } from '../../../render';
const LoginTemplate = { const LoginTemplate = {
'新春 - 智联.html': NewYear, '新春 - 智联.html': NewYear,
...@@ -37,6 +38,7 @@ const LoginTemplate = { ...@@ -37,6 +38,7 @@ const LoginTemplate = {
'项目 - 澄迈.html': ChengmaiLogin, '项目 - 澄迈.html': ChengmaiLogin,
'项目 - 呼和浩特.html': HuhehaoteLogin, '项目 - 呼和浩特.html': HuhehaoteLogin,
'项目 - 新干.html': XinganLogin, '项目 - 新干.html': XinganLogin,
'项目 - 二连浩特.html': ErlianhaoteLogin,
default: BaseLogin, default: BaseLogin,
}; };
/* eslint-disable */ /* 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 React, { forwardRef, useEffect, useRef, useState } from 'react';
import { Modal } from 'antd'; import { Modal, Popover } from 'antd';
import { Helmet, HelmetProvider } from 'react-helmet-async'; import { Helmet, HelmetProvider } from 'react-helmet-async';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { useHistory, withRouter } from '@wisdom-utils/runtime'; import { useHistory, withRouter } from '@wisdom-utils/runtime';
...@@ -11,18 +11,18 @@ import styles from './index.less'; ...@@ -11,18 +11,18 @@ import styles from './index.less';
import Account from '../../../js/useAccount'; import Account from '../../../js/useAccount';
import { defaultApp } from '../../../../../../micro'; import { defaultApp } from '../../../../../../micro';
import logoPng from './images/7.png' import logoPng from './images/7.png'
import qrcodePng from './images/1.png'
import QRCode from 'qrcode.react'; import QRCode from 'qrcode.react';
import classnames from 'classnames'; import classnames from 'classnames';
import moment from 'moment'; import moment from 'moment';
const renderQRCode = props => { const PopOvercontent = () =>{
const qrcodes = props.qrcode.split('|') || []; const qrcodes = window.globalConfig && window.globalConfig.qrcode;
if (qrcodes.length > 0 && qrcodes[0]) { if (qrcodes) {
let value = qrcodes[0].replace(/{ip}/gi, props.ip || window.location.host).split('=')[1]; return <QRCode value={qrcodes}/>;
return <QRCode value={value} />;
} }
return <span>手持APP下载未配置</span>; return <span>手持APP下载未配置</span>;
}; }
const Login = forwardRef((props, _ref) => { const Login = forwardRef((props, _ref) => {
const sliVerify = useRef(); const sliVerify = useRef();
...@@ -163,6 +163,9 @@ const Login = forwardRef((props, _ref) => { ...@@ -163,6 +163,9 @@ const Login = forwardRef((props, _ref) => {
{renderPlatform()} {renderPlatform()}
</div> </div>
</div> </div>
<Popover content={PopOvercontent} title="扫码下载APP" trigger="click" overlayClassName={'popover-style'}>
<img src={qrcodePng} alt="APP" className={styles['qrcode-box']}/>
</Popover>
</div> </div>
<div className={styles['login-header']}> <div className={styles['login-header']}>
<div className={styles['left-title']}> <div className={styles['left-title']}>
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
.login { .login {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url('./images/6.jpg') no-repeat center; background: url('./images/6.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
background-clip: border-box; background-clip: border-box;
position: relative; position: relative;
...@@ -79,14 +79,7 @@ ...@@ -79,14 +79,7 @@
.inner-center { .inner-center {
// width: 400px; position: relative;
// height: 400px;
// background-color: #ffffff;
// display: flex;
// flex-flow: column;
// align-items: center;
// border-radius: 0 10px 10px 0;
width: 482px; width: 482px;
height: 316px; height: 316px;
background: rgba(255,255,255,0.3); background: rgba(255,255,255,0.3);
...@@ -203,3 +196,25 @@ ...@@ -203,3 +196,25 @@
color: #F1F6FD; color: #F1F6FD;
text-align: center; 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