|
|
@ -23,6 +23,9 @@ const loginInputsyl = {
|
|
|
|
class LoginRegisterComponent extends Component {
|
|
|
|
class LoginRegisterComponent extends Component {
|
|
|
|
constructor(props) {
|
|
|
|
constructor(props) {
|
|
|
|
super(props)
|
|
|
|
super(props)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
// console.log("LoginRegisterComponent");
|
|
|
|
// console.log("LoginRegisterComponent");
|
|
|
|
// console.log("29");
|
|
|
|
// console.log("29");
|
|
|
|
// console.log(props.loginstatus);
|
|
|
|
// console.log(props.loginstatus);
|
|
|
@ -30,7 +33,6 @@ class LoginRegisterComponent extends Component {
|
|
|
|
// console.log(props.loginstatus);
|
|
|
|
// console.log(props.loginstatus);
|
|
|
|
this.state = {
|
|
|
|
this.state = {
|
|
|
|
tab:["0"],
|
|
|
|
tab:["0"],
|
|
|
|
activeKey: 0,
|
|
|
|
|
|
|
|
classpass: "text",
|
|
|
|
classpass: "text",
|
|
|
|
// 登录
|
|
|
|
// 登录
|
|
|
|
passopens: passoff,
|
|
|
|
passopens: passoff,
|
|
|
@ -51,6 +53,11 @@ class LoginRegisterComponent extends Component {
|
|
|
|
codes: "",
|
|
|
|
codes: "",
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
Phonenumberisnotcos: undefined,
|
|
|
|
Phonenumberisnotcos: undefined,
|
|
|
|
|
|
|
|
Phonenumberisnotcosyzm:undefined,
|
|
|
|
|
|
|
|
Phonenumberisnotcosymmm:undefined,
|
|
|
|
|
|
|
|
Phonenumberisnotcosytdhk:undefined,
|
|
|
|
|
|
|
|
Phonenumberisnotcosyfwtk:undefined,
|
|
|
|
|
|
|
|
Phonenumberisnotcodmm:undefined,
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
Whethertoverify:false,
|
|
|
|
Whethertoverify:false,
|
|
|
|
|
|
|
|
|
|
|
@ -60,7 +67,6 @@ class LoginRegisterComponent extends Component {
|
|
|
|
// console.log(props.loginstatus);
|
|
|
|
// console.log(props.loginstatus);
|
|
|
|
this.state = {
|
|
|
|
this.state = {
|
|
|
|
tab:["1"],
|
|
|
|
tab:["1"],
|
|
|
|
activeKey: '1',
|
|
|
|
|
|
|
|
classpass: "text",
|
|
|
|
classpass: "text",
|
|
|
|
// 登录
|
|
|
|
// 登录
|
|
|
|
passopens: passoff,
|
|
|
|
passopens: passoff,
|
|
|
@ -81,7 +87,12 @@ class LoginRegisterComponent extends Component {
|
|
|
|
codes: "",
|
|
|
|
codes: "",
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
Phonenumberisnotco: undefined,
|
|
|
|
Phonenumberisnotcos: undefined,
|
|
|
|
Phonenumberisnotcos: undefined,
|
|
|
|
|
|
|
|
Phonenumberisnotcosyzm:undefined,
|
|
|
|
|
|
|
|
Phonenumberisnotcosymmm:undefined,
|
|
|
|
|
|
|
|
Phonenumberisnotcosytdhk:undefined,
|
|
|
|
|
|
|
|
Phonenumberisnotcosyfwtk:undefined,
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
Phonenumberisnotcobool: false,
|
|
|
|
|
|
|
|
Phonenumberisnotcodmm:undefined,
|
|
|
|
Whethertoverify:false,
|
|
|
|
Whethertoverify:false,
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -100,12 +111,10 @@ class LoginRegisterComponent extends Component {
|
|
|
|
this.state = {
|
|
|
|
this.state = {
|
|
|
|
tab:["0"],
|
|
|
|
tab:["0"],
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.onTabChange('0');
|
|
|
|
|
|
|
|
} else if (this.props.match.url === "/register") {
|
|
|
|
} else if (this.props.match.url === "/register") {
|
|
|
|
this.state = {
|
|
|
|
this.state = {
|
|
|
|
tab:["1"],
|
|
|
|
tab:["1"],
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.onTabChange('1');
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -121,7 +130,6 @@ class LoginRegisterComponent extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
StudyMakeMoney = () => { // 调用父组件方法
|
|
|
|
StudyMakeMoney = () => { // 调用父组件方法
|
|
|
|
this.props.Setshowbool(3);
|
|
|
|
this.props.Setshowbool(3);
|
|
|
|
// this.props.Setlogins(3);
|
|
|
|
// this.props.Setlogins(3);
|
|
|
@ -135,8 +143,6 @@ class LoginRegisterComponent extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
onTabChange = (activeKey) => {
|
|
|
|
onTabChange = (activeKey) => {
|
|
|
|
console.log("onTabChange");
|
|
|
|
console.log("onTabChange");
|
|
|
|
// console.log(activeKey);
|
|
|
|
|
|
|
|
// this.setState({activeKey})
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
// -------------------- LOGIN START
|
|
|
|
// -------------------- LOGIN START
|
|
|
|
//下次自动登入
|
|
|
|
//下次自动登入
|
|
|
@ -190,10 +196,14 @@ class LoginRegisterComponent extends Component {
|
|
|
|
//登入接口
|
|
|
|
//登入接口
|
|
|
|
postLogin = () => {
|
|
|
|
postLogin = () => {
|
|
|
|
if (this.state.login === undefined || this.state.login == "") {
|
|
|
|
if (this.state.login === undefined || this.state.login == "") {
|
|
|
|
this.openNotification(`请输入登录手机号码或邮箱`,2);
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotco:"账号不能为空",
|
|
|
|
|
|
|
|
})
|
|
|
|
return
|
|
|
|
return
|
|
|
|
} else if (this.state.password === undefined || this.state.password == "") {
|
|
|
|
} else if (this.state.password === undefined || this.state.password == "") {
|
|
|
|
this.openNotification(`请输入密码`,2);
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotcodmm:"密码不能为空",
|
|
|
|
|
|
|
|
})
|
|
|
|
return
|
|
|
|
return
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var url = "/accounts/login.json";
|
|
|
|
var url = "/accounts/login.json";
|
|
|
@ -204,6 +214,40 @@ class LoginRegisterComponent extends Component {
|
|
|
|
if (response === undefined) {
|
|
|
|
if (response === undefined) {
|
|
|
|
return
|
|
|
|
return
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(response.data.status === -2){
|
|
|
|
|
|
|
|
if("该手机号尚未注册" || "该邮箱尚未注册"){
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotco:response.data.message,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
else if("错误的账号或密码"){
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotco:response.data.message,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
else if("违反平台使用规范,账号已被锁定"){
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotco:response.data.message,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
else {
|
|
|
|
|
|
|
|
this.openNotification(response.data.message);
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(response.data.identity === null || response.data.identity === undefined){
|
|
|
|
|
|
|
|
this.props.history.push("/interesse");
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
if (response.status === 200) {
|
|
|
|
if (response.status === 200) {
|
|
|
|
if (response.data.status === 402) {
|
|
|
|
if (response.data.status === 402) {
|
|
|
|
window.location.href = response.data.url;
|
|
|
|
window.location.href = response.data.url;
|
|
|
@ -225,18 +269,54 @@ class LoginRegisterComponent extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//注册接口
|
|
|
|
//注册接口
|
|
|
|
postregistered = () => {
|
|
|
|
postregistered = () => {
|
|
|
|
if (this.state.logins === undefined || this.state.logins === "") {
|
|
|
|
// if (this.state.logins === undefined || this.state.logins === "") {
|
|
|
|
this.openNotification(`请输入登录手机号码或邮箱`,2);
|
|
|
|
// this.openNotification(`请输入登录手机号码或邮箱`,2);
|
|
|
|
|
|
|
|
//
|
|
|
|
|
|
|
|
// return
|
|
|
|
|
|
|
|
// } else if (this.state.dragOk === false) {
|
|
|
|
|
|
|
|
// this.openNotification(`请拖动滑块验证`,2);
|
|
|
|
|
|
|
|
// return
|
|
|
|
|
|
|
|
// } else if (this.state.codes === undefined || this.state.codes == "") {
|
|
|
|
|
|
|
|
// this.openNotification(`请输入验证码`,2);
|
|
|
|
|
|
|
|
// return
|
|
|
|
|
|
|
|
// } else if (this.state.passwords === undefined || this.state.passwords == "") {
|
|
|
|
|
|
|
|
// this.openNotification(`请输入密码`,2);
|
|
|
|
|
|
|
|
// return
|
|
|
|
|
|
|
|
// } else if (this.state.Agreetotheterms === false) {
|
|
|
|
|
|
|
|
// this.openNotification(`请同意服务协议条款`,2);
|
|
|
|
|
|
|
|
// return;
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
if (this.state.logins === undefined || this.state.logins === ""||this.state.logins.length===0) {
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotcos:"账号不能为空",
|
|
|
|
|
|
|
|
})
|
|
|
|
return
|
|
|
|
return
|
|
|
|
} else if (this.state.dragOk === false) {
|
|
|
|
} else if (this.state.dragOk === false) {
|
|
|
|
this.openNotification(`请拖动滑块验证`,2);
|
|
|
|
// this.openNotification(`请拖动滑块完成验证`,2);
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotcosytdhk:"请拖动滑块完成验证",
|
|
|
|
|
|
|
|
})
|
|
|
|
return
|
|
|
|
return
|
|
|
|
} else if (this.state.codes === undefined || this.state.codes == "") {
|
|
|
|
} else if (this.state.codes === undefined || this.state.codes == ""||this.state.codes.length===0) {
|
|
|
|
this.openNotification(`请输入验证码`,2);
|
|
|
|
// this.openNotification(`请输入验证码`,2);
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotcosyzm:"验证码不能为空",
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return
|
|
|
|
|
|
|
|
} else if (this.state.passwords === undefined || this.state.passwords == "" ||this.state.passwords.length===0) {
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotcosymmm:"密码不能为空",
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
return
|
|
|
|
|
|
|
|
} else if (this.state.passwords !==undefined &&this.state.passwords.length>0&&this.state.passwords.length<8){
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotcosymmm:"密码不能少于8位",
|
|
|
|
|
|
|
|
})
|
|
|
|
return
|
|
|
|
return
|
|
|
|
} else if (this.state.passwords === undefined || this.state.passwords == "") {
|
|
|
|
} else if (this.state.passwords !==undefined &&this.state.passwords.length>0&&this.state.passwords.length>16){
|
|
|
|
this.openNotification(`请输入密码`,2);
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotcosymmm:"密码不能超过16位",
|
|
|
|
|
|
|
|
})
|
|
|
|
return
|
|
|
|
return
|
|
|
|
} else if (this.state.Agreetotheterms === false) {
|
|
|
|
} else if (this.state.Agreetotheterms === false) {
|
|
|
|
this.openNotification(`请同意服务协议条款`,2);
|
|
|
|
this.openNotification(`请同意服务协议条款`,2);
|
|
|
@ -249,14 +329,33 @@ class LoginRegisterComponent extends Component {
|
|
|
|
code: this.state.codes,
|
|
|
|
code: this.state.codes,
|
|
|
|
}).then((result) => {
|
|
|
|
}).then((result) => {
|
|
|
|
if(result){
|
|
|
|
if(result){
|
|
|
|
|
|
|
|
if(result.data.status===-2){
|
|
|
|
|
|
|
|
if(result.data.message==="验证码不正确"){
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
logins: "",
|
|
|
|
Phonenumberisnotcosyzm:"验证码不正确",
|
|
|
|
dragOk: false,
|
|
|
|
|
|
|
|
codes: "",
|
|
|
|
|
|
|
|
passwords: "",
|
|
|
|
|
|
|
|
Agreetotheterms: "",
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
this.props.history.push("/interesse");
|
|
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}else if(result.data.message==="验证码已失效"){
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
Phonenumberisnotcosyzm:"验证码不正确",
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}else {
|
|
|
|
|
|
|
|
this.openNotification(result.data.message);
|
|
|
|
|
|
|
|
return;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}else {
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
logins: "",
|
|
|
|
|
|
|
|
dragOk: false,
|
|
|
|
|
|
|
|
codes: "",
|
|
|
|
|
|
|
|
passwords: "",
|
|
|
|
|
|
|
|
Agreetotheterms: "",
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
this.props.history.push("/interesse");
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).catch((error) => {
|
|
|
|
}).catch((error) => {
|
|
|
|
|
|
|
|
|
|
|
@ -448,6 +547,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
}else{
|
|
|
|
}else{
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
login: stirngt,
|
|
|
|
login: stirngt,
|
|
|
|
|
|
|
|
Phonenumberisnotco:undefined,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -469,6 +569,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
password: stirngt,
|
|
|
|
password: stirngt,
|
|
|
|
|
|
|
|
Phonenumberisnotcodmm:undefined,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
// this.setState({
|
|
|
|
// this.setState({
|
|
|
|
// password: e.target.value
|
|
|
|
// password: e.target.value
|
|
|
@ -514,12 +615,14 @@ class LoginRegisterComponent extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
passwords: stirngt,
|
|
|
|
passwords: stirngt,
|
|
|
|
|
|
|
|
Phonenumberisnotcosymmm:undefined,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//获取code
|
|
|
|
//获取code
|
|
|
|
codesonChange = (e) => {
|
|
|
|
codesonChange = (e) => {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
codes: e.target.value
|
|
|
|
codes: e.target.value,
|
|
|
|
|
|
|
|
Phonenumberisnotcosyzm:undefined,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
//切换tab
|
|
|
|
//切换tab
|
|
|
@ -550,7 +653,6 @@ class LoginRegisterComponent extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
render() {
|
|
|
|
render() {
|
|
|
|
const {
|
|
|
|
const {
|
|
|
|
activeKey,
|
|
|
|
|
|
|
|
// 登录
|
|
|
|
// 登录
|
|
|
|
autoLogin,
|
|
|
|
autoLogin,
|
|
|
|
classpass,
|
|
|
|
classpass,
|
|
|
@ -565,6 +667,10 @@ class LoginRegisterComponent extends Component {
|
|
|
|
dragOk,
|
|
|
|
dragOk,
|
|
|
|
Whethertoverify,
|
|
|
|
Whethertoverify,
|
|
|
|
classpassbool,
|
|
|
|
classpassbool,
|
|
|
|
|
|
|
|
Phonenumberisnotcosytdhk,
|
|
|
|
|
|
|
|
Phonenumberisnotcosyzm,
|
|
|
|
|
|
|
|
Phonenumberisnotcosymmm,
|
|
|
|
|
|
|
|
Phonenumberisnotcodmm,
|
|
|
|
// 注册
|
|
|
|
// 注册
|
|
|
|
readAgreement,
|
|
|
|
readAgreement,
|
|
|
|
} = this.state
|
|
|
|
} = this.state
|
|
|
@ -629,7 +735,7 @@ 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"
|
|
|
|
className="font-14 color-grey-9 loginInputzhuche"
|
|
|
|
className={Phonenumberisnotco && Phonenumberisnotco !== "" ?" color-grey-9 loginInputzhucheyslass bor-reds":" color-grey-9 loginInputzhuche"}
|
|
|
|
onBlur={(e) => this.inputOnBlur(e, 1)}
|
|
|
|
onBlur={(e) => this.inputOnBlur(e, 1)}
|
|
|
|
style={{marginTop: '30px', height: '38px'}}></Input>
|
|
|
|
style={{marginTop: '30px', height: '38px'}}></Input>
|
|
|
|
|
|
|
|
|
|
|
@ -643,11 +749,17 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
<Input type="password" name="password" id="password" 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 loginInputzhuche"
|
|
|
|
className={Phonenumberisnotcodmm && Phonenumberisnotcodmm !== "" ?" color-grey-9 loginInputzhucheyslass bor-reds":" color-grey-9 loginInputzhuche"}
|
|
|
|
|
|
|
|
|
|
|
|
placeholder="密码"></Input>
|
|
|
|
placeholder="密码"></Input>
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
Phonenumberisnotcodmm && Phonenumberisnotcodmm != "" ?
|
|
|
|
|
|
|
|
<p className="color-red mt5 mb5" style={{width: " 100%", height: "20px"}}>
|
|
|
|
|
|
|
|
<span className="fl" style={{textAlign:"left",width: " 100%"}}>{Phonenumberisnotcodmm}</span>
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
: <div style={{height:"25px"}}></div>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
<div className="left_right mt25 font-12 " style={{color: '#676767'}}>
|
|
|
|
<div className="left_right font-12 " style={{color: '#676767'}}>
|
|
|
|
<Checkbox onChange={this.onAutoLoginChange} checked={autoLogin}>下次自动登录</Checkbox>
|
|
|
|
<Checkbox onChange={this.onAutoLoginChange} checked={autoLogin}>下次自动登录</Checkbox>
|
|
|
|
|
|
|
|
|
|
|
|
<a onClick={()=>this.StudyMakeMoney()}
|
|
|
|
<a onClick={()=>this.StudyMakeMoney()}
|
|
|
@ -658,39 +770,19 @@ class LoginRegisterComponent extends Component {
|
|
|
|
size={"large"}>登录</Button>
|
|
|
|
size={"large"}>登录</Button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
<style>
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
`
|
|
|
|
|
|
|
|
.loginInputzhuche{
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
background-color: #fff!important;
|
|
|
|
|
|
|
|
height: 45px !important;
|
|
|
|
|
|
|
|
padding: 5px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.loginInputzhuche .ant-input{
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
background-color: #fff!important;
|
|
|
|
|
|
|
|
height: 45px !important;
|
|
|
|
|
|
|
|
padding: 5px;
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
right: 5px;
|
|
|
|
|
|
|
|
width: 103%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
`
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
parseInt(tab[0])==1 &&
|
|
|
|
parseInt(tab[0])==1 &&
|
|
|
|
<div style={{width: '340px'}}>
|
|
|
|
<div style={{width: '340px'}}>
|
|
|
|
<Input className="loginInputsyl color-grey-9 loginInputzhuche" placeholder="请使用手机号/邮箱账号进行注册"
|
|
|
|
<Input placeholder="请使用手机号/邮箱账号进行注册"
|
|
|
|
|
|
|
|
className={Phonenumberisnotcos && Phonenumberisnotcos !== "" ?" color-grey-9 loginInputzhucheyslass bor-reds":" color-grey-9 loginInputzhuche"}
|
|
|
|
value={this.state.logins}
|
|
|
|
value={this.state.logins}
|
|
|
|
type="text" autoComplete="off"
|
|
|
|
type="text" autoComplete="off"
|
|
|
|
onChange={this.loginInputonChanges}
|
|
|
|
onChange={this.loginInputonChanges}
|
|
|
|
style={{marginTop: '30px' , height: '38px',color:'#999999',fontSize:"14px"}}></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" style={{textAlign:"left",width: " 100%"}}>{Phonenumberisnotcos}</span>
|
|
|
|
<span className="fl" style={{textAlign:"left",width: " 100%"}}>{Phonenumberisnotcos}</span>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
@ -700,7 +792,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
Whethertoverify===false?
|
|
|
|
Whethertoverify===false?
|
|
|
|
<DragValidator
|
|
|
|
<DragValidator
|
|
|
|
height={38} className="loginInput" successGreenColor="#29bd8b"
|
|
|
|
height={38} successGreenColor="#29bd8b"
|
|
|
|
style={{ height: '38px'}}
|
|
|
|
style={{ height: '38px'}}
|
|
|
|
dragOkCallback={this.dragOkCallback}
|
|
|
|
dragOkCallback={this.dragOkCallback}
|
|
|
|
></DragValidator>
|
|
|
|
></DragValidator>
|
|
|
@ -711,40 +803,61 @@ class LoginRegisterComponent extends Component {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
Whethertoverify===true?
|
|
|
|
Whethertoverify===true?
|
|
|
|
<DragValidatortwo
|
|
|
|
<DragValidatortwo
|
|
|
|
height={38} className="loginInput" successGreenColor="#29bd8b"
|
|
|
|
height={38} successGreenColor="#29bd8b"
|
|
|
|
style={{ height: '38px'}}
|
|
|
|
style={{ height: '38px'}}
|
|
|
|
dragOkCallback={this.dragOkCallback}
|
|
|
|
dragOkCallback={this.dragOkCallback}
|
|
|
|
></DragValidatortwo>
|
|
|
|
></DragValidatortwo>
|
|
|
|
:
|
|
|
|
:
|
|
|
|
""
|
|
|
|
""
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
Phonenumberisnotcosytdhk && Phonenumberisnotcosytdhk !== "" ?
|
|
|
|
|
|
|
|
<p className="color-red mt5 mb5 " style={{width: " 100%", height: "20px"}}>
|
|
|
|
|
|
|
|
<span className="fl" style={{textAlign:"left",width: " 100%"}}>{Phonenumberisnotcosytdhk}</span>
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
: <div style={{height:"25px"}}></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div className="mt25">
|
|
|
|
<div className="yslbutondls">
|
|
|
|
<Input className="fl mr5 font-14 color-grey-9 loginInputzhuche" name="codes" type="text" autoComplete="off" readonly
|
|
|
|
|
|
|
|
onfocus="this.removeAttribute('readonly')" style={{
|
|
|
|
<Input
|
|
|
|
width:'210px',
|
|
|
|
className={Phonenumberisnotcosyzm && Phonenumberisnotcosyzm !== "" ?" mr5 font-14 color-grey-9 loginInputzhucheyslass bor-reds":" mr5 font-14 color-grey-9 loginInputzhuche"}
|
|
|
|
height:'38px',
|
|
|
|
name="codes" type="text" autoComplete="off" readonly
|
|
|
|
}} placeholder="请输入验证码"
|
|
|
|
onfocus="this.removeAttribute('readonly')" style={{
|
|
|
|
onChange={this.codesonChange}
|
|
|
|
width:'210px',
|
|
|
|
value={codes}
|
|
|
|
height:'38px',
|
|
|
|
>
|
|
|
|
}} placeholder="请输入验证码"
|
|
|
|
</Input>
|
|
|
|
onChange={this.codesonChange}
|
|
|
|
|
|
|
|
value={codes}
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
</Input>
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
getverificationcodes === undefined ?
|
|
|
|
|
|
|
|
<Button className=" ml5 font-14" disabled style={{"width": "120px","text-align":"center", "height": "45px",}}
|
|
|
|
|
|
|
|
size={"large"}>重新发送{seconds}s</Button>
|
|
|
|
|
|
|
|
: getverificationcodes === true ?
|
|
|
|
|
|
|
|
<Button className=" ml5 font-14" type="primary" style={{"width": "120px","text-align":"center", "height": "45px",}}
|
|
|
|
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>获取验证码</Button>
|
|
|
|
|
|
|
|
:
|
|
|
|
|
|
|
|
<Button className=" ml5 font-14 " type="primary" style={{"width": "120px","text-align":"center", "height": "45px",}}
|
|
|
|
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>重新发送</Button>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
getverificationcodes === undefined ?
|
|
|
|
Phonenumberisnotcosyzm && Phonenumberisnotcosyzm !== "" ?
|
|
|
|
<Button className="fl ml5 font-14" disabled style={{"width": "120px","text-align":"center", "height": "45px",}}
|
|
|
|
<p className="color-red mt5 mb5 " style={{width: " 100%", height: "20px"}}>
|
|
|
|
size={"large"}>重新发送{seconds}s</Button>
|
|
|
|
<span className="fl" style={{textAlign:"left",width: " 100%"}}>{Phonenumberisnotcosyzm}</span>
|
|
|
|
: getverificationcodes === true ?
|
|
|
|
</p>
|
|
|
|
<Button className="fl ml5 font-14" type="primary" style={{"width": "120px","text-align":"center", "height": "45px",}}
|
|
|
|
: <div style={{height:"25px"}}></div>
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>获取验证码</Button>
|
|
|
|
|
|
|
|
:
|
|
|
|
|
|
|
|
<Button className="fl ml5 font-14 " type="primary" style={{"width": "120px","text-align":"center", "height": "45px",}}
|
|
|
|
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>重新发送</Button>
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
<style>
|
|
|
|
{
|
|
|
|
{
|
|
|
@ -756,9 +869,9 @@ class LoginRegisterComponent extends Component {
|
|
|
|
`
|
|
|
|
`
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
<Input className="loginInput font-14 mt25 color-grey-9 loginInputzhuche" placeholder="输入8~16位密码,区分大小写"
|
|
|
|
<Input placeholder="输入8~16位密码,区分大小写"
|
|
|
|
type={classpassbool===false?"text":"password"}
|
|
|
|
type={classpassbool===false?"text":"password"}
|
|
|
|
|
|
|
|
className={Phonenumberisnotcosymmm && Phonenumberisnotcosymmm !== "" ?" font-14 color-grey-9 loginInputzhucheysl ":" font-14 color-grey-9 loginInputzhuche"}
|
|
|
|
autoComplete="new-password"
|
|
|
|
autoComplete="new-password"
|
|
|
|
onClick={this.changeType}
|
|
|
|
onClick={this.changeType}
|
|
|
|
value={this.state.passwords} onChange={this.passwordonChanges}
|
|
|
|
value={this.state.passwords} onChange={this.passwordonChanges}
|
|
|
@ -766,12 +879,20 @@ class LoginRegisterComponent extends Component {
|
|
|
|
<img className={"mt5"} src={passopens} onClick={(key) => this.Showandhide(key)}>
|
|
|
|
<img className={"mt5"} src={passopens} onClick={(key) => this.Showandhide(key)}>
|
|
|
|
</img>
|
|
|
|
</img>
|
|
|
|
}></Input>
|
|
|
|
}></Input>
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
Phonenumberisnotcosymmm && Phonenumberisnotcosymmm !== "" ?
|
|
|
|
|
|
|
|
<p className="color-red mt5 mb5 " style={{width: " 100%", height: "20px"}}>
|
|
|
|
|
|
|
|
<span className="fl" style={{textAlign:"left",width: " 100%"}}>{Phonenumberisnotcosymmm}</span>
|
|
|
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
: <div style={{height:"25px"}}></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
<Checkbox onChange={this.onChange}
|
|
|
|
<Checkbox onChange={this.onChange}
|
|
|
|
value={Agreetotheterms}
|
|
|
|
value={Agreetotheterms}
|
|
|
|
><span className="font-14 " style={{
|
|
|
|
><span className="font-14 " style={{
|
|
|
|
color: '#676767',
|
|
|
|
color: '#676767',
|
|
|
|
}}>我已阅读并同意服务协议条款</span></Checkbox>
|
|
|
|
}}>我已阅读并同意服务协议条款</span></Checkbox>
|
|
|
|
<Button className="login_btn font-16" type="primary" style={{height:"46px"}} onClick={() => this.postregistered()}
|
|
|
|
<Button className=" font-16" type="primary" style={{height:"46px", width: "100%",marginTop:"26px"}} onClick={() => this.postregistered()}
|
|
|
|
size={"large"}>注册</Button>
|
|
|
|
size={"large"}>注册</Button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|