|
|
|
@ -10,8 +10,12 @@ import axios from 'axios';
|
|
|
|
import './common.css'
|
|
|
|
import './common.css'
|
|
|
|
const { TabPane } = Tabs;
|
|
|
|
const { TabPane } = Tabs;
|
|
|
|
const loginInputsyl = {
|
|
|
|
const loginInputsyl = {
|
|
|
|
"width": " 100%",
|
|
|
|
"width":"434px",
|
|
|
|
"height": "40px",
|
|
|
|
"height": "462px",
|
|
|
|
|
|
|
|
"-webkit-box-shadow": "3px 10px 21px 0px rgba(76,76,76,0.15)",
|
|
|
|
|
|
|
|
"box-shadow": "3px 10px 21px 0px rgba(76,76,76,0.15)",
|
|
|
|
|
|
|
|
"border-radius": "6px",
|
|
|
|
|
|
|
|
"background": "#fff"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//父组件EducoderLogin.js
|
|
|
|
//父组件EducoderLogin.js
|
|
|
|
@ -135,6 +139,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
;
|
|
|
|
;
|
|
|
|
StudyMakeMoney = () => { // 调用父组件方法
|
|
|
|
StudyMakeMoney = () => { // 调用父组件方法
|
|
|
|
this.props.Setshowbool();
|
|
|
|
this.props.Setshowbool();
|
|
|
|
|
|
|
|
// this.props.Setlogins(3);
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
login: "",
|
|
|
|
login: "",
|
|
|
|
password: "",
|
|
|
|
password: "",
|
|
|
|
@ -407,8 +412,9 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
//倒计时
|
|
|
|
//倒计时
|
|
|
|
getverificationcode = () => {
|
|
|
|
getverificationcode = () => {
|
|
|
|
if (this.state.Phonenumberisnotcobool === false) {
|
|
|
|
debugger
|
|
|
|
if (this.state.logins.length === 0) {
|
|
|
|
if (this.state.Phonenumberisnotcobool === false ||this.state.Phonenumberisnotcobool === undefined) {
|
|
|
|
|
|
|
|
if (this.state.logins&&this.state.logins.length === 0) {
|
|
|
|
this.openNotification("请输入手机号或邮箱",2);
|
|
|
|
this.openNotification("请输入手机号或邮箱",2);
|
|
|
|
return
|
|
|
|
return
|
|
|
|
}else {
|
|
|
|
}else {
|
|
|
|
@ -503,6 +509,13 @@ class LoginRegisterComponent extends Component {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
tab:e.key
|
|
|
|
tab:e.key
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
// console.log(e.key);
|
|
|
|
|
|
|
|
// if(e.key === 0){
|
|
|
|
|
|
|
|
// this.props.Setlogins(1);
|
|
|
|
|
|
|
|
// }else{
|
|
|
|
|
|
|
|
// this.props.Setlogins(2);
|
|
|
|
|
|
|
|
//
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
// this.props.history.push(`/courses/${this.props.match.params.coursesId}/exercises/${this.props.match.params.Id}/student_exercise_list?tab=`+e.key)
|
|
|
|
// this.props.history.push(`/courses/${this.props.match.params.coursesId}/exercises/${this.props.match.params.Id}/student_exercise_list?tab=`+e.key)
|
|
|
|
|
|
|
|
|
|
|
|
@ -532,7 +545,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
// console.log(activeKey);
|
|
|
|
// console.log(activeKey);
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
|
|
|
|
|
|
|
|
<div className="login_register_content">
|
|
|
|
<div className="login_register_content" style={ parseInt(tab[0])==0?{height: "346px"} :{height: "462px"}}>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
@ -576,62 +589,65 @@ class LoginRegisterComponent extends Component {
|
|
|
|
<Input placeholder="请输入登录手机号码或邮箱" value={this.state.login}
|
|
|
|
<Input placeholder="请输入登录手机号码或邮箱" value={this.state.login}
|
|
|
|
onChange={this.loginInputonChange}
|
|
|
|
onChange={this.loginInputonChange}
|
|
|
|
name="username"
|
|
|
|
name="username"
|
|
|
|
style={{marginTop: '30px'}}></Input>
|
|
|
|
className="font-14 color-grey-9"
|
|
|
|
|
|
|
|
style={{marginTop: '30px', height: '38px'}}></Input>
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
Phonenumberisnotco && Phonenumberisnotco != "" ?
|
|
|
|
Phonenumberisnotco && Phonenumberisnotco != "" ?
|
|
|
|
<p className="color-red mt5 mb5" style={{width: " 100%", height: "20px"}}>
|
|
|
|
<p className="color-red mt5 mb5" style={{width: " 100%", height: "20px"}}>
|
|
|
|
<span>{Phonenumberisnotco}</span>
|
|
|
|
<span>{Phonenumberisnotco}</span>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
: <div className="mt15 mb15"></div>
|
|
|
|
: <div style={{height:"25px"}}></div>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
<Input type="password" name="password" id="password" className="loginInput" value={this.state.password}
|
|
|
|
<Input type="password" name="password" id="password" value={this.state.password}
|
|
|
|
onChange={this.passwordonChange}
|
|
|
|
onChange={this.passwordonChange}
|
|
|
|
|
|
|
|
className="font-14 color-grey-9 loginInput"
|
|
|
|
|
|
|
|
|
|
|
|
placeholder="密码"></Input>
|
|
|
|
placeholder="密码"></Input>
|
|
|
|
|
|
|
|
|
|
|
|
<div className="left_right mt20">
|
|
|
|
<div className="left_right mt25 font-12 " style={{color: '#676767'}}>
|
|
|
|
<Checkbox onChange={this.onAutoLoginChange} checked={autoLogin}>下次自动登录</Checkbox>
|
|
|
|
<Checkbox onChange={this.onAutoLoginChange} checked={autoLogin}>下次自动登录</Checkbox>
|
|
|
|
|
|
|
|
|
|
|
|
<a
|
|
|
|
<a onClick={this.StudyMakeMoney}
|
|
|
|
onClick={this.StudyMakeMoney}
|
|
|
|
className="mr3 color-grey-9 mt3 font-12">找回密码</a>
|
|
|
|
className="mr3 color-grey-9">找回密码</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<Button className="login_btn" type="primary" onClick={() => this.postLogin()}
|
|
|
|
<Button className="login_btn font-16" type="primary" style={{height:"46px"}} onClick={() => this.postLogin()}
|
|
|
|
size={"large"}>登录</Button>
|
|
|
|
size={"large"}>登录</Button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
{
|
|
|
|
{
|
|
|
|
parseInt(tab[0])==1 &&
|
|
|
|
parseInt(tab[0])==1 &&
|
|
|
|
<div style={{width: '340px'}}>
|
|
|
|
<div style={{width: '340px'}}>
|
|
|
|
<Input className={loginInputsyl} placeholder="请使用手机号/邮箱账号进行注册"
|
|
|
|
<Input className="loginInputsyl color-grey-9" placeholder="请使用手机号/邮箱账号进行注册"
|
|
|
|
value={this.state.logins}
|
|
|
|
value={this.state.logins}
|
|
|
|
type="text" autoComplete="off"
|
|
|
|
type="text" autoComplete="off"
|
|
|
|
onChange={this.loginInputonChanges}
|
|
|
|
onChange={this.loginInputonChanges}
|
|
|
|
onBlur={(e) => this.inputOnBlur(e, 2)}
|
|
|
|
onBlur={(e) => this.inputOnBlur(e, 2)}
|
|
|
|
style={{marginTop: '30px'}}></Input>
|
|
|
|
style={{marginTop: '30px' , height: '38px',color:'#999999',fontSize:"14px"}}></Input>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
Phonenumberisnotcos && Phonenumberisnotcos != "" ?
|
|
|
|
Phonenumberisnotcos && Phonenumberisnotcos != "" ?
|
|
|
|
<p className="color-red mt5 mb5 " style={{width: " 100%", height: "20px"}}>
|
|
|
|
<p className="color-red mt5 mb5 " style={{width: " 100%", height: "20px"}}>
|
|
|
|
|
|
|
|
{/*<span className="fl">{Phonenumberisnotcos}</span>*/}
|
|
|
|
|
|
|
|
|
|
|
|
<span className="fl">{Phonenumberisnotcos}</span>
|
|
|
|
<span className="fl" style={{textAlign:"center",width: " 100%"}}>请输入手机号码</span>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
: <div className=" mt15 mb15"></div>
|
|
|
|
: <div style={{height:"25px"}}></div>
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
<DragValidator
|
|
|
|
<DragValidator
|
|
|
|
height={38} className="loginInput" successGreenColor="#45E15F"
|
|
|
|
height={38} className="loginInput" successGreenColor="#45E15F"
|
|
|
|
|
|
|
|
style={{ height: '38px'}}
|
|
|
|
dragOkCallback={this.dragOkCallback}
|
|
|
|
dragOkCallback={this.dragOkCallback}
|
|
|
|
></DragValidator>
|
|
|
|
></DragValidator>
|
|
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<div className="mt25">
|
|
|
|
<Input className="fl mr5" name="codes" type="text" autoComplete="off" readonly
|
|
|
|
<Input className="fl mr5 font-14 color-grey-9" name="codes" type="text" autoComplete="off" readonly
|
|
|
|
onfocus="this.removeAttribute('readonly')" style={{
|
|
|
|
onfocus="this.removeAttribute('readonly')" style={{
|
|
|
|
"width": "210px",
|
|
|
|
width:'210px',
|
|
|
|
"margin-bottom": "16px",
|
|
|
|
height:'38px',
|
|
|
|
"height": "38px",
|
|
|
|
|
|
|
|
}} placeholder="请输入验证码"
|
|
|
|
}} placeholder="请输入验证码"
|
|
|
|
onChange={this.codesonChange}
|
|
|
|
onChange={this.codesonChange}
|
|
|
|
value={codes}
|
|
|
|
value={codes}
|
|
|
|
@ -639,13 +655,13 @@ class LoginRegisterComponent extends Component {
|
|
|
|
</Input>
|
|
|
|
</Input>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
getverificationcodes === undefined ?
|
|
|
|
getverificationcodes === undefined ?
|
|
|
|
<Button className="fl ml5 " disabled style={{"width": "120px","text-align":"center", "height": "38px",}}
|
|
|
|
<Button className="fl ml5 font-14" disabled style={{"width": "120px","text-align":"center", "height": "38px",}}
|
|
|
|
size={"large"}>重新发送{seconds}s</Button>
|
|
|
|
size={"large"}>重新发送{seconds}s</Button>
|
|
|
|
: getverificationcodes === true ?
|
|
|
|
: getverificationcodes === true ?
|
|
|
|
<Button className="fl ml5 " type="primary" style={{"width": "120px","text-align":"center", "height": "38px",}}
|
|
|
|
<Button className="fl ml5 font-14" type="primary" style={{"width": "120px","text-align":"center", "height": "38px",}}
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>验证码</Button>
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>获取验证码</Button>
|
|
|
|
:
|
|
|
|
:
|
|
|
|
<Button className="fl ml5 " type="primary" style={{"width": "120px","text-align":"center", "height": "38px",}}
|
|
|
|
<Button className="fl ml5 font-14 " type="primary" style={{"width": "120px","text-align":"center", "height": "38px",}}
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>重新发送</Button>
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>重新发送</Button>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@ -655,8 +671,9 @@ class LoginRegisterComponent extends Component {
|
|
|
|
{/* style={{height: '0', width: '0', border: 'none', display: "none"}}/>*/}
|
|
|
|
{/* style={{height: '0', width: '0', border: 'none', display: "none"}}/>*/}
|
|
|
|
{/*<Input type="password" name="password" id="password" autoComplete="new-password"*/}
|
|
|
|
{/*<Input type="password" name="password" id="password" autoComplete="new-password"*/}
|
|
|
|
{/* style={{height: '0', width: '0', border: 'none', display: "none"}}/>*/}
|
|
|
|
{/* style={{height: '0', width: '0', border: 'none', display: "none"}}/>*/}
|
|
|
|
<Input className="loginInput" placeholder="输入8~16位密码，区分大小写"
|
|
|
|
<Input className="loginInput font-14 mt25 color-grey-9" placeholder="输入8~16位密码，区分大小写"
|
|
|
|
type={classpass}
|
|
|
|
type={classpass}
|
|
|
|
|
|
|
|
|
|
|
|
autoComplete="new-password"
|
|
|
|
autoComplete="new-password"
|
|
|
|
onClick={this.changeType}
|
|
|
|
onClick={this.changeType}
|
|
|
|
value={this.state.passwords} onChange={this.passwordonChanges} suffix={
|
|
|
|
value={this.state.passwords} onChange={this.passwordonChanges} suffix={
|
|
|
|
@ -665,9 +682,11 @@ class LoginRegisterComponent extends Component {
|
|
|
|
}></Input>
|
|
|
|
}></Input>
|
|
|
|
<Checkbox onChange={this.onChange}
|
|
|
|
<Checkbox onChange={this.onChange}
|
|
|
|
value={Agreetotheterms}
|
|
|
|
value={Agreetotheterms}
|
|
|
|
>我已阅读并同意服务协议条款</Checkbox>
|
|
|
|
><span className="font-14 " style={{
|
|
|
|
<Button className="login_btn" type="primary" onClick={() => this.postregistered()}
|
|
|
|
color: '#676767',
|
|
|
|
size={"large"}>完成</Button>
|
|
|
|
}}>我已阅读并同意服务协议条款</span></Checkbox>
|
|
|
|
|
|
|
|
<Button className="login_btn font-16" type="primary" style={{height:"46px"}} onClick={() => this.postregistered()}
|
|
|
|
|
|
|
|
size={"large"}>注册</Button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
