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 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 = localStorage.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,
|
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
|
}
|
|
changelang (item) {
|
// 切换语言
|
this.setState({
|
dict: item === 'zh-CN' ? zhCN : enUS
|
})
|
}
|
|
md5Password (pwd) {
|
// md5密码加密
|
const salt = 'minkesoft'
|
return md5(md5(pwd + salt))
|
}
|
|
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)
|
}
|
})
|
}
|
|
async loginsubmit (param) {
|
if (options.sysType === 'local' && !window.GLOB.mainSystemApi) { // 业务系统必须设置单点地址
|
Modal.warning({
|
title: '未设置单点服务器地址，请联系管理员！'
|
})
|
return
|
}
|
|
// 登录提交
|
let res = await Api.getusermsg(param.username, param.password)
|
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 || '')
|
|
localStorage.setItem('lang', param.lang || 'zh-CN')
|
|
let _url = window.location.href.split('#')[0]
|
|
if (param.remember) { // 记住密码时账号密码存入localStorage
|
localStorage.setItem(_url, window.btoa(window.encodeURIComponent(JSON.stringify({username: param.username, password: param.password}))))
|
} else {
|
localStorage.removeItem(_url)
|
}
|
|
// if (this.props.location.state && this.props.location.state.from.pathname) {
|
// // 查看是否为其他页面跳转，路径存在时，跳回原页面
|
// this.props.history.replace(this.props.location.state.from.pathname)
|
// }
|
|
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
|
})
|
}
|
}
|
|
async phoneloginsubmit (param) {
|
if (options.sysType === 'local' && !window.GLOB.mainSystemApi) { // 业务系统必须设置单点地址
|
Modal.warning({
|
title: '未设置单点服务器地址，请联系管理员！'
|
})
|
return
|
}
|
|
// 登录提交
|
let res = await Api.getphoneusermsg(param.phone, param.vercode)
|
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 || '')
|
|
localStorage.setItem('lang', param.lang || 'zh-CN')
|
|
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 () {
|
const timeStamp = new Date().getTime()
|
const _authUrl = window.location.href.split('#')[0] + 'AuthCode'
|
let _appId = window.GLOB.appId
|
|
if (options.sysType === 'cloud') { // 云端使用系统配置appid
|
_appId = options.caId
|
}
|
|
let str = md5('MK19' + _appId + timeStamp)
|
|
let param = {
|
rduri: 'http://minkesoft.com/mksepc/webapi/dostars',
|
func: 'sEmpowerCloud_Get_LinkUrl',
|
AppID: _appId,
|
TimeStamp: timeStamp,
|
appkey: window.GLOB.appkey,
|
userid: 'bh0bapabtd45epsgra79segbch6c1ibk',
|
LoginUID: 'bh0bapabtd45epsgra79segbch6c1ibk'
|
}
|
|
Api.dostarToDostars(param).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
|
})
|
}
|
})
|
|
let authCode = localStorage.getItem(_authUrl)
|
let _s = md5('mksoft' + moment().format('YYYYMMDD'))
|
if (authCode && authCode.includes(_s)) {
|
this.setState({
|
auth: true
|
})
|
}
|
|
Api.getTouristMsg().then(result => {
|
if (result.status) {
|
if (!sessionStorage.getItem('UserID') && result.UserID) {
|
sessionStorage.setItem('UserID', result.UserID)
|
}
|
if (!sessionStorage.getItem('LoginUID') && result.LoginUID) {
|
sessionStorage.setItem('LoginUID', 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.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + '.000'
|
_param.secretkey = Utils.encrypt(_param.LText, _param.timestamp)
|
|
Api.getSystemConfig(_param).then(res => {
|
if (res.status) {
|
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 || '',
|
webSite: res.WebSite || ''
|
}
|
|
// 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
|
|
if (window.GLOB.style && options.styles[window.GLOB.style]) {
|
document.getElementById('root').className = options.styles[window.GLOB.style]
|
}
|
|
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)
|
}
|
} 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') + '.000'
|
_param.secretkey = Utils.encrypt(_param.LTextOut, _param.timestamp)
|
_param.open_key = Utils.encrypt(_param.secretkey, _param.timestamp, true)
|
|
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}
|
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" 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.auth.ok']}
|
cancelText={this.state.dict['login.auth.cancel']}
|
visible={this.state.syncApp}
|
onOk={this.syncSubmit}
|
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)
|
