|
|
@ -60,6 +60,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
Phonenumberisnotcodmm:undefined,
|
|
|
|
Phonenumberisnotcodmm:undefined,
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
Whethertoverify:false,
|
|
|
|
Whethertoverify:false,
|
|
|
|
|
|
|
|
pciphone:true,
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -94,11 +95,27 @@ class LoginRegisterComponent extends Component {
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
Phonenumberisnotcodmm:undefined,
|
|
|
|
Phonenumberisnotcodmm:undefined,
|
|
|
|
Whethertoverify:false,
|
|
|
|
Whethertoverify:false,
|
|
|
|
|
|
|
|
pciphone:true,
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//判断是否是手机端
|
|
|
|
|
|
|
|
IsPC=()=> {
|
|
|
|
|
|
|
|
var userAgentInfo = navigator.userAgent;
|
|
|
|
|
|
|
|
var Agents = ["Android", "iPhone",
|
|
|
|
|
|
|
|
"SymbianOS", "Windows Phone",
|
|
|
|
|
|
|
|
"iPad", "iPod"];
|
|
|
|
|
|
|
|
var flag = true;//这个意思是说自己的是pc 端
|
|
|
|
|
|
|
|
for (var v = 0; v < Agents.length; v++) {
|
|
|
|
|
|
|
|
if (userAgentInfo.indexOf(Agents[v]) > 0) {
|
|
|
|
|
|
|
|
flag = false;
|
|
|
|
|
|
|
|
break;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
return flag;
|
|
|
|
|
|
|
|
}
|
|
|
|
// 点击表单后,改变type
|
|
|
|
// 点击表单后,改变type
|
|
|
|
changeType = () => {
|
|
|
|
changeType = () => {
|
|
|
|
this.setState({classpass: 'password'});
|
|
|
|
this.setState({classpass: 'password'});
|
|
|
@ -106,17 +123,21 @@ class LoginRegisterComponent extends Component {
|
|
|
|
componentDidMount = () => {
|
|
|
|
componentDidMount = () => {
|
|
|
|
// console.log("componentDidUpdate");
|
|
|
|
// console.log("componentDidUpdate");
|
|
|
|
// console.log(this.props);
|
|
|
|
// console.log(this.props);
|
|
|
|
|
|
|
|
let pcipns=this.IsPC();
|
|
|
|
if (this.props.match.url === "/login") {
|
|
|
|
if (this.props.match.url === "/login") {
|
|
|
|
console.log("11111111111111111111111111");
|
|
|
|
console.log("11111111111111111111111111");
|
|
|
|
this.state = {
|
|
|
|
this.state = {
|
|
|
|
tab:["0"],
|
|
|
|
tab:["0"],
|
|
|
|
|
|
|
|
pciphone:pcipns,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else if (this.props.match.url === "/register") {
|
|
|
|
} else if (this.props.match.url === "/register") {
|
|
|
|
this.state = {
|
|
|
|
this.state = {
|
|
|
|
tab:["1"],
|
|
|
|
tab:["1"],
|
|
|
|
|
|
|
|
pciphone:pcipns,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
openNotification = (messge,type) => {
|
|
|
|
openNotification = (messge,type) => {
|
|
|
|
// type 1 成功提示绿色 2提醒颜色黄色 3错误提示红色
|
|
|
|
// type 1 成功提示绿色 2提醒颜色黄色 3错误提示红色
|
|
|
@ -286,17 +307,20 @@ class LoginRegisterComponent extends Component {
|
|
|
|
// this.openNotification(`请同意服务协议条款`,2);
|
|
|
|
// this.openNotification(`请同意服务协议条款`,2);
|
|
|
|
// return;
|
|
|
|
// return;
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
|
|
|
|
if(this.state.pciphone===true){
|
|
|
|
|
|
|
|
if (this.state.dragOk === false) {
|
|
|
|
|
|
|
|
// this.openNotification(`请拖动滑块完成验证`,2);
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotcosytdhk:"请拖动滑块完成验证",
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
if (this.state.logins === undefined || this.state.logins === ""||this.state.logins.length===0) {
|
|
|
|
if (this.state.logins === undefined || this.state.logins === ""||this.state.logins.length===0) {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
Phonenumberisnotcos:"账号不能为空",
|
|
|
|
Phonenumberisnotcos:"账号不能为空",
|
|
|
|
})
|
|
|
|
})
|
|
|
|
return
|
|
|
|
return
|
|
|
|
} else if (this.state.dragOk === false) {
|
|
|
|
|
|
|
|
// this.openNotification(`请拖动滑块完成验证`,2);
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotcosytdhk:"请拖动滑块完成验证",
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return
|
|
|
|
|
|
|
|
} else if (this.state.codes === undefined || this.state.codes == ""||this.state.codes.length===0) {
|
|
|
|
} else if (this.state.codes === undefined || this.state.codes == ""||this.state.codes.length===0) {
|
|
|
|
// this.openNotification(`请输入验证码`,2);
|
|
|
|
// this.openNotification(`请输入验证码`,2);
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
@ -557,6 +581,11 @@ class LoginRegisterComponent extends Component {
|
|
|
|
this.isCorrectname(e.target.value, id);
|
|
|
|
this.isCorrectname(e.target.value, id);
|
|
|
|
// this.Emailphonenumberverification(e.target.value, id);
|
|
|
|
// this.Emailphonenumberverification(e.target.value, id);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
inputOnBlurzhuche = (e, id) => {
|
|
|
|
|
|
|
|
if(this.state.pciphone===false) {
|
|
|
|
|
|
|
|
this.Emailphonenumberverification(e.target.value, id);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
//获取登入密码
|
|
|
|
//获取登入密码
|
|
|
|
passwordonChange = (e) => {
|
|
|
|
passwordonChange = (e) => {
|
|
|
|
// console.log(e.target.value);
|
|
|
|
// console.log(e.target.value);
|
|
|
@ -673,6 +702,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
Phonenumberisnotcodmm,
|
|
|
|
Phonenumberisnotcodmm,
|
|
|
|
// 注册
|
|
|
|
// 注册
|
|
|
|
readAgreement,
|
|
|
|
readAgreement,
|
|
|
|
|
|
|
|
pciphone,
|
|
|
|
} = this.state
|
|
|
|
} = this.state
|
|
|
|
// height: 346px;
|
|
|
|
// height: 346px;
|
|
|
|
if (this.state.seconds === 0) {
|
|
|
|
if (this.state.seconds === 0) {
|
|
|
@ -780,6 +810,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
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.inputOnBlurzhuche(e, 2)}
|
|
|
|
style={{marginTop: '30px' , height: '38px',color:'#999999',fontSize:"14px"}}></Input>
|
|
|
|
style={{marginTop: '30px' , height: '38px',color:'#999999',fontSize:"14px"}}></Input>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
Phonenumberisnotcos && Phonenumberisnotcos !== "" ?
|
|
|
|
Phonenumberisnotcos && Phonenumberisnotcos !== "" ?
|
|
|
@ -790,7 +821,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
{
|
|
|
|
{
|
|
|
|
Whethertoverify===false?
|
|
|
|
Whethertoverify===false&&pciphone===true?
|
|
|
|
<DragValidator
|
|
|
|
<DragValidator
|
|
|
|
height={38} successGreenColor="#29bd8b"
|
|
|
|
height={38} successGreenColor="#29bd8b"
|
|
|
|
style={{ height: '38px'}}
|
|
|
|
style={{ height: '38px'}}
|
|
|
@ -801,7 +832,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
{
|
|
|
|
{
|
|
|
|
Whethertoverify===true?
|
|
|
|
Whethertoverify===true&&pciphone===true?
|
|
|
|
<DragValidatortwo
|
|
|
|
<DragValidatortwo
|
|
|
|
height={38} successGreenColor="#29bd8b"
|
|
|
|
height={38} successGreenColor="#29bd8b"
|
|
|
|
style={{ height: '38px'}}
|
|
|
|
style={{ height: '38px'}}
|
|
|
|