|  | @@ -3,72 +3,12 @@ import { Radio, Icon, Button, AutoComplete, Cascader, layout, Input, Select, Tab
 | 
	
		
			
				|  |  |  import ajax from 'jquery/src/ajax/xhr.js';
 | 
	
		
			
				|  |  |  import $ from 'jquery/src/ajax';
 | 
	
		
			
				|  |  |  import moment from 'moment';
 | 
	
		
			
				|  |  | -import { citySelect, provinceList, areaSelect } from '@/NewDicProvinceList';
 | 
	
		
			
				|  |  | +import { citySelect, provinceList, areaSelect,getProvince } from '@/NewDicProvinceList';
 | 
	
		
			
				|  |  |  import { socialAttribute, industry, newFollow, auditStatusL, lvl, currentMember, cityArr, statuslist, customerStatus, intentionalService, sex } from '@/dataDic.js';
 | 
	
		
			
				|  |  |  import { getCompanyIntention, splitUrl, getIndustry, getStatuslist, getAuditStatus, getContactType, getSocialAttribute, getfllowSituation, beforeUploadFile, getWhether, getcityArr, getcustomerStatue, getfllowSituationOn, getCertification, getcustomerTyp, getLvl, getCurrentMember, getprovince } from '@/tools.js';
 | 
	
		
			
				|  |  |  const FormItem = Form.Item;
 | 
	
		
			
				|  |  |  const monthFormat = 'YYYY/MM';
 | 
	
		
			
				|  |  |  //图片组件
 | 
	
		
			
				|  |  | -const PicturesWall = React.createClass({
 | 
	
		
			
				|  |  | -	getInitialState() {
 | 
	
		
			
				|  |  | -		return {
 | 
	
		
			
				|  |  | -			previewVisible: false,
 | 
	
		
			
				|  |  | -			previewImage: '',
 | 
	
		
			
				|  |  | -			fileList: [],
 | 
	
		
			
				|  |  | -		}
 | 
	
		
			
				|  |  | -	},
 | 
	
		
			
				|  |  | -	handleCancel() {
 | 
	
		
			
				|  |  | -		this.setState({
 | 
	
		
			
				|  |  | -			previewVisible: false
 | 
	
		
			
				|  |  | -		})
 | 
	
		
			
				|  |  | -	},
 | 
	
		
			
				|  |  | -	handlePreview(file) {
 | 
	
		
			
				|  |  | -		this.setState({
 | 
	
		
			
				|  |  | -			previewImage: file.url || file.thumbUrl,
 | 
	
		
			
				|  |  | -			previewVisible: true,
 | 
	
		
			
				|  |  | -		});
 | 
	
		
			
				|  |  | -	},
 | 
	
		
			
				|  |  | -	handleChange(info) {
 | 
	
		
			
				|  |  | -		let fileList = info.fileList;
 | 
	
		
			
				|  |  | -		this.setState({
 | 
	
		
			
				|  |  | -			fileList
 | 
	
		
			
				|  |  | -		});
 | 
	
		
			
				|  |  | -		this.props.fileList(fileList);
 | 
	
		
			
				|  |  | -	},
 | 
	
		
			
				|  |  | -	componentWillReceiveProps(nextProps) {
 | 
	
		
			
				|  |  | -		this.state.fileList = nextProps.pictureUrl;
 | 
	
		
			
				|  |  | -	},
 | 
	
		
			
				|  |  | -	render() {
 | 
	
		
			
				|  |  | -		const {
 | 
	
		
			
				|  |  | -			previewVisible,
 | 
	
		
			
				|  |  | -			previewImage,
 | 
	
		
			
				|  |  | -			fileList
 | 
	
		
			
				|  |  | -		} = this.state;
 | 
	
		
			
				|  |  | -		const uploadButton = (
 | 
	
		
			
				|  |  | -			<div>
 | 
	
		
			
				|  |  | -                <Icon type="plus" />
 | 
	
		
			
				|  |  | -                <div className="ant-upload-text">点击上传</div>
 | 
	
		
			
				|  |  | -            </div>
 | 
	
		
			
				|  |  | -		);
 | 
	
		
			
				|  |  | -		return(
 | 
	
		
			
				|  |  | -			<div style={{display:"inline-block"}}>
 | 
	
		
			
				|  |  | -                <Upload
 | 
	
		
			
				|  |  | -                    action={globalConfig.context + "/api/admin/customer/uploadCustomerImg"}
 | 
	
		
			
				|  |  | -                    data={{ 'sign': '' }}
 | 
	
		
			
				|  |  | -                    listType="picture-card"
 | 
	
		
			
				|  |  | -                    fileList={fileList}
 | 
	
		
			
				|  |  | -                    onPreview={this.handlePreview}
 | 
	
		
			
				|  |  | -                    onChange={this.handleChange} >
 | 
	
		
			
				|  |  | -                    {fileList.length >= 1 ? null : uploadButton}
 | 
	
		
			
				|  |  | -                </Upload>
 | 
	
		
			
				|  |  | -                <Modal maskClosable={false} visible={previewVisible} footer={null} onCancel={this.handleCancel}>
 | 
	
		
			
				|  |  | -                    <img alt="example" style={{ width: '100%' }} src={previewImage} />
 | 
	
		
			
				|  |  | -                </Modal>
 | 
	
		
			
				|  |  | -            </div>
 | 
	
		
			
				|  |  | -		);
 | 
	
		
			
				|  |  | -	}
 | 
	
		
			
				|  |  | -});
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |  const Basic = React.createClass({
 | 
	
		
			
				|  |  |  	getInitialState() {
 | 
	
		
			
				|  |  |  		return {
 | 
	
	
		
			
				|  | @@ -100,49 +40,18 @@ const Basic = React.createClass({
 | 
	
		
			
				|  |  |  					};
 | 
	
		
			
				|  |  |  					thisData = {};
 | 
	
		
			
				|  |  |  				};
 | 
	
		
			
				|  |  | -				let ProvinceCityArr = [];
 | 
	
		
			
				|  |  | -				let ProvinceS = thisData.province; //getprovince
 | 
	
		
			
				|  |  | -				let citys = thisData.city;
 | 
	
		
			
				|  |  | -				let Areas = thisData.area;
 | 
	
		
			
				|  |  | -				ProvinceCityArr.push(ProvinceS, citys, Areas);
 | 
	
		
			
				|  |  | -				let month = thisData.dateOfBirthYear ? thisData.dateOfBirthYear + '/' + thisData.dateOfBirthMonth : false;
 | 
	
		
			
				|  |  | +				let ProvinceS = thisData.locationProvince, //getprovince
 | 
	
		
			
				|  |  | +				    citys = thisData.locationCity,
 | 
	
		
			
				|  |  | +				    Areas = thisData.locationArea,
 | 
	
		
			
				|  |  | +				    ProvinceCity = getProvince(ProvinceS, citys, Areas),
 | 
	
		
			
				|  |  | +					month = thisData.dateOfBirthYear ? thisData.dateOfBirthYear + '/' + thisData.dateOfBirthMonth : '';
 | 
	
		
			
				|  |  |  				this.setState({
 | 
	
		
			
				|  |  | -					InformationId: thisData.id,
 | 
	
		
			
				|  |  | -					InformationUid: thisData.uid,
 | 
	
		
			
				|  |  | -					identifyName: thisData.identifyName,
 | 
	
		
			
				|  |  | -					listed: thisData.listed,
 | 
	
		
			
				|  |  | -					highTechZone: thisData.highTechZone,
 | 
	
		
			
				|  |  |  					headPortraitUrl: thisData.headPortraitUrl ? splitUrl(thisData.headPortraitUrl, ',', globalConfig.avatarHost + '/upload') : [],
 | 
	
		
			
				|  |  |  					positiveIdUrl: thisData.positiveIdUrl ? splitUrl(thisData.positiveIdUrl, ',', globalConfig.avatarHost + '/upload') : [],
 | 
	
		
			
				|  |  |  					oppositeIdUrl: thisData.oppositeIdUrl ? splitUrl(thisData.oppositeIdUrl, ',', globalConfig.avatarHost + '/upload') : [],
 | 
	
		
			
				|  |  | -					dataInformation: thisData,
 | 
	
		
			
				|  |  | -					idNumber: thisData.idNumber,
 | 
	
		
			
				|  |  | -					contacts: thisData.contacts,
 | 
	
		
			
				|  |  | -					contactMobile: thisData.contactMobile,
 | 
	
		
			
				|  |  | -					ProvinceCity: ProvinceCityArr[0]!=null?ProvinceCityArr:undefined,
 | 
	
		
			
				|  |  | -					industry: thisData.industry ? String(thisData.industry) : undefined,
 | 
	
		
			
				|  |  | -					societyTag: thisData.societyTag||undefined,
 | 
	
		
			
				|  |  | -					sex: thisData.sex,
 | 
	
		
			
				|  |  | -					yearMonth: month,
 | 
	
		
			
				|  |  | -					postalAddress: thisData.postalAddress,
 | 
	
		
			
				|  |  | -					fixedTel: thisData.fixedTel,
 | 
	
		
			
				|  |  | -					consultationPrice: thisData.consultationPrice,
 | 
	
		
			
				|  |  | -					email: thisData.email,
 | 
	
		
			
				|  |  | -					qq: thisData.qq,
 | 
	
		
			
				|  |  | -					introduction: thisData.introduction,
 | 
	
		
			
				|  |  | -					expert: thisData.expert,
 | 
	
		
			
				|  |  | -					celebrity: thisData.celebrity,
 | 
	
		
			
				|  |  | -					consultant: thisData.consultant,
 | 
	
		
			
				|  |  | -					international: thisData.international,
 | 
	
		
			
				|  |  | -					investment: thisData.investment,
 | 
	
		
			
				|  |  | -					professionalTitle: thisData.professionalTitle,
 | 
	
		
			
				|  |  | -					workUnit: thisData.workUnit,
 | 
	
		
			
				|  |  | -					education: thisData.education,
 | 
	
		
			
				|  |  | -					graduateSchool: thisData.graduateSchool,
 | 
	
		
			
				|  |  | -					majorCategory: thisData.majorCategory,
 | 
	
		
			
				|  |  | -					qualification: thisData.qualification,
 | 
	
		
			
				|  |  | -					businessAudit: thisData.businessAudit,
 | 
	
		
			
				|  |  | -					auditStatus: thisData.auditStatus ? String(thisData.auditStatus) : undefined,
 | 
	
		
			
				|  |  | +					ProvinceCity: ProvinceCity,
 | 
	
		
			
				|  |  | +					month:month,
 | 
	
		
			
				|  |  | +					basicData:thisData
 | 
	
		
			
				|  |  |  				});
 | 
	
		
			
				|  |  |  			}.bind(this),
 | 
	
		
			
				|  |  |  		}).always(function() {
 | 
	
	
		
			
				|  | @@ -162,133 +71,6 @@ const Basic = React.createClass({
 | 
	
		
			
				|  |  |  			companyLogoUrl: e
 | 
	
		
			
				|  |  |  		});
 | 
	
		
			
				|  |  |  	},
 | 
	
		
			
				|  |  | -	//基本信息提交
 | 
	
		
			
				|  |  | -	newSubmit(e) {
 | 
	
		
			
				|  |  | -		e.preventDefault();
 | 
	
		
			
				|  |  | -		if(!this.state.industry) {
 | 
	
		
			
				|  |  | -			message.warning('请选择行业');
 | 
	
		
			
				|  |  | -			return false;
 | 
	
		
			
				|  |  | -		};
 | 
	
		
			
				|  |  | -		if(!this.state.societyTag) {
 | 
	
		
			
				|  |  | -			message.warning('请选择社会性质');
 | 
	
		
			
				|  |  | -			return false;
 | 
	
		
			
				|  |  | -		};
 | 
	
		
			
				|  |  | -		if(!this.state.ProvinceCity[1]) {
 | 
	
		
			
				|  |  | -			message.warning('请选择地区');
 | 
	
		
			
				|  |  | -			return false;
 | 
	
		
			
				|  |  | -		};
 | 
	
		
			
				|  |  | -		var reg = /^[1-9]\d*$|^0$/;
 | 
	
		
			
				|  |  | -		if(this.state.consultationPrice) {
 | 
	
		
			
				|  |  | -			if(this.state.consultationPrice.length > 6) {
 | 
	
		
			
				|  |  | -				message.warning('咨询费用不超过6位数');
 | 
	
		
			
				|  |  | -				this.refs.consul.focus();
 | 
	
		
			
				|  |  | -				return false;
 | 
	
		
			
				|  |  | -			};
 | 
	
		
			
				|  |  | -			if(!reg.test(this.state.consultationPrice)) {
 | 
	
		
			
				|  |  | -				message.warning('咨询费用只能输入数字');
 | 
	
		
			
				|  |  | -				this.refs.consul.focus();
 | 
	
		
			
				|  |  | -				return false;
 | 
	
		
			
				|  |  | -			}
 | 
	
		
			
				|  |  | -		}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -		this.state.data = [];
 | 
	
		
			
				|  |  | -		this.setState({
 | 
	
		
			
				|  |  | -			selectedRowKeys: [],
 | 
	
		
			
				|  |  | -		});
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -		let theorgCodeUrl = [];
 | 
	
		
			
				|  |  | -		if(this.state.headPortraitUrl.length) {
 | 
	
		
			
				|  |  | -			let picArr = [];
 | 
	
		
			
				|  |  | -			this.state.headPortraitUrl.map(function(item) {
 | 
	
		
			
				|  |  | -				if(item.response && item.response.data && item.response.data.length) {
 | 
	
		
			
				|  |  | -					picArr.push(item.response.data);
 | 
	
		
			
				|  |  | -				}
 | 
	
		
			
				|  |  | -			});
 | 
	
		
			
				|  |  | -			theorgCodeUrl = picArr.join(",");
 | 
	
		
			
				|  |  | -		};
 | 
	
		
			
				|  |  | -		let thecompanyLogoUrl = [];
 | 
	
		
			
				|  |  | -		if(this.state.positiveIdUrl.length) {
 | 
	
		
			
				|  |  | -			let picArr = [];
 | 
	
		
			
				|  |  | -			this.state.positiveIdUrl.map(function(item) {
 | 
	
		
			
				|  |  | -				if(item.response && item.response.data && item.response.data.length) {
 | 
	
		
			
				|  |  | -					picArr.push(item.response.data);
 | 
	
		
			
				|  |  | -				}
 | 
	
		
			
				|  |  | -			});
 | 
	
		
			
				|  |  | -			thecompanyLogoUrl = picArr.join(",");
 | 
	
		
			
				|  |  | -		};
 | 
	
		
			
				|  |  | -		let thecompanyLogoUrls = [];
 | 
	
		
			
				|  |  | -		if(this.state.oppositeIdUrl.length) {
 | 
	
		
			
				|  |  | -			let picArr = [];
 | 
	
		
			
				|  |  | -			this.state.oppositeIdUrl.map(function(item) {
 | 
	
		
			
				|  |  | -				if(item.response && item.response.data && item.response.data.length) {
 | 
	
		
			
				|  |  | -					picArr.push(item.response.data);
 | 
	
		
			
				|  |  | -				}
 | 
	
		
			
				|  |  | -			});
 | 
	
		
			
				|  |  | -			thecompanyLogoUrls = picArr.join(",");
 | 
	
		
			
				|  |  | -		};
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -		let years = [];
 | 
	
		
			
				|  |  | -		let yearMonth = this.state.yearMonth != undefined ? new Date(this.state.yearMonth).toLocaleDateString() : '';
 | 
	
		
			
				|  |  | -		years = yearMonth.split('/');
 | 
	
		
			
				|  |  | -		this.setState({
 | 
	
		
			
				|  |  | -			loading: true
 | 
	
		
			
				|  |  | -		});
 | 
	
		
			
				|  |  | -		$.ajax({
 | 
	
		
			
				|  |  | -			method: "post",
 | 
	
		
			
				|  |  | -			dataType: "json",
 | 
	
		
			
				|  |  | -			url: globalConfig.context + '/api/admin/customer/updatePersonalCustomer',
 | 
	
		
			
				|  |  | -			data: {
 | 
	
		
			
				|  |  | -				id: this.state.InformationId,
 | 
	
		
			
				|  |  | -				uid: this.state.InformationUid,
 | 
	
		
			
				|  |  | -				societyTag: this.state.societyTag,
 | 
	
		
			
				|  |  | -				identifyName: this.state.identifyName,
 | 
	
		
			
				|  |  | -				industry: this.state.industry,
 | 
	
		
			
				|  |  | -				dateOfBirthYear: years[0], //出生年
 | 
	
		
			
				|  |  | -				dateOfBirthMonth: years[1], //出生月
 | 
	
		
			
				|  |  | -				province: (this.state.ProvinceCity)[0], //省-
 | 
	
		
			
				|  |  | -				city: (this.state.ProvinceCity)[1], //市
 | 
	
		
			
				|  |  | -				area: (this.state.ProvinceCity)[2], //区
 | 
	
		
			
				|  |  | -				sex: this.state.sex,
 | 
	
		
			
				|  |  | -				expert: this.state.expert,
 | 
	
		
			
				|  |  | -				celebrity: this.state.celebrity,
 | 
	
		
			
				|  |  | -				consultant: this.state.consultant,
 | 
	
		
			
				|  |  | -				international: this.state.international,
 | 
	
		
			
				|  |  | -				fixedTel: this.state.fixedTel,
 | 
	
		
			
				|  |  | -				consultationPrice: this.state.consultationPrice ? this.state.consultationPrice : 0,
 | 
	
		
			
				|  |  | -				qq: this.state.qq,
 | 
	
		
			
				|  |  | -				contacts: this.state.contacts,
 | 
	
		
			
				|  |  | -				contactMobile: this.state.contactMobile,
 | 
	
		
			
				|  |  | -				idNumber: this.state.idNumber,
 | 
	
		
			
				|  |  | -				email: this.state.email,
 | 
	
		
			
				|  |  | -				isMember: this.state.isMember,
 | 
	
		
			
				|  |  | -				postalAddress: this.state.postalAddress,
 | 
	
		
			
				|  |  | -				introduction: this.state.introduction,
 | 
	
		
			
				|  |  | -				positiveIdUrl: thecompanyLogoUrl.length != 0 ? thecompanyLogoUrl : '',
 | 
	
		
			
				|  |  | -				oppositeIdUrl: thecompanyLogoUrls != 0 ? thecompanyLogoUrls : '',
 | 
	
		
			
				|  |  | -				headPortraitUrl: theorgCodeUrl != 0 ? theorgCodeUrl : '',
 | 
	
		
			
				|  |  | -				investment: this.state.investment,
 | 
	
		
			
				|  |  | -				professionalTitle: this.state.professionalTitle,
 | 
	
		
			
				|  |  | -				workUnit: this.state.workUnit,
 | 
	
		
			
				|  |  | -				education: this.state.education,
 | 
	
		
			
				|  |  | -				graduateSchool: this.state.graduateSchool,
 | 
	
		
			
				|  |  | -				majorCategory: this.state.majorCategory,
 | 
	
		
			
				|  |  | -				qualification: this.state.qualification,
 | 
	
		
			
				|  |  | -				businessAudit: this.state.businessAudit,
 | 
	
		
			
				|  |  | -				auditStatus: this.state.auditStatus,
 | 
	
		
			
				|  |  | -			}
 | 
	
		
			
				|  |  | -		}).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));
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	},
 | 
	
		
			
				|  |  |  	//取消
 | 
	
		
			
				|  |  |  	detailsModal() {
 | 
	
		
			
				|  |  |  		this.props.closeDetail(false, false)
 | 
	
	
		
			
				|  | @@ -311,10 +93,6 @@ const Basic = React.createClass({
 | 
	
		
			
				|  |  |  		}
 | 
	
		
			
				|  |  |  	},
 | 
	
		
			
				|  |  |  	render() {
 | 
	
		
			
				|  |  | -		const {
 | 
	
		
			
				|  |  | -			RangePicker,
 | 
	
		
			
				|  |  | -			MonthPicker
 | 
	
		
			
				|  |  | -		} = DatePicker;
 | 
	
		
			
				|  |  |  		const formItemLayout = {
 | 
	
		
			
				|  |  |  			labelCol: {
 | 
	
		
			
				|  |  |  				span: 8
 | 
	
	
		
			
				|  | @@ -323,6 +101,7 @@ const Basic = React.createClass({
 | 
	
		
			
				|  |  |  				span: 14
 | 
	
		
			
				|  |  |  			},
 | 
	
		
			
				|  |  |  		};
 | 
	
		
			
				|  |  | +		const basicData = this.state.basicData ||[];
 | 
	
		
			
				|  |  |  		return(
 | 
	
		
			
				|  |  |  			<div>
 | 
	
		
			
				|  |  |  				 <Form layout="horizontal" onSubmit={this.newSubmit} id="demand-form">
 | 
	
	
		
			
				|  | @@ -332,175 +111,125 @@ const Basic = React.createClass({
 | 
	
		
			
				|  |  |  			                     {...formItemLayout}
 | 
	
		
			
				|  |  |  			                    label="客户姓名"
 | 
	
		
			
				|  |  |  		                        >
 | 
	
		
			
				|  |  | -	                    	 <span>{this.state.identifyName}</span>
 | 
	
		
			
				|  |  | +	                    	 <span>{basicData.identifyName}</span>
 | 
	
		
			
				|  |  |  		                    </FormItem>
 | 
	
		
			
				|  |  |  	                    </div>
 | 
	
		
			
				|  |  |  	                    <div className="clearfix" >
 | 
	
		
			
				|  |  |  	                    	<FormItem className="half-item" 
 | 
	
		
			
				|  |  |  	                          {...formItemLayout}
 | 
	
		
			
				|  |  |  	                         label="行业">
 | 
	
		
			
				|  |  | -							    <Select placeholder="选择行业" value={this.state.industry}  style={{width:'300px'}}
 | 
	
		
			
				|  |  | -							    				onChange={(e)=>{this.setState({industry:e})}}>
 | 
	
		
			
				|  |  | -                                      {
 | 
	
		
			
				|  |  | -                                        industry.map(function (item) {
 | 
	
		
			
				|  |  | -                                            return <Select.Option key={item.value} >{item.key}</Select.Option>
 | 
	
		
			
				|  |  | -                                        })
 | 
	
		
			
				|  |  | -                                      }
 | 
	
		
			
				|  |  | -                                </Select>
 | 
	
		
			
				|  |  | -                                <span style={{color:'red',marginLeft:'15px'}}>*</span>
 | 
	
		
			
				|  |  | +                                <span>{getIndustry(basicData.industry)}</span>
 | 
	
		
			
				|  |  |  	                   		 </FormItem>
 | 
	
		
			
				|  |  |  	                   		 <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  	                            {...formItemLayout}
 | 
	
		
			
				|  |  |  	                           label="社会属性"
 | 
	
		
			
				|  |  |  	                           > 
 | 
	
		
			
				|  |  | -								    <Select placeholder="客户社会属性" value={this.state.societyTag}  style={{width:'300px'}}
 | 
	
		
			
				|  |  | -							    				onChange={(e)=>{this.setState({societyTag:e})}}> 
 | 
	
		
			
				|  |  | -                                     {
 | 
	
		
			
				|  |  | -                                        socialAttribute.map(function (item) {
 | 
	
		
			
				|  |  | -                                            return <Select.Option key={item.value} >{item.key}</Select.Option>
 | 
	
		
			
				|  |  | -                                        })
 | 
	
		
			
				|  |  | -                                    }
 | 
	
		
			
				|  |  | -                                </Select>  
 | 
	
		
			
				|  |  | -                                <span style={{color:'red',marginLeft:'15px'}}>*</span>
 | 
	
		
			
				|  |  | +                                <span>{getSocialAttribute(basicData.societyTag)}</span>
 | 
	
		
			
				|  |  |  	                   		 </FormItem>
 | 
	
		
			
				|  |  |  	                   		 <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  	                            {...formItemLayout}
 | 
	
		
			
				|  |  |  	                           label="省-市-区"
 | 
	
		
			
				|  |  |  	                          > 
 | 
	
		
			
				|  |  | -	                            <Cascader options={areaSelect()}  value={this.state.ProvinceCity} placeholder="选择城市" style={{width:'300px'}}
 | 
	
		
			
				|  |  | -									onChange={(e,pre) => { this.setState({ ProvinceCity: e }) }} />
 | 
	
		
			
				|  |  | -									<span style={{color:'red',marginLeft:'15px'}}>*</span>
 | 
	
		
			
				|  |  | +								<span>{this.state.ProvinceCity}</span>
 | 
	
		
			
				|  |  |  		                    </FormItem>
 | 
	
		
			
				|  |  |  	                   		 <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  		                           {...formItemLayout}
 | 
	
		
			
				|  |  |  		                           label="出生日期"
 | 
	
		
			
				|  |  |  	                          > 
 | 
	
		
			
				|  |  | -	                              {!this.state.yearMonth?<MonthPicker placeholder="选择出生年月" value={this.state.yearMonth||null} onChange={(time) => {this.setState({yearMonth: time});}}/>	   	 
 | 
	
		
			
				|  |  | -		                          :<MonthPicker value={moment(this.state.yearMonth, monthFormat)} format={monthFormat} onChange={(time) => {this.setState({yearMonth: time});}}/>
 | 
	
		
			
				|  |  | -		                    	}
 | 
	
		
			
				|  |  | +								<span>{this.state.month}</span>
 | 
	
		
			
				|  |  |  		                    </FormItem>
 | 
	
		
			
				|  |  |  		                     <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  			                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  			                        label="身份证号码"
 | 
	
		
			
				|  |  |  	                           	 >
 | 
	
		
			
				|  |  | -		                            <Input placeholder="身份证号码" value={this.state.idNumber} onChange={(e) => {
 | 
	
		
			
				|  |  | -				                        this.setState({ idNumber:  e.target.value })}}/>
 | 
	
		
			
				|  |  | +								<span>{basicData.idNumber}</span>
 | 
	
		
			
				|  |  |  		                     </FormItem>
 | 
	
		
			
				|  |  |  							<FormItem className="half-item" 
 | 
	
		
			
				|  |  |  			                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  			                        label="主要联系人"
 | 
	
		
			
				|  |  |  	                           	 >
 | 
	
		
			
				|  |  | -		                            <Input placeholder="主要联系人" value={this.state.contacts} onChange={(e) => {
 | 
	
		
			
				|  |  | -				                        this.setState({ contacts:  e.target.value })}}/>
 | 
	
		
			
				|  |  | +								<span>{basicData.contacts}</span>
 | 
	
		
			
				|  |  |  		                    </FormItem>
 | 
	
		
			
				|  |  |  		                    <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  			                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  			                        label="主要联系人号码"
 | 
	
		
			
				|  |  |  	                           	 >
 | 
	
		
			
				|  |  | -		                            <Input placeholder="主要联系人号码" value={this.state.contactMobile} onChange={(e) => {
 | 
	
		
			
				|  |  | -				                        this.setState({ contactMobile:  e.target.value })}}/>
 | 
	
		
			
				|  |  | +								<span>{basicData.contactMobile}</span>
 | 
	
		
			
				|  |  |  		                    </FormItem>
 | 
	
		
			
				|  |  |  		                    <div className="clearfix">
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                        label="职称名字"
 | 
	
		
			
				|  |  |  		                           	 >
 | 
	
		
			
				|  |  | -			                            <Input placeholder="职称名字" value={this.state.professionalTitle} onChange={(e) => {
 | 
	
		
			
				|  |  | -					                        this.setState({ professionalTitle:  e.target.value })}}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.professionalTitle}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                        label="就业单位"
 | 
	
		
			
				|  |  |  		                           	 >
 | 
	
		
			
				|  |  | -			                            <Input placeholder="就业单位" value={this.state.workUnit} onChange={(e) => {
 | 
	
		
			
				|  |  | -					                        this.setState({ workUnit:  e.target.value })}}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.workUnit}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                        label="学历"
 | 
	
		
			
				|  |  |  		                           	 >
 | 
	
		
			
				|  |  | -			                            <Input placeholder="学历" value={this.state.education} onChange={(e) => {
 | 
	
		
			
				|  |  | -					                        this.setState({ education:  e.target.value })}}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.education}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                        label="毕业院校"
 | 
	
		
			
				|  |  |  		                           	 >
 | 
	
		
			
				|  |  | -			                            <Input placeholder="学历" value={this.state.graduateSchool} onChange={(e) => {
 | 
	
		
			
				|  |  | -					                        this.setState({ graduateSchool:  e.target.value })}}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.graduateSchool}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                        label="专业类别"
 | 
	
		
			
				|  |  |  		                           	 >
 | 
	
		
			
				|  |  | -			                            <Input placeholder="专业类别" value={this.state.majorCategory} onChange={(e) => {
 | 
	
		
			
				|  |  | -					                        this.setState({ majorCategory:  e.target.value })}}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.majorCategory}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                        label="职业资格"
 | 
	
		
			
				|  |  |  		                           	 >
 | 
	
		
			
				|  |  | -			                            <Input placeholder="职业资格" value={this.state.qualification} onChange={(e) => {
 | 
	
		
			
				|  |  | -					                        this.setState({ qualification:  e.target.value })}}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.qualification}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item"
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                         label="通信地址"
 | 
	
		
			
				|  |  |  			                            >
 | 
	
		
			
				|  |  | -			                                <Input placeholder="客户通信地址" value={this.state.postalAddress} 
 | 
	
		
			
				|  |  | -										onChange={(e,pre) => { this.setState({ postalAddress: e.target.value }) }}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.postalAddress}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item"
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                         label="固定电话"
 | 
	
		
			
				|  |  |  			                            >
 | 
	
		
			
				|  |  | -			                                <Input placeholder="客户固定电话" value={this.state.fixedTel} 
 | 
	
		
			
				|  |  | -										onChange={(e) => { this.setState({ fixedTel: e.target.value }) }}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.fixedTel}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item"
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                         label="客户QQ"
 | 
	
		
			
				|  |  |  			                            >
 | 
	
		
			
				|  |  | -			                                <Input placeholder="客户QQ" value={this.state.qq} 
 | 
	
		
			
				|  |  | -										onChange={(e) => { this.setState({ qq: e.target.value })}}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.qq}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item"
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                         label="电子邮箱"
 | 
	
		
			
				|  |  |  			                            >
 | 
	
		
			
				|  |  | -			                                <Input placeholder="客户电子邮箱" value={this.state.email} 
 | 
	
		
			
				|  |  | -										onChange={(e) => {this.setState({email: e.target.value })}}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.email}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem className="half-item"
 | 
	
		
			
				|  |  |  				                    	 {...formItemLayout}
 | 
	
		
			
				|  |  |  				                         label="咨询费用"
 | 
	
		
			
				|  |  |  			                            >
 | 
	
		
			
				|  |  | -			                                <Input ref='consul' placeholder="请输入咨询费用" value={this.state.consultationPrice} 
 | 
	
		
			
				|  |  | -										onChange={(e) => {this.setState({consultationPrice: e.target.value })}}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.consultationPrice}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                </div>
 | 
	
		
			
				|  |  |  		                    <div className="clearfix">
 | 
	
		
			
				|  |  | -						        <FormItem className="half-item"
 | 
	
		
			
				|  |  | -					                {...formItemLayout}
 | 
	
		
			
				|  |  | -			                        label="国际化"
 | 
	
		
			
				|  |  | -					            > 
 | 
	
		
			
				|  |  | -			                   		 <Radio.Group value={this.state.international} onChange={(e) => {
 | 
	
		
			
				|  |  | -					                        this.setState({ international:  e.target.value })
 | 
	
		
			
				|  |  | -					                    }}>
 | 
	
		
			
				|  |  | -					                        <Radio value={0}>否</Radio>
 | 
	
		
			
				|  |  | -					                        <Radio value={1}>是</Radio>
 | 
	
		
			
				|  |  | -					                  </Radio.Group>
 | 
	
		
			
				|  |  | -					             </FormItem>
 | 
	
		
			
				|  |  |  		                   		 <FormItem className="half-item" 
 | 
	
		
			
				|  |  |  			                            {...formItemLayout}
 | 
	
		
			
				|  |  |  			                           label="性别"
 | 
	
		
			
				|  |  |  			                         > 
 | 
	
		
			
				|  |  | -			                   		 <Radio.Group value={this.state.sex} onChange={(e) => {
 | 
	
		
			
				|  |  | -					                        this.setState({sex:e.target.value})
 | 
	
		
			
				|  |  | -					                    }}>
 | 
	
		
			
				|  |  | -					                        <Radio value={'男'}>男</Radio>
 | 
	
		
			
				|  |  | -					                        <Radio value={'女'}>女</Radio>
 | 
	
		
			
				|  |  | -					                  </Radio.Group>
 | 
	
		
			
				|  |  | +									<span>{basicData.sex}</span>
 | 
	
		
			
				|  |  |  		                   		 </FormItem>
 | 
	
		
			
				|  |  |  	                   		 </div>
 | 
	
		
			
				|  |  |  		                    <div className='clearfix'>
 | 
	
	
		
			
				|  | @@ -508,8 +237,7 @@ const Basic = React.createClass({
 | 
	
		
			
				|  |  |  			                        labelCol={{ span:4 }}
 | 
	
		
			
				|  |  |  			                        wrapperCol={{ span: 18 }}
 | 
	
		
			
				|  |  |  			                        label="客户简介" >
 | 
	
		
			
				|  |  | -			                            <Input type="textarea" rows={4} value={this.state.introduction} 
 | 
	
		
			
				|  |  | -									onChange={(e,pre) => { this.setState({ introduction: e.target.value })}}/>
 | 
	
		
			
				|  |  | +									<span>{basicData.introduction}</span>
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  		                    </div>
 | 
	
		
			
				|  |  |  		                    <div className="clearfix pictures">
 | 
	
	
		
			
				|  | @@ -517,32 +245,69 @@ const Basic = React.createClass({
 | 
	
		
			
				|  |  |  			                        labelCol={{ span: 8 }}
 | 
	
		
			
				|  |  |  			                        wrapperCol={{ span: 10 }}
 | 
	
		
			
				|  |  |  			                        label="身份证正面" >
 | 
	
		
			
				|  |  | -			                        <PicturesWall
 | 
	
		
			
				|  |  | -			                            fileList={this.getPositiveIdUrl}
 | 
	
		
			
				|  |  | -			                            pictureUrl={this.state.positiveIdUrl} />
 | 
	
		
			
				|  |  | -			                            <p>建议:图片要清晰。</p>
 | 
	
		
			
				|  |  | +			                        <div className="clearfix">
 | 
	
		
			
				|  |  | +			                            <Upload className="demandDetailShow-upload"
 | 
	
		
			
				|  |  | +			                                listType="picture-card"
 | 
	
		
			
				|  |  | +			                                fileList={this.state.positiveIdUrl}                               
 | 
	
		
			
				|  |  | +			                                onPreview={(file) => {
 | 
	
		
			
				|  |  | +			                                    this.setState({
 | 
	
		
			
				|  |  | +			                                        previewImage: file.url || file.thumbUrl,
 | 
	
		
			
				|  |  | +			                                        previewVisible: true,
 | 
	
		
			
				|  |  | +			                                    });
 | 
	
		
			
				|  |  | +			                                }} >
 | 
	
		
			
				|  |  | +			                            </Upload>
 | 
	
		
			
				|  |  | +			                            <Modal maskClosable={false} footer={null}
 | 
	
		
			
				|  |  | +			                                visible={this.state.previewVisible}
 | 
	
		
			
				|  |  | +			                                onCancel={() => { this.setState({ previewVisible: false }) }}>
 | 
	
		
			
				|  |  | +			                                <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
 | 
	
		
			
				|  |  | +			                            </Modal>
 | 
	
		
			
				|  |  | +			                        </div>       
 | 
	
		
			
				|  |  |  		                        </FormItem>
 | 
	
		
			
				|  |  |  		                        <FormItem style={{display:'inline-block',width:'350px',marginTop:'20px'}}
 | 
	
		
			
				|  |  |  			                        labelCol={{ span: 8 }}
 | 
	
		
			
				|  |  |  			                        wrapperCol={{ span: 10 }}
 | 
	
		
			
				|  |  |  			                        label="身份证反面" > 
 | 
	
		
			
				|  |  | -			                        <PicturesWall
 | 
	
		
			
				|  |  | -			                            fileList={this.getOppositeIdUrl}
 | 
	
		
			
				|  |  | -			                            pictureUrl={this.state.oppositeIdUrl} />
 | 
	
		
			
				|  |  | -			                            <p>建议:图片要清晰。</p>
 | 
	
		
			
				|  |  | +			                        <div className="clearfix">
 | 
	
		
			
				|  |  | +			                            <Upload className="demandDetailShow-upload"
 | 
	
		
			
				|  |  | +			                                listType="picture-card"
 | 
	
		
			
				|  |  | +			                                fileList={this.state.oppositeIdUrl}                               
 | 
	
		
			
				|  |  | +			                                onPreview={(file) => {
 | 
	
		
			
				|  |  | +			                                    this.setState({
 | 
	
		
			
				|  |  | +			                                        previewImage: file.url || file.thumbUrl,
 | 
	
		
			
				|  |  | +			                                        previewVisible: true,
 | 
	
		
			
				|  |  | +			                                    });
 | 
	
		
			
				|  |  | +			                                }} >
 | 
	
		
			
				|  |  | +			                            </Upload>
 | 
	
		
			
				|  |  | +			                            <Modal maskClosable={false} footer={null}
 | 
	
		
			
				|  |  | +			                                visible={this.state.previewVisible}
 | 
	
		
			
				|  |  | +			                                onCancel={() => { this.setState({ previewVisible: false }) }}>
 | 
	
		
			
				|  |  | +			                                <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
 | 
	
		
			
				|  |  | +			                            </Modal>
 | 
	
		
			
				|  |  | +			                        </div>   
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                    <FormItem style={{display:'inline-block' ,width:'350px',marginTop:'20px'}}
 | 
	
		
			
				|  |  |  			                        labelCol={{ span: 8 }}
 | 
	
		
			
				|  |  |  			                        wrapperCol={{ span: 10 }}
 | 
	
		
			
				|  |  |  			                        label="客户照片" > 
 | 
	
		
			
				|  |  | -			                        <PicturesWall
 | 
	
		
			
				|  |  | -			                            fileList={this.getHeadPortraitUrl}
 | 
	
		
			
				|  |  | -			                            pictureUrl={this.state.headPortraitUrl} />
 | 
	
		
			
				|  |  | -			                            <p>建议:图片要清晰。</p>
 | 
	
		
			
				|  |  | +			                        <div className="clearfix">
 | 
	
		
			
				|  |  | +			                            <Upload className="demandDetailShow-upload"
 | 
	
		
			
				|  |  | +			                                listType="picture-card"
 | 
	
		
			
				|  |  | +			                                fileList={this.state.headPortraitUrl}                               
 | 
	
		
			
				|  |  | +			                                onPreview={(file) => {
 | 
	
		
			
				|  |  | +			                                    this.setState({
 | 
	
		
			
				|  |  | +			                                        previewImage: file.url || file.thumbUrl,
 | 
	
		
			
				|  |  | +			                                        previewVisible: true,
 | 
	
		
			
				|  |  | +			                                    });
 | 
	
		
			
				|  |  | +			                                }} >
 | 
	
		
			
				|  |  | +			                            </Upload>
 | 
	
		
			
				|  |  | +			                            <Modal maskClosable={false} footer={null}
 | 
	
		
			
				|  |  | +			                                visible={this.state.previewVisible}
 | 
	
		
			
				|  |  | +			                                onCancel={() => { this.setState({ previewVisible: false }) }}>
 | 
	
		
			
				|  |  | +			                                <img alt="" style={{ width: '100%' }} src={this.state.previewImage || ''} />
 | 
	
		
			
				|  |  | +			                            </Modal>
 | 
	
		
			
				|  |  | +			                        </div>       
 | 
	
		
			
				|  |  |  			                    </FormItem>
 | 
	
		
			
				|  |  |  			                </div> 
 | 
	
		
			
				|  |  | -		                    <Button className="setSubmit" type="primary" htmlType="submit">保存</Button>  
 | 
	
		
			
				|  |  | -	                        <Button type="ghost" onClick={this.detailsModal}>取消</Button>
 | 
	
		
			
				|  |  |  	                    </div>		                	
 | 
	
		
			
				|  |  |  				    </Spin>
 | 
	
		
			
				|  |  |  				</Form>		
 |