|
|
|
|
@ -2,11 +2,12 @@ import React, {Component} from 'react';
|
|
|
|
|
|
|
|
|
|
import {BrowserRouter as Router, Route, Link, Switch} from "react-router-dom";
|
|
|
|
|
|
|
|
|
|
import {getImageUrl, DragValidator, broadcastChannelPostMessage} from 'educoder';
|
|
|
|
|
import {getImageUrl, DragValidator,broadcastChannelPostMessage} from 'educoder';
|
|
|
|
|
import {Tabs, Input, Checkbox, Button, notification,Menu} from 'antd';
|
|
|
|
|
import passopen from '../../../src/images/login/passopen.png';
|
|
|
|
|
import passoff from '../../../src/images/login/passoff.png';
|
|
|
|
|
import axios from 'axios';
|
|
|
|
|
import DragValidatortwo from '../../../src/common/components/DragValidatortwo'
|
|
|
|
|
import './common.css'
|
|
|
|
|
const { TabPane } = Tabs;
|
|
|
|
|
const loginInputsyl = {
|
|
|
|
|
@ -26,16 +27,17 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
|
// console.log("LoginRegisterComponent");
|
|
|
|
|
// console.log(props);
|
|
|
|
|
// console.log("29");
|
|
|
|
|
// console.log(props.loginstatus);
|
|
|
|
|
if(props.loginstatus === true){
|
|
|
|
|
// console.log(props.loginstatus);
|
|
|
|
|
this.state = {
|
|
|
|
|
tab:["0"],
|
|
|
|
|
activeKey: 0,
|
|
|
|
|
classpass: "text",
|
|
|
|
|
// 登录
|
|
|
|
|
passopens: passopen,
|
|
|
|
|
seconds: 60,
|
|
|
|
|
seconds: 35,
|
|
|
|
|
discodeBtn: false,
|
|
|
|
|
clearInterval: false,
|
|
|
|
|
autoLogin: true,
|
|
|
|
|
@ -53,17 +55,19 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
|
Phonenumberisnotcos: undefined,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
Whethertoverify:false,
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
else if(props.loginstatus === false){
|
|
|
|
|
if(props.loginstatus === false){
|
|
|
|
|
// console.log(props.loginstatus);
|
|
|
|
|
this.state = {
|
|
|
|
|
tab:["1"],
|
|
|
|
|
activeKey: '1',
|
|
|
|
|
classpass: "text",
|
|
|
|
|
// 登录
|
|
|
|
|
passopens: passopen,
|
|
|
|
|
seconds: 60,
|
|
|
|
|
seconds: 35,
|
|
|
|
|
discodeBtn: false,
|
|
|
|
|
clearInterval: false,
|
|
|
|
|
autoLogin: true,
|
|
|
|
|
@ -81,6 +85,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
|
Phonenumberisnotcos: undefined,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
Whethertoverify:false,
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@ -163,81 +168,8 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// var telephone = $("#telephoneAdd.tianjia_phone").val();
|
|
|
|
|
var regph = /^[1][3,4,5,6,7,8][0-9]{9}$/;
|
|
|
|
|
// var email = $("#add_email.tianjia_email").val();
|
|
|
|
|
var regemail = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
|
|
|
|
|
|
|
|
|
|
// [1]手机号开头必须是1 [3,4,5,6,7,8] 第二位是3-8中的一个 [0-9]{9} 后边9位可以是0-9的任意数字。
|
|
|
|
|
var stringdata = undefined;
|
|
|
|
|
if (!regph.test(value)) {
|
|
|
|
|
stringdata = "手机号格式不正确";
|
|
|
|
|
if (id === 1) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotco: stringdata,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
})
|
|
|
|
|
} else if (id === 2) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotcos: stringdata,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
if (id === 1) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
|
Phonenumberisnotcobool: true,
|
|
|
|
|
})
|
|
|
|
|
} else if (id === 2) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotcos: undefined,
|
|
|
|
|
Phonenumberisnotcobool: true,
|
|
|
|
|
})
|
|
|
|
|
this.Emailphonenumberverification(value, id)
|
|
|
|
|
}
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.Emailphonenumberverification(value, id)
|
|
|
|
|
|
|
|
|
|
if (!regemail.test(value)) {
|
|
|
|
|
if ((value.indexOf("@") != -1) === true) {
|
|
|
|
|
stringdata = "邮箱格式不正确";
|
|
|
|
|
} else {
|
|
|
|
|
stringdata = "手机号格式不正确";
|
|
|
|
|
// if (!regph.test(value)) {
|
|
|
|
|
// // 这里先判断是不是手机号然后在判断是不是邮箱然后又判断是不是手机号，如果不是手机号就是账号
|
|
|
|
|
// stringdata=undefined;
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
if (id === 1) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotco: stringdata,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
})
|
|
|
|
|
} else if (id === 2) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotcos: stringdata,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
})
|
|
|
|
|
this.Emailphonenumberverification(value, id)
|
|
|
|
|
}
|
|
|
|
|
return
|
|
|
|
|
} else {
|
|
|
|
|
if (id === 1) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
|
Phonenumberisnotcobool: true,
|
|
|
|
|
})
|
|
|
|
|
} else if (id === 2) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotcos: undefined,
|
|
|
|
|
Phonenumberisnotcobool: true,
|
|
|
|
|
})
|
|
|
|
|
this.Emailphonenumberverification(value, id)
|
|
|
|
|
}
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// -------------------- REGISTER START
|
|
|
|
|
onReadAgreementChange = (e) => {
|
|
|
|
|
@ -245,7 +177,9 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
}
|
|
|
|
|
//是否验证通过
|
|
|
|
|
dragOkCallback = () => {
|
|
|
|
|
this.setState({dragOk: true})
|
|
|
|
|
console.log(this.state.logins);
|
|
|
|
|
this.Emailphonenumberverification(this.state.logins, 2)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
// -------------------- REGISTER END
|
|
|
|
|
|
|
|
|
|
@ -294,7 +228,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
}
|
|
|
|
|
//注册接口
|
|
|
|
|
postregistered = () => {
|
|
|
|
|
if (this.state.logins === undefined || this.state.logins == "") {
|
|
|
|
|
if (this.state.logins === undefined || this.state.logins === "") {
|
|
|
|
|
this.openNotification(`请输入登录手机号码或邮箱`,2);
|
|
|
|
|
|
|
|
|
|
return
|
|
|
|
|
@ -348,14 +282,58 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
}).then((result) => {
|
|
|
|
|
//验证有问题{"status":1,"message":"success"}
|
|
|
|
|
// console.log(result);
|
|
|
|
|
|
|
|
|
|
// this.setState({dragOk: true})
|
|
|
|
|
|
|
|
|
|
if(result){
|
|
|
|
|
if(result.data.status===-2){
|
|
|
|
|
if (id === 1) {
|
|
|
|
|
console.log(value.length);
|
|
|
|
|
if(result.data.message==="该手机号码或邮箱已被注册"){
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
dragOk:true,
|
|
|
|
|
})
|
|
|
|
|
}else {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotco: result.data.message,
|
|
|
|
|
Phonenumberisnotcobool: true,
|
|
|
|
|
dragOk:false,
|
|
|
|
|
Whethertoverify:this.state.Whethertoverify===true?false:true,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
return;
|
|
|
|
|
} else if (id === 2) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotcos: result.data.message,
|
|
|
|
|
Phonenumberisnotcobool: true,
|
|
|
|
|
dragOk:false,
|
|
|
|
|
Whethertoverify:this.state.Whethertoverify===true?false:true,
|
|
|
|
|
})
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
}else {
|
|
|
|
|
if (id === 1) {
|
|
|
|
|
console.log(value.length);
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
dragOk:true,
|
|
|
|
|
})
|
|
|
|
|
return;
|
|
|
|
|
} else if (id === 2) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotcos: undefined,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
dragOk:true,
|
|
|
|
|
})
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}).catch((error) => {
|
|
|
|
|
// console.log(error);
|
|
|
|
|
// this.setState({
|
|
|
|
|
// login:"",
|
|
|
|
|
// logins:"",
|
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
//短信验证
|
|
|
|
|
@ -398,13 +376,22 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
|
|
|
|
|
//倒计时
|
|
|
|
|
getverificationcode = () => {
|
|
|
|
|
if (this.state.Phonenumberisnotcobool === false ||this.state.Phonenumberisnotcobool === undefined) {
|
|
|
|
|
if (this.state.logins&&this.state.logins.length === 0) {
|
|
|
|
|
this.openNotification("请输入手机号或邮箱",2);
|
|
|
|
|
return
|
|
|
|
|
}else {
|
|
|
|
|
this.openNotification("请输入正确的手机号或邮箱",2);
|
|
|
|
|
}
|
|
|
|
|
console.log(this.state.Phonenumberisnotcobool);
|
|
|
|
|
console.log(this.state.dragOk);
|
|
|
|
|
if(this.state.logins === undefined || this.state.logins.length===0){
|
|
|
|
|
this.openNotification("请输入手机号或邮箱");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
//这是判断是否手机正确
|
|
|
|
|
if(this.state.Phonenumberisnotcobool === true){
|
|
|
|
|
this.openNotification(this.state.Phonenumberisnotcos);
|
|
|
|
|
this.setState({
|
|
|
|
|
Whethertoverify:this.state.Whethertoverify===true?false:true,
|
|
|
|
|
})
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if(this.state.dragOk===undefined||this.state.dragOk === false){
|
|
|
|
|
this.openNotification("拖动滑块验证");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -420,7 +407,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
clearInterval(timer);
|
|
|
|
|
this.setState({
|
|
|
|
|
getverificationcodes: false,
|
|
|
|
|
seconds: 60,
|
|
|
|
|
seconds: 35,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
@ -438,7 +425,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
clearInterval(timer);
|
|
|
|
|
this.setState({
|
|
|
|
|
getverificationcodes: false,
|
|
|
|
|
seconds: 60,
|
|
|
|
|
seconds: 35,
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
@ -459,9 +446,18 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
}else{
|
|
|
|
|
stirngt= e.target.value;
|
|
|
|
|
}
|
|
|
|
|
this.setState({
|
|
|
|
|
login: stirngt,
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
if (e.target.value.length === 0) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
login: stirngt,
|
|
|
|
|
})
|
|
|
|
|
}else{
|
|
|
|
|
this.setState({
|
|
|
|
|
login: stirngt,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
//失去焦点判断
|
|
|
|
|
@ -488,8 +484,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
}
|
|
|
|
|
//获取注册登入
|
|
|
|
|
loginInputonChanges = (e) => {
|
|
|
|
|
// console.log(e.target.value);
|
|
|
|
|
|
|
|
|
|
console.log(e.target.value);
|
|
|
|
|
var stirngt;
|
|
|
|
|
if(e.target.value.length>0){
|
|
|
|
|
var str= e.target.value.replace(/\s*/g,"")
|
|
|
|
|
@ -497,9 +492,17 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
}else{
|
|
|
|
|
stirngt= e.target.value;
|
|
|
|
|
}
|
|
|
|
|
this.setState({
|
|
|
|
|
logins: stirngt,
|
|
|
|
|
})
|
|
|
|
|
if (e.target.value.length === 0) {
|
|
|
|
|
this.setState({
|
|
|
|
|
Phonenumberisnotcos: undefined,
|
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
logins: stirngt,
|
|
|
|
|
})
|
|
|
|
|
}else{
|
|
|
|
|
this.setState({
|
|
|
|
|
logins: stirngt,
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
//获取注册密码
|
|
|
|
|
@ -562,8 +565,10 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
Phonenumberisnotcos,
|
|
|
|
|
codes,
|
|
|
|
|
tab,
|
|
|
|
|
dragOk,
|
|
|
|
|
Whethertoverify,
|
|
|
|
|
// 注册
|
|
|
|
|
readAgreement, dragOk,
|
|
|
|
|
readAgreement,
|
|
|
|
|
} = this.state
|
|
|
|
|
// height: 346px;
|
|
|
|
|
if (this.state.seconds === 0) {
|
|
|
|
|
@ -685,7 +690,6 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
value={this.state.logins}
|
|
|
|
|
type="text" autoComplete="off"
|
|
|
|
|
onChange={this.loginInputonChanges}
|
|
|
|
|
onBlur={(e) => this.inputOnBlur(e, 2)}
|
|
|
|
|
style={{marginTop: '30px' , height: '38px',color:'#999999',fontSize:"14px"}}></Input>
|
|
|
|
|
{
|
|
|
|
|
Phonenumberisnotcos && Phonenumberisnotcos != "" ?
|
|
|
|
|
@ -695,12 +699,29 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
: <div style={{height:"25px"}}></div>
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
{
|
|
|
|
|
Whethertoverify===false?
|
|
|
|
|
<DragValidator
|
|
|
|
|
height={38} className="loginInput" successGreenColor="#29bd8b"
|
|
|
|
|
style={{ height: '38px'}}
|
|
|
|
|
dragOkCallback={this.dragOkCallback}
|
|
|
|
|
></DragValidator>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
{
|
|
|
|
|
Whethertoverify===true?
|
|
|
|
|
<DragValidatortwo
|
|
|
|
|
height={38} className="loginInput" successGreenColor="#29bd8b"
|
|
|
|
|
style={{ height: '38px'}}
|
|
|
|
|
dragOkCallback={this.dragOkCallback}
|
|
|
|
|
></DragValidatortwo>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<DragValidator
|
|
|
|
|
height={38} className="loginInput" successGreenColor="#29bd8b"
|
|
|
|
|
style={{ height: '38px'}}
|
|
|
|
|
dragOkCallback={this.dragOkCallback}
|
|
|
|
|
></DragValidator>
|
|
|
|
|
|
|
|
|
|
<div className="mt25">
|
|
|
|
|
<Input className="fl mr5 font-14 color-grey-9 loginInputzhuche" name="codes" type="text" autoComplete="off" readonly
|
|
|
|
|
@ -726,10 +747,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
{/*<Input type="text" name="username"*/}
|
|
|
|
|
{/* style={{height: '0', width: '0', border: 'none', display: "none"}}/>*/}
|
|
|
|
|
{/*<Input type="password" name="password" id="password" autoComplete="new-password"*/}
|
|
|
|
|
{/* style={{height: '0', width: '0', border: 'none', display: "none"}}/>*/}
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
|
|
