import React, { Component } from 'react'
|
import { message, Modal } from 'antd'
|
import { connect } from 'react-redux'
|
import md5 from 'md5'
|
import moment from 'moment'
|
|
import Api from '@/api'
|
import Utils from '@/utils/utils.js'
|
import options, { styles } from '@/store/options.js'
|
import zhCN from '@/locales/zh-CN/login.js'
|
import enUS from '@/locales/en-US/login.js'
|
import asyncLoadComponent from '@/utils/asyncLoadComponent'
|
import { modifyMemberLevel } from '@/store/action'
|
import './index.scss'
|
|
const LoginForm = asyncLoadComponent(() => import('./loginform'))
|
const LoginCloudForm = asyncLoadComponent(() => import('./logincloudform'))
|
const iszhCN = sessionStorage.getItem('lang') !== 'en-US'
|
|
const _href = window.location.href.split('#')[0]
|
if (localStorage.getItem(_href + 'paramsmain')) {
|
sessionStorage.setItem('history', localStorage.getItem(_href + 'paramsmain'))
|
localStorage.removeItem(_href + 'paramsmain')
|
}
|
|
class Login extends Component {
|
state = {
|
selectedlang: iszhCN ? 'zh-CN' : 'en-US',
|
dict: iszhCN ? zhCN : enUS,
|
isDisabled: false,
|
auth: false,
|
authError: '',
|
loginlogo: window.GLOB.loginlogo || '',
|
bgImage: window.GLOB.bgImage || '',
|
platName: window.GLOB.platName || '',
|
copyRight: window.GLOB.copyRight || '',
|
ICP: window.GLOB.ICP || '',
|
lineColor: window.GLOB.lineColor || '',
|
webSite: window.GLOB.webSite || '',
|
langList: [],
|
syncApp: false,
|
loginWays: null,
|
touristLogin: false,
|
syncing: false,
|
ipAddress: '',
|
city: ''
|
}
|
|
changelang (item) {
|
// 切换语言
|
this.setState({
|
dict: item === 'zh-CN' ? zhCN : enUS
|
})
|
}
|
|
handleSubmit = () => {
|
this.loginformRef.handleConfirm().then(res => {
|
this.setState({
|
isDisabled: true
|
})
|
|
if (res.type === 'uname_pwd') {
|
this.loginsubmit(res)
|
} else if (res.type === 'sms_vcode') {
|
this.phoneloginsubmit(res)
|
}
|
})
|
}
|
|
/**
|
* @description 账号密码登录
|
* @param {Object} param 用户名密码等信息
|
*/
|
async loginsubmit (param) {
|
const { ipAddress, city } = this.state
|
if (options.sysType === 'local' && !window.GLOB.mainSystemApi) { // 业务系统必须设置单点地址
|
Modal.warning({
|
title: '未设置单点服务器地址，请联系管理员！'
|
})
|
return
|
}
|
|
// 登录提交
|
let res = await Api.getusermsg(param.username, param.password, false, ipAddress, city)
|
if (res.status) {
|
sessionStorage.setItem('UserID', res.UserID)
|
sessionStorage.setItem('LoginUID', res.LoginUID)
|
sessionStorage.setItem('User_Name', res.UserName)
|
sessionStorage.setItem('Full_Name', res.FullName)
|
sessionStorage.setItem('avatar', res.icon || '')
|
sessionStorage.setItem('dataM', res.dataM ? 'true' : '')
|
sessionStorage.setItem('localDataM', res.dataM ? 'true' : '')
|
sessionStorage.setItem('debug', res.debug || '')
|
sessionStorage.setItem('role_id', res.role_id || '')
|
sessionStorage.setItem('localRole_id', res.role_id || '')
|
|
let _url = window.location.href.split('#')[0]
|
|
localStorage.setItem(_url + 'lang', param.lang || 'zh-CN')
|
sessionStorage.setItem('lang', param.lang || 'zh-CN')
|
|
sessionStorage.removeItem('visitorUserID')
|
sessionStorage.removeItem('visitorLoginUID')
|
|
if (param.remember) { // 记住密码时账号密码存入localStorage
|
localStorage.setItem(_url, window.btoa(window.encodeURIComponent(JSON.stringify({username: param.username, password: param.password}))))
|
} else {
|
localStorage.removeItem(_url)
|
}
|
|
let _history = sessionStorage.getItem('history')
|
if (_history) {
|
sessionStorage.removeItem('history')
|
// 查看是否为其他页面跳转，路径存在时，跳回原页面
|
this.props.history.replace(_history)
|
} else {
|
this.props.history.replace('/main')
|
}
|
} else if (res.ErrCode === 'Need_Get_Appkey' && options.sysType === 'SSO') {
|
message.warning('应用尚未创建，请向云端同步应用！')
|
|
this.setState({
|
isDisabled: false,
|
syncApp: true
|
})
|
} else {
|
message.warning(res.message)
|
if (res.message.indexOf('密码错误') > -1) {
|
const input = document.getElementById('password')
|
if (input) {
|
input.select()
|
}
|
} else if (res.message.indexOf('登录权限') > -1) {
|
const input = document.getElementById('username')
|
if (input) {
|
input.select()
|
}
|
}
|
this.setState({
|
isDisabled: false
|
})
|
}
|
}
|
|
async phoneloginsubmit (param) {
|
const { ipAddress, city } = this.state
|
if (options.sysType === 'local' && !window.GLOB.mainSystemApi) { // 业务系统必须设置单点地址
|
Modal.warning({
|
title: '未设置单点服务器地址，请联系管理员！'
|
})
|
return
|
}
|
|
// 登录提交
|
let res = await Api.getphoneusermsg(param.phone, param.vercode, false, ipAddress, city)
|
if (res.status) {
|
sessionStorage.setItem('UserID', res.UserID)
|
sessionStorage.setItem('LoginUID', res.LoginUID)
|
sessionStorage.setItem('User_Name', res.UserName)
|
sessionStorage.setItem('Full_Name', res.FullName)
|
sessionStorage.setItem('avatar', res.icon || '')
|
sessionStorage.setItem('dataM', res.dataM ? 'true' : '')
|
sessionStorage.setItem('localDataM', res.dataM ? 'true' : '')
|
sessionStorage.setItem('debug', res.debug || '')
|
sessionStorage.setItem('role_id', res.role_id || '')
|
sessionStorage.setItem('localRole_id', res.role_id || '')
|
|
let _url = window.location.href.split('#')[0]
|
|
localStorage.setItem(_url + 'lang', param.lang || 'zh-CN')
|
sessionStorage.setItem('lang', param.lang || 'zh-CN')
|
|
sessionStorage.removeItem('visitorUserID')
|
sessionStorage.removeItem('visitorLoginUID')
|
|
let _history = sessionStorage.getItem('history')
|
if (_history) {
|
sessionStorage.removeItem('history')
|
// 查看是否为其他页面跳转，路径存在时，跳回原页面
|
this.props.history.replace(_history)
|
} else {
|
this.props.history.replace('/main')
|
}
|
} else if (res.ErrCode === 'Need_Get_Appkey' && options.sysType === 'SSO') {
|
message.warning('应用尚未创建，请向云端同步应用！')
|
|
this.setState({
|
isDisabled: false,
|
syncApp: true
|
})
|
} else {
|
message.warning(res.message)
|
this.setState({
|
isDisabled: false
|
})
|
}
|
}
|
|
componentDidMount () {
|
// 获取ip及城市信息
|
let ipurl = window.atob('aHR0cHM6Ly9lcGMubWs5a$mkC5jbi93ZWJhcGkvaXBsb2M='.replace(/\$mk/ig, ''))
|
Api.directRequest(ipurl, 'get', null, 'true').then(res => {
|
if (!res || !res.location) return
|
sessionStorage.setItem('city', res.location)
|
this.setState({
|
ipAddress: res.ip || '',
|
city: res.location
|
})
|
})
|
const timeStamp = new Date().getTime()
|
const _authUrl = window.location.href.split('#')[0] + 'AuthCode'
|
|
let authCode = localStorage.getItem(_authUrl)
|
let _s = md5('mksoft' + moment().format('YYYYMMDD'))
|
authCode = authCode ? authCode.split(',') : []
|
let index = authCode.findIndex(key => key === _s)
|
|
if (index > -1) {
|
this.setState({
|
auth: true
|
})
|
}
|
|
if (index === -1 || index > 5) {
|
let _appId = window.GLOB.appId
|
|
if (options.sysType === 'cloud') { // 云端使用系统配置appid
|
_appId = options.caId
|
}
|
|
let str = md5('MK19' + _appId + timeStamp)
|
let _rduri = window.atob('aHR0cHM6Ly9lcGMubWs5aC5$mkjbi93ZWJhcGkvZG9zdGFycw=='.replace(/\$mk/ig, ''))
|
let _func = window.atob('c0VtcG93ZXJDbG91$mkZF9HZXRfTGlua1VybA=='.replace(/\$mk/ig, ''))
|
let _id = window.atob('YmgwYmFwYWJ0ZDQ1ZXBz$mkZ3JhNzlzZWdiY2g2YzFpYms='.replace(/\$mk/ig, ''))
|
|
let param = {
|
func: _func,
|
AppID: _appId,
|
TimeStamp: timeStamp,
|
appkey: window.GLOB.appkey,
|
userid: _id,
|
LoginUID: _id,
|
nonc: Utils.getuuid()
|
}
|
|
// param = {
|
// func: _func,
|
// VerificationCode: '授权码',
|
// TimeStamp: timeStamp,
|
// userid: _id,
|
// LoginUID: _id,
|
// nonc: Utils.getuuid()
|
// }
|
|
let keys = Object.keys(param).sort()
|
let values = ''
|
keys.forEach(key => {
|
values += key + param[key]
|
})
|
param.sign = md5(values)
|
param.t = new Date().getTime()
|
|
Api.directRequest(_rduri + '/' + _func, 'post', param, 'true').then(res => {
|
if (res.status) {
|
if (res.EPC === str) {
|
let box = []
|
for (let i = 0; i < 15; i++) {
|
let s = 'mksoft' + moment().add(i, 'days').format('YYYYMMDD')
|
box.push(md5(s))
|
}
|
box = box.join(',')
|
localStorage.setItem(_authUrl, box)
|
|
this.setState({
|
auth: true
|
})
|
} else {
|
localStorage.removeItem(_authUrl)
|
this.setState({
|
auth: false
|
})
|
}
|
} else if (res.ErrCode === 'N') {
|
localStorage.removeItem(_authUrl)
|
this.setState({
|
auth: false,
|
authError: res.message
|
})
|
}
|
})
|
}
|
|
Api.getTouristMsg().then(result => {
|
if (result.status) {
|
sessionStorage.setItem('visitorUserID', result.UserID || '')
|
sessionStorage.setItem('visitorLoginUID', result.LoginUID || '')
|
|
if (result.UserID && result.LoginUID) {
|
this.setState({touristLogin: true})
|
}
|
|
// 获取系统信息
|
let _param = {
|
func: 's_Get_style',
|
TypeCharOne: 'PC',
|
LText: `select '${window.GLOB.appkey}'`,
|
}
|
|
_param.userid = result.UserID
|
_param.LoginUID = result.LoginUID
|
_param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
_param.secretkey = Utils.encrypt(_param.LText, _param.timestamp)
|
|
Api.getSystemConfig(_param).then(res => {
|
if (res.status) {
|
// positecgroup
|
// res.Banner = res.Banner ? res.Banner.replace(/:8080/ig, '').replace(/http:/ig, 'https:') : ''
|
// res.doclogo = res.doclogo ? res.doclogo.replace(/:8080/ig, '').replace(/http:/ig, 'https:') : ''
|
// res.indexlogo = res.indexlogo ? res.indexlogo.replace(/:8080/ig, '').replace(/http:/ig, 'https:') : ''
|
// res.loginlogo = res.loginlogo ? res.loginlogo.replace(/:8080/ig, '').replace(/http:/ig, 'https:') : ''
|
|
let _url = window.location.href.split('#')[0] + 'system'
|
let systemMsg = {
|
favicon: res.titlelogo || '',
|
platTitle: res.titleName || '',
|
platName: res.SysName || '',
|
bgImage: res.Banner || '',
|
loginlogo: res.loginlogo || '',
|
copyRight: res.CopyRightYear && res.CopyRightOrg ? `Copyright©${res.CopyRightYear} 所有相关版权归 ${res.CopyRightOrg}` : '',
|
ICP: res.ICP || '',
|
mainlogo: res.indexlogo || '',
|
doclogo: res.doclogo || '',
|
style: res.CSS || '',
|
showline: res.split_line_show || 'true',
|
webSite: res.WebSite || '',
|
navBar: res.menu_type
|
}
|
|
sessionStorage.setItem('home_background', res.index_background_color || '')
|
if (res.sys_datetime) {
|
sessionStorage.setItem('sys_datetime', res.sys_datetime)
|
sessionStorage.setItem('app_datetime', new Date().getTime())
|
}
|
|
// url标题
|
document.title = systemMsg.platTitle
|
|
try {
|
localStorage.setItem(_url, window.btoa(window.encodeURIComponent(JSON.stringify(systemMsg))))
|
} catch {
|
localStorage.removeItem(_url)
|
}
|
|
let _loginurl = window.location.href.split('#')[0] + 'loginways'
|
let login_ways = []
|
let login_types = []
|
if (res.login_ways && res.login_ways.length > 0) {
|
res.login_ways.forEach(item => {
|
// 短信验证码登录，必须设置短信Id
|
if (item.way_no === 'sms_vcode' && !item.sms_id) return
|
if (login_types.includes(item.way_no)) return
|
|
login_types.push(item.way_no)
|
|
login_ways.push({
|
label: item.way_name,
|
type: item.way_no,
|
smsId: item.sms_id
|
})
|
})
|
} else {
|
login_ways.push({
|
label: '账号密码登录',
|
type: 'uname_pwd',
|
smsId: ''
|
})
|
}
|
|
try {
|
localStorage.setItem(_loginurl, window.btoa(window.encodeURIComponent(JSON.stringify(login_ways))))
|
} catch {
|
localStorage.removeItem(_loginurl)
|
}
|
|
this.setState({
|
loginWays: login_ways,
|
langList: res.lang_data || [],
|
...systemMsg
|
})
|
|
window.GLOB.mainlogo = systemMsg.mainlogo
|
window.GLOB.style = systemMsg.style
|
window.GLOB.navBar = systemMsg.navBar
|
|
if (window.GLOB.style && styles[window.GLOB.style]) {
|
document.body.className = styles[window.GLOB.style] + ' ' + (res.split_line_show === 'false' ? 'hidden-split-line' : '')
|
}
|
|
if (res.titlelogo && window.GLOB.favicon !== res.titlelogo) {
|
let link = document.querySelector("link[rel*='icon']") || document.createElement('link')
|
link.type = 'image/x-icon'
|
link.rel = 'shortcut icon'
|
link.href = res.titlelogo
|
document.getElementsByTagName('head')[0].appendChild(link)
|
}
|
|
let memberLevel = res.member_level
|
|
if (typeof(memberLevel) === 'number' && memberLevel > 10 && parseInt(memberLevel / 10) * 10 === memberLevel) {
|
sessionStorage.setItem('Member_Level', md5('mksoft' + moment().format('YYYYMM') + memberLevel))
|
this.props.modifyMemberLevel(memberLevel)
|
}
|
|
if (res.users_upt === 'true' && window.GLOB.systemType === 'production') {
|
Api.getLocalConfig ({
|
func: 's_Get_local_u_deleted',
|
users_upt_date: res.users_upt_date,
|
userid: result.UserID,
|
LoginUID: result.LoginUID
|
}).then(localres => {
|
if (!localres.status) return
|
Api.getSystemConfig({
|
func: 's_get_sso_u_create',
|
user_ids: localres.user_ids,
|
user_ids_local: localres.user_ids_local,
|
users_upt_date: localres.users_upt_date,
|
userid: result.UserID,
|
LoginUID: result.LoginUID
|
}).then(ssores => {
|
if (!ssores.status) return
|
Api.getLocalConfig ({
|
func: 's_get_local_u_create',
|
user_ids_local: ssores.user_ids_local,
|
userid: result.UserID,
|
LoginUID: result.LoginUID
|
})
|
})
|
})
|
}
|
} else {
|
message.warning(res.message)
|
}
|
})
|
} else {
|
message.warning(result.message)
|
}
|
})
|
|
let loginWays = localStorage.getItem(window.location.href.split('#')[0] + 'loginways')
|
if (loginWays) {
|
try {
|
loginWays = JSON.parse(window.decodeURIComponent(window.atob(loginWays)))
|
} catch {
|
localStorage.removeItem(window.location.href.split('#')[0] + 'loginways')
|
}
|
|
if (loginWays) {
|
this.setState({
|
loginWays: loginWays
|
})
|
}
|
}
|
}
|
|
syncSubmit = () => {
|
this.setState({
|
syncing: true
|
})
|
|
let param = {
|
func: 's_get_app_from_cloud',
|
UserName: '',
|
Password: '',
|
systemType: options.sysType,
|
Type: 'X',
|
debug: 'Y'
|
}
|
|
param.appkey = window.GLOB.appkey || ''
|
|
if (options.cloudServiceApi) {
|
param.rduri = options.cloudServiceApi.replace('dostars', 'dostar')
|
}
|
|
|
this.logincloudRef.handleConfirm().then(result => {
|
param.UserName = result.cloudusername
|
param.Password = result.cloudpassword
|
|
param.Password = Utils.formatOptions(param.Password)
|
|
Api.dostarInterface(param).then(res => {
|
if (res.status) {
|
let _param = {
|
func: 's_sDataDictb_TBBack',
|
LTextOut: res.LTextOut,
|
lid: res.Lid,
|
Appkey: window.GLOB.appkey || ''
|
}
|
|
_param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
|
_param.secretkey = Utils.encrypt(_param.LTextOut, _param.timestamp)
|
_param.open_key = Utils.encryptOpenKey(_param.secretkey, _param.timestamp)
|
|
Api.dostarInterface(_param).then(response => {
|
if (response.status) {
|
message.success('应用创建成功。')
|
this.setState({
|
syncing: false,
|
syncApp: false
|
})
|
} else {
|
this.setState({
|
syncing: false
|
})
|
message.warning(response.message)
|
}
|
})
|
|
} else {
|
this.setState({
|
syncing: false
|
})
|
message.warning(res.message)
|
}
|
})
|
})
|
}
|
|
/**
|
* @description 组件销毁，清除state更新
|
*/
|
componentWillUnmount () {
|
this.setState = () => {
|
return
|
}
|
}
|
|
render () {
|
const { lineColor, bgImage, loginlogo, copyRight, webSite, ICP, loginWays, touristLogin } = this.state
|
|
return (
|
<div className="login-container" style={bgImage ? {backgroundImage: 'url(' + bgImage + ')'} : {}}>
|
<div className="logo" style={lineColor ? {borderColor: lineColor} : {}}>
|
{loginlogo ? <img src={loginlogo} alt=""/> : null}
|
{this.state.platName ? <p className="plat-name">{this.state.platName}</p> : null}
|
</div>
|
<div className="login-middle" style={lineColor ? {borderColor: lineColor} : {}}>
|
{loginWays ? <LoginForm
|
platName={this.state.platName}
|
dict={this.state.dict}
|
auth={this.state.auth}
|
authError={this.state.authError}
|
touristLogin={touristLogin}
|
loginWays={loginWays}
|
lang={this.state.selectedlang}
|
langList={this.state.langList}
|
isDisabled={this.state.isDisabled}
|
changelang={(value) => this.changelang(value)}
|
handleSubmit={() => this.handleSubmit()}
|
wrappedComponentRef={(inst) => this.loginformRef = inst}
|
/> : null}
|
</div>
|
<div className="login-bottom">
|
{webSite && copyRight ?
|
<a target="_blank" rel="noopener noreferrer" href={webSite} dangerouslySetInnerHTML={{ __html: copyRight.replace(/\s/ig, ' ') }}></a> :
|
<p dangerouslySetInnerHTML={{ __html: copyRight ? copyRight.replace(/\s/ig, ' ') : '' }}></p>
|
}
|
{ICP ? <p dangerouslySetInnerHTML={{ __html: ICP.replace(/\s/ig, ' ') }}></p> : null}
|
</div>
|
{/* 编辑状态登录 */}
|
<Modal
|
title={this.state.dict['login.sync.cloud']}
|
okText={this.state.dict['login.ok']}
|
cancelText={this.state.dict['login.cancel']}
|
visible={this.state.syncApp}
|
onOk={this.syncSubmit}
|
maskClosable={false}
|
className="sync-cloud-application"
|
width={'430px'}
|
confirmLoading={this.state.syncing}
|
onCancel={() => {this.setState({ syncApp: false, syncing: false })}}
|
destroyOnClose
|
>
|
<LoginCloudForm handleSubmit={() => this.syncSubmit()} wrappedComponentRef={(inst) => this.logincloudRef = inst}/>
|
</Modal>
|
</div>
|
)
|
}
|
}
|
|
const mapStateToProps = () => {
|
return {}
|
}
|
|
const mapDispatchToProps = (dispatch) => {
|
return {
|
modifyMemberLevel: (memberLevel) => dispatch(modifyMemberLevel(memberLevel))
|
}
|
}
|
|
export default connect(mapStateToProps, mapDispatchToProps)(Login)
|
