import React from 'react';
import { Radio, Icon, Button, Cascader,Input, Select, Tabs,Spin,Popconfirm, Popover,Table, Switch, message, DatePicker, Modal, Upload,Form ,Row,Col,TimePicker} 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 '../../../NewDicProvinceList';
const { Column, ColumnGroup } = Table;
const TabPane = Tabs.TabPane;
import  CustomerDetail from './myClientDesc.jsx';
import {socialAttribute,industryList,newFollow,lvl,currentMember,cityArr, statuslist,customerStatus,intentionalService,sex} from '../../../dataDic.js';
import {getCompanyIntention,getContactType,getfllowSituation,beforeUploadFile,getWhether,getcityArr,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 = (
            <div>
                <Icon type="plus" />
                <div className="ant-upload-text">点击上传</div>
            </div>
        );
        return (
            <div style={{display:"inline-block"}}>
                <Upload
                    action={globalConfig.context + "/api/admin/customer/attachmentUpload"}
                    data={{ 'sign': this.props.pictureSign }}
                    listType="picture-card"
                    fileList={fileList}
                    onPreview={this.handlePreview}
                    onChange={this.handleChange} >
                    {fileList.length >= 5 ? null : uploadButton}
                </Upload>
                <Modal maskClosable={false} visible={previewVisible} footer={null} onCancel={this.handleCancel}>
                    <img alt="example" style={{ width: '100%' }} src={previewImage} />
                </Modal>
            </div>
        );
    }
});

const MyClient = 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/listPrivateOrganizationCustomer',
            data: { 				
                pageNo: pageNo || 1,
                pageSize: this.state.pagination.pageSize,               
                type: this.state.typeSearch, //名称1   
                name:this.state.nameSearch,
                province:this.state.addressSearch?this.state.addressSearch[0]:this.state.provinceSearch,  
                city: this.state.addressSearch?this.state.addressSearch[1]:'',
                //area: this.state.addressSearch?this.state.addressSearch[2].value:'',
                status:this.state.statusSearch,
                industry:this.state.industrySearch,
                serviceCertification:this.state.serviceCertificationSearch,
			    userCertification: 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],                
            },
            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,
                            serviceCertification:thisdata.serviceCertification,
                            userCertification:thisdata.userCertification, 
                            lvl:thisdata.lvl,
                            currentMemberStatus:thisdata.currentMemberStatus,
                            international:thisdata.international,
                            listed:thisdata.listed,
                            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;
                };               
                this.setState({
                    dataSource: theArr,
                    pagination: this.state.pagination
                });
            }.bind(this),
        }).always(function () {
            this.setState({
                loading: false
            });
        }.bind(this));
    },    
  
	//点击出现函数
	setModal2VisibleOk(e) {		
	    this.setState({ 
	    	modal2Visible:true	    	
	    });	

	},
	//点击消失函数
	setModal2Visiblecancel(e) {
	    this.setState({ 
	    	modal2Visible:false
	    });	   	    
	},	
	getPictureUrl(e) {
    this.setState({pictureUrl: e });
    },
   
    handleOk(e){	   
	    this.setState({
	      visible: false,
	    });
	},
	handleCancel(e){	   
	    this.setState({
	      visible: false,
	    });
	},	
    getInitialState() {
        return { 
        	orgCodeUrl:[],
            companyLogoUrl:[],
        	visible: false ,
            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  <Select  placeholder="选择业务名称" disabled={record.id?true:false} value={record.businessGlossoryId}  onChange={(e) => { record.businessGlossoryId = e; this.setState({ data: this.state.data }); }}>
                                    {
                                        intentionalService.map(function (item) {
                                            return <Select.Option key={item.value} >{item.key}</Select.Option>
                                        })
                                    }
                               </Select>
                    }
				},
				{
					  title: '最新进度',
					  dataIndex: 'followSituation',
					  key: 'followSituation',
					  render: (text, record, index) => {
	                  return  <Select  placeholder="选择最新进度" value={record.followSituation}  onChange={(e) => { record.followSituation = e; this.setState({ data: this.state.data }); }}>
                                    {
                                        newFollow.map(function (item) {
                                            return <Select.Option key={item.value} >{item.key}</Select.Option>
                                        })
                                    }
                               </Select>
                    }
				},{
					  title: '最新状态',
					  dataIndex: 'customerStatus',
					  key: 'customerStatus',
					  render: (text, record, index) => {
	                  return  <Select value={record.customerStatus} placeholder="选择最新状态" onChange={(e) => { record.customerStatus = e; this.setState({ data: this.state.data }); }}>
                                    {
                                        customerStatus.map(function (item) {
                                            return <Select.Option key={item.value} >{item.key}</Select.Option>
                                        })
                                    }
                               </Select>
                      }
				},{
					  title: '跟进说明',
					  dataIndex: 'remarks',
					  key: 'remarks',
					  render: (text, record, index) => {
					  return <Input value={record.remarks} placeholder="跟进说明" 
	                             onChange={(e) => { record.remarks = e.target.value; this.setState({ data: this.state.data }); }}
	                             style={{width:'120px'}}/>
	                    }
				},{
					  title: '操作',
					  dataIndex: 'rrr',
					  key: 'rrr',
					   render: (text, record, index) => {                    	
                        return <div>
                            <Popconfirm title="是否删除?" onConfirm={(e)=>{this.intentionDelet(record)}} okText="删除" cancelText="不删除">
							    <Button style={{marginRight:'10px',color:'#ffffff',background:'#f00',border:'none'}}>删除</Button>
							</Popconfirm>
                        </div>
                    }
				}
			],
			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 (<Button onClick={(e)=>{this.businessIntentionDetails(record)}}>查看</Button>)}
				}
			],
			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 (<Button onClick={(e)=>{this.businessFollowDetails(record)}}>查看</Button>)}
				}
			],
            visitsList:[{
					  title: '拜访时间',
					  dataIndex: 'followTime',
					  key: 'followTime'	 
				},{
					  title: '客户名称',
					  dataIndex: 'identityName',
					  key: 'identityName'	 
				},{
					  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'	 
				},{
					  title: '操作',
					  dataIndex: 'ttt',
					  key: 'ttt',
					  render: (text, record, index) => {                    	
                        return <div>
                            <Popconfirm title="是否删除?" onConfirm={(e)=>{this.visitDelet(record)}} okText="删除" cancelText="不删除">
							    <Button style={{marginRight:'10px',color:'#ffffff',background:'#f00',border:'none'}} onClick={(e)=>{e.stopPropagation()}}>删除</Button>
							</Popconfirm>
                        </div>
                    }
				}
	        ],
            
            ContactsLists:[{
					  title: '姓名',
					  dataIndex: 'name',
					  key: 'name',	
					  render: (text, record, index) => {
	                  return <Input value={record.name} placeholder="姓名(必填项)" key={record.id} required="required"
	                           onChange={(e) => { record.name = e.target.value; 
	                           	this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
	            }
				},{
					  title: '联系人部门',
					  dataIndex: 'depatrment',
					  key: 'depatrment',
					  render: (text, record, index) => {
	                  return <Input value={record.depatrment} placeholder="联系人部门" key={record.id}
	                   onChange={(e) => { record.depatrment = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
	            }
				},{
					  title: '联系人职务',
					  dataIndex: 'position',
					  key: 'position',
					  render: (text, record, index) => {
	                  return <Input value={record.position} placeholder="联系人职务" key={record.id}
	                  onChange={(e) => { record.position = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
	            }
				},{
					  title: '手机号码',
					  dataIndex: 'mobile',
					  key: 'mobile',
					  render: (text, record, index) => {
	                  return <Input value={record.mobile} placeholder="手机号码(必填项)" key={record.id} required="required"
	                  onChange={(e) => { record.mobile = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
	            }
				},{
					  title: '微信',
					  dataIndex: 'wechat',
					  key: 'wechat',
					  render: (text, record, index) => {
	                  return <Input value={record.wechat} placeholder="微信" key={record.id}
	                  onChange={(e) => { record.wechat = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
	            }
				},{
					  title: '联系人QQ',
					  dataIndex: 'qq',
					  key: 'qq',
					  render: (text, record, index) => {
	                  return <Input value={record.qq} placeholder="联系人QQ" key={record.id}
	                  onChange={(e) => { record.qq = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
	            }
				},{
					  title: '电子邮箱',
					  dataIndex: 'email',
					  key: 'email',
					  render: (text, record, index) => {
	                  return <Input value={record.email} placeholder="电子邮箱" key={record.id}
	                  onChange={(e) => { record.email = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
	              	}
				},
				{
					  title: '操作',
					  dataIndex: 'dels',
					  key: 'dels',
					  render: (text, record, index) => {                    	
                        return <div>
                            <Popconfirm title="是否删除?" onConfirm={(e)=>{this.confirmDelet(record)}} okText="删除" cancelText="不删除">
							    <Button style={{marginRight:'10px',color:'#ffffff',background:'#f00',border:'none'}}>删除</Button>
							</Popconfirm>
                        </div>
                    }
				 }
	            ],    
	        columnsman:[{
					  title: '姓名',
					  dataIndex: 'name',
					  key: 'name'	 
				},{
					  title: '手机号码',
					  dataIndex: 'mobile',
					  key: 'mobile'	 
				}
	            ],    
            columns: [               
                {
                    title: '客户名称',
                    dataIndex: 'name',
                    key: 'name',                                        
                }, {
                    title: '客户类型',
                    dataIndex: 'type',
                    key: 'type',
                    render: text => { return getcustomerTyp(text) }
                 
                }, {
                    title: '地区',
                    dataIndex: 'locationProvince',
                    key: 'locationProvince', 
                }, {
                    title: '联系人',
                    dataIndex: 'contacts',
                    key: 'contacts',                    
                }, 
                {
                    title: '联系电话',
                    dataIndex: 'contactMobile',
                    key:'contactMobile',                   
                },
                 {
                    title: '行业',
                    dataIndex: 'industry',
                    key: 'industry',
                  //render: text => { return getcustomerStatue(text) }
                },
                {
                    title: '创建时间',
                    dataIndex: 'createTime',
                    key: 'createTime',
                },
                 {
                    title: '业务认证',
                    dataIndex: 'serviceCertification',
                    key: 'serviceCertification',
                    render: text => { return getCertification(text) }
                 },
                {
                    title: '实名认证',
                    dataIndex: 'userCertification',
                    key: 'userCertification',
                    render: text => { return getCertification(text) }
                },
                {
                    title: '是否高新',
                    dataIndex: 'highTechZone',
                    key: 'highTechZone', 
                    render: text => { return getWhether(text) }
 
                },{
                    title: '是否上市',
                    dataIndex: 'listed',
                    key: 'listed',
                    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: 'abc',
                    key: 'abc',
                    render: (text, record, index) => {                    	
                        return <div>
                            <Button onClick={(e) =>{ e.stopPropagation(), this.visit(record)}} type="primary">拜访</Button>                            							    
                        </div>
                    }
                } 
            ],
            data:[],
            dataman:[],
            dataSource: [],
            visitArrList:[],
            searchTime: [,]
        };
    },
    
    //更多操作
    ModalOperation(){
    	this.setState({
        visible: true,
      });
    },      
    //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));
    },
    //刷新新增拜访记录刷新
    deletelist(e){
    	$.ajax({
            method: "get",
            dataType: "json",
            url:globalConfig.context + '/api/admin/customer/toAddFollow',
            data: {         	
                uid: e,
            },
            success: function (data) {                	  
        		    let listArr=[];
				    let thedata=data.data;
				    if (!thedata) {
	                    if (data.error && data.error.length) {
	                        message.warning(data.error[0].message);
	                    };	
	                    thedata = {}; 
	                };   
	                 for (let i = 0; i < data.data.userBusinessList.length; i++) {
                        let thisdata = data.data.userBusinessList[i];                        
                        listArr.push({                          
                            id: thisdata.id,                                                  
                            businessGlossoryId:String(thisdata.businessGlossoryId),
                            followSituation:String(thisdata.followSituation),
                            customerStatus:String(thisdata.customerStatus),
                            remarks:thisdata.remarks,
                        });
                   };
			        this.setState({
			        	 contacts:thedata.contacts,
			        	 uid:thedata.uid,
			        	 data:listArr,
			        	 identityName:thedata.identityName,
			        	 followTime:thedata.followTime,
			        	 businessGlossoryId:thedata.businessGlossoryId,
			        	 followSituation:thedata.followSituation,
			        	 customerStatus:thedata.customerStatus,
			        	 remarks:thedata.remarks,
         		    });
				  }.bind(this),
				}).always(function () {
	            this.setState({
	                loading: false
	            });
	       }.bind(this)); 
    },
    
    //进入新增拜访记录
    visit(e){ 
    	this.state.keys=true;
    	this.getNewWoman(e.id);
    	this.deletelist(e.id)
    	this.setState({
    		result:'',
    		contactType:undefined,
    		visitModul:true,
            loading: true
        }); 	
	                  	  	
    },
    	
	//拜访记录删除
	visitDelet(e){
			$.ajax({
	            method: "get",
	            dataType: "json",
	            crossDomain: false,           
	            url: globalConfig.context + "/api/admin/customer/deleteCustomer",
	            data: {
	                id: e.followId,//删除的ID    
	            }
	        }).done(function (data) {
	            if (!data.error.length) {
	                message.success('删除成功!');
	                this.setState({
	                    loading: false,
	                });
	            } else {
	                message.warning(data.error[0].message);
	            };
	            this.loadVisit();
	        }.bind(this));
	},
	//进入修改拜访记录  
    visitModify(e){ 
    	this.setState({
    		visitModul:true,
            loading: true
        }); 	
	    $.ajax({
            method: "get",
            dataType: "json",
            url:globalConfig.context + '/api/admin/customer/toUpdateFollow',
            data: {         	
                followId: e,
            },
            success: function (data) {                	  
        		    let theArr = [];
				    let thedata=data.data;
				    if (!thedata) {
	                    if (data.error && data.error.length) {
	                        message.warning(data.error[0].message);
	                    };	
	                    thedata = {}; 
	                };
	                
	                for (let i = 0; i < data.data.userBusinessList.length; i++) {
                        let thisdata = data.data.userBusinessList[i];                        
                        theArr.push({                          
                            id: thisdata.id,                                                  
                            businessGlossoryId:String(thisdata.businessGlossoryId),
                            followSituation:String(thisdata.followSituation),
                            customerStatus:String(thisdata.customerStatus),
                            remarks:thisdata.remarks,
                        });
                   };
			        this.setState({
			        	 followIds:thedata.followId,
			        	 contacts:thedata.contacts,
			        	 uid:thedata.uid,
			        	 data:theArr,
			        	 nub:thedata.contactMobile,
			        	 result:thedata.result,
			        	 contactType:parseInt(thedata.contactType),
			        	 identityName:thedata.identityName,
			        	 followTime:thedata.followTime,
			        	 businessGlossoryId:thedata.businessGlossoryId,
			        	 followSituation:thedata.followSituation,
			        	 customerStatus:thedata.customerStatus,
			        	 adminName:thedata.adminName,
         		    });
         		   }.bind(this),  
				}).always(function () {
	            this.setState({
	                loading: false
	            });
	       }.bind(this));               	  	
    },
   	
    //列表删除功能
    delectRow() {
        let deletedIds;              
        for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
            let rowItem = this.state.selectedRows[idx];                          
            if (rowItem.id) {
                deletedIds=rowItem.id;                    
            };            
        };         
        this.setState({        	
            selectedRowKeys: [],            
        });       
        $.ajax({
            method: "get",
            dataType: "json",
            crossDomain: false,           
            url: globalConfig.context + "/api/admin/customer/deleteCustomer",
            data: {
                id: deletedIds,//删除的ID    
            }
        }).done(function (data) {
            if (!data.error.length) {
                message.success('删除成功!');
                this.setState({
                    loading: false,
                });
            } else {
                message.warning(data.error[0].message);
            };
            this.loadData();
        }.bind(this));
    },
      
    getOrgCodeUrl(e) {
        this.setState({ orgCodeUrl: e });
    },
    getCompanyLogoUrl(e) {
        this.setState({ companyLogoUrl: e });
    },
    componentWillMount() {       
        //城市
        let Province = [];
        provinceList.map(function (item) {
        	var id= String(item.id)
            Province.push(
                <Select.Option value={id} key={item.name}>{item.name}</Select.Option>
            )
        });                
         //行业
        let intentionalArr = [];
        industryList.map(function (item) {
            intentionalArr.push(
                <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
            )
        });   
        //会员等级
		let lvlArr = [];
        lvl.map(function (item) {
            lvlArr.push(
                <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
            )
        });
        //会员状态customerStatus
        let currentMemberArr = [];
        currentMember.map(function (item) {
            currentMemberArr.push(
                <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
            )
        });
        //客户状态
        let customerStatusArr = [];
        customerStatus.map(function (item) {
            customerStatusArr.push(
                <Select.Option value={item.value} key={item.key}>{item.key}</Select.Option>
            )
        });
        this.state.Provinces = Province;
        this.state.intentionalOption = intentionalArr;
        this.state.lvlArrOption = lvlArr;
        this.state.currentMemberArrOption = currentMemberArr;
        this.state.customerStatusArrOption = customerStatusArr;
        this.loadData();        
    },
 		
    addClick() {
        this.state.RowData={};       
        this.setState({
            showDesc: true,           
        });       
    }, 
    newmodal(e){
    	if(e){
    		this.tableRowClick();
    	} 
    },
    closeDesc(e, s) {
        this.state.showDesc = e;
        if (s) {
            this.loadData();
        };
    },
    search() {
        this.loadData();
    },
    reset() {
    	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
        });
    },
    //详情保存函数
    detailsSubmint(){
    	this.setState({
    		modal5Visible:false,
    	})
    },
    //整行点击
    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({
        	selectedRowKeys:[],
        	rowId:record.id,
        })    
    },
    VisitRowClick(record, index) { 
    	this.state.keys=false;
        this.state.RowData = record;
        this.visitModify(record.followId);
        this.setState({
        	selectedRowKeys:[],
        	delectId:record.followId,
        })    
    },
    //基本信息提交
    newSubmit(e){
    	e.preventDefault();
    	if(!this.state.ProvinceCity[1]){
    		message.warning('请选择地区');
    		return false;
    	};
    	this.state.data=[];
        this.setState({        	
            selectedRowKeys: [],           
        });
    	this.props.form.validateFields((err, values) => {
    		let theorgCodeUrl = [];
            if (this.state.orgCodeUrl.length) {
                let picArr = [];
                this.state.orgCodeUrl.map(function (item) {
                    picArr.push(item.response.data);
                });
                theorgCodeUrl = picArr.join(",");
            };
            let thecompanyLogoUrl = [];
            if (this.state.companyLogoUrl.length) {
                let picArr = [];
                this.state.companyLogoUrl.map(function (item) {
                    picArr.push(item.response.data);
                });
                thecompanyLogoUrl = picArr.join(",");
            };
    		if (!err) {
            	this.setState({
                  loading: true
            	}); 
                $.ajax({
                    method: "post",
                    dataType: "json",
                    url:globalConfig.context + '/api/admin/customer/updateOrganizationCustomer',
                    data: {         	
                    	id:this.state.InformationId,
                        uid: this.state.InformationUid,
                        societyTag:values.societyTag,
                        introduction:values.introduction,
                        unitName:this.state.unitName,
                        industry:values.industry,
                        locationProvince:(this.state.ProvinceCity)[0],//省-
                        locationCity:(this.state.ProvinceCity)[1],//市
                        locationArea:(this.state.ProvinceCity)[2],//区
                        postalAddress:values.postalAddress,
                        contactsFixedTel:values.contactsFixedTel,
                        contactsFax:values.contactsFax,
                        registeredCapital:values.registeredCapital,
                        enterpriseScale:values.enterpriseScale,
                        legalPerson:values.legalPerson,
                        legalPersonIdCard:values.legalPersonIdCard,
                        legalPersonTel:values.legalPersonTel,
                        legalPersonEmail:values.legalPersonEmail,
                        highTechZone:this.state.highTechZone,
                        listed:this.state.listed,
                        orgCode:values.orgCode,
                        businessScope:values.businessScope,
                        introduction:values.introduction,
                        companyLogoUrl:thecompanyLogoUrl,
                        orgCodeUrl:theorgCodeUrl,    
                    }
                }).done(function (data) {                	
                    this.setState({
                        loading: false
                    });
                    if (!data.error.length) {
                        message.success('保存成功!');
                        this.detailsModal() 
                        this.loadData();
                    } else {
                        message.warning(data.error[0].message);
                    }            
                }.bind(this));  	
            }
    	}) 
    },
    //点击整行查看详情
    //查看基本详情基本信息
    loadInformation(record){    	
    	this.RowClick;    
    	$.ajax({
            method: "get",
            dataType: "json",
            crossDomain: false,
            url: globalConfig.context + '/api/admin/customer/findOrganizationCustomerDetail',
            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.locationProvince;  //getprovince
                let citys=thisData.locationCity;
                let Areas=thisData.locationArea;
                 ProvinceCityArr.push(ProvinceS,citys,Areas);
                this.setState({
                	InformationId:thisData.id,
                	InformationUid:thisData.uid,
                	unitName:thisData.unitName,
                	listed:thisData.listed,
                	highTechZone:thisData.highTechZone,
                	orgCodeUrl: thisData.orgCodeUrl ? splitUrl(thisData.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [],
                	companyLogoUrl: thisData.companyLogoUrl ? splitUrl(thisData.companyLogoUrl, ',', globalConfig.avatarHost + '/upload') : [],
                	dataInformation:thisData,
                	ProvinceCity:ProvinceCityArr,
                	industry:String(thisData.industry)=='null'?undefined:String(thisData.industry),
                });    
            }.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(thisData.type),
                	source:sourcecustomer,
                	isMember:thisData.isMember,
                	currentMemberStatus:String(thisData.currentMemberStatus),
                	lvl:String(thisData.lvl),
                	serviceCertification:thisData.serviceCertification,
                	status:String(thisData.status),
                	userCertification:thisData.userCertification,
                	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
	    });	 	   
	},
	//拜访保存函数
    visitSubmit(e){
    	e.preventDefault();
    	let GlossoryId;
    	this.state.data.map(function(item){
    		if(!item.businessGlossoryId){
    			GlossoryId=true 
    		}
    	})
    	if(this.state.contactType==undefined){
    		message.warning('请选择拜访方式')
    		return false;
    	};
    	if(this.state.keys){
    		if(this.state.lastName==undefined){
		  		message.warning('请选择联系人')
		  		return false;
		  	}
    	};
    	if(GlossoryId){
    		message.warning("请选择业务名称!")
    		return false;
    	};
	        this.setState({
	          loading: true
	    	}); 
	    	let contactsId='';
	    	if(this.state.keys){
	            let conts=this.state.lastName;
	            contactsId= this.state.contactsIdArr[conts].id;
            }
	    	//新增
	        $.ajax({
	            method: "post",
	            dataType: "json",
	            url:this.state.keys?globalConfig.context + '/api/admin/customer/addFollow':globalConfig.context + '/api/admin/customer/updateFollow',
	            data: this.state.keys?{
	            	userBusinessList:JSON.stringify(this.state.data),
	                uid: this.state.uid,
	                ocbId:contactsId ,
	                contactType:this.state.contactType,
	                result: this.state.result,
	                followTime: this.state.followTime,
	            }:{
	            	followId:this.state.followIds,
	            	userBusinessList:JSON.stringify(this.state.data),
	                uid: this.state.uid,
	                contactType:this.state.contactType,
	                result: this.state.result,
	                followTime: this.state.followTime,
	            } 
	        }).done(function (data) {                	
	            this.setState({
	                loading: false
	            });
	            if (!data.error.length) {
	                message.success('保存成功!');
	                this.loadVisit(); //
	                this.loadData();
	                this.visitCancel();
	            } else {
	                message.warning(data.error[0].message);
	            }            
	        }.bind(this)); 
	    
    },

	
    //当选择联系人的列表变化时,则执行
    hundleName(e){		    	
       let changNub=this.state.telNum[e];     
       this.setState({       		
       	  nub:this.state.telNum[e],
	      lastName: e,
	   });
	},			
	//添加新业务及单位客户详情新增
	addNew() {
        this.state.data.push({	
            customerStatus:undefined,
            businessGlossoryId:undefined,
            followSituation:undefined,
            remarks: '', 
        });
        this.setState({
            data: this.state.data
        })
    },
    //tab2新增联系人
    addcontact() {
        this.state.contactList.push({	
        	id:null,
            name: '',
            mobile: '',
            email: '',
            qq: '',
            wechat: '',
            depatrment: '',
            position: '',
        });
       	
        this.setState({
            contactList: this.state.contactList
        })
    },   
	//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));   
	},
    //修改密码Modul
    modifyPassworld(){
    	 this.setState({ 
	    	passworldModul:true
	    });
    },
    passworldOk(e) {		
	    this.setState({ 
	    	passworldModul:false
	    });	 	   
	},
	passworldCancel(e) {		
	    this.setState({ 
	    	passworldModul:false
	    });	 	   
	},
	//修改密码保存
	passworldSubmit(e){
		e.preventDefault();
		this.passworldCancel()
	},
	//新增联系人
	addcontactModulOK(){
		this.setState({ 
	    	addcontactModul:false
	    });
	},
	addcontactModulcancel(){
		this.setState({ 
	    	addcontactModul:false
	    });
	},
	//点击新增详情
	newContacts(){
		this.setState({ 
	    	addcontactModul:true
	    });
	},
	//新增联系人保存函数
	submitcontactman(e){
		e.preventDefault();
	},
	//获取联系人下拉框
	getNewWoman(ids) {  
    	this.state.data = []
         $.ajax({
                method: "get",
                dataType: "json",
                crossDomain: false,
                url: globalConfig.context + "/api/admin/customer/findCustomerContacts",
                data:{
                   uid:ids,
                },
                success: function (data) {                	  
                		let theArr = [];
					    let thedata=data.data;
					    if (!thedata) {
		                    if (data.error && data.error.length) {
		                        message.warning(data.error[0].message);
		                    };	
		                    thedata = {}; 
		               };   
					    var telNum=[];
					    var contactIds=[];
				        thedata.map(function (item,index) {	
				        	contactIds.push(thedata[index].id);
			            	telNum.push(thedata[index].mobile);
				        });	
				        for (let item in data.data) {
		                    let theData = data.data[item];
		                    theArr.push(
		                        <Select.Option value={item} key={theData.name}>{theData.name}</Select.Option>
		                    );
		                };
						this.setState({
							contactsIdArr:thedata,
				        	telNum:telNum,
		                    orderStatusOption: theArr, 
	                    });
					}.bind(this),
				}).always(function () {
	            this.setState({
	            	deletId:ids,
	                loading: false
	            });
	        }.bind(this));
	},
	//意向服务列表修改保存
	intentionModify(e){
		console.log(e)
	},
	//拜访意向服务列表单个删除
	intentionDelet(e){
		
		let detId=!this.state.keys?this.state.followIds:this.state.uid;
		if(e.id||e.followId){
			this.setState({
	       	  selectedRowKeys: [],
	        });
	        $.ajax({
	            method: "get",
	            dataType: "json",
	            crossDomain: false,           
	            url: globalConfig.context + "/api/admin/customer/transferToPublic",  
	            data: {
	                id: e.id||e.followId
	            }
		        }).done(function (data) {
		            if (!data.error.length) {
		                message.success('删除成功');
		                this.setState({
		                    loading: false,
		                });
		            } else {
		                message.warning(data.error[0].message);
		            };
		          !this.state.keys?this.visitModify(detId):this.deletelist(detId);
		        }.bind(this));
		}else{
			!this.state.keys?this.visitModify(detId):this.deletelist(detId);
		}
	},
	
	//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,
                            identityName:thisdata.identityName, 
                            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,uids) {
        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: uids?uids: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,
                            identityName:thisdata.identityName, 
                            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
		})
	},
	//tab2联系人保存
	contactSave(e) {
		e.preventDefault();
        this.setState({
            loading: true
        });
        $.ajax({
            url: globalConfig.context + '/api/admin/customer/updateCustomerContacts',
            method: 'post',
            data: {
            	uid:this.state.rowId,
                contactList: JSON.stringify(this.state.contactList)
            }
        }).done(function (data) {                	
	            this.setState({
	                loading: false
	            });
	            if (!data.error.length) {
	                message.success('保存成功!');
	                 this.detailsModal()
               		 this.loadData();
	            } else {
	                message.warning(data.error[0].message);
	            }            
	        }.bind(this));
    },
    //详情tab切换数据处理
    callback(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){    		

    	}
    	    	
    },
    //账户信息保存
    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,
                serviceCertification: this.state.serviceCertification,
                userCertification: this.state.userCertification,
                lvl:this.state.lvl,
                status:this.state.status,
            }
        }).done(function (data) {                	
            this.setState({
                loading: false
            });
            if (!data.error.length) {
                message.success('保存成功!');
                this.detailsModal();
                this.loadData();
            } else {
                message.warning(data.error[0].message);
            }            
        }.bind(this));  		
    },


    //tab2删除
    confirmDelet(e){
    	console.log(e)
    },

    //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 } = DatePicker;  	
      	const { getFieldDecorator } = this.props.form;
    	  const formItemLayout = {
            labelCol: { span: 8 },
            wrapperCol: { span: 14 },
        };
        //const theDatak = this.state.datak || {};
        const theInformation=this.state.dataInformation || {}
      	const contactsOption="";    	        	
        const formItemLayput = {
            labelCol: { span: 10 },
            wrapperCol: { span: 14 },
        };  
        const contacts=this.state.contacts || '';
        return (
            <div className="user-content" >
                <div className="content-title">                  
                    <span>我的客户</span>
                </div>
                <div className="user-search">                    
                    <Input placeholder="公司名称"
                        value={this.state.nameSearch}
                        onChange={(e) => { this.setState({ nameSearch: e.target.value }); }} />    
                    <Select placeholder="省"
                            style={{ width: 80 }}
                            value={this.state.provinceSearch}
                            onChange={(e) => {this.setState({ provinceSearch: e});}}>
                            {this.state.Provinces}
                    </Select> 
                    <span style={{marginRight:'10px'}}>                   
	                     <Cascader options={citySelect()}  value={this.state.addressSearch} placeholder="选择城市"
    						onChange={(e,pre) => { this.setState({ addressSearch: e }) }} />	                 
                    </span>
                    <Button type="primary" onClick={this.search}>搜索</Button>
                    <Button onClick={this.reset}>重置</Button>                      
                    <Button disabled onClick={() => { window.open(globalConfig.context + '/api/admin/achievement/downloadTemplate?sign=achievement_template') }}>下载批量导入模板</Button>
               		<Upload 
               		    name="file"
                        action={globalConfig.context + "/api/admin/customer/uploadExcel"}                            
                        beforeUpload={beforeUploadFile}
                        showUploadList={false}
                        onChange={(info) => {
                            if (info.file.status !== 'uploading') {
                                console.log(info.file, info.fileList);
                            }
                            if (info.file.status === 'done') {
                                if (!info.file.response.error.length) {
                                    message.success(`${info.file.name} 文件上传成功!`);
                                    this.loadData();
                                } else {
                                    message.warning(info.file.response.error[0].message);
                                    return;
                                };
                            } else if (info.file.status === 'error') {
                                message.error(`${info.file.name} 文件上传失败。`);
                            };
                        }} >
                        <Button>上传批量内容</Button>
                    </Upload>                        
										
					<Button style={{ background: "#ea0862", border: "none", color: "#fff",marginRight:'10px' ,marginLeft:'10px'}}
	                        disabled={!hasSelected} 
	                        onClick={this.delectRow}>删除<Icon type="minus" />
	                </Button>	
	                <span style={{marginLeft:'10px',marginRight:'20px'}}>更多搜索<Switch defaultChecked={false} onChange={this.searchSwitch} /></span>
                    <Button type="primary" className="addButton" onClick={this.addClick}>新增客户<Icon type="plus" /></Button> 
                    <div className='clearfix' style={{marginTop:'5px'}}>
	                  <div className="search-more" style={this.state.searchMore ? { display: 'none' } : {}}>                    			                  
			                <RangePicker
		                        value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
		                        this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
		                        onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />    
	                        <Select placeholder="客户状态"
	                            style={{ width: 100 }}
	                            value={this.state.statusSearch}
	                            onChange={(e) => { this.setState({ statusSearch: e }) }}>
	                            {this.state.customerStatusArrOption}
	                        </Select>
	                        <Select placeholder="行业"
	                            style={{ width: 100 }}
	                            value={this.state.industrySearch}
	                            onChange={(e) => { this.setState({ industrySearch: e }) }}>
	                            {this.state.intentionalOption}
	                        </Select>
	                        <span>认证:</span>
	                        <Select placeholder="业务认证"
	                            style={{ width: 100 }}
	                            value={this.state.serviceCertificationSearch}
	                            onChange={(e) => { this.setState({ serviceCertificationSearch: e }) }}>
	                            <Select.Option value="0" >未认证</Select.Option>
	                            <Select.Option value="1" >已认证</Select.Option>
	                        </Select>
	                        <Select placeholder="实名认证"
	                            style={{ width: 100 }}
	                            value={this.state.userCertificationSearch}
	                            onChange={(e) => { this.setState({ userCertificationSearch: e }) }}>
	                            <Select.Option value="0" >未认证</Select.Option>
	                            <Select.Option value="1" >已认证</Select.Option>
	                        </Select>
	                        <span>国际:</span>
	                        <Select placeholder="国际"
	                            style={{ width: 100 }}
	                            value={this.state.internationalSearch}
	                            onChange={(e) => { this.setState({ internationalSearch: e }) }}>
	                            <Select.Option value="0" >否</Select.Option>
	                            <Select.Option value="1" >是</Select.Option>
	                        </Select>
	                        <span>高新:</span>
	                        <Select placeholder="高新"
	                            style={{ width: 100 }}
	                            value={this.state.highTechZoneSearch}
	                            onChange={(e) => { this.setState({ highTechZoneSearch: e }) }}>
	                            <Select.Option value="0" >否</Select.Option>
	                            <Select.Option value="1" >是</Select.Option>
	                        </Select>
	                        <span>上市:</span>
	                        <Select placeholder="上市"
	                            style={{ width: 100 }}
	                            value={this.state.listedSearch}
	                            onChange={(e) => { this.setState({ listedSearch: e }) }}>
	                            <Select.Option value="0" >否</Select.Option>
	                            <Select.Option value="1" >是</Select.Option>
	                        </Select>
	                        <span>会员:</span>
	                        <Select placeholder="会员等级"
	                            style={{ width: 100 }}
	                            value={this.state.lvlSearch}
	                            onChange={(e) => { this.setState({ lvlSearch: e }) }}>
	                            {this.state.lvlArrOption}
	                        </Select>
	                         
	                        <Select placeholder="会员状态"
	                            style={{ width: 100 }}
	                            value={this.state.currentMemberStatusSearch}
	                            onChange={(e) => { this.setState({ currentMemberStatusSearch: e }) }}>
	                            {this.state.currentMemberArrOption}
	                        </Select>
			            </div>  
		            </div>
                </div>                                               
                <div className="patent-table">
                    <Spin spinning={this.state.loading}>
                        <Table columns={this.state.columns}
                            dataSource={this.state.dataSource}    
                            rowSelection={rowSelection}
                            pagination={this.state.pagination} 
                            onRowClick={this.tableRowClick}
                           />
                    </Spin>
                </div> 
                <CustomerDetail
                    data={this.state.RowData}                                        
                    showDesc={this.state.showDesc}
                    closeDesc={this.closeDesc} 
                    newmodal={this.newmodal}
                    />
                <Modal	
				      className="customeDetails"				      
			          title="单位客户详情"
			          width='1200px'
			          visible={this.state.modal5Visible}
			          onOk={this.detailsModal}
			          onCancel={this.detailsModal}
			          footer=''
			        >				    
					     <Tabs defaultActiveKey="1" onChange={this.callback}>
						    <TabPane tab="基本信息" key="1">
						        <Form horizontal onSubmit={this.newSubmit} id="demand-form">
					                <Spin spinning={this.state.loading}>
						               	<div className="clearfix" style={{paddingLeft:'60px'}}>
					                    	<FormItem className="half-item"
							                    labelCol={{ span: 4 }}
							                    wrapperCol={{ span: 18 }}
							                    label="客户名称"
						                        >
						                        <span>{theInformation.unitName}</span>
						                    </FormItem>
					                    </div>
					                    <div className="clearfix" style={{paddingLeft:'60px'}}>
					                    	<FormItem className="half-item" 
					                         labelCol={{ span: 4 }}
					                         wrapperCol={{ span: 18 }}
					                        label="行业"
					                         > 
					                         {getFieldDecorator('industry', {
						                        	    rules: [{ required: true, message: '此项为必填项!' }],
						                            	initialValue: this.state.industry
				                                 })(
												    <Select placeholder="选择行业" >
				                                      {
				                                        industryList.map(function (item) {
				                                            return <Select.Option key={item.value} >{item.key}</Select.Option>
				                                        })
				                                      }
				                                    </Select>
				                                  )}
					                   		 </FormItem>
					                   		 <FormItem className="half-item" 
					                           labelCol={{ span: 4 }}
					                            wrapperCol={{ span: 18 }}
					                           label="社会属性"
					                         > 
						                        {getFieldDecorator('societyTag', {
						                        	    rules: [{ required: true, message: '此项为必填项!' }],
						                            	initialValue: theInformation.societyTag
				                                 })(
												    <Select placeholder="客户社会属性(必填项)" >
				                                    {
				                                        socialAttribute.map(function (item) {
				                                            return <Select.Option key={item.value} >{item.key}</Select.Option>
				                                        })
				                                    }
				                                </Select>
				                                )}
					                   		 </FormItem>
					                         <FormItem className="half-item" 
					                           labelCol={{ span: 4 }}
					                           wrapperCol={{ span: 18 }}
					                           label="省-市-区"
					                          > 
					                            <Cascader options={areaSelect()}  value={this.state.ProvinceCity} placeholder="选择城市(必填项)"
    												onChange={(e,pre) => { this.setState({ ProvinceCity: e }) }} />                
						                   </FormItem>
						                   <FormItem className="half-item"
							                    	labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                         label="通信地址"
						                            >
						                            {getFieldDecorator('postalAddress', {
						                                initialValue: theInformation.postalAddress
						                            })(
						                                <Input placeholder="客户通信地址"/>
						                                )}
						                    </FormItem>
						                    <FormItem className="half-item"
							                    	labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                         label="固定电话"
						                            >
						                            {getFieldDecorator('contactsFixedTel', {
						                                initialValue: theInformation.contactsFixedTel
						                            })(
						                                <Input placeholder="客户固定电话"/>
						                                )}
						                    </FormItem>
						                    <FormItem className="half-item"
							                    	labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                        label="客户传真"
						                            >
						                            {getFieldDecorator('contactsFax', {
						                                initialValue: theInformation.contactsFax
						                            })(
						                                <Input placeholder="客户传真"/>
						                                )}
						                    </FormItem>
						                    <FormItem className="half-item"
							                    	labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                        label="注册资本"
						                            >
						                            {getFieldDecorator('registeredCapital', {
						                                initialValue: theInformation.registeredCapital
						                            })(
						                                <Input placeholder="注册资本"/>
						                                )}
						                    </FormItem>
						                    <FormItem className="half-item"
							                    	labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                        label="单位规模"
						                            >
						                            {getFieldDecorator('enterpriseScale', {
						                                initialValue: theInformation.enterpriseScale
						                            })(
						                                <Input placeholder="单位规模"/>
						                                )}
						                    </FormItem>
						                    <FormItem className="half-item"
							                    	labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                        label="法人名称"
						                            >
						                            {getFieldDecorator('legalPerson', {
						                                initialValue: theInformation.legalPerson
						                            })(
						                                <Input placeholder="法人名称"/>
						                                )}
						                    </FormItem>
						                    <FormItem className="half-item"
							                    	labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                        label="身份证号码"
						                            >
						                            {getFieldDecorator('legalPersonIdCard', {
						                                initialValue: theInformation.legalPersonIdCard
						                            })(
						                                <Input placeholder="法人身份证号码"/>
						                                )}
						                    </FormItem>
						                    <FormItem className="half-item"
							                    	labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                        label="法人电话"
						                            >
						                            {getFieldDecorator('legalPersonTel', {
						                                initialValue: theInformation.legalPersonTel
						                            })(
						                                <Input placeholder="法人电话"/>
						                                )}
						                    </FormItem>
						                    <FormItem className="half-item"
							                    	labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                        label="电子邮箱"
						                            >
						                            {getFieldDecorator('legalPersonEmail', {
						                                initialValue: theInformation.legalPersonEmail
						                            })(
						                                <Input placeholder="法人电子邮箱"/>
						                                )}
						                    </FormItem>
					                   		<FormItem className="half-item"
				                   		   		labelCol={{ span: 4 }}
					                            wrapperCol={{ span: 18 }}
					                            label="高新"
					                   		    >
						                   		 <Radio.Group value={this.state.highTechZone} onChange={(e) => {
								                        this.setState({highTechZone:e.target.value})
								                    }}>
								                        <Radio value={0}>否</Radio>
								                        <Radio value={1}>是</Radio>
								                  </Radio.Group>
								            </FormItem>
					                   	     <FormItem className="half-item"
				                   		   		labelCol={{ span: 4 }}
					                            wrapperCol={{ span: 18 }}
					                            label="上市"
					                   		    >
						                   		 <Radio.Group value={this.state.listed} onChange={(e) => {
								                        this.setState({listed:e.target.value })
								                    }}>
								                        <Radio value={0}>否</Radio>
								                        <Radio value={1}>是</Radio>
								                  </Radio.Group>
										     </FormItem>	
					                   		 <FormItem className="half-item"
							                    	labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                        label="机构代码"
						                            >
						                            {getFieldDecorator('orgCode', {
						                                initialValue: theInformation.orgCode
						                            })(
						                                <Input placeholder="社会同意机构代码"/>
						                                )}
						                    </FormItem>
						                    <div className="clearfix pictures">
						                        <FormItem
							                        labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                        label="机构证(PIC)" >
							                        <PicturesWall
							                            pictureSign="customer_sys_file"
							                            fileList={this.getOrgCodeUrl}
							                            pictureUrl={this.state.orgCodeUrl} />
							                            <p>图片建议:图片要清晰。</p>
						                        </FormItem>
						                        <FormItem
							                        labelCol={{ span: 4 }}
							                        wrapperCol={{ span: 18 }}
							                        label="单位logo" > 
							                        <PicturesWall
							                            pictureSign="customer_sys_file"
							                            fileList={this.getCompanyLogoUrl}
							                            pictureUrl={this.state.companyLogoUrl} />
							                            <p>图片建议:图片要清晰。</p>
							                    </FormItem>
							                </div> 
							                <div className="clearfix">
							                    <FormItem
						                        labelCol={{ span: 2 }}
						                        wrapperCol={{ span: 18 }}
						                        label="业务范围" >
						                        {getFieldDecorator('businessScope', {
						                            initialValue: theInformation.businessScope
						                        })(
						                            <Input type="textarea" rows={4} />
						                            )}
							                    </FormItem>
							                    <FormItem
							                        labelCol={{ span: 2 }}
							                        wrapperCol={{ span: 18 }}
							                        label="单位简介" >
							                        {getFieldDecorator('introduction', {
							                            initialValue: theInformation.introduction
							                        })(
							                            <Input type="textarea" rows={4} />
							                            )}
							                    </FormItem>
						                    </div>
						                    <Button className="set-submit" type="primary" htmlType="submit" style={{marginLeft:'90px',marginBottom:'30px'}}>保存</Button>  
					                        <Button className="set-submit" type="ghost" onClick={this.detailsModal}>取消</Button>
					                    </div>		                	
								    </Spin>
								</Form>		
							</TabPane>
						    <TabPane tab="联系人信息" key="2">
						        <div className="clearfix" >
						            <Button className="ContactsList" type="primary" onClick={this.addcontact}>新增</Button> 
						        </div>
						       <div className="clearfix">
                    			  <Spin spinning={this.state.loading}>
                    			     <Form horizontal id="demand-form" onSubmit={this.contactSave} >
								      <Table 
						            	 pagination={false}
						            	 columns={this.state.ContactsLists} 
						            	 dataSource={this.state.contactList}
						            	 />
					            	    <div className="clearfix">
								                <Button  type="primary" htmlType="submit" style={{fontSize:'16px',margin:'20px 25px 40px 120px'}}>保存</Button>  
				                                <Button  type="ghost" onClick={this.detailsModal} style={{fontSize:'18px'}}>取消</Button>
								            </div>
						            	</Form> 
								   </Spin> 
								</div>
						    </TabPane>
						    <TabPane tab="账户信息" key="3">
						    		<div className="clearfix">
						    			<Form horizontal id="demand-form" onSubmit={this.accountSave} >
						    				<Spin spinning={this.state.loading} >
						    					<FormItem className="half-item"
							                            {...formItemLayout}
							                            label="注册手机号" >
							                         <Input value={this.state.mobile} onChange={(e) => { this.setState({ mobile: e.target.value }); }} style={{width:'200px',marginRight:'50px'}}/>
							                    	 <Button onClick={this.modifyPassworld}>修改密码</Button>
							                    </FormItem>
							                    <FormItem className="half-item"
							                            {...formItemLayout}
							                            label="注册用户名" >
							                         <Input value={this.state.nickname}  onChange={(e) => { this.setState({ nickname: e.target.value }); }} />        
							                    </FormItem>
							                    <FormItem className="half-item"
							                            {...formItemLayout}
							                            label="注册邮箱" >
							                         <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.source}</span>   
								                    </FormItem>
								                    <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>
						                   		<div className="clearfix">
										            <FormItem className="half-item"
										                {...formItemLayout}
								                        label="会员"
										            > 
								                   		 <Radio.Group value={this.state.isMember} onChange={(e) => {
										                        this.setState({ isMember:  e.target.value })
										                    }}>
										                        <Radio value={0}>否</Radio>
										                        <Radio value={1}>是</Radio>
										                  </Radio.Group>
										            </FormItem>
										            <FormItem className="half-item" 
								                          {...formItemLayout}
								                           label="会员等级"
								                         > 
													    <Select placeholder="客户状态" value={this.state.lvl}  onChange={(e) => { this.setState({ lvl: e }); }} >
					                                     {
					                                        lvl.map(function (item) {
					                                            return <Select.Option key={item.value} >{item.key}</Select.Option>
					                                        })
					                                     }
					                                   </Select>
							                   		</FormItem>
							                   		<FormItem className="half-item" 
							                           {...formItemLayout}
							                           label="会员状态"
							                         > 
													    <Select placeholder="会员状态" value={this.state.currentMemberStatus}  onChange={(e) => { this.setState({ currentMemberStatus: e }); }} >
					                                    {
					                                        currentMember.map(function (item) {
					                                            return <Select.Option key={item.value} >{item.key}</Select.Option>
					                                        })
					                                    }
					                                    </Select>
							                   		</FormItem>
							                   	</div>
						                   		<FormItem className="half-item"
						                   			 {...formItemLayout}
							                           label="业务认证"
						                   		>
							                   		 <Radio.Group value={this.state.serviceCertification} onChange={(e) => {
									                        this.setState({ serviceCertification:  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.userCertification} onChange={(e) => {
									                        this.setState({ userCertification: e.target.value })
									                    }}>
									                        <Radio value={0}>未认证</Radio>
									                        <Radio value={1}>已认证</Radio>
									                  </Radio.Group>
									            </FormItem>
									            <div className="clearfix">
									                <Button className='saveBtn' type="primary" htmlType="submit">保存</Button>  
					                                <Button  type="ghost" onClick={this.detailsModal}>取消</Button>
									            </div>
						    				</Spin>
						    			</Form>	
						    		</div>
						    </TabPane>
							<TabPane tab="客户拜访" key="4">
							     <div className="clearfix">
                    			    <Spin spinning={this.state.loading}>
								      <Table 
						            	 pagination={false}
						            	 columns={this.state.visitsList} 
						            	 dataSource={this.state.visitArrList}
						            	 onRowClick={this.VisitRowClick}
						            	 />
								    </Spin> 
								</div>								
							</TabPane>						
							<TabPane tab="业务意向" key="5">
							    <div className="clearfix">
                    			    <Spin spinning={this.state.loading}>
								      <Table 
						            	 pagination={this.state.paginationt}
						            	 columns={this.state.businessIntentionList} 
						            	 dataSource={this.state.dataBusiness}
						            	 />
								    </Spin> 
								</div>							
							</TabPane>
							<TabPane tab="业务订单" key="6">
							     								
							</TabPane>
							<TabPane tab="技术需求" key="7">
							     								
							</TabPane>
							<TabPane tab="技术成果" key="8">
							     								
							</TabPane>
							<TabPane tab="技术专家" key="9">
							     								
							</TabPane>
						</Tabs>
    			</Modal>
    			<Modal	
				      className="customeDetails"
				      footer=''
			          title="拜访详情"
			          width='1000px'
			          visible={this.state.visitModul}
			          onOk={this.visitOk}
					  onCancel={this.visitCancel}							          							          
			        >				    
					    <Form horizontal id="demand-form" onSubmit={this.visitSubmit}>
			    			<Spin spinning={this.state.loading}>
			    			   	<div className="clearfix">
			    			   		<FormItem className="half-item"
			                            {...formItemLayout}
			                            label="拜访方式" >
			    			   			<Radio.Group value={this.state.contactType} onChange={(e) => {
										        this.setState({ contactType: e.target.value }) 
						                    }}>
						                        <Radio value={0}>外出</Radio>
						                        <Radio value={1}>电话</Radio>
						                        <Radio value={2}>QQ</Radio>
						                        <Radio value={3}>微信</Radio>
						                        <Radio value={4}>邮箱</Radio>
						                  </Radio.Group>
					                </FormItem>
					                <FormItem className="half-item"
			                           {...formItemLayout}
			                             >
					                	<Button type="primary" onClick={this.newContacts} style={{marginLeft:'100px'}}>添加新联系人</Button>
					                </FormItem>
					                <div className="clearfix">
						                <FormItem className="half-item"
				                            {...formItemLayout}
				                             label="客户名称"
				                             >
						                   <span>{this.state.identityName}</span>
						                </FormItem>
						                <FormItem className="half-item"
				                            {...formItemLayout}
				                             label="拜访人"
				                             >
						                    <span>{this.state.adminName}</span>
						                </FormItem>
						                 <FormItem className="half-item"
				                            {...formItemLayout}
				                             label="当前联系人"
				                             >
						                    <span>{this.state.contacts}</span>
						                </FormItem>
						                {this.state.contacts?<span></span>:
							                <FormItem className="half-item"
					                            {...formItemLayout}
					                             label="联系人"
					                             >
							                	<Select placeholder="选择联系人" style={{ width: 140 }}
							                        value={this.state.lastName}
							                        onChange={this.hundleName}>
							                        {this.state.orderStatusOption}
				                    			</Select>
							                </FormItem>
						                }
						                <FormItem className="half-item"
				                            {...formItemLayout}
				                             label="拜访时间"
				                             >
						                	<span>{this.state.followTime}</span>
						                </FormItem>
						                <FormItem className="half-item"
				                            {...formItemLayout}
				                             label="联系电话"
				                             >
						                	<span>{this.state.nub}</span>
						                </FormItem>
					                </div>
					                <div className="clearfix">
					                	<FormItem
					                        labelCol={{ span: 4 }}
							                wrapperCol={{ span: 16 }}
					                        label="拜访备注" >
					                            <Input type="textarea" rows={4} value={this.state.result} 
					                              onChange={(e)=>{this.setState({result:e.target.value})}}/>
					                    </FormItem>
					                </div>
					                <div className="clearfix">
					                 	<div style={{fontSize:'18px',marginLeft:'100px',marginTop:'15px',marginBottom:'10px'}}>业务意向<Button onClick={this.addNew} style={{marginLeft:'420px',background:'green',color:'#ffffff'}}>添加新业务</Button></div>
					                 	<div className="clearfix" style={{paddingLeft:'50px',paddingRight:'50px'}}>
		                    			    <Spin spinning={this.state.loading}>
										      <Table 
										         rowKey={record => record.id}
								            	 pagination={false}
								            	 columns={this.state.intentionList} 
								            	 dataSource={this.state.data}
								            	 />
										    </Spin> 
										</div>	 
					                </div>
			    			   	</div>
							    <Button  type="primary" size="large" htmlType="submit" style={{margin:'15px  35px 35px 120px'}}>保存</Button>
					           	<Button  size="large" onClick={this.visitCancel}>取消</Button>
					   		</Spin>
					    </Form>
    			</Modal> 
    			<Modal	
				      footer=''
			          title="修改密码"
			          width='600px'
			          visible={this.state.passworldModul}
			          onOk={this.passworldOk}
					  onCancel={this.passworldCancel}							          							          
			        >				    
					    <div className="clearfix">
			    			<Form horizontal id="demand-form" onSubmit={this.passworldSubmit}>
			    				<Spin spinning={this.state.loading}>
			    					<div className="clearfix">
				    					<FormItem className="half-item"
					                            {...formItemLayout}
					                            label="原密码" >
					                         <Input type="password" value={this.state.companyNamet1}  onChange={(e) => { this.setState({ companyNamet1: e.target.value }); }} required="required" />	
					                    </FormItem>
				                    </div>
				                    <div className="clearfix">
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="新密码" >
					                         <Input type="password" value={this.state.companyName1}  onChange={(e) => { this.setState({ companyName1: e.target.value }); }} required="required" /> 
					                    </FormItem>
				                    </div>
				                    <div className="clearfix">
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="确认密码" >
					                         <Input type="password" value={this.state.companyNam1}  onChange={(e) => { this.setState({ companyNam1: e.target.value }); }} required="required" /> 
					                    </FormItem>
				                    </div>
				                    <Button  type="primary" size="large" htmlType="submit" style={{margin:'15px  15px 20px 95px'}}>保存</Button>
			           				<Button  size="large" onClick={this.passworldCancel}>取消</Button>
				                </Spin>
							</Form>                  
						</div>	                    
    			</Modal>
			    <Modal
				      footer=''
				      width='800px'
			          title="新增联系人"
			          visible={this.state.addcontactModul}
			          onOk={this.addcontactModulOK}
			          onCancel={this.addcontactModulcancel}						          							          
						        >
				        <Form horizontal onSubmit={this.submitcontactman} id="demand-form">
					      <Spin spinning={this.state.loading}> 											             
					        <Row>	
								<FormItem
		                        labelCol={{ span: 4 }}
		                        wrapperCol={{ span: 14 }}
		                        label="是否是主要联系人:"  style={{marginRight:'10px'}}>
		                        <Radio.Group value={this.state.hotst} onChange={(e) => {
				                    this.setState({ hotst: e.target.value }) 
				                    }}>
				                        <Radio value={0}>是</Radio>
				                        <Radio value={1}>否</Radio>
			                    </Radio.Group>
		                    	</FormItem>	
			                    <FormItem 
			                        labelCol={{ span: 4 }}
			                        wrapperCol={{ span: 14 }}
			                        label="性别:"  style={{marginRight:'10px',marginTop: '-15px'}}>
			                        <Radio.Group value={this.state.hott} onChange={(e) => {
					                    this.setState({ hott: e.target.value }) 
					                    }}>
					                        <Radio value={0}>男</Radio>
					                        <Radio value={1}>女</Radio>
				                    </Radio.Group>
			                    </FormItem>	
							</Row>								               
					        <Row style={{ paddingLeft:'50px' }}>
		                        <Col span={2}>姓名:</Col>
                                <Col span={8}>
                                    <Input value={this.state.paymentIdt} required="required"
                                        onChange={(e) => { this.setState({ paymentIdt: e.target.value }) }} />
                                </Col>
                                <Col span={2} style={{ marginLeft: '50px' }}>QQ号:</Col>
                                <Col span={8}>
                                    <Input value={this.state.entIdt}
                                        onChange={(e) => { this.setState({ entIdt: e.target.value }) }} />
                                </Col>
                            </Row>
		                    <Row style={{ marginTop: '20px',paddingLeft:'50px' }}>
		                        <Col span={2}>手机号:</Col>
                                <Col span={8}>
                                    <Input value={this.state.payt} required="required"
                                        onChange={(e) => { this.setState({ payt: e.target.value }) }} />
                                </Col>
                                <Col span={2} style={{ marginLeft: '50px' }}>座机号:</Col>
                                <Col span={8}>
                                    <Input value={this.state.paymt}
                                        onChange={(e) => { this.setState({ paymt: e.target.value }) }} />
                                </Col>
                            </Row>

                            <Row style={{ marginTop: '20px' ,paddingLeft:'50px'}}>
                        		<Col span={2}>部门:</Col>
                        		<Col span={8}>
                           		 	<Input value={this.state.paytIdtt}
                               		 onChange={(e) => { this.setState({ paytIdtt: e.target.value }) }} />
                                </Col>
                                <Col span={2} style={{ marginLeft: '50px' }}>职位:</Col>
                                <Col span={8}>
                                    <Input value={this.state.paentIdt}
                                        onChange={(e) => { this.setState({ paentIdt: e.target.value }) }} />
                                </Col>
                            </Row>	
                            <Row style={{ marginTop: '20px',paddingLeft:'50px' }}>						                       
                                 <Col span={2}>微信号:</Col>
                                	<Col span={8}>
                                    <Input value={this.state.payIdt}
                                        onChange={(e) => { this.setState({ payIdt: e.target.value }) }} />
                                </Col>
                                <Col span={2} style={{ marginLeft: '50px' }}>邮箱:</Col>
                                <Col span={8}>
                                    <Input value={this.state.emailst}
                                        onChange={(e) => { this.setState({ emailst: e.target.value }) }} />
                                </Col>
                            </Row>
                            <Row style={{ marginTop: '20px',paddingLeft:'50px' ,marginBottom:'50px'}}>
                          <Button className="set-submit" type="primary" htmlType="submit"  id="change_keep" style={{marginLeft:'60px'}}>保存</Button>
			              <Button className="set-submit" type="ghost" onClick={this.addcontactModulcancel} id='change_rem'>取消</Button>
			            	</Row>
			            </Spin>
			        </Form>   
			    </Modal>
			    <Modal	
				      footer=''
			          title="业务意向详情"
			          width='1000px'
			          visible={this.state.businessModul}
			          onOk={this.businessIntentionOk}
					  onCancel={this.businessIntentionCancel}							          							          
			        >				    
					    <div className="clearfix">
			    			<Form horizontal id="demand-form" onSubmit={this.passworldSubmit}>
			    				<Spin spinning={this.state.loading}>
			    					<div className="clearfix">
				    					<FormItem className="half-item"
					                            {...formItemLayout}
					                            label="意向业务名称" >
					                        <span>{getCompanyIntention(this.state.businessGlossoryId)}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="意向时间" >
					                        <span>{this.state.createTime}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="客户名称" >
					                        <span>{this.state.identifyName}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="营销员" >
					                        <span>{this.state.adminName}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="意向业务进度" >
					                        <span>{getfllowSituation(this.state.followSituation)}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="业务客户状态" >
					                        <span>{getcustomerStatue(this.state.customerStatus)}</span>
					                    </FormItem>
					                </div>
				                    <div className="clearfix">
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="业务意向说明" >
					                        <span>{this.state.remarks}</span>
					                    </FormItem>
			                        </div>
			                        <div className="clearfix">
			                        	<div style={{fontSize:'18px',lineHeight:'24px',marginBottom:'10px'}}>业务跟进</div>
			                        	<div className="clearfix">
		                    			    <Spin spinning={this.state.loading}>
										      <Table 
								            	 pagination={this.state.paginations}
								            	 columns={this.state.businessFollowList} 
								            	 dataSource={this.state.visitArrList}
								            	 />
										    </Spin> 
										</div>	
			                        </div>
				                </Spin>
							</Form>                  
						</div>	                    
    			</Modal>
    			<Modal	
				      footer=''
			          title="业务跟进详情"
			          width='600px'
			          visible={this.state.businessFollowModul}
			          onOk={this.businessFollowOk}
					  onCancel={this.businessFollowCancel}							          							          
			        >				    
					    <div className="clearfix">
			    			<Form horizontal id="demand-form" onSubmit={this.passworldSubmit}>
			    				<Spin spinning={this.state.loading}>
			    					<div className="clearfix">
				    					<FormItem className="half-item"
					                            {...formItemLayout}
					                            label="意向业务名称" >
					                        <span>{getCompanyIntention(this.state.businessGlossoryIds)}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="意向时间" >
					                        <span>{this.state.createTimes}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="客户名称" >
					                        <span>{this.state.identifyNames}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="营销员" >
					                        <span>{this.state.adminNames}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="意向业务进度" >
					                        <span>{getfllowSituation(this.state.followSituations)}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="业务客户状态" >
					                        <span>{getcustomerStatue(this.state.customerStatuss)}</span>
					                    </FormItem>
					                </div>
				                    <div className="clearfix">
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="业务意向说明" >
					                        <span>{this.state.remarkss}</span>
					                    </FormItem>
			                        </div>
			                        <div className="clearfix">
			                        	<div style={{fontSize:'18px',lineHeight:'30px'}}>拜访情况</div>
			                        	<FormItem className="half-item"
					                            {...formItemLayout}
					                            label="拜访方式" >
					                        <span>{getContactType(this.state.contactTypes)}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="联系人" >
					                        <span>{this.state.contactss}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="联系电话" >
					                        <span>{this.state.contactMobiles}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="拜访时间" >
					                        <span>{this.state.followTimes}</span>
					                    </FormItem>
					                    <FormItem className="half-item"
					                            {...formItemLayout}
					                            label="拜访人" >
					                        <span>{this.state.adminNames}</span>
					                    </FormItem> 
					                    <div className="clearfix">
					                    	<FormItem className="half-item"
					                            {...formItemLayout}
					                            label="拜访备注" >
					                        <span>{this.state.results}</span>
					                    </FormItem>
					                    </div>
			                        </div>
				                </Spin>
							</Form>                  
						</div>	                    
    			</Modal>
          </div >
        );
    }
}));
export default MyClient;