import React from 'react';
import { Radio, Icon, Button, Cascader, Input, Select, Tabs, Spin, Popconfirm, Table, Switch, message, DatePicker, Modal, Upload, Form, Row, Col } from 'antd';
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';
import moment from 'moment';
import './myClient.less';
import { citySelect, provinceList, areaSelect } from '../../../areaList';
import {getProvinceList} from '../../../addressList';
const { Column, ColumnGroup } = Table;
const TabPane = Tabs.TabPane;
const monthFormat = 'YYYY/MM';
import CustomerDetail from './myClientDesc.jsx';
import { socialAttribute, industry, auditStatusL, newFollow, lvl, currentMember, statuslist, customerStatus, intentionalService } from '../../../dataDic.js';
import { getSocialAttribute, splitUrl,getAuditStatus, getCompanyIntention, getStatuslist, getContactType, getIndustryType, getfllowSituation, beforeUploadFile, getWhether, getcustomerStatue, getfllowSituationOn, getCertification, getcustomerTyp, getLvl, getCurrentMember, getprovince } from '../../../tools.js';
//图片组件
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 = (
			
		);
		return(
			
                
                    {fileList.length >= 1 ? null : uploadButton}
                
                
                     
                
             
		);
	}
});
const QueryCustomer = Form.create()(React.createClass({
	loadData(pageNo, apiUrl) {
		this.state.data = [];
		this.setState({
			loading: true
		});
		$.ajax({
			method: "post",
			dataType: "json",
			crossDomain: false,
			url: globalConfig.context + '/api/admin/customer/listPublicPersonalCustomer',
			data: {
				pageNo: pageNo || 1,
				pageSize: this.state.pagination.pageSize,
				type: this.state.typeSearch, //名称1   
				name: this.state.nameSearch,
				province: !(this.state.addressSearch).length ? this.state.provinceSearch : this.state.addressSearch[0],
				city: !(this.state.addressSearch).length ? '' : this.state.addressSearch[1],
				status: this.state.statusSearch,
				industry: this.state.industrySearch,
				businessAudit: this.state.serviceCertificationSearch,
				auditStatus: this.state.userCertificationSearch,
				currentMemberStatus: this.state.currentMemberStatusSearch,
				lvl: this.state.lvlSearch,
				listed: this.state.listedSearch, //是否上市
				highTechZone: this.state.highTechZoneSearch, //是否高新
				startDate: this.state.releaseDate[0],
				endDate: this.state.releaseDate[1],
				isMember: this.state.isMemberSearch,
				international: this.state.internationalSearch,
				celebrity: this.state.celebritySearch,
				expert: this.state.expertSearch,
				industry: this.state.industrySearch,
				shareType: this.state.shareTypeSearch,
			},
			success: function(data) {
				let theArr = [];
				if(data.error.length || data.data.list == "") {
					if(data.error && data.error.length) {
						message.warning(data.error[0].message);
					};
				} else {
					for(let i = 0; i < data.data.list.length; i++) {
						let thisdata = data.data.list[i];
						theArr.push({
							key: i,
							id: thisdata.uid,
							type: thisdata.type,
							name: thisdata.name,
							status: thisdata.status,
							contacts: thisdata.contacts,
							contactMobile: thisdata.contactMobile,
							industry: thisdata.industry,
							createTime: thisdata.createTime,
							businessAudit: thisdata.businessAudit,
							auditStatus: thisdata.auditStatus,
							lvl: thisdata.lvl,
							shareType: thisdata.shareType,
							isMember: thisdata.isMember,
							consultant: thisdata.consultant,
							societyTag: thisdata.societyTag,
							currentMemberStatus: thisdata.currentMemberStatus,
							international: thisdata.international,
							listed: thisdata.listed,
							international: thisdata.international,
							expert: thisdata.expert,
							celebrity: thisdata.celebrity,
							adminName: thisdata.adminName,
							highTechZone: thisdata.highTechZone,
							locationProvince: thisdata.province ? thisdata.province + '-' + thisdata.city || '' + '-' + thisdata.area : '--'
						});
					};
					this.state.pagination.current = data.data.pageNo ;
					this.state.pagination.total = data.data.totalCount ;
				};
				if(data.data&&data.data.list&&!data.data.list.length){
					this.state.pagination.current=0
					this.state.pagination.total=0
				}
				this.setState({
					dataSource: theArr,
					pagination: this.state.pagination,
					selectedRowKeys:[]
				});
			}.bind(this),
		}).always(function() {
			this.setState({
				loading: false
			});
		}.bind(this));
	},
	getInitialState() {
		return {
			addressSearch: [],
			positiveIdUrl: [],
			oppositeIdUrl: [],
			headPortraitUrl: [],
			visible: false,
			callnubs:"1",
			searchMore: true,
			releaseDate: [],
			releaseDate: [],
			selectedRowKeys: [],
			selectedRowKey: [],
			selectedRows: [],
			loading: false,
			pagination: {
				defaultCurrent: 1,
				defaultPageSize: 10,
				showQuickJumper: true,
				pageSize: 10,
				onChange: function(page) {
					this.loadData(page);
				}.bind(this),
				showTotal: function(total) {
					return '共' + total + '条数据';
				}
			},
			paginations: {
				defaultCurrent: 1,
				defaultPageSize: 10,
				showQuickJumper: true,
				pageSize: 10,
				onChange: function(page) {
					this.loadVisit(page);
				}.bind(this),
				showTotal: function(total) {
					return '共' + total + '条数据';
				}
			},
			paginationsy: {
				defaultCurrent: 1,
				defaultPageSize: 10,
				showQuickJumper: true,
				pageSize: 10,
				onChange: function(page) {
					this.loadBfVisit(page, false);
				}.bind(this),
				showTotal: function(total) {
					return '共' + total + '条数据';
				}
			},
			paginationt: {
				defaultCurrent: 1,
				defaultPageSize: 10,
				showQuickJumper: true,
				pageSize: 10,
				onChange: function(page) {
					this.BusinessList(page, false);
				}.bind(this),
				showTotal: function(total) {
					return '共' + total + '条数据';
				}
			},
			//业务意向列表
			intentionList: [{
					title: '业务名称',
					dataIndex: 'businessGlossoryId',
					key: 'businessGlossoryId',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  : {getCompanyIntention(text)}
					}
				},
				{
					title: '最新进度',
					dataIndex: 'followSituation',
					key: 'followSituation',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  : {getfllowSituation(text)}
					}
				}, {
					title: '最新状态',
					dataIndex: 'customerStatus',
					key: 'customerStatus',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  : {getcustomerStatue(text)}
					}
				}, {
					title: '跟进说明',
					dataIndex: 'remarks',
					key: 'remarks',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  { record.remarks = e.target.value; this.setState({ data: this.state.data }); }}
	                             style={{width:'120px'}}/> : {text}
					}
				}
			],
			businessIntentionList: [{
				title: '意向时间',
				dataIndex: 'createTime',
				key: 'createTime'
			}, {
				title: '客户姓名',
				dataIndex: 'identifyName',
				key: 'identifyName'
			}, {
				title: '业务名',
				dataIndex: 'businessName',
				key: 'businessName'
			}, {
				title: '营销员',
				dataIndex: 'adminName',
				key: 'adminName'
			}, {
				title: '业务意向进度',
				dataIndex: 'followSituation',
				key: 'followSituation',
				render: text => { return getfllowSituation(text) }
			}, {
				title: '客户状态',
				dataIndex: 'customerStatus',
				key: 'customerStatus',
				render: text => { return getcustomerStatue(text) }
			}, {
				title: '操作',
				dataIndex: 'ooo',
				key: 'ooo',
				render: (text, record) => { return() }
			}],
			businessFollowList: [{
					title: '跟进时间',
					dataIndex: 'followTime',
					key: 'followTime',
				}, {
					title: '营销员',
					dataIndex: 'adminName',
					key: 'adminName',
				}, {
					title: '业务意向进度',
					dataIndex: 'followSituation',
					key: 'followSituation',
					render: text => { return getfllowSituation(text) }
				}, {
					title: '客户状态',
					dataIndex: 'customerStatus',
					key: 'customerStatus',
					render: text => { return getcustomerStatue(text) }
				},
				{
					title: '拜访方式',
					dataIndex: 'contactType',
					key: 'contactType',
					render: text => { return getContactType(text) }
				}, {
					title: '联系人',
					dataIndex: 'contacts',
					key: 'contacts',
				},
				{
					title: '联系电话',
					dataIndex: 'contactMobile',
					key: 'contactMobile',
				}, {
					title: '操作',
					dataIndex: 'ooo',
					key: 'ooo',
					render: (text, record) => { return() }
				}
			],
			visitsList: [{
				title: '拜访时间',
				dataIndex: 'followTime',
				key: 'followTime'
			}, {
				title: '客户姓名',
				dataIndex: 'identifyName',
				key: 'identifyName'
			}, {
				title: '拜访方式',
				dataIndex: 'contactType',
				key: 'contactType',
				render: text => { return getContactType(text) }
			}, {
				title: '联系人',
				dataIndex: 'contacts',
				key: 'contacts'
			}, {
				title: '联系电话',
				dataIndex: 'contactMobile',
				key: 'contactMobile'
			}, {
				title: '拜访人',
				dataIndex: 'adminName',
				key: 'adminName'
			}, {
				title: '拜访说明',
				dataIndex: 'result',
				key: 'result',
				render: text => {
					return {text}
				}
			}],
			ContactsLists: [{
					title: '姓名',
					dataIndex: 'name',
					key: 'name',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  { record.name = e.target.value; 
	                           	this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> : {text}
					}
				}, {
					title: '联系人部门',
					dataIndex: 'depatrment',
					key: 'depatrment',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  { record.depatrment = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> : {text}
					}
				}, {
					title: '联系人职务',
					dataIndex: 'position',
					key: 'position',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  { record.position = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> : {text}
					}
				}, {
					title: '手机号码',
					dataIndex: 'mobile',
					key: 'mobile',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  { record.mobile = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> : {text}
					}
				}, {
					title: '微信',
					dataIndex: 'wechat',
					key: 'wechat',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  { record.wechat = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> : {text}
					}
				}, {
					title: '联系人QQ',
					dataIndex: 'qq',
					key: 'qq',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  { record.qq = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> : {text}
					}
				}, {
					title: '电子邮箱',
					dataIndex: 'email',
					key: 'email',
					render: (text, record, index) => {
						return adminData.isSuperAdmin ?  { record.email = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> : {text}
					}
				}
			],
			columnsman: [{
				title: '姓名',
				dataIndex: 'name',
				key: 'name'
			}, {
				title: '手机号码',
				dataIndex: 'mobile',
				key: 'mobile'
			}],
			columns: [{
					title: '客户姓名',
					dataIndex: 'name',
					key: 'name',
				}, {
					title: '地区',
					dataIndex: 'locationProvince',
					key: 'locationProvince',
				},
				{
					title: '公共客户',
					dataIndex: 'shareType',
					key: 'shareType',
					render: (text, record) => { return record.shareType == '1' ? 公共客户 : 个人客户 }
				},
				{
					title: '行业',
					dataIndex: 'industry',
					key: 'industry',
				},
				{
					title: '社会性质',
					dataIndex: 'societyTag',
					key: 'societyTag',
					render: text => { return getSocialAttribute(text) }
				},
				{
					title: '创建时间',
					dataIndex: 'createTime',
					key: 'createTime',
				},{
					title: '所属人',
					dataIndex: 'adminName',
					key: 'adminName',
				},
				{
					title: '业务认证',
					dataIndex: 'businessAudit',
					key: 'businessAudit',
					render: text => { return getCertification(text) }
				},
				{
					title: '实名认证',
					dataIndex: 'auditStatus',
					key: 'auditStatus',
					render: text => { return getAuditStatus(text) }
				},
				{
					title: '是否专家',
					dataIndex: 'expert',
					key: 'expert',
					render: text => { return getWhether(text) }
				},
				{
					title: '是否会员',
					dataIndex: 'isMember',
					key: 'isMember',
					render: text => { return getWhether(text) }
				},
				{
					title: '是否国际',
					dataIndex: 'international',
					key: 'international',
					render: text => { return getWhether(text) }
				},
				{
					title: '会员等级',
					dataIndex: 'lvl',
					key: 'lvl',
					render: text => { return getLvl(text) }
				},
				{
					title: '会员状态',
					dataIndex: 'currentMemberStatus',
					key: 'currentMemberStatus',
					render: text => { return getCurrentMember(text) }
				},
				{
					title: '状态',
					dataIndex: 'status',
					key: 'status',
					render: text => { return getStatuslist(text) }
				}
			],
			data: [],
			dataman: [],
			dataSource: [],
			visitArrList: [],
			searchTime: [, ]
		};
	},
	//tab2获取联系人详情
	contactLists(ids) {
		this.setState({
			loading: true
		});
		$.ajax({
			method: "get",
			dataType: "json",
			crossDomain: false,
			url: globalConfig.context + '/api/admin/customer/findCustomerContacts',
			data: {
				uid: ids, //名称1
			},
			success: function(data) {
				let theArr = [];
				if(data.error.length || data.data.list == "") {
					if(data.error && data.error.length) {
						message.warning(data.error[0].message);
					};
				} else {
					for(let i = 0; i < data.data.length; i++) {
						let thisdata = data.data[i];
						theArr.push({
							id: thisdata.id,
							name: thisdata.name,
							mobile: thisdata.mobile,
							email: thisdata.email,
							qq: thisdata.qq,
							wechat: thisdata.wechat,
							depatrment: thisdata.depatrment,
							position: thisdata.position,
						});
					};
				};
				this.setState({
					contactList: theArr,
				});
			}.bind(this),
		}).always(function() {
			this.setState({
				loading: false
			});
		}.bind(this));
	},
	getHeadPortraitUrl(e) {
		this.setState({ headPortraitUrl: e });
	},
	getPositiveIdUrl(e) {
		this.setState({ positiveIdUrl: e });
	},
	getOppositeIdUrl(e) {
		this.setState({ oppositeIdUrl: e });
	},
	componentWillMount() {
		let areaArr= getProvinceList();
		let Citys=citySelect(areaArr);
		let Areas=areaSelect(areaArr);
		this.setState({ 
			City: Citys,
			Area: Areas
		});
		//城市
		let Province = [];
		areaArr.map(function(item) {
			var id = String(item.id)
			Province.push(
				{item.name}
			)
		});
		//行业
		let intentionalArr = [];
		industry.map(function(item) {
			intentionalArr.push(
				{item.key}
			)
		});
		//会员等级
		let lvlArr = [];
		lvl.map(function(item) {
			lvlArr.push(
				{item.key}
			)
		});
		//会员状态customerStatus
		let currentMemberArr = [];
		currentMember.map(function(item) {
			currentMemberArr.push(
				{item.key}
			)
		});
		//客户状态
		let customerStatusArr = [];
		customerStatus.map(function(item) {
			customerStatusArr.push(
				{item.key}
			)
		});
		this.state.Provinces = Province;
		this.state.intentionalOption = intentionalArr;
		this.state.lvlArrOption = lvlArr;
		this.state.currentMemberArrOption = currentMemberArr;
		this.state.customerStatusArrOption = customerStatusArr;
		this.loadData();
	},
	search() {
		this.loadData();
	},
	reset() {
		this.state.expertSearch = undefined;
		this.state.celebritySearch = undefined;
		this.state.shareTypeSearch = undefined;
		this.state.typeSearch = undefined; //名称1   
		this.state.nameSearch = '';
		this.state.addressSearch = [];
		this.state.provinceSearch = undefined;
		this.state.citySearch = undefined;
		this.state.statusSearch = undefined;
		this.state.contactsSearch = undefined;
		this.state.contactMobileSearch = undefined;
		this.state.industrySearch = undefined;
		this.state.serviceCertificationSearch = undefined;
		this.state.userCertificationSearch = undefined;
		this.state.currentMemberStatusSearch = undefined;
		this.state.lvlSearch = undefined;
		this.state.listedSearch = undefined;
		this.state.highTechZoneSearch = undefined;
		this.state.releaseDate[0] = undefined;
		this.state.releaseDate[1] = undefined;
		this.loadData();
	},
	searchSwitch() {
		this.setState({
			searchMore: !this.state.searchMore
		});
	},
	//整行点击
	tableRowClick(record, index) {
		this.state.RowData = record;
		this.detailsModalOk(record);
		this.loadInformation(record.id)
		this.httpAccount(record.id);
		this.loadBfVisit(1, record.id);
		this.BusinessList(1, record.id);
		this.contactLists(record.id);
		this.setState({
			callnub:'1',
			selectedRowKeys: [],
			rowId: record.id,
		})
	},
	VisitRowClick(record, index) {
		this.state.keys = false;
		this.state.RowData = record;
		
		this.setState({
			selectedRowKeys: [],
			delectId: record.followId,
		})
	},
	//点击整行查看详情
	//查看基本详情基本信息
	loadInformation(record) {
		this.RowClick;
		$.ajax({
			method: "get",
			dataType: "json",
			crossDomain: false,
			url: globalConfig.context + '/api/admin/customer/findPersonalCustomerDetail',
			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 = {};
				};
				let ProvinceCityArr = [];
				let ProvinceS = thisData.province; //getprovince
				let citys = thisData.city;
				let Areas = thisData.area;
				ProvinceCityArr.push(ProvinceS, citys, Areas);
				let cityArea = getprovince(ProvinceS) + '/' + getprovince(citys) + '/' + getprovince(Areas)
				let month = thisData.dateOfBirthYear ? thisData.dateOfBirthYear + '/' + thisData.dateOfBirthMonth : false;
				this.setState({
					proviceCityArea: ProvinceS ? cityArea : '',
					InformationId: thisData.id,
					InformationUid: thisData.uid,
					identifyName: thisData.identifyName,
					listed: thisData.listed,
					highTechZone: thisData.highTechZone,
					consultant: thisData.consultant,
					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,
					ProvinceCity: ProvinceCityArr,
					industry: String(thisData.industry),
					societyTag: thisData.societyTag,
					sex: thisData.sex,
					contacts: thisData.contacts,
					contactMobile: thisData.contactMobile,
					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,
					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, 
				});
			}.bind(this),
		}).always(function() {
			this.setState({
				loading: false
			});
		}.bind(this));
	},
	//tab3账户信息请求数据
	httpAccount(record) {
		this.RowClick;
		$.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 = {};
				};
				let sourcecustomer = ''
				switch(String(thisData.source)) {
					case '0':
						sourcecustomer = '注册客户'
						break;
					case '1':
						sourcecustomer = '录入客户'
						break;
				}
				this.setState({
					Accountuid: thisData.id,
					mobile: thisData.mobile,
					nickname: thisData.nickname,
					email: thisData.email,
					type: getcustomerTyp(String(thisData.type)),
					source: sourcecustomer,
					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));
	},
	detailsModalOk(e) {
		this.setState({ modal5Visible: true }); //需要一个请求数据
	},
	//点击消失函数
	detailsModal(e) {
		this.setState({
			modal5Visible: false
		});
	},
	//拜访modul函数
	visitOk(e) {
		this.setState({
			visitModul: false
		});
		this.loadVisit()
	},
	visitCancel(e) {
		this.setState({
			visitModul: false
		});
	},
	
	//当选择联系人的列表变化时,则执行
	hundleName(e) {
		let changNub = this.state.telNum[e];
		this.setState({
			nub: this.state.telNum[e],
			lastName: e,
		});
	},
	//tab5进入修改时
	//进入修改时
	listFollowUp(e) {
		$.ajax({
			method: "get",
			dataType: "json",
			crossDomain: false,
			url: globalConfig.context + "/api/admin/customer/toUpdateFollowOneBusiness",
			data: {
				ufbId: e
			},
			success: function(data) {
				let thedata = data.data;
				if(!thedata) {
					if(data.error && data.error.length) {
						message.warning(data.error[0].message);
					};
					thedata = {};
				};
				this.setState({
					businessGlossoryIds: thedata.businessGlossoryId,
					followSituations: thedata.followSituation,
					customerStatuss: thedata.customerStatus,
					followTimes: thedata.followTime,
					createTimes: thedata.createTime,
					identifyNames: thedata.identifyName,
					contactTypes: parseInt(thedata.contactType),
					results: thedata.result,
					remarkss: thedata.remarks,
					adminNames: thedata.adminName,
					contactss: thedata.contacts,
					contactMobiles: thedata.contactMobile,
					ufbId: thedata.ufbId,
					followIds: thedata.followId,
				});
			}.bind(this),
		}).always(function() {
			this.setState({
				loading: false
			});
		}.bind(this));
	},
	//点击新增详情
	newContacts() {
		this.state.newsex =undefined;
		this.state.newname ='';
		this.state.newmobile='';
		this.state.newwechat='';
		this.state.newqq='';
		this.state.newdepatrment='';
		this.state.newposition='';
		this.state.newemail='';
		this.setState({
			uids: this.state.uid,
			addcontactModul: true
		});
	},
	//tab5意向业务
	//意向业务查看列表单个详情
	businessIntentionDetails(e) {
		$.ajax({
			method: "get",
			dataType: "json",
			crossDomain: false,
			url: globalConfig.context + '/api/admin/customer/toUpdateBusiness',
			data: {
				businessId: e.businessId
			},
			success: function(data) {
				let thisData = data.data;
				if(!thisData) {
					if(data.error && data.error.length) {
						message.warning(data.error[0].message);
					};
					thisData = {};
				};
				this.setState({
					businessGlossoryId: thisData.businessGlossoryId,
					identifyName: thisData.identifyName,
					uid: thisData.uid,
					businessId: thisData.businessId,
					followSituation: thisData.followSituation,
					customerStatus: thisData.customerStatus,
					createTime: thisData.createTime,
					followTime: thisData.followTime,
					adminName: thisData.adminName,
					remarks: thisData.remarks,
					result: thisData.result,
				});
			}.bind(this),
		}).always(function() {
			this.loadVisit();
			this.setState({
				loading: false
			});
		}.bind(this));
		this.setState({
			businessModul: true
		})
	},
	//查看跟进记录列表
	loadVisit(pageNo) {
		this.setState({
			loading: true
		});
		$.ajax({
			method: "get",
			dataType: "json",
			crossDomain: false,
			url: globalConfig.context + '/api/admin/customer/listFollowHistory',
			data: {
				pageNo: pageNo || 1,
				pageSize: this.state.paginations.pageSize,
				uid: this.state.rowId, //名称1
				businessGlossoryId: this.state.businessGlossoryId,
			},
			success: function(data) {
				let theArr = [];
				if(data.error.length || data.data.list == "") {
					if(data.error && data.error.length) {
						message.warning(data.error[0].message);
					};
				} else {
					for(let i = 0; i < data.data.list.length; i++) {
						let thisdata = data.data.list[i];
						theArr.push({
							followId: thisdata.followId,
							followTime: thisdata.followTime,
							identifyName: thisdata.identifyName,
							contacts: thisdata.contacts,
							contactMobile: thisdata.contactMobile,
							result: thisdata.result,
							ufbId: thisdata.ufbId,
							adminName: thisdata.adminName,
							followSituation: thisdata.followSituation,
							customerStatus: thisdata.customerStatus,
							contactType: thisdata.contactType
						});
					};
					this.state.paginations.current = data.data.pageNo;
					this.state.paginations.total = data.data.totalCount;
				};
				this.setState({
					visitArrList: theArr,
					paginations: this.state.paginations
				});
			}.bind(this),
		}).always(function() {
			this.setState({
				loading: false
			});
		}.bind(this));
	},
	//tab3拜访记录
	loadBfVisit(pageNo, ids) {
		this.setState({
			loading: true
		});
		$.ajax({
			method: "get",
			dataType: "json",
			crossDomain: false,
			url: globalConfig.context + '/api/admin/customer/listFollowHistory',
			data: {
				pageNo: pageNo || 1,
				pageSize: this.state.paginationsy.pageSize,
				uid: ids ? ids : this.state.rowId, //名称1
			},
			success: function(data) {
				let theArr = [];
				if(data.error.length || data.data.list == "") {
					if(data.error && data.error.length) {
						message.warning(data.error[0].message);
					};
				} else {
					for(let i = 0; i < data.data.list.length; i++) {
						let thisdata = data.data.list[i];
						theArr.push({
							followId: thisdata.followId,
							followTime: thisdata.followTime,
							identifyName: thisdata.identifyName,
							contacts: thisdata.contacts,
							contactMobile: thisdata.contactMobile,
							result: thisdata.result,
							ufbId: thisdata.ufbId,
							adminName: thisdata.adminName,
							followSituation: thisdata.followSituation,
							customerStatus: thisdata.customerStatus,
							contactType: thisdata.contactType
						});
					};
					this.state.paginationsy.current = data.data.pageNo;
					this.state.paginationsy.total = data.data.totalCount;
				};
				this.setState({
					visitArrList: theArr,
					paginationsy: this.state.paginationsy
				});
			}.bind(this),
		}).always(function() {
			this.setState({
				loading: false
			});
		}.bind(this));
	},
	businessIntentionOk() {
		this.setState({
			businessGlossoryId: '',
			businessModul: false
		})
	},
	businessIntentionCancel() {
		this.setState({
			businessGlossoryId: '',
			businessModul: false
		})
	},
	//业务跟进查看跟多
	businessFollowDetails(e) {
		this.listFollowUp(e.ufbId)
		this.setState({
			businessFollowModul: true
		})
	},
	businessFollowOk(e) {
		this.setState({
			businessFollowModul: false
		})
	},
	businessFollowCancel(e) {
		this.setState({
			businessFollowModul: false
		})
	},
	//详情tab切换数据处理
	callback(e) {
		this.setState({
			callnub: e,
		})
		if(e == '1') {
			this.loadInformation(this.state.rowId)
		}
		if(e == '2') {
			this.contactLists(this.state.rowId)
		}
		if(e == '3') {
			this.httpAccount(this.state.rowId)
		}
		if(e == '4') {
			this.loadBfVisit(1, this.state.rowId);
		}
		if(e == '5') {
			this.BusinessList(1, this.state.rowId);
		}
		if(e == '6') {
			
		}
		if(e == '7') {
			
		}
		if(e == '8') {
		}
		if(e == '9') {
		}
	},
	//详情tab切换数据处理
	callbacks(e) {
		this.setState({
			callnubs: e,
		})
		if(e == '1') {
			console.log(this.state.callnubs);
		}
		if(e == '2') {
			console.log(this.state.callnubs);
		}
		
	},
	
	//tab5业务意向
	BusinessList(pageNo, uids) {
		this.setState({
			loading: true
		});
		$.ajax({
			method: "post",
			dataType: "json",
			crossDomain: false,
			url: globalConfig.context + '/api/admin/customer/listBusiness',
			data: {
				pageNo: pageNo || 1,
				pageSize: this.state.paginationt.pageSize,
				uid: uids ? uids : this.state.rowId
			},
			success: function(data) {
				let theArr = [];
				if(data.error.length || data.data.list == "") {
					if(data.error && data.error.length) {
						message.warning(data.error[0].message);
					};
				} else {
					for(let i = 0; i < data.data.list.length; i++) {
						let thisdata = data.data.list[i];
						theArr.push({
							key: i,
							businessId: thisdata.businessId,
							businessName: thisdata.businessName,
							identifyName: thisdata.identifyName,
							followSituation: thisdata.followSituation,
							customerStatus: thisdata.customerStatus,
							adminName: thisdata.adminName,
							createTime: thisdata.createTime
						});
					};
					this.state.paginationt.current = data.data.pageNo;
					this.state.paginationt.total = data.data.totalCount;
				};
				this.setState({
					dataBusiness: theArr,
					paginationt: this.state.paginationt
				});
			}.bind(this),
		}).always(function() {
			this.setState({
				loading: false
			});
		}.bind(this));
	},
	componentWillReceiveProps(nextProps) {
		if(!this.props.visible && nextProps.visible) {
			if(nextProps.data && nextProps.data.id) {
				this.loadData(nextProps.data.id, nextProps.detailApiUrl);
			};
			this.state.data = {};
			this.state.companyLogoUrl = [];
			this.state.orgCodeUrl = [];
		};
	},
	render() {
		const FormItem = Form.Item
		const rowSelection = {
			selectedRowKeys: this.state.selectedRowKeys,
			onChange: (selectedRowKeys, selectedRows) => {
				this.setState({
					selectedRows: selectedRows.slice(-1),
					selectedRowKeys: selectedRowKeys.slice(-1)
				});
			},
			onSelect: (recordt, selected, selectedRows) => {
				this.setState({
					recordt: recordt.id
				})
			},
		};
		const rowSelections = {
			selectedRowKeys: this.state.selectedRowKey,
			onChange: (selectedRowKey, selectedRow) => {
				this.setState({
					selectedRow: selectedRow.slice(-1),
					selectedRowKey: selectedRowKey.slice(-1)
				});
			},
			onSelect: (records, selected, selectedRow) => {
				this.setState({
					selectedRow: selectedRow.slice(-1),
					records: records.id,
				})
			},
		};
		const hasSelected = this.state.selectedRowKeys.length > 0;
		const { RangePicker, MonthPicker } = DatePicker;
		const { getFieldDecorator } = this.props.form;
		const formItemLayout = {
			labelCol: { span: 8 },
			wrapperCol: { span: 14 },
		};
		const theInformation = this.state.dataInformation || {}
		const contactsOption = "";
		const formItemLayput = {
			labelCol: { span: 10 },
			wrapperCol: { span: 14 },
		};
		const contacts = this.state.contacts || '';
		return(
			
				                  
                    个人客户查询
                
                                                               
                 
                				    
					     
						    
						        {adminData.isSuperAdmin?:
								
								}
							
						    
						       
						    
						    
						    		
						    			{adminData.isSuperAdmin?
	:
						    			
						    			}