From e2a0980e4a701a3dd07c339ff24ec4221dbed2dd Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 12 三月 2021 18:05:28 +0800
Subject: [PATCH] 2021-03-12
---
src/views/login/index.jsx | 417 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 299 insertions(+), 118 deletions(-)
diff --git a/src/views/login/index.jsx b/src/views/login/index.jsx
index ae80f67..6a0fcac 100644
--- a/src/views/login/index.jsx
+++ b/src/views/login/index.jsx
@@ -6,7 +6,7 @@
import Api from '@/api'
import Utils from '@/utils/utils.js'
-import options from '@/store/options.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'
@@ -15,7 +15,13 @@
const LoginForm = asyncLoadComponent(() => import('./loginform'))
const LoginCloudForm = asyncLoadComponent(() => import('./logincloudform'))
-const iszhCN = !localStorage.getItem('lang') || localStorage.getItem('lang') === 'zh-CN'
+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 = {
@@ -32,6 +38,8 @@
webSite: window.GLOB.webSite || '',
langList: [],
syncApp: false,
+ loginWays: null,
+ touristLogin: false,
syncing: false
}
@@ -53,12 +61,21 @@
this.setState({
isDisabled: true
})
- this.loginsubmit(res)
+
+ if (res.type === 'uname_pwd') {
+ this.loginsubmit(res)
+ } else if (res.type === 'sms_vcode') {
+ this.phoneloginsubmit(res)
+ }
})
}
+ /**
+ * @description 璐﹀彿瀵嗙爜鐧诲綍
+ * @param {Object} param 鐢ㄦ埛鍚嶅瘑鐮佺瓑淇℃伅
+ */
async loginsubmit (param) {
- if (options.systemType === 'local' && !window.GLOB.mainSystemApi) { // 涓氬姟绯荤粺蹇呴』璁剧疆鍗曠偣鍦板潃
+ if (options.sysType === 'local' && !window.GLOB.mainSystemApi) { // 涓氬姟绯荤粺蹇呴』璁剧疆鍗曠偣鍦板潃
Modal.warning({
title: '鏈缃崟鐐规湇鍔″櫒鍦板潃锛岃鑱旂郴绠＄悊鍛橈紒'
})
@@ -69,29 +86,97 @@
let res = await Api.getusermsg(param.username, param.password)
if (res.status) {
sessionStorage.setItem('UserID', res.UserID)
- sessionStorage.setItem('SessionUid', Utils.getuuid())
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 || '')
- localStorage.setItem('lang', param.lang || 'zh-CN')
-
let _url = window.location.href.split('#')[0]
+ localStorage.setItem(_url + 'lang', param.lang || 'zh-CN')
+ sessionStorage.setItem('lang', param.lang || 'zh-CN')
+
if (param.remember) { // 璁颁綇瀵嗙爜鏃惰处鍙峰瘑鐮佸瓨鍏ocalStorage
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) {
+ let _history = sessionStorage.getItem('history')
+ if (_history) {
+ sessionStorage.removeItem('history')
// 鏌ョ湅鏄惁涓哄叾浠栭〉闈㈣烦杞紝璺緞瀛樺湪鏃讹紝璺冲洖鍘熼〉闈�
- this.props.history.replace(this.props.location.state.from.pathname)
+ this.props.history.replace(_history)
} else {
this.props.history.replace('/main')
}
- } else if (res.ErrCode === 'Need_Get_Appkey' && options.systemType === 'SSO') {
+ } 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) {
+ 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 || '')
+ 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')
+
+ 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({
@@ -107,124 +192,216 @@
}
componentDidMount () {
- let timeStamp = new Date().getTime()
- let _appId = window.GLOB.appId
+ const timeStamp = new Date().getTime()
+ const _authUrl = window.location.href.split('#')[0] + 'AuthCode'
- if (options.systemType === 'cloud') { // 浜戠浣跨敤绯荤粺閰嶇疆appid
- _appId = options.AppId
- }
-
- let str = md5('MK19' + _appId + timeStamp)
-
- let param = {
- rduri: 'http://minkesoft.com/mksepc/webapi/dostar',
- func: 'sEmpowerCloud_Get_LinkUrl',
- AppID: _appId,
- TimeStamp: timeStamp
- }
-
- Api.dostarInterface(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('AuthCode', box)
-
- this.setState({
- auth: true
- })
- } else {
- localStorage.removeItem('AuthCode')
- this.setState({
- auth: false
- })
- }
- } else if (res.ErrCode === 'N') {
- localStorage.removeItem('AuthCode')
- this.setState({
- auth: false
- })
- }
- })
-
- let authCode = localStorage.getItem('AuthCode')
+ let authCode = localStorage.getItem(_authUrl)
let _s = md5('mksoft' + moment().format('YYYYMMDD'))
- if (authCode && authCode.includes(_s)) {
+ authCode = authCode ? authCode.split(',') : []
+ let index = authCode.findIndex(key => key === _s)
+
+ if (index > -1) {
this.setState({
auth: true
})
}
- // 鑾峰彇绯荤粺淇℃伅
- let _param = {
- func: 's_Get_style',
- Appkey: window.GLOB.appkey || '',
- TypeCharOne: 'PC',
- LText: `select '${window.GLOB.appkey}'`,
+ 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('aHR0cDovL2VwYy5tazloL$mkmNuL3dlYmFwaS9kb3N0YXJz'.replace(/\$mk/ig, ''))
+ let _func = window.atob('c0VtcG93ZXJDbG91$mkZF9HZXRfTGlua1VybA=='.replace(/\$mk/ig, ''))
+ let _id = window.atob('YmgwYmFwYWJ0ZDQ1ZXBz$mkZ3JhNzlzZWdiY2g2YzFpYms='.replace(/\$mk/ig, ''))
+
+ let param = {
+ rduri: _rduri,
+ func: _func,
+ AppID: _appId,
+ TimeStamp: timeStamp,
+ appkey: window.GLOB.appkey,
+ userid: _id,
+ LoginUID: _id
+ }
+
+ 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
+ })
+ }
+ })
}
- _param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + '.000'
- _param.secretkey = Utils.encrypt(_param.LText, _param.timestamp)
-
- if (window.GLOB.mainSystemApi) {
- _param.rduri = window.GLOB.mainSystemApi.replace('dostars', 'dostar')
- }
-
- Api.dostarInterface(_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 || ''
+ Api.getTouristMsg().then(result => {
+ if (result.status) {
+ if (result.UserID && !sessionStorage.getItem('UserID')) {
+ sessionStorage.setItem('UserID', result.UserID)
+ }
+ if (result.LoginUID && !sessionStorage.getItem('LoginUID')) {
+ sessionStorage.setItem('LoginUID', result.LoginUID)
}
- // url鏍囬
- document.title = systemMsg.platTitle
-
- try {
- localStorage.setItem(_url, window.btoa(window.encodeURIComponent(JSON.stringify(systemMsg))))
- } catch {
- localStorage.removeItem(_url)
+ 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')
+ _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 || '',
+ showline: res.split_line_show || 'true',
+ webSite: res.WebSite || '',
+ navBar: res.menu_type
+ }
+
+ sessionStorage.setItem('home_background', res.index_background_color)
+
+ // 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
- this.setState({
- langList: res.lang_data || [],
- ...systemMsg
+ 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}).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}).then(ssores => {
+ if (!ssores.status) return
+ Api.getLocalConfig ({func: 's_get_local_u_create', user_ids_local: ssores.user_ids_local})
+ })
+ })
+ }
+ } else {
+ message.warning(res.message)
+ }
})
-
- window.GLOB.mainlogo = systemMsg.mainlogo
-
- 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)
+ 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 = () => {
@@ -236,7 +413,7 @@
func: 's_get_app_from_cloud',
UserName: '',
Password: '',
- systemType: options.systemType,
+ systemType: options.sysType,
Type: 'X',
debug: 'Y'
}
@@ -263,9 +440,9 @@
Appkey: window.GLOB.appkey || ''
}
- _param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + '.000'
+ _param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
_param.secretkey = Utils.encrypt(_param.LTextOut, _param.timestamp)
- _param.open_key = Utils.encrypt(_param.secretkey, _param.timestamp, true)
+ _param.open_key = Utils.encryptOpenKey(_param.secretkey, _param.timestamp)
Api.dostarInterface(_param).then(response => {
if (response.status) {
@@ -302,29 +479,32 @@
}
render () {
- const { lineColor, bgImage, loginlogo, copyRight, webSite, ICP } = this.state
+ 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} : {}}>
- <LoginForm
+ {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> :
+ <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}
@@ -336,6 +516,7 @@
cancelText={this.state.dict['login.auth.cancel']}
visible={this.state.syncApp}
onOk={this.syncSubmit}
+ maskClosable={false}
className="sync-cloud-application"
width={'430px'}
confirmLoading={this.state.syncing}
--
Gitblit v1.8.0