From 461e4fff4b51d067671244eec63b097cd9012b6e Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 30 三月 2020 09:25:41 +0800
Subject: [PATCH] 2020-03-30
---
src/views/login/index.jsx | 268 ++++++++++++++++++++++-------------------------------
1 files changed, 113 insertions(+), 155 deletions(-)
diff --git a/src/views/login/index.jsx b/src/views/login/index.jsx
index cc52bf1..cd7dc49 100644
--- a/src/views/login/index.jsx
+++ b/src/views/login/index.jsx
@@ -1,5 +1,5 @@
import React, {Component} from 'react'
-import { Form, Icon, Input, Button, Checkbox, Dropdown, Menu, message, Modal } from 'antd'
+import { message } from 'antd'
import md5 from 'md5'
import moment from 'moment'
import Api from '@/api'
@@ -7,45 +7,37 @@
import enUS from '@/locales/en-US/login.js'
import options from '@/store/options.js'
import Utils from '@/utils/utils.js'
-import logourl from '../../assets/img/login-logo.png'
+import asyncComponent from '@/utils/asyncComponent'
+import asyncLoadComponent from '@/utils/asyncLoadComponent'
+import logourl from '@/assets/img/login-logo.png'
+import loginbg from '@/assets/img/loginbg.jpg'
import './index.scss'
-const { confirm } = Modal
+const LoginForm = asyncLoadComponent(() => import('./loginform'))
+const Action = asyncComponent(() => import('@/tabviews/zshare/actionList'))
+const iszhCN = !localStorage.getItem('lang') || localStorage.getItem('lang') === 'zh-CN'
class Login extends Component {
- constructor (props) {
- super(props)
-
- const iszhCN = !localStorage.getItem('lang') || localStorage.getItem('lang') === 'zh-CN'
-
- this.state = {
- langs: [{
- name: '涓枃绠�浣�',
- value: 'zh-CN'
- }, {
- name: 'English',
- value: 'en-US'
- }],
- selectedlang: iszhCN ?
- {
- name: '涓枃绠�浣�',
- value: 'zh-CN'
- } :
- {
- name: 'English',
- value: 'en-US'
- },
- dict: iszhCN ? zhCN : enUS,
- isDisabled: false,
- auth: false
- }
+ state = {
+ selectedlang: iszhCN ? 'zh-CN' : 'en-US',
+ dict: iszhCN ? zhCN : enUS,
+ isDisabled: false,
+ auth: false,
+ logo: window.GLOB.logo || logourl,
+ bgImage: window.GLOB.bgImage || loginbg,
+ platName: window.GLOB.platName || '鏄庣鍟嗕笟鏅鸿兘寮�鏀惧钩鍙�',
+ copyright: window.GLOB.copyRight || 'Copyright漏2017 鎵�鏈夌浉鍏崇増鏉冨綊 鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙�',
+ ICP: window.GLOB.icp || 'ICP澶囨锛� 浜琁CP澶�12007830鍙�',
+ bgColor: window.GLOB.bgColor || '#000000',
+ lineColor: window.GLOB.lineColor || '#1890ff',
+ website: window.GLOB.website || (!window.GLOB.copyRight && 'http://minkesoft.com'),
+ loaded: false
}
changelang (item) {
// 鍒囨崲璇█
this.setState({
- selectedlang: item,
- dict: item.value === 'zh-CN' ? zhCN : enUS
+ dict: item === 'zh-CN' ? zhCN : enUS
})
}
@@ -55,45 +47,34 @@
return md5(md5(pwd + salt))
}
- handleSubmit = e => {
- // 鐧诲綍鍙傛暟妫�楠�
- e.preventDefault()
- if (!this.state.auth) {
- confirm({
- title: this.state.dict['login.auth.tip'],
- okText: this.state.dict['login.auth.ok'],
- cancelText: this.state.dict['login.auth.cancel'],
- onOk() {},
- onCancel() {}
- })
- return
- }
- this.props.form.validateFields((err, values) => {
- if (err) return
+ handleSubmit = () => {
+ this.loginformRef.handleConfirm().then(res => {
this.setState({
isDisabled: true
})
- this.loginsubmit(values)
+ this.loginsubmit(res)
})
}
async loginsubmit (param) {
// 鐧诲綍鎻愪氦
- // let password = this.md5Password(param.password)
- let password = param.password
- let result = await Api.loginsystem(param.username, password)
- if (!result.IsError) {
- sessionStorage.setItem('UserID', result.userid || 'U000000001')
+ 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', '')
- localStorage.setItem('lang', this.state.selectedlang.value)
+ 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)
+
+ let _url = window.location.href.split('#')[0]
if (param.remember) { // 璁颁綇瀵嗙爜鏃惰处鍙峰瘑鐮佸瓨鍏ocalStorage
- localStorage.setItem('username', param.username)
- localStorage.setItem('password', param.password)
+ localStorage.setItem(_url, window.btoa(window.encodeURIComponent(JSON.stringify({username: param.username, password: param.password}))))
} else {
- localStorage.removeItem('username')
- localStorage.removeItem('password')
+ localStorage.removeItem(_url)
}
if (this.props.location.state && this.props.location.state.from.pathname) {
@@ -103,39 +84,44 @@
this.props.history.replace('/main')
}
} else {
- message.warning(result.Message)
+ message.warning(res.message)
this.setState({
isDisabled: false
})
}
}
- UNSAFE_componentWillMount () {
+ componentDidMount () {
let timeStamp = new Date().getTime()
- let str = md5('MK19' + options.AppId + timeStamp)
- Api.systemauth(options.AppId, timeStamp).then(res => {
- if (res.status && 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)
+ let _appId = window.GLOB.appId
- this.setState({
- auth: true
- })
- } else {
- localStorage.removeItem('AuthCode')
- this.setState({
- auth: false
- })
+ if (options.systemType === 'cloud') { // 浜戠浣跨敤绯荤粺閰嶇疆appid
+ _appId = options.AppId
+ }
+
+ let str = md5('MK19' + _appId + timeStamp)
+ Api.systemauth(_appId, timeStamp).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
+ })
+ }
}
})
-
- // console.log(options)
- // localStorage.setItem('AuthCode', [md5('mksoft' + moment().format('YYYYMMDD'))])
let authCode = localStorage.getItem('AuthCode')
let _s = md5('mksoft' + moment().format('YYYYMMDD'))
@@ -144,91 +130,63 @@
auth: true
})
}
- }
- componentDidMount () {
- const input = document.getElementById('username')
- if (input) {
- input.focus()
- }
+ // let link = document.querySelector("link[rel*='icon']") || document.createElement('link')
+ // link.type = 'image/x-icon'
+ // link.rel = 'shortcut icon'
+ // link.href = 'http://www.stackoverflow.com/favicon.ico'
+ // document.getElementsByTagName('head')[0].appendChild(link)
}
render () {
- const { getFieldDecorator } = this.props.form
- const menu = (
- <Menu>
- {this.state.langs.map((item, index) => {
- return (
- <Menu.Item key={index} onClick={() => {this.changelang(item)}}>
- <span>{item.name}</span>
- </Menu.Item>
- )
- })}
- </Menu>
- )
+
return (
- <div className="login-container">
- <div className="logo">
- <img src={logourl} alt=""/>
+ <div className="login-container" style={{backgroundImage: 'url(' + this.state.bgImage + ')', backgroundColor: this.state.bgColor}}>
+ <div className="logo" style={{borderColor: this.state.lineColor}}>
+ <img src={this.state.logo} alt=""/>
</div>
- <div className="login-middle">
- <Form onSubmit={this.handleSubmit} className="login-form">
- <h4>鏄庣鍟嗕笟鏅鸿兘寮�鏀惧钩鍙�</h4>
- <Form.Item>
- {getFieldDecorator('username', {
- rules: [{ required: true, message: this.state.dict['login.username.empty'] }],
- initialValue: localStorage.getItem('username') || '',
- })(
- <Input
- prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />}
- placeholder={this.state.dict['login.username']}
- />,
- )}
- </Form.Item>
- <Form.Item>
- {getFieldDecorator('password', {
- rules: [{ required: true, message: this.state.dict['login.password.empty'] }],
- initialValue: localStorage.getItem('password') || '',
- })(
- <Input
- prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
- type="password"
- placeholder={this.state.dict['login.password']}
- />,
- )}
- </Form.Item>
- <Form.Item className="minline">
- {getFieldDecorator('remember', {
- valuePropName: 'checked',
- initialValue: true,
- })(<Checkbox>{this.state.dict['login.remember']}</Checkbox>)}
- <Dropdown overlay={menu} trigger={['click']} placement="bottomRight">
- <span className="ant-dropdown-link">
- {this.state.selectedlang.name} <Icon type="down" />
- </span>
- </Dropdown>
- </Form.Item>
- <Form.Item>
- <Button type="primary" htmlType="submit" className="login-form-button" disabled={this.state.isDisabled} loading={this.state.isDisabled}>
- {this.state.dict['login.submit']}
- </Button>
- </Form.Item>
- </Form>
+ <div className="login-middle" style={{borderColor: this.state.lineColor}}>
+ <LoginForm
+ platName={this.state.platName}
+ dict={this.state.dict}
+ auth={this.state.auth}
+ lang={this.state.selectedlang}
+ isDisabled={this.state.isDisabled}
+ changelang={(value) => this.changelang(value)}
+ handleSubmit={() => this.handleSubmit()}
+ handleloaded={() => {this.setState({loaded: true})}}
+ wrappedComponentRef={(inst) => this.loginformRef = inst}
+ />
</div>
<div className="login-bottom">
- <p>
- <span className="split">Copyright漏2017</span>
- <span className="split">{this.state.dict['login.copyright']}</span>
- <span>鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙�</span>
- </p>
- <p>
- <span>ICP澶囨锛�</span>
- <span>浜琁CP澶�12007830鍙�</span>
- </p>
+ {this.state.website ?
+ <a target="blank" href={this.state.website} dangerouslySetInnerHTML={{ __html: this.state.copyright.replace(/\s/ig, ' ') }}></a> :
+ <p dangerouslySetInnerHTML={{ __html: this.state.copyright.replace(/\s/ig, ' ') }}></p>
+ }
+ <p dangerouslySetInnerHTML={{ __html: this.state.ICP.replace(/\s/ig, ' ') }}></p>
</div>
+ {this.state.loaded ? <div style={{position: 'fixed', bottom: '-300px'}}>
+ <Action
+ BID=""
+ type=""
+ menuType=""
+ setting={{}}
+ actions={[]}
+ triggerBtn={{}}
+ dict={{}}
+ MenuID=""
+ permRoles={{}}
+ logcolumns={[]}
+ ContainerId=""
+ refreshdata={() => {}}
+ triggerPopview={() => {}}
+ getexceloutparam={() => {}}
+ gettableselected={() => {}}
+ />
+ </div> : null}
</div>
)
}
}
-export default Form.create()(Login)
\ No newline at end of file
+export default Login
\ No newline at end of file
--
Gitblit v1.8.0