import React, {Component} from 'react'; import {Redirect} from 'react-router'; import Dialog, { DialogActions, DialogContent, DialogContentText, DialogTitle, } from 'material-ui/Dialog'; import axios from 'axios'; import {broadcastChannelPostMessage} from 'educoder' import {Tabs, Input, Checkbox, Button, notification, Menu} from 'antd'; //试用申请 class Trialapplicationysl extends Component { // isRender控制弹出窗口显示 constructor(props) { super(props) this.state = { props: props, login: "", Phonenumberisnotcocodes: undefined, codes: "", reason: "", Phonenumberisnotcoreason: undefined, isRenders: false, seconds: 60, getverificationcodes: true, Phonenumberisnotco: undefined, Phonenumberisnotcobool: false, readonlyInput: true, user_phone_binded: undefined, showTrial: false, user: undefined, borredss:"bor-reds", borredssz:"bor-reds fl mr5", } //user_phone_binded 判断是否手机号验证 // console.log("Trialapplication"); // console.log(props); } Cancel = () => { // this.props.Cancel() } // componentWillReceiveProps(nextProps) { // console.log("46"); // console.log(nextProps); // console.log(this.props); if (nextProps.user != this.props.user) { // console.log("50"); // console.log(nextProps.user); if (nextProps.user !== undefined) { // console.log("53"); // console.log(nextProps.user); this.setState({ user_phone_binded: nextProps.user.user_phone_binded, }) } } } getipthon=()=>{ // console.log("Trialapplicationysl"); // console.log("70"); let url = `/users/get_user_info.json` axios.get(url).then((result)=> { console.log(result); if(result){ this.setState({ user_phone_binded:result.data.user_phone_binded, }) } }).catch((error)=>{ console.log(error) }) } //初始化数据 componentDidMount() { // console.log("53"); // // console.log(this.props.isRenders); // this.getipthon(); if (this.props.isRenders != undefined) { this.setState({ isRenders: this.props.isRenders }) } if (this.props.showTrial != undefined) { // 判断是否返回主页的参数 this.setState({ showTrial: this.props.showTrial }) } axios.interceptors.response.use((response) => { if (response != undefined) if (response && response.data.status === 407) { this.getipthon(); this.setState({ isRenders: true }) } return response; }, (error) => { //TODO 这里如果样式变了会出现css不加载的情况 }); } //获取登入 loginInputonChange = (e) => { // console.log(e.target.value); this.setState({ login: e.target.value, }) } //获取申请理由 loginInputonChanges = (e) => { // console.log(e.target.value); this.setState({ reason: e.target.value, Phonenumberisnotcoreason: undefined, }) } //获取code codesonChange = (e) => { this.setState({ codes: e.target.value, Phonenumberisnotcocodes: undefined, }) } openNotification = (messge) => { notification.open({ message: "提示", description: messge, onClick: () => { console.log('Notification Clicked!'); }, }); }; //倒计时 getverificationcode = () => { if (this.state.Phonenumberisnotcobool === false) { if (this.state.login.length === 0) { this.setState({ Phonenumberisnotco: "请输入正确的手机号或邮箱", }) return } else { this.setState({ Phonenumberisnotco: "请输入正确的手机号或邮箱", }) } return; } if (this.state.getverificationcodes === true) { this.setState({ getverificationcodes: undefined, }) let timer = setInterval(() => { this.setState((preState) => ({ seconds: preState.seconds - 1, }), () => { if (this.state.seconds == 0) { clearInterval(timer); this.setState({ getverificationcodes: false, seconds: 60, }) } }); }, 1000) this.SMSverification(); } else { this.setState({ getverificationcodes: undefined, }) let timer = setInterval(() => { this.setState((preState) => ({ seconds: preState.seconds - 1, }), () => { if (this.state.seconds == 0) { clearInterval(timer); this.setState({ getverificationcodes: false, seconds: 60, }) } }); }, 1000) this.SMSverification(); } } //短信验证 SMSverification = () => { var url = `/accounts/get_verification_code.json`; axios.get((url), { params: { login: this.state.login, type: 3, } }).then((result) => { //验证有问题{"status":1,"message":"success"} // console.log(result); }).catch((error) => { console.log(error); }) } handleDialogClose() { if (this.state.showTrial === false) { this.setState({ isRenders: false }) this.Cancel(); window.location.href = "/"; } else { this.setState({ isRenders: false }) this.Cancel(); } } postregistered = () => { //提交按钮 if (this.state.user_phone_binded === false) { if (this.state.Phonenumberisnotcobool === false) { var iphones = ""; if (this.state.Phonenumberisnotco === undefined || this.state.Phonenumberisnotco === null || this.state.Phonenumberisnotco === "") { iphones = "请输入手机号"; } else { iphones = this.state.Phonenumberisnotco; } this.setState({ Phonenumberisnotco: iphones, }) return; } if (this.state.codes.length === 0) { this.setState({ Phonenumberisnotcocodes: "请输入验证码", }) return; } } if (this.state.reason.length === 0) { this.setState({ Phonenumberisnotcoreason: "请输入推荐人信息或申请理由", }) return; } var thiss = this; var url = "/users/trial_apply.json"; axios.post(url, { phone: this.state.login, code: this.state.codes, reason: this.state.reason, }).then((result) => { // console.log(result); // this.onTabChange("1"); if(result !== undefined){ // this.props.showNotification(`试用申请已提交，我们将尽快完成审核`); // if (this.state.showTrial === false) { window.location.href = "/"; this.setState({ isRenders: false }) // this.Cancel(); this.handleDialogClose() // } else { // this.setState({ // isRenders: false // }) // this.Cancel(); // // } } }).catch((error) => { }) } inputOnBlur = (e) => { this.isCorrectname(e.target.value); // this.Emailphonenumberverification(e.target.value, id); } isCorrectname = (value) => { console.log(value.length); if (value.length === 0) { this.setState({ Phonenumberisnotco: undefined, Phonenumberisnotcobool: false, }) return; } // var telephone = $("#telephoneAdd.tianjia_phone").val(); var regph = /^[1][3,4,5,6,7,8,9][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 = "手机号格式不正确"; this.setState({ Phonenumberisnotco: stringdata, Phonenumberisnotcobool: false, }) } else { this.setState({ Phonenumberisnotco: undefined, Phonenumberisnotcobool: true, }) return } if (!regemail.test(value)) { if ((value.indexOf("@") != -1) === true) { stringdata = "邮箱格式不正确"; } else { stringdata = "手机号格式不正确"; } this.setState({ Phonenumberisnotco: stringdata, Phonenumberisnotcobool: false, }) // this.Emailphonenumberverification(value) return } else { this.setState({ Phonenumberisnotco: undefined, Phonenumberisnotcobool: true, }) return } } //邮箱手机号验证 Emailphonenumberverification = (value) => { var url = `/accounts/valid_email_and_phone.json`; axios.get((url), { params: { login: value, type: 2, } }).then((result) => { //验证有问题{"status":1,"message":"success"} // console.log(result); }).catch((error) => { console.log(error); // this.setState({ // login:"", // logins:"", // }) }) } //执行view render() { let {login, codes, reason, isRenders, user_phone_binded,borredss,borredssz, Phonenumberisnotco, getverificationcodes, Phonenumberisnotcocodes, Phonenumberisnotcoreason, seconds} = this.state; // console.log("Trialapplication22222222"); // console.log(this.props); return (
{ isRenders === false ? "" :
{ this.handleDialogClose() }}>
    试用申请
您尚未获得访问权限，请如实填写下述信息
管理员审核批准后，即可继续访问网站
{ user_phone_binded === true ? "" :
this.inputOnBlur(e)} style={{"height": "38px",}} className={Phonenumberisnotco && Phonenumberisnotco !== ""?borredss:""} name="myiphone" > { Phonenumberisnotco && Phonenumberisnotco != "" ?

{Phonenumberisnotco}

:
}
} { user_phone_binded === true ? "" :
{ getverificationcodes === undefined ? : getverificationcodes === true ? : }
} { Phonenumberisnotcocodes && Phonenumberisnotcocodes != "" ?

{Phonenumberisnotcocodes}

:
}
{ Phonenumberisnotcoreason && Phonenumberisnotcoreason !== "" ?

{Phonenumberisnotcoreason}

:
}
}
) } } export default Trialapplicationysl;