import React, { Component } from 'react'
|
import { message, Modal } from 'antd'
|
|
import Api from '@/api'
|
import asyncLoadComponent from '@/utils/asyncLoadComponent'
|
import './index.scss'
|
|
const LoginForm = asyncLoadComponent(() => import('./loginform'))
|
|
class Login extends Component {
|
state = {}
|
|
handleSubmit = () => {
|
this.loginformRef.handleConfirm().then(res => {
|
this.setState({
|
isDisabled: true
|
})
|
|
this.loginsubmit(res)
|
})
|
}
|
|
/**
|
* @description 账号密码登录
|
* @param {Object} param 用户名密码等信息
|
*/
|
async loginsubmit (param) {
|
// 登录提交
|
let res = await Api.getusermsg(param.username, param.password, false)
|
if (res.status) {
|
Modal.warning({
|
title: '登录成功！',
|
okText: '知道了'
|
})
|
this.setState({
|
isDisabled: false
|
})
|
} else {
|
message.warning(res.message)
|
this.setState({
|
isDisabled: false
|
})
|
}
|
}
|
|
/**
|
* @description 组件销毁，清除state更新
|
*/
|
componentWillUnmount () {
|
this.setState = () => {
|
return
|
}
|
}
|
|
render () {
|
return (
|
<div className="login-container" style={{backgroundImage: 'url(http://cloud.mk9h.cn/Content/images/upload/2020-03-26/2020032618034533512354_loginbg.ae892b3f.jpg)'}}>
|
<div className="logo">
|
<img src="http://cloud.mk9h.cn/Content/images/upload/2020-03-26/2020032615130529681770_login-logo.a638e393.png" alt=""/>
|
<p className="plat-name">明科商业智能开放平台</p>
|
</div>
|
<div className="login-middle">
|
<LoginForm
|
isDisabled={this.state.isDisabled}
|
handleSubmit={() => this.handleSubmit()}
|
wrappedComponentRef={(inst) => this.loginformRef = inst}
|
/>
|
</div>
|
<div className="login-bottom">
|
<p>Copyright©2020 所有相关版权归 北京明科普华信息技术有限公司</p>
|
<a target="_blank" rel="noopener noreferrer" href="https://beian.miit.gov.cn/#/Integrated/index">京ICP备12007830号</a>
|
</div>
|
</div>
|
)
|
}
|
}
|
|
export default Login
|
