You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.3 KiB
38 lines
1.3 KiB
import React from "react";
|
|
import {Button, Form} from 'react-bootstrap'
|
|
import {LoginProps, LoginState} from "./LoginProps";
|
|
import {Input} from "../bootstrap/InputGroup";
|
|
|
|
/**
|
|
* 登陆表单组件
|
|
*/
|
|
export class Login extends React.Component<LoginProps, LoginState>{
|
|
|
|
|
|
constructor(props: Readonly<LoginProps>) {
|
|
super(props)
|
|
|
|
this.state={
|
|
user:"",
|
|
password:""
|
|
}
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className="d-flex align-items-center" style={{height:window.screen.availHeight+'px'}}>
|
|
<div className="container">
|
|
<Form>
|
|
<Input name="user" type="text" desc="用户账号" value={this.state.user} onChange={(value: string)=>{this.setState({user:value})}}/>
|
|
|
|
<Input name="password" type="password" desc="用户密码" value={this.state.password} onChange={(value: string)=>{this.setState({password:value})}}/>
|
|
|
|
<Button variant="success" className="mt-3 col-2 mr-3" onClick={()=>this.props.login(this.state.user,this.state.password)}>登录</Button>
|
|
|
|
<Button variant="info" className="mt-3 col-2" onClick={()=>this.props.toRegister()}>跳转到注册</Button>
|
|
</Form>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|