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 = (
点击上传
); return (
{fileList.length >= 5 ? null : uploadButton} example
); } }); 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); }.bind(this), showTotal: function (total) { return '共' + total + '条数据'; } }, paginationt: { defaultCurrent: 1, defaultPageSize: 10, showQuickJumper: true, pageSize: 10, onChange: function (page) { this.BusinessList(page); }.bind(this), showTotal: function (total) { return '共' + total + '条数据'; } }, //业务意向列表 intentionList:[ { title: '业务名称', dataIndex: 'businessGlossoryId', key: 'businessGlossoryId', render: (text, record, index) => { return } }, { title: '最新进度', dataIndex: 'followSituation', key: 'followSituation', render: (text, record, index) => { return } },{ title: '最新状态', dataIndex: 'customerStatus', key: 'customerStatus', render: (text, record, index) => { return } },{ title: '跟进说明', dataIndex: 'remarks', key: 'remarks', render: (text, record, index) => { return { record.remarks = e.target.value; this.setState({ data: this.state.data }); }} style={{width:'120px'}}/> } },{ title: '操作', dataIndex: 'rrr', key: 'rrr', render: (text, record, index) => { return
{this.intentionDelet(record)}} okText="删除" cancelText="不删除">
} } ], businessIntentionList:[{ title: '意向时间', dataIndex: 'createTime', key: 'createTime' },{ title: '客户名称', dataIndex: 'identifyName', key: 'identifyName' },{ title: '业务名', dataIndex: 'businessName', key: 'businessName' } ,{ title: '营销员', dataIndex: 'adminName', key: 'adminName' },{ title: '业务意向进度', dataIndex: 'followSituation', key: 'followSituation', render:text=>{return getfllowSituation(text)} },{ title: '客户状态', dataIndex: 'customerStatus', key: 'customerStatus' , render:text=>{return getcustomerStatue(text)} },{ title: '操作', dataIndex: 'ooo', key: 'ooo', render:(text,record) =>{return ()} } ], businessFollowList:[ { title: '跟进时间', dataIndex: 'followTime', key: 'followTime', }, { title: '营销员', dataIndex: 'adminName', key: 'adminName', }, { title: '业务意向进度', dataIndex: 'followSituation', key: 'followSituation', render:text=>{return getfllowSituation(text)} }, { title: '客户状态', dataIndex: 'customerStatus', key: 'customerStatus', render:text=>{return getcustomerStatue(text)} }, { title: '拜访方式', dataIndex: 'contactType', key:'contactType', render:text=>{return getContactType(text)} }, { title: '联系人', dataIndex: 'contacts', key: 'contacts', }, { title: '联系电话', dataIndex: 'contactMobile', key:'contactMobile', },{ title: '操作', dataIndex: 'ooo', key: 'ooo', render:(text,record) =>{return ()} } ], visitsList:[{ title: '拜访时间', dataIndex: 'followTime', key: 'followTime' },{ title: '客户名称', dataIndex: '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
{this.visitDelet(record)}} okText="删除" cancelText="不删除">
} } ], ContactsLists:[{ title: '姓名', dataIndex: 'name', key: 'name', render: (text, record, index) => { return { record.name = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> } },{ title: '联系人部门', dataIndex: 'depatrment', key: 'depatrment', render: (text, record, index) => { return { record.depatrment = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> } },{ title: '联系人职务', dataIndex: 'position', key: 'position', render: (text, record, index) => { return { record.position = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> } },{ title: '手机号码', dataIndex: 'mobile', key: 'mobile', render: (text, record, index) => { return { record.mobile = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> } },{ title: '微信', dataIndex: 'wechat', key: 'wechat', render: (text, record, index) => { return { 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 { record.qq = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> } },{ title: '电子邮箱', dataIndex: 'email', key: 'email', render: (text, record, index) => { return { record.email = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/> } }, { title: '操作', dataIndex: 'dels', key: 'dels', render: (text, record, index) => { return
{this.confirmDelet(record)}} okText="删除" cancelText="不删除">
} } ], 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
} } ], 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)); }, //指定转交人的点击函数 showModa(){ this.setState({ visible: true, }); this.setState({ selectedRowKey:[], }); this.setState({ selectedRowKeys:this.state.selectedRowKeys, }); let changeIds; let adminName; let customerStatus; let companyIntention; let followSituation; for (let idx = 0; idx < this.state.selectedRows.length; idx++) { let rowItem = this.state.selectedRows[idx]; if (rowItem.id) { changeIds=rowItem.id; adminName=rowItem.adminName; customerStatus=rowItem.customerStatus; companyIntention=rowItem.companyIntention; followSituation=rowItem.followSituation; }; }; $.ajax({ method: "post", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/customer/findAdmin", data: { id: changeIds,//这一行数据的ID beforeCompanyIntention:companyIntention,//意向服务 beforeCustomerStatus:customerStatus,//客户状态 beforeFollowSituation:followSituation,//最新跟进状态 beforeAdminName:adminName,//跟进人 } }).done(function (data) { if (data.error && data.error.length) { message.warning(data.error[0].message); } else { let theAssigne = []; if (!data.data) { 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]; //处理数据 进行循环 theAssigne.push({ name: thisdata.name, id: thisdata.id, ids: thisdata.cid, mobile:thisdata.mobile, adminName: thisdata.beforeAdminName, customerStatus: thisdata.beforeCustomerStatus, companyIntention: thisdata.beforeCompanyIntention, followSituation: thisdata.beforeFollowSituation, }); }; }; this.setState({ dataman: theAssigne, paginations:false }); } }.bind(this)); }, //选择了指定人之后的保存点击函数,需要修改函数 changeAssigner() { this.setState({ visible: false, }); this.setState({ selectedRowKeys:[], }); let datt=this.state.selectedRow; $.ajax({ method: "post", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/customer/transferCustomer", data: { id: datt[0].ids,//这一行数据的ID aid:datt[0].id,//指定转交人的ID beforeAdminName:datt[0].adminName,//之前的跟进人 adminName:datt[0].name,//转交的跟进人 } }).done(function (data) { if (!data.error.length) { message.success('转交成功!'); this.setState({ loading: false, }); } else { message.warning(data.error[0].message); }; this.loadData(); }.bind(this)); }, //转为公共客户 changeRow() { let deletedIds; let adminName; for (let idx = 0; idx < this.state.selectedRows.length; idx++) { let rowItem = this.state.selectedRows[idx]; if (rowItem.id) { deletedIds=rowItem.id; adminName=rowItem.adminName; }; }; this.setState({ selectedRowKeys: [], }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/customer/transferToPublic", data: { id: deletedIds, beforeAdminName:adminName, } }).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( {item.name} ) }); //行业 let intentionalArr = []; industryList.map(function (item) { intentionalArr.push( {item.key} ) }); //会员等级 let lvlArr = []; lvl.map(function (item) { lvlArr.push( {item.key} ) }); //会员状态customerStatus let currentMemberArr = []; currentMember.map(function (item) { currentMemberArr.push( {item.key} ) }); //客户状态 let customerStatusArr = []; customerStatus.map(function (item) { customerStatusArr.push( {item.key} ) }); this.state.Provinces = Province; this.state.intentionalOption = intentionalArr; this.state.lvlArrOption = lvlArr; this.state.currentMemberArrOption = currentMemberArr; this.state.customerStatusArrOption = customerStatusArr; this.loadData(); }, 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.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)?String(thisData.industry):undefined, }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, //tab3账户信息请求数据 httpAccount(record){ this.RowClick; $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/customer/findUserAccountDetail', data: { uid: record }, success: function (data) { let thisData = data.data; if (!thisData) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; thisData = {}; }; let sourcecustomer='' switch(String(thisData.source)){ case '0': sourcecustomer='注册客户' break; case '1': sourcecustomer='录入客户' break; } this.setState({ Accountuid:thisData.id, mobile:thisData.mobile, nickname:thisData.nickname, email:thisData.email, type:getcustomerTyp(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 });//需要一个请求数据 this.loadInformation(e.id) this.httpAccount(e.id); this.loadBfVisit(); this.BusinessList(); this.contactLists(e.id); }, //点击消失函数 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( {theData.name} ); }; 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) { 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: 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(); } if(e==5){ this.BusinessList(); } 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) { 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: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 (
我的客户
{ this.setState({ nameSearch: e.target.value }); }} /> { this.setState({ addressSearch: e }) }} /> { 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} 文件上传失败。`); }; }} > {/**/} 更多搜索
{ this.setState({ releaseDate: dataString }); }} /> 认证: 国际: 高新: 上市: 会员:
{theInformation.unitName}
{getFieldDecorator('societyTag', { initialValue: theInformation.societyTag })( )} { this.setState({ ProvinceCity: e }) }} /> {getFieldDecorator('postalAddress', { initialValue: theInformation.postalAddress })( )} {getFieldDecorator('contactsFixedTel', { initialValue: theInformation.contactsFixedTel })( )} {getFieldDecorator('contactsFax', { initialValue: theInformation.contactsFax })( )} {getFieldDecorator('registeredCapital', { initialValue: theInformation.registeredCapital })( )} {getFieldDecorator('enterpriseScale', { initialValue: theInformation.enterpriseScale })( )} {getFieldDecorator('legalPerson', { initialValue: theInformation.legalPerson })( )} {getFieldDecorator('legalPersonIdCard', { initialValue: theInformation.legalPersonIdCard })( )} {getFieldDecorator('legalPersonTel', { initialValue: theInformation.legalPersonTel })( )} {getFieldDecorator('legalPersonEmail', { initialValue: theInformation.legalPersonEmail })( )} { this.setState({highTechZone:e.target.value}) }}> { this.setState({listed:e.target.value }) }}> {getFieldDecorator('orgCode', { initialValue: theInformation.orgCode })( )}

图片建议:图片要清晰。

图片建议:图片要清晰。

{getFieldDecorator('businessScope', { initialValue: theInformation.businessScope })( )} {getFieldDecorator('introduction', { initialValue: theInformation.introduction })( )}
{ this.setState({ mobile: e.target.value }); }} style={{width:'200px',marginRight:'50px'}}/> { this.setState({ nickname: e.target.value }); }} /> { this.setState({ email: e.target.value }); }} /> {this.state.source} {this.state.type} {this.state.createTimes}
{ this.setState({ isMember: e.target.value }) }}>
{ this.setState({ serviceCertification: e.target.value }) }}> 未认证 已认证 { this.setState({ userCertification: e.target.value }) }}> 未认证 已认证
{ this.setState({ contactType: e.target.value }) }}> 外出 电话 QQ 微信 邮箱
{this.state.identityName} {this.state.adminName} {this.state.contacts} {this.state.contacts?: } {this.state.followTime} {this.state.nub}
{this.setState({result:e.target.value})}}/>
业务意向
record.id} pagination={false} columns={this.state.intentionList} dataSource={this.state.data} />
{ this.setState({ companyNamet1: e.target.value }); }} required="required" />
{ this.setState({ companyName1: e.target.value }); }} required="required" />
{ this.setState({ companyNam1: e.target.value }); }} required="required" />
{ this.setState({ hotst: e.target.value }) }}> { this.setState({ hott: e.target.value }) }}>
姓名: { this.setState({ paymentIdt: e.target.value }) }} /> QQ号: { this.setState({ entIdt: e.target.value }) }} /> 手机号: { this.setState({ payt: e.target.value }) }} /> 座机号: { this.setState({ paymt: e.target.value }) }} /> 部门: { this.setState({ paytIdtt: e.target.value }) }} /> 职位: { this.setState({ paentIdt: e.target.value }) }} /> 微信号: { this.setState({ payIdt: e.target.value }) }} /> 邮箱: { this.setState({ emailst: e.target.value }) }} />
{getCompanyIntention(this.state.businessGlossoryId)} {this.state.createTime} {this.state.identifyName} {this.state.adminName} {getfllowSituation(this.state.followSituation)} {getcustomerStatue(this.state.customerStatus)}
{this.state.remarks}
业务跟进
{getCompanyIntention(this.state.businessGlossoryIds)} {this.state.createTimes} {this.state.identifyNames} {this.state.adminNames} {getfllowSituation(this.state.followSituations)} {getcustomerStatue(this.state.customerStatuss)}
{this.state.remarkss}
拜访情况
{getContactType(this.state.contactTypes)} {this.state.contactss} {this.state.contactMobiles} {this.state.followTimes} {this.state.adminNames}
{this.state.results}
); } })); export default MyClient;