| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 | import React from 'react';import ajax from 'jquery/src/ajax/xhr.js'import $ from 'jquery/src/ajax';import { Modal, Button, Icon, Input, message } from 'antd';import './changeModal.less';const ChangePw = React.createClass({    getInitialState() {        return {            visible: false,            getCodeButton: false,            checkMobile: false        };    },    showModal() {        this.setState({            visible: true,        });    },    handleOk() {        if (!this.state.checkMobile) {            message.warning('请输入正确的手机号码!');        } else if (this.state.checkMobile) {            $.ajax({                method: "POST",                dataType: "json",                crossDomain: false,                url: globalConfig.context + "/api/user/mobile",                data: {                    "mobile": this.state.mobile,                    "mobileCode": this.state.mcode                }            }).done(function (data) {                if (!data.error.length) {                    this.setState({                        visible: false,                    });                    message.success('修改成功!马上跳转到登录页面,请重新登录!');                    setInterval(function () {                        $.ajax({                            method: "get",                            dataType: "json",                            url: globalConfig.context + "./login",                        }).done(function (data) {                            window.location.href = "../login.html"                        });                        clearInterval(interval);                    }, 3000);                } else {                    message.warning(data.error[0].message);                }            }.bind(this));        };    },    handleCancel(e) {        this.setState({            visible: false,        });    },    newMobileChange(e) {        this.state.mobile = e.target.value;        if (/^1[34578]\d{9}$/.test(this.state.mobile)) {            this.state.checkMobile = true        }    },    mcodeChange(e) {        this.state.mcode = e.target.value;    },    getMCode() {        if (!this.state.checkMobile) {            message.warning('请输入正确的手机号码!');        } else if (this.state.checkMobile) {            $.ajax({                method: "get",                dataType: "json",                url: globalConfig.context + "/open/getMCode",                data: {                    "mobile": this.state.mobile                },                success: function (data) {                    let _me = this;                    if (data.error.length == 0) {                        message.success('验证码发送成功!');                        this.setState({                            getCodeButton: true                        });                        let interval = setInterval(function () {                            _me.setState({                                getCodeButton: false                            });                            clearInterval(interval);                        }, 60000);                    } else {                        message.warning(data.error[0].message);                    }                }.bind(this),            });        }    },    render() {        return (            <div style={{ 'float': 'left', 'marginTop': '0' }}>                <Button type="ghost" onClick={this.showModal}>更换手机</Button>                <Modal className="change-modal" title="更换手机号码" visible={this.state.visible}                    onOk={this.handleOk} onCancel={this.handleCancel}                    width={360}                    footer={[                        <Button key="submit" type="primary" size="large" loading={this.state.loading} onClick={this.handleOk}>确认</Button>,                        <Button key="back" type="ghost" size="large" onClick={this.handleCancel}>取消</Button>                    ]}                    >                    <p><span>新手机号码:</span><Input onChange={this.newMobileChange} /></p>                    <p><span>验证码:</span><Input className="mixwidth" onChange={this.mcodeChange} />                        <Button onClick={this.getMCode} disabled={this.state.getCodeButton}>获取验证码</Button></p>                </Modal>            </div>        );    },});export default ChangePw;
 |