| 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;
 
 
  |