| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165 | import React from 'react';import {Form,Button,Spin,message,Input,Select,Radio} from 'antd';import ajax from 'jquery/src/ajax/xhr.js';import $ from 'jquery/src/ajax';const FormItem =Form.Item;import {statuslist,lvl,currentMember} from '@/dataDic.js';import {getcustomerTyp,getCustomerSource} from '@/tools.js';const Account =React.createClass({	httpAccount(record) {		$.ajax({			method: "get",			dataType: "json",			crossDomain: false,			url: globalConfig.context + '/api/admin/customer/findUserAccountDetail',			data: {				uid: record			},			success: function(data) {				let thisData = data.data;				if(!thisData) {					if(data.error && data.error.length) {						message.warning(data.error[0].message);					};					thisData = {};				};				this.setState({					Accountuid: thisData.id,					mobile: thisData.mobile,					nickname: thisData.nickname,					email: thisData.email,					type: getcustomerTyp(String(thisData.type)),					isMember: thisData.isMember,					currentMemberStatus: String(thisData.currentMemberStatus),					lvl: String(thisData.lvl),					status: String(thisData.status),					createTimes: thisData.createTimes,				});			}.bind(this),		}).always(function() {			this.setState({				loading: false			});		}.bind(this));	},	getInitialState(){		return{			loading:false		}	},	//账户信息保存	accountSave(e) {		e.preventDefault();		if(!this.state.mobile) {			message.warning('手机号码不能为空!')			return false;		}		this.setState({			loading: true		});		$.ajax({			method: "post",			dataType: "json",			url: globalConfig.context + '/api/admin/customer/updateUserAccount',			data: {				id: this.state.Accountuid,				mobile: this.state.mobile,				nickname: this.state.nickname,				email: this.state.email,				isMember: this.state.isMember,				currentMemberStatus: this.state.currentMemberStatus,				lvl: this.state.lvl,				// status: this.state.status,			}		}).done(function(data) {			this.setState({				loading: false			});			if(!data.error.length) {				message.success('保存成功!');				this.props.closeDetail(false,true)			} else {				message.warning(data.error[0].message);			}		}.bind(this));	},	componentWillMount(){		this.httpAccount(this.props.data.id);	},	detailsModal(){		this.props.closeDetail(false, false)	},	componentWillReceiveProps(nextProps) {		if(nextProps.data.id&&nextProps.accountState){			this.httpAccount(nextProps.data.id)		}	},	render(){		const formItemLayout = {			labelCol: { span: 8 },			wrapperCol: { span: 14 },		};		//this.props.isGuidanceLv  //也用于判断是否为跟进管理页面		return(			<div className="clearfix">    			<Form layout="horizontal" id="demand-form" onSubmit={this.accountSave} >    				<Spin spinning={this.state.loading} >    					<FormItem className="half-item"	                            {...formItemLayout}	                            label="注册手机号" >    							<span>{this.state.mobile}</span>	                    </FormItem>	                    <FormItem className="half-item"	                            {...formItemLayout}	                            label="注册用户名" >							{								this.props.isGuidanceLv ?								<span>{this.state.nickname}</span>:								<Input value={this.state.nickname}  onChange={(e) => { this.setState({ nickname: e.target.value }); }} />							}	                    </FormItem>	                    <FormItem className="half-item"	                            {...formItemLayout}	                            label="注册邮箱" >							{								this.props.isGuidanceLv ?									<span>{this.state.email}</span>:									<Input value={this.state.email}  onChange={(e) => { this.setState({ email: e.target.value }); }} />							}	                    </FormItem>	                    <div className="clearfix">		                    <FormItem className="half-item"		                            {...formItemLayout}		                            label="客户类型" >		                            <span>{this.state.type}</span>   		                    </FormItem>		                    <FormItem className="half-item"		                            {...formItemLayout}		                            label="创建时间" >		                            <span>{this.state.createTimes}</span>   		                    </FormItem>		                    {/*<FormItem className="half-item" */}	                        {/*   {...formItemLayout}*/}	                        {/*   label="账户状态"*/}	                        {/* > */}							{/*    <Select placeholder="账户状态" value={this.state.status}  onChange={(e) => { this.setState({ status: e }); }} >*/}                            {/*    {*/}                            {/*        statuslist.map(function (item) {*/}                            {/*            return <Select.Option key={item.value} >{item.key}</Select.Option>*/}                            {/*        })*/}                            {/*    }*/}                            {/*  </Select>*/}	                   		{/*</FormItem>*/}	                   	</div>						{!this.props.isGuidanceLv ? <div className="clearfix">			                <Button className='saveBtn' type="primary" htmlType="submit">保存</Button>                              <Button  type="ghost" onClick={this.detailsModal}>取消</Button>			            </div> : <div/>}    				</Spin>    			</Form>	    		</div>		)	}})export default Account;
 |