| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728 | 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}	                           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}	                  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();     	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:this.state.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();    	if(this.state.contactType==undefined){    		message.warning('请选择拜访方式')    		return false;    	};    	if(this.state.keys){    		if(this.state.lastName==undefined){		  		message.warning('请选择联系人')		  		return false;		  	}    	};	        this.setState({        		            selectedRowKeys: [],           	        });	        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.preventDafault();	},	//获取联系人下拉框	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() {        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();     	this.state.data=[];        this.setState({        	            selectedRowKeys: [],                   });        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="行业"					                         > 												    <Select placeholder="选择行业" value={this.state.industry} onChange={(e) => {								                        this.setState({industry:e})}}>				                                      {				                                        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', {						                            	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;
 |