| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376 | 
							- import React from 'react';
 
- import {
 
- 	Radio,
 
- 	Icon,
 
- 	Button,
 
- 	AutoComplete,
 
- 	Cascader,
 
- 	Input,
 
- 	Select,
 
- 	Spin,
 
- 	Popconfirm,
 
- 	Table,
 
- 	Switch,
 
- 	message,
 
- 	DatePicker,
 
- 	Upload,
 
- 	Form,
 
- 	Modal,
 
- 	Tabs,
 
- 	Tag, Tooltip
 
- } from 'antd';
 
- import ajax from 'jquery/src/ajax/xhr.js';
 
- import $ from 'jquery/src/ajax';
 
- import moment from 'moment';
 
- import TechAchievementDesc from '@/manageCenter/achievement/crmAchievement.jsx';
 
- import { citySelect, provinceList, areaSelect } from '@/NewDicProvinceList';
 
- import { socialAttribute, industry, auditStatusL, lvl, currentMember, slcRedit, dataGrade } from '@/dataDic.js';
 
- import { getSocialAttribute, beforeUploadFile, splitUrl, getSlcRedit, getDataGrade, getAchievementCategory, getTechAuditStatus, getboutique, getXiangmoState, onReplace } from '@/tools.js';
 
- import './customer.less';
 
- import ImgList from "../../../../common/imgList";
 
- import { ChooseList } from "../../../order/orderNew/chooseList";
 
- import EnterpriseNameChange from "../../../../common/enterpriseNameChange";
 
- const TabPane = Tabs.TabPane;
 
- //图片组件
 
- 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" }}>
 
- 				<ImgList
 
- 					domId={this.props.domId}
 
- 					uploadConfig={{
 
- 						action: globalConfig.context + "/api/admin/customer/uploadCustomerImg",
 
- 						data: { 'sign': '' },
 
- 						multiple: true,
 
- 						listType: "picture-card",
 
- 					}}
 
- 					onChange={(infor) => {
 
- 						this.handleChange(infor)
 
- 					}}
 
- 					fileList={fileList}
 
- 				/>
 
- 			</div>
 
- 		);
 
- 	}
 
- });
 
- const IntentionCustomer = Form.create()(React.createClass({
 
- 	loadData(pageNo, apiUrl) {
 
- 		this.setState({
 
- 			visitModul: false,
 
- 			loading: true,
 
- 			ispage: pageNo,
 
- 			modalVisible: false
 
- 		});
 
- 		$.ajax({
 
- 			method: "post",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + "/api/admin/customer/listDepCustomerInformation",
 
- 			data: {
 
- 				pageNo: pageNo || 1,
 
- 				pageSize: this.state.pagination.pageSize,
 
- 				name: this.state.nameSearch,
 
- 				dataGrade: this.state.dataGrade,
 
- 				province: !(this.state.addressSearch).length ? this.state.provinceSearch : this.state.addressSearch[0],
 
- 				city: !(this.state.addressSearch).length ? '' : this.state.addressSearch[1],
 
- 				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];
 
- 						let diqu = (thisdata.province == null ? "" : thisdata.province) + (thisdata.city == null ? "" : "-" + thisdata.city) + (thisdata.area == null ? "" : "-" + thisdata.area);
 
- 						theArr.push({
 
- 							key: i,
 
- 							id: thisdata.id,//用户ID
 
- 							type: thisdata.type,//类型
 
- 							name: thisdata.name,//用户名称
 
- 							diqu: diqu,//省市区
 
- 							industry: thisdata.industry,//行业
 
- 							contacts: thisdata.contacts,//联系人
 
- 							iname: thisdata.iname,//客户资料所属人
 
- 							dataGrade: thisdata.dataGrade ? (thisdata.dataGrade * 100).toFixed(2) + "%" : "",//资料完整度
 
- 							contactMobile: thisdata.contactMobile,//联系人电话
 
- 							createTime: thisdata.createTime,//行业
 
- 						});
 
- 					};
 
- 					this.state.pagination.current = data.data.pageNo;
 
- 					this.state.pagination.total = data.data.totalCount;
 
- 				};
 
- 				if (data.data && data.data.list && !data.data.list.length) {
 
- 					this.state.pagination.current = 0
 
- 					this.state.pagination.total = 0
 
- 				}
 
- 				this.setState({
 
- 					dataSource: theArr,
 
- 					pagination: this.state.pagination,
 
- 					selectedRowKeys: []
 
- 				});
 
- 			}.bind(this),
 
- 		}).always(function () {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	loadDatas(pageNo) {
 
- 		this.setState({
 
- 			loading: true,
 
- 		});
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + "/api/admin/achievement/listUserAchievement",
 
- 			data: {
 
- 				pageNo: pageNo || 1,
 
- 				pageSize: this.state.paginationDate.pageSize,
 
- 				uid: this.state.uid,
 
- 			},
 
- 			success: function (data) {
 
- 				let theArr = [];
 
- 				if (!data.data || !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.id,
 
- 							serialNumber: thisdata.serialNumber,
 
- 							dataCategory: thisdata.dataCategory,
 
- 							name: thisdata.name,
 
- 							keyword: thisdata.keyword,
 
- 							theName: thisdata.username || thisdata.ownerName,
 
- 							category: thisdata.category,
 
- 							ownerName: thisdata.username ? thisdata.username : thisdata.ownerName,
 
- 							ownerType: thisdata.ownerType,
 
- 							ownerMobile: thisdata.ownerMobile,
 
- 							status: thisdata.status,
 
- 							releaseDate: thisdata.releaseDate,
 
- 							releaseDateFormattedDate: thisdata.releaseDateFormattedDate,
 
- 							auditStatus: thisdata.auditStatus,
 
- 							boutique: thisdata.boutique,
 
- 							hot: thisdata.hot,
 
- 							techBrokerId: thisdata.techBrokerId,
 
- 							createTimeFormattedDate: thisdata.createTimeFormattedDate,
 
- 							remark: thisdata.remark
 
- 						});
 
- 					};
 
- 					this.state.paginationDate.current = data.data.pageNo;
 
- 					this.state.paginationDate.total = data.data.totalCount;
 
- 				};
 
- 				this.setState({
 
- 					dataSourceDate: theArr,
 
- 					paginationDate: this.state.paginationDate
 
- 				});
 
- 			}.bind(this),
 
- 		}).always(function () {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	loadDatac(pageNo, apiUrl) {
 
- 		this.setState({
 
- 			loading: true,
 
- 		});
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + "/api/admin/customers/selectListOrgAnnual",
 
- 			data: {
 
- 				//				pageNo: pageNo || 1,
 
- 				//				pageSize: this.state.pagination.pageSize,
 
- 				uid: this.state.uid,
 
- 			},
 
- 			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];
 
- 						let diqu = (thisdata.province == null ? "" : thisdata.province) + (thisdata.city == null ? "" : "-" + thisdata.city) + (thisdata.area == null ? "" : "-" + thisdata.area);
 
- 						theArr.push({
 
- 							key: i,
 
- 							id: thisdata.id,//年报ID
 
- 							year: thisdata.year,//年份
 
- 							salesAmount: thisdata.salesAmount,//营销额
 
- 							fixedAssets: thisdata.fixedAssets,//固定资产
 
- 							researchAmount: thisdata.researchAmount,//研发费用
 
- 							assets: thisdata.assets,//总资产
 
- 							aid: thisdata.aid,//录入人
 
- 						});
 
- 					};
 
- 					//					this.state.pagination.current = data.data.pageNo;
 
- 					//				    this.state.pagination.total = data.data.totalCount;
 
- 				};
 
- 				if (data.data && data.data.list && !data.data.list.length) {
 
- 					this.state.pagination.current = 0
 
- 					this.state.pagination.total = 0
 
- 				}
 
- 				this.setState({
 
- 					dataSourcec: theArr,
 
- 					//					pageNo: pageNo,
 
- 					//					pagination: this.state.pagination,
 
- 					//					selectedRowKeys:[]
 
- 				});
 
- 			}.bind(this),
 
- 		}).always(function () {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	loadDatax(pageNo, apiUrl) {
 
- 		this.setState({
 
- 			loading: true,
 
- 		});
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + "/api/admin/customers/selectListOrgYearProject",
 
- 			data: {
 
- 				uid: this.state.uid,
 
- 			},
 
- 			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];
 
- 						let diqu = (thisdata.province == null ? "" : thisdata.province) + (thisdata.city == null ? "" : "-" + thisdata.city) + (thisdata.area == null ? "" : "-" + thisdata.area);
 
- 						theArr.push({
 
- 							key: i,
 
- 							id: thisdata.id,//用户ID
 
- 							projectName: thisdata.projectName,//项目名称
 
- 							year: thisdata.year,//年份
 
- 							status: thisdata.status ? thisdata.status.toString() : "",//项目状态
 
- 							remark: thisdata.remark,//备注
 
- 							aid: thisdata.aid,//录入人
 
- 						});
 
- 					};
 
- 					//					this.state.pagination.current = data.data.pageNo;
 
- 					//				    this.state.pagination.total = data.data.totalCount;
 
- 				};
 
- 				if (data.data && data.data.list && !data.data.list.length) {
 
- 					this.state.pagination.current = 0
 
- 					this.state.pagination.total = 0
 
- 				}
 
- 				this.setState({
 
- 					dataSourcex: theArr,
 
- 				});
 
- 			}.bind(this),
 
- 		}).always(function () {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	getInitialState() {
 
- 		return {
 
- 			addressSearch: [],
 
- 			orgCodeUrl: [],
 
- 			companyLogoUrl: [],
 
- 			visible: false,
 
- 			releaseDate: [],
 
- 			visitModul: false,
 
- 			detailApi: '',
 
- 			followData: {},
 
- 			selectedRowKeys: [],
 
- 			selectedRows: [],
 
- 			loading: false,
 
- 			callnub: "0",
 
- 			modalVisible: false,
 
- 			pagination: {
 
- 				defaultCurrent: 1,
 
- 				defaultPageSize: 10,
 
- 				showQuickJumper: true,
 
- 				pageSize: 10,
 
- 				onChange: function (page) {
 
- 					this.loadData(page);
 
- 				}.bind(this),
 
- 				showTotal: function (total) {
 
- 					return '共' + total + '条数据';
 
- 				}
 
- 			},
 
- 			paginationDate: {
 
- 				defaultCurrent: 1,
 
- 				defaultPageSize: 10,
 
- 				showQuickJumper: true,
 
- 				pageSize: 10,
 
- 				onChange: function (page) {
 
- 					this.loadDatas(page);
 
- 				}.bind(this),
 
- 				showTotal: function (total) {
 
- 					return '共' + total + '条数据';
 
- 				}
 
- 			},
 
- 			columns: [{
 
- 				title: '客户名称',
 
- 				dataIndex: 'name',
 
- 				key: 'name',
 
- 				width: 100,
 
- 				render: text => {
 
- 					return (
 
- 						<Tooltip title={onReplace(text)}>
 
- 							<div style={{
 
- 								maxWidth: '100px',
 
- 								overflow: 'hidden',
 
- 								textOverflow: "ellipsis",
 
- 								whiteSpace: 'nowrap',
 
- 							}}>{onReplace(text)}</div>
 
- 						</Tooltip>
 
- 					)
 
- 				}
 
- 			}, {
 
- 				title: '地区',
 
- 				dataIndex: 'diqu',
 
- 				key: 'diqu',
 
- 			}, {
 
- 				title: '联系人',
 
- 				dataIndex: 'contacts',
 
- 				key: 'contacts',
 
- 			}, {
 
- 				title: '联系电话',
 
- 				dataIndex: 'contactMobile',
 
- 				key: 'contactMobile',
 
- 			},
 
- 			{
 
- 				title: '资料完整度',
 
- 				dataIndex: 'dataGrade',
 
- 				key: 'dataGrade',
 
- 			}, {
 
- 				title: '客户资料所属人',
 
- 				dataIndex: 'iname',
 
- 				key: 'iname',
 
- 			},
 
- 			{
 
- 				title: '行业',
 
- 				dataIndex: 'industry',
 
- 				key: 'industry'
 
- 			},
 
- 			{
 
- 				title: '创建时间',
 
- 				dataIndex: 'createTime',
 
- 				key: 'createTime',
 
- 			}
 
- 			],
 
- 			businessScope: [],
 
- 			salesTarget: [],
 
- 			data: [],
 
- 			dataSource: [],
 
- 			columnsDate: [
 
- 				{
 
- 					title: '编号',
 
- 					dataIndex: 'serialNumber',
 
- 					key: 'serialNumber',
 
- 				}, {
 
- 					title: '名称',
 
- 					dataIndex: 'name',
 
- 					key: 'name',
 
- 				}, {
 
- 					title: '关键字',
 
- 					dataIndex: 'keyword',
 
- 					key: 'keyword',
 
- 				}, {
 
- 					title: '类型',
 
- 					dataIndex: 'category',
 
- 					key: 'category',
 
- 					render: text => { return getAchievementCategory(text); }
 
- 				}, {
 
- 					title: '审核状态',
 
- 					dataIndex: 'auditStatus',
 
- 					key: 'auditStatus',
 
- 					render: text => { return getTechAuditStatus(text) }
 
- 				},
 
- 				{
 
- 					title: '是否精品',
 
- 					dataIndex: 'boutique',
 
- 					key: 'boutique',
 
- 					render: text => { return getboutique(text) }
 
- 				},
 
- 				{
 
- 					title: '发布时间',
 
- 					dataIndex: 'releaseDateFormattedDate',
 
- 					key: 'releaseDateFormattedDate',
 
- 				}, {
 
- 					title: '录入时间',
 
- 					dataIndex: 'createTimeFormattedDate',
 
- 					key: 'createTimeFormattedDate',
 
- 				},
 
- 			],
 
- 			dataSourceDate: [],
 
- 			columnsc: [{
 
- 				title: '年份',
 
- 				dataIndex: 'year',
 
- 				key: 'year',
 
- 			}, {
 
- 				title: '营销收入(万)',
 
- 				dataIndex: 'salesAmount',
 
- 				key: 'salesAmount',
 
- 			},
 
- 			{
 
- 				title: '总资产(万)',
 
- 				dataIndex: 'assets',
 
- 				key: 'assets'
 
- 			},
 
- 			{
 
- 				title: '固定资产(万)',
 
- 				dataIndex: 'fixedAssets',
 
- 				key: 'fixedAssets'
 
- 			}, {
 
- 				title: '研发费用(万)',
 
- 				dataIndex: 'researchAmount',
 
- 				key: 'researchAmount',
 
- 			}
 
- 			],
 
- 			dataSourcec: [],
 
- 			columnsx: [{
 
- 				title: '项目名称',
 
- 				dataIndex: 'projectName',
 
- 				key: 'projectName',
 
- 			}, {
 
- 				title: '年份',
 
- 				dataIndex: 'year',
 
- 				key: 'year',
 
- 			},
 
- 			{
 
- 				title: '项目状态',
 
- 				dataIndex: 'status',
 
- 				key: 'status',
 
- 				render: text => { return getXiangmoState(text); }
 
- 			}, {
 
- 				title: '备注',
 
- 				dataIndex: 'remark',
 
- 				key: 'remark',
 
- 			}
 
- 			],
 
- 			dataSourcex: [],
 
- 		};
 
- 	},
 
- 	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 = [];
 
- 		industry.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>
 
- 			)
 
- 		});
 
- 		this.state.Provinces = Province;
 
- 		this.state.intentionalOption = intentionalArr;
 
- 		this.state.lvlArrOption = lvlArr;
 
- 		this.state.currentMemberArrOption = currentMemberArr;
 
- 		this.loadData();
 
- 	},
 
- 	search() {
 
- 		this.loadData();
 
- 	},
 
- 	reset() {
 
- 		this.state.nameSearch = '';
 
- 		this.state.addressSearch = [];
 
- 		this.state.dataGrade = undefined;
 
- 		this.state.follow = undefined;
 
- 		this.state.provinceSearch = undefined;
 
- 		this.state.citySearch = undefined;
 
- 		this.state.releaseDate[0] = undefined;
 
- 		this.state.releaseDate[1] = undefined;
 
- 		this.loadData();
 
- 	},
 
- 	//列表详情
 
- 	details(id) {
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + "/api/admin/customer/findOrganizationCustomerDetail",
 
- 			data: {
 
- 				uid: id
 
- 			},
 
- 			success: function (data) {
 
- 				let thisDetail = data.data;
 
- 				if (data.error.length || data.data.list == "") {
 
- 					if (data.error && data.error.length) {
 
- 						message.warning(data.error[0].message);
 
- 					};
 
- 				} else {
 
- 					let ProvinceCityArr = [];
 
- 					let ProvinceS = thisDetail.locationProvince; //省
 
- 					let citys = thisDetail.locationCity;//市
 
- 					let Areas = thisDetail.locationArea;//区
 
- 					ProvinceCityArr.push(ProvinceS, citys, Areas);
 
- 					this.setState({
 
- 						detailId: thisDetail.id,//详情ID
 
- 						identifyName: thisDetail.identifyName,//客户名称
 
- 						uid: thisDetail.uid,//客户ID
 
- 						societyTag: thisDetail.societyTag,//社会标签
 
- 						companyLogoUrl: thisDetail.companyLogoUrl ? splitUrl(thisDetail.companyLogoUrl, ',', globalConfig.avatarHost + '/upload') : [],//公司LOGO
 
- 						introduction: thisDetail.introduction,//介绍
 
- 						industry: thisDetail.industry ? thisDetail.industry.toString() : "",//行业
 
- 						locationProvince: thisDetail.locationProvince,//省
 
- 						locationCity: thisDetail.locationCity,//市
 
- 						locationArea: thisDetail.locationArea,//区
 
- 						ProvinceCity: ProvinceCityArr[0] != null ? ProvinceCityArr : undefined,//省市区
 
- 						postalAddress: thisDetail.postalAddress,//通讯地址
 
- 						contactsFixedTel: thisDetail.contactsFixedTel,//固定电话
 
- 						contactsFax: thisDetail.contactsFax,//传真地址
 
- 						registeredCapital: thisDetail.registeredCapital,//注册资金
 
- 						enterpriseScale: thisDetail.enterpriseScale,//企业规模
 
- 						legalPerson: thisDetail.legalPerson,//法人
 
- 						legalPersonIdCard: thisDetail.legalPersonIdCard,//法人身份证
 
- 						legalPersonTel: thisDetail.legalPersonTel,//法人联系电话
 
- 						legalPersonEmail: thisDetail.legalPersonEmail,//法人联系邮箱
 
- 						highTechZone: thisDetail.highTechZone,//是否高新
 
- 						listed: thisDetail.listed,//是否高新
 
- 						international: thisDetail.international,//是否国际化
 
- 						orgCode: thisDetail.orgCode,//社会统一机构
 
- 						orgCodeUrl: thisDetail.orgCodeUrl ? splitUrl(thisDetail.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [],//社会统一机构地址
 
- 						businessScope: thisDetail.businessScope ? thisDetail.businessScope.split(',').filter((v) => v) : [],//业务范围
 
- 						salesTarget: thisDetail.salesTarget ? thisDetail.salesTarget.split(',').filter((v) => v) : [],//销售目标企业
 
- 						contacts: thisDetail.contacts,//主要联系人姓名
 
- 						contactMobile: thisDetail.contactMobile,//主要联系人电话
 
- 						investment: thisDetail.investment,//投资机构
 
- 						businessAudit: thisDetail.businessAudit,//业务认证
 
- 						auditStatus: thisDetail.auditStatus,//实名认证
 
- 						intellectualProperty: thisDetail.intellectualProperty,//已有知识产权情况
 
- 						yearSalesAmount: thisDetail.yearSalesAmount,//年度销售额
 
- 						lastYearResearchAmount: thisDetail.lastYearResearchAmount,//上年度研发费用
 
- 						assets: thisDetail.assets,//总资产
 
- 						qualification: thisDetail.qualification,//企业资质情况
 
- 						cooperationSituation: thisDetail.cooperationSituation,//企业与高校院所
 
- 						informationMaintainer: thisDetail.informationMaintainer,//资料维护人
 
- 						informationMaintainerName: thisDetail.informationMaintainerName,//资料维护人
 
- 						coreTechnology: thisDetail.coreTechnology,//核心技术
 
- 						accomplishSituation: thisDetail.accomplishSituation,//客户已完成项目情况
 
- 						creditRating: thisDetail.creditRating ? thisDetail.creditRating.toString() : "",//信用等级
 
- 					});
 
- 				}
 
- 			}.bind(this),
 
- 		}).always(function () {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	//基本信息提交
 
- 	newSubmit(e) {
 
- 		e.preventDefault();
 
- 		if (!this.state.industry) {
 
- 			message.warning('请选择行业');
 
- 			return false;
 
- 		};
 
- 		if (!this.state.societyTag) {
 
- 			message.warning('请选择社会属性');
 
- 			return false;
 
- 		};
 
- 		if (!this.state.ProvinceCity[1]) {
 
- 			message.warning('请选择地区');
 
- 			return false;
 
- 		};
 
- 		if (!this.state.registeredCapital) {
 
- 			message.warning('请填写注册资本');
 
- 			return false;
 
- 		};
 
- 		if (!this.state.businessScope) {
 
- 			message.warning('请填写公司主营产品');
 
- 			return false;
 
- 		};
 
- 		if (!this.state.intellectualProperty) {
 
- 			message.warning('请填写已有知识产权情况');
 
- 			return false;
 
- 		};
 
- 		var reg = /^[1-9]\d*$|^0$/;
 
- 		if (this.state.consultationPrice) {
 
- 			if (this.state.consultationPrice.length > 6) {
 
- 				message.warning('咨询费用不超过6位数');
 
- 				this.refs.consul.focus();
 
- 				return false;
 
- 			};
 
- 			if (!reg.test(this.state.consultationPrice)) {
 
- 				message.warning('咨询费用只能输入数字');
 
- 				this.refs.consul.focus();
 
- 				return false;
 
- 			}
 
- 		}
 
- 		this.state.data = [];
 
- 		this.setState({
 
- 			selectedRowKeys: [],
 
- 		});
 
- 		let theorgCodeUrl = [];
 
- 		if (this.state.orgCodeUrl.length) {
 
- 			let picArr = [];
 
- 			this.state.orgCodeUrl.map(function (item) {
 
- 				if (item.response && item.response.data && item.response.data.length) {
 
- 					picArr.push(item.response.data);
 
- 				}
 
- 			});
 
- 			theorgCodeUrl = picArr.join(",");
 
- 		};
 
- 		let thecompanyLogoUrl = [];
 
- 		if (this.state.companyLogoUrl.length) {
 
- 			let picArr = [];
 
- 			this.state.companyLogoUrl.map(function (item) {
 
- 				if (item.response && item.response.data && item.response.data.length) {
 
- 					picArr.push(item.response.data);
 
- 				}
 
- 			});
 
- 			thecompanyLogoUrl = picArr.join(",");
 
- 		};
 
- 		let years = [];
 
- 		let yearMonth = this.state.yearMonth != undefined ? new Date(this.state.yearMonth).toLocaleDateString() : '';
 
- 		years = yearMonth.split('/');
 
- 		this.setState({
 
- 			loading: true
 
- 		});
 
- 		$.ajax({
 
- 			method: "post",
 
- 			dataType: "json",
 
- 			url: globalConfig.context + '/api/admin/customer/updateOrganizationCustomer',
 
- 			data: {
 
- 				id: this.state.detailId,//详情ID
 
- 				identifyName: this.state.identifyName,//客户名称
 
- 				uid: this.state.uid,//客户ID
 
- 				societyTag: this.state.societyTag,//社会标签
 
- 				companyLogoUrl: thecompanyLogoUrl.length != 0 ? thecompanyLogoUrl : '',//公司LOGO
 
- 				introduction: this.state.introduction,//介绍
 
- 				industry: this.state.industry,//行业
 
- 				locationProvince: (this.state.ProvinceCity)[0],//省
 
- 				locationCity: (this.state.ProvinceCity)[1],//市
 
- 				locationArea: (this.state.ProvinceCity)[2],//区
 
- 				postalAddress: this.state.postalAddress,//通讯地址
 
- 				contactsFixedTel: this.state.contactsFixedTel,//固定电话
 
- 				contactsFax: this.state.contactsFax,//传真地址
 
- 				registeredCapital: this.state.registeredCapital,//注册资金
 
- 				enterpriseScale: this.state.enterpriseScale,//企业规模
 
- 				legalPerson: this.state.legalPerson,//法人
 
- 				legalPersonIdCard: this.state.legalPersonIdCard,//法人身份证
 
- 				legalPersonTel: this.state.legalPersonTel,//法人联系电话
 
- 				legalPersonEmail: this.state.legalPersonEmail,//法人联系邮箱
 
- 				highTechZone: this.state.highTechZone,//是否高新
 
- 				listed: this.state.listed,//是否高新
 
- 				international: this.state.international,//是否国际化
 
- 				orgCode: this.state.orgCode,//社会统一机构
 
- 				orgCodeUrl: theorgCodeUrl.length != 0 ? theorgCodeUrl : '',//社会统一机构地址
 
- 				businessScope: this.state.businessScope,//业务范围
 
- 				contacts: this.state.contacts,//主要联系人姓名
 
- 				contactMobile: this.state.contactMobile,//主要联系人电话
 
- 				investment: this.state.investment,//投资机构
 
- 				businessAudit: this.state.businessAudit,//业务认证
 
- 				auditStatus: this.state.auditStatus,//实名认证
 
- 				intellectualProperty: this.state.intellectualProperty,//已有知识产权情况
 
- 				yearSalesAmount: this.state.yearSalesAmount,//年度销售额
 
- 				lastYearResearchAmount: this.state.lastYearResearchAmount,//上年度研发费用
 
- 				assets: this.state.assets,//总资产
 
- 				qualification: this.state.qualification,//企业资质情况
 
- 				cooperationSituation: this.state.cooperationSituation,//企业与高校院所
 
- 				informationMaintainer: this.state.informationMaintainer,//资料维护人
 
- 				informationMaintainerName: this.state.informationMaintainerName,//资料维护人
 
- 				coreTechnology: this.state.coreTechnology,//核心技术
 
- 				accomplishSituation: this.state.accomplishSituation,//客户已完成项目情况
 
- 				creditRating: this.state.creditRating,//信用等级
 
- 			}
 
- 		}).done(function (data) {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 			if (!data.error.length) {
 
- 				message.success('保存成功!');
 
- 				this.visitCancel();
 
- 				this.loadData();
 
- 			} else {
 
- 				message.warning(data.error[0].message);
 
- 			}
 
- 		}.bind(this));
 
- 	},
 
- 	//整行点击
 
- 	tableRowClick(record, index) {
 
- 		this.state.visitModul = true;
 
- 		this.details(record.id);
 
- 	},
 
- 	//指定转交人自动补全
 
- 	supervisor(e) {
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + "/api/admin/customer/listAdminByName",
 
- 			data: {
 
- 				adminName: 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({
 
- 					customerArr: thedata,
 
- 				});
 
- 			}.bind(this),
 
- 		}).always(function () {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	//输入转交人输入框失去焦点是判断客户是否存在
 
- 	selectAuto(value, options) {
 
- 		this.setState({
 
- 			auto: value
 
- 		})
 
- 	},
 
- 	blurChange(e) {
 
- 		let theType = '';
 
- 		let contactLists = this.state.customerArr || [];
 
- 		if (e) {
 
- 			contactLists.map(function (item) {
 
- 				if (item.name == e.toString()) {
 
- 					theType = item.id;
 
- 				}
 
- 			});
 
- 		}
 
- 		this.setState({
 
- 			theTypes: theType
 
- 		})
 
- 	},
 
- 	//值改变时请求客户名称
 
- 	httpChange(e) {
 
- 		if (e.length >= 1) {
 
- 			this.supervisor(e);
 
- 		}
 
- 		this.setState({
 
- 			auto: e
 
- 		})
 
- 	},
 
- 	//转交
 
- 	changeAssigner() {
 
- 		if (this.state.theTypes) {
 
- 			this.setState({
 
- 				selectedRowKeys: [],
 
- 			});
 
- 			let id;
 
- 			for (let idx = 0; idx < this.state.selectedRows.length; idx++) {
 
- 				let rowItem = this.state.selectedRows[idx];
 
- 				if (rowItem.id) {
 
- 					id = rowItem.id;
 
- 				};
 
- 			};
 
- 			$.ajax({
 
- 				method: "post",
 
- 				dataType: "json",
 
- 				crossDomain: false,
 
- 				url: globalConfig.context + "/api/admin/customer/updateInformationMaintainerr",
 
- 				data: {
 
- 					id: id, //客户ID
 
- 					aid: this.state.theTypes, //指定转交人的ID
 
- 				}
 
- 			}).done(function (data) {
 
- 				if (!data.error.length) {
 
- 					message.success('转交成功!');
 
- 					this.setState({
 
- 						auto: '',
 
- 						loading: false,
 
- 					});
 
- 				} else {
 
- 					message.warning(data.error[0].message);
 
- 				};
 
- 				this.loadData(this.state.ispage);
 
- 			}.bind(this));
 
- 		} else {
 
- 			message.warning('请输入转交人姓名')
 
- 		}
 
- 	},
 
- 	//详情打开
 
- 	visitOk(e) {
 
- 		this.setState({
 
- 			visitModul: false
 
- 		});
 
- 	},
 
- 	//详情关闭
 
- 	visitCancel(e) {
 
- 		this.setState({
 
- 			visitModul: false,
 
- 			callnub: "0"
 
- 		});
 
- 	},
 
- 	getOrgCodeUrl(e) {
 
- 		this.setState({ orgCodeUrl: e });
 
- 	},
 
- 	getCompanyLogoUrl(e) {
 
- 		this.setState({ companyLogoUrl: e });
 
- 	},
 
- 	componentWillReceiveProps(nextProps) {
 
- 		if (nextProps.ApiUrl != this.props.ApiUrl) {
 
- 			this.state.nameSearch = '';
 
- 			this.state.addressSearch = [];
 
- 			this.state.provinceSearch = undefined;
 
- 			this.state.citySearch = undefined;
 
- 			this.state.releaseDate[0] = undefined;
 
- 			this.state.releaseDate[1] = undefined;
 
- 			this.loadData(null, nextProps.ApiUrl);
 
- 		};
 
- 	},
 
- 	callback(e) {
 
- 		if (e == '0') {
 
- 			this.setState({
 
- 				callnub: e,
 
- 			})
 
- 		}
 
- 		if (e == '1') {
 
- 			this.setState({
 
- 				callnub: e,
 
- 			})
 
- 			this.loadDatas();
 
- 		}
 
- 		if (e == '2') {
 
- 			this.setState({
 
- 				callnub: e,
 
- 			})
 
- 			this.loadDatac();
 
- 		}
 
- 		if (e == '3') {
 
- 			this.setState({
 
- 				callnub: e,
 
- 			})
 
- 			this.loadDatax();
 
- 		}
 
- 	},
 
- 	//发布成果
 
- 	addClick() {
 
- 		this.state.RowData = {};
 
- 		this.setState({
 
- 			showDesc: true,
 
- 		});
 
- 	},
 
- 	//关闭发布成果
 
- 	closeDesc(e, s) {
 
- 		this.state.showDesc = e;
 
- 		if (s) {
 
- 			this.loadDatas();
 
- 		};
 
- 	},
 
- 	tableRowClickDate(record, index) {
 
- 		this.state.RowData = record;
 
- 		if (index != undefined) {
 
- 			this.setState({
 
- 				showDesc: true
 
- 			});
 
- 		}
 
- 	},
 
- 	changeList(arr) {
 
- 		const newArr = [];
 
- 		this.state.columns.forEach(item => {
 
- 			arr.forEach(val => {
 
- 				if (val === item.title) {
 
- 					newArr.push(item);
 
- 				}
 
- 			});
 
- 		});
 
- 		this.setState({
 
- 			changeList: newArr
 
- 		});
 
- 	},
 
- 	render() {
 
- 		const {
 
- 			RangePicker,
 
- 			MonthPicker
 
- 		} = DatePicker;
 
- 		const formItemLayout = {
 
- 			labelCol: { span: 8 },
 
- 			wrapperCol: { span: 14 },
 
- 		};
 
- 		const FormItem = Form.Item;
 
- 		const rowSelection = {
 
- 			selectedRowKeys: this.state.selectedRowKeys,
 
- 			onChange: (selectedRowKeys, selectedRows) => {
 
- 				this.setState({
 
- 					modalVisible: false,
 
- 					selectedRows: selectedRows.slice(-1),
 
- 					selectedRowKeys: selectedRowKeys.slice(-1)
 
- 				});
 
- 			},
 
- 			onSelect: (recordt, selected, selectedRows) => {
 
- 				this.setState({
 
- 					modalVisible: false,
 
- 					recordt: recordt.id
 
- 				})
 
- 			},
 
- 		};
 
- 		const hasSelected = this.state.selectedRowKeys.length > 0;
 
- 		const dataSources = this.state.customerArr || [];
 
- 		const options = dataSources.map((group) =>
 
- 			<Select.Option key={group.id} value={group.name}>{group.name}</Select.Option>
 
- 		)
 
- 		const intentionState = this.props.intentionState || '';
 
- 		return (
 
- 			<div className="user-content" >
 
- 				<div className="content-title">
 
- 					<span>客户资料管理</span>
 
- 				</div>
 
- 				<Tabs
 
- 					defaultActiveKey="1"
 
- 					className="test">
 
- 					<TabPane tab="搜索" key="1">
 
- 						<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>
 
- 							<Select placeholder="资料是否完善" style={{ width: 120 }}
 
- 								value={this.state.dataGrade}
 
- 								onChange={(e) => { this.setState({ dataGrade: e }) }}>
 
- 								<Select.Option value="0" >未完善</Select.Option>
 
- 								<Select.Option value="1" >已完善</Select.Option>
 
- 							</Select>
 
- 							<RangePicker style={{ marginRight: '10px' }}
 
- 								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 }); }} />
 
- 							<Button type="primary" onClick={this.search}>搜索</Button>
 
- 							<Button onClick={this.reset}>重置</Button>
 
- 						</div>
 
- 					</TabPane>
 
- 					<TabPane tab="更改表格显示数据" key="2">
 
- 						<div style={{ marginLeft: 10 }}>
 
- 							<ChooseList
 
- 								columns={this.state.columns}
 
- 								changeFn={this.changeList}
 
- 								changeList={this.state.changeList}
 
- 								top={55}
 
- 								margin={11}
 
- 							/>
 
- 						</div>
 
- 					</TabPane>
 
- 				</Tabs>
 
- 				<div className="patent-table">
 
- 					<Spin spinning={this.state.loading}>
 
- 						<Table columns={
 
- 							this.state.changeList
 
- 								? this.state.changeList
 
- 								: this.state.columns
 
- 						}
 
- 							dataSource={this.state.dataSource}
 
- 							// rowSelection={rowSelection}
 
- 							pagination={this.state.pagination}
 
- 							onRowClick={this.tableRowClick}
 
- 							bordered
 
- 							size="small"
 
- 						/>
 
- 					</Spin>
 
- 				</div>
 
- 				<Modal
 
- 					className="customeDetails"
 
- 					footer=''
 
- 					title="客户资料"
 
- 					width='1000px'
 
- 					visible={this.state.visitModul}
 
- 					onOk={this.visitOk}
 
- 					onCancel={this.visitCancel}
 
- 				>
 
- 					<Tabs onChange={this.callback} activeKey={this.state.callnub}>
 
- 						<TabPane tab="基本信息" key="0">
 
- 							<div>
 
- 								<Form layout="horizontal" onSubmit={this.newSubmit} id="demand-form">
 
- 									<Spin spinning={this.state.loading}>
 
- 										<div style={{ fontSize: '18px', marginLeft: '50px', marginTop: '15px', marginBottom: '10px', color: "red", fontWeight: "bold" }}>基本信息</div>
 
- 										<div className="clearfix" >
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="客户姓名"
 
- 											>
 
- 												<span>{this.state.identifyName}</span>
 
- 												<EnterpriseNameChange
 
- 													type='journal'
 
- 													style={{ marginLeft: 10 }}
 
- 													enterpriseId={this.state.uid} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="资料所属人"
 
- 											>
 
- 												<span>{this.state.informationMaintainerName}</span>
 
- 											</FormItem>
 
- 										</div>
 
- 										<div className="clearfix" >
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="企业行业">
 
- 												<Select placeholder="选择行业" value={this.state.industry} style={{ width: '95%' }}
 
- 													onChange={(e) => { this.setState({ industry: e }) }} disabled={true}>
 
- 													{
 
- 														industry.map(function (item) {
 
- 															return <Select.Option key={item.value} >{item.key}</Select.Option>
 
- 														})
 
- 													}
 
- 												</Select>
 
- 												<span style={{ color: 'red', marginLeft: '5px' }}>*</span>
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="社会属性"
 
- 											>
 
- 												<Select placeholder="客户社会属性" value={this.state.societyTag} style={{ width: '95%' }}
 
- 													onChange={(e) => { this.setState({ societyTag: e }) }} disabled={true}>
 
- 													{
 
- 														socialAttribute.map(function (item) {
 
- 															return <Select.Option key={item.value} >{item.key}</Select.Option>
 
- 														})
 
- 													}
 
- 												</Select>
 
- 												<span style={{ color: 'red', marginLeft: '5px' }}>*</span>
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="省-市-区"
 
- 											>
 
- 												<Cascader options={areaSelect()} value={this.state.ProvinceCity} placeholder="选择城市" style={{ width: '95%' }}
 
- 													onChange={(e, pre) => { this.setState({ ProvinceCity: e }) }} disabled={true} />
 
- 												<span style={{ color: 'red', marginLeft: '5px' }}>*</span>
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="注册资本"
 
- 											>
 
- 												<Input placeholder="注册资本" style={{ width: '90%' }} value={this.state.registeredCapital} onChange={(e) => {
 
- 													this.setState({ registeredCapital: e.target.value })
 
- 												}} disabled={true} />万
 
- 												<span style={{ color: 'red', marginLeft: '5px' }}>*</span>
 
- 											</FormItem>
 
- 											<div className='clearfix'>
 
- 												<FormItem
 
- 													labelCol={{ span: 4 }}
 
- 													wrapperCol={{ span: 20 }}
 
- 													label="主营产品" >
 
- 													{this.state.businessScope.map((tag) => {
 
- 														const isLongTag = tag.length > 20;
 
- 														const tagElem = (
 
- 															<Tag key={tag}>
 
- 																{isLongTag ? `${tag.slice(0, 20)}...` : tag}
 
- 															</Tag>
 
- 														);
 
- 														return isLongTag ? <Tooltip title={tag} key={tag}>{tagElem}</Tooltip> : tagElem;
 
- 													})}
 
- 												</FormItem>
 
- 											</div>
 
- 											<div className='clearfix'>
 
- 												<FormItem
 
- 													labelCol={{ span: 4 }}
 
- 													wrapperCol={{ span: 20 }}
 
- 													label="销售目标企业" >
 
- 													{this.state.salesTarget.map((tag) => {
 
- 														const isLongTag = tag.length > 20;
 
- 														const tagElem = (
 
- 															<Tag key={tag}>
 
- 																{isLongTag ? `${tag.slice(0, 20)}...` : tag}
 
- 															</Tag>
 
- 														);
 
- 														return isLongTag ? <Tooltip title={tag} key={tag}>{tagElem}</Tooltip> : tagElem;
 
- 													})}
 
- 												</FormItem>
 
- 											</div>
 
- 											<div style={{ fontSize: '18px', marginLeft: '50px', marginTop: '15px', marginBottom: '10px', color: "red", fontWeight: "bold" }}>企业资料</div>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="通信地址"
 
- 											>
 
- 												<Input placeholder="客户通信地址" value={this.state.postalAddress}
 
- 													onChange={(e, pre) => { this.setState({ postalAddress: e.target.value }) }} disabled={true} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="固定电话"
 
- 											>
 
- 												<Input placeholder="客户固定电话" value={this.state.contactsFixedTel}
 
- 													onChange={(e) => { this.setState({ contactsFixedTel: e.target.value }) }} disabled={true} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="客户传真"
 
- 											>
 
- 												<Input placeholder="客户传真" value={this.state.contactsFax}
 
- 													onChange={(e) => { this.setState({ contactsFax: e.target.value }) }} disabled={true} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="企业人数"
 
- 											>
 
- 												<Input placeholder="单位规模" value={this.state.enterpriseScale} onChange={(e) => {
 
- 													this.setState({ enterpriseScale: e.target.value })
 
- 												}} disabled={true} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="法人名称"
 
- 											>
 
- 												<Input placeholder="法人名称" value={this.state.legalPerson} onChange={(e) => {
 
- 													this.setState({ legalPerson: e.target.value })
 
- 												}} disabled={true} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="法人身份证"
 
- 											>
 
- 												<Input placeholder="法人身份证" value={this.state.legalPersonIdCard} onChange={(e) => {
 
- 													this.setState({ legalPersonIdCard: e.target.value })
 
- 												}} disabled={true} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="联系人"
 
- 											>
 
- 												<Input placeholder="主要联系人" value={this.state.contacts} onChange={(e) => {
 
- 													this.setState({ contacts: e.target.value })
 
- 												}} disabled={true} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="联系人号码"
 
- 											>
 
- 												<Input placeholder="主要联系人号码" value={this.state.contactMobile} onChange={(e) => {
 
- 													this.setState({ contactMobile: e.target.value })
 
- 												}} disabled={true} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="法人电话"
 
- 											>
 
- 												<Input placeholder="法人电话" value={this.state.legalPersonTel} onChange={(e) => {
 
- 													this.setState({ legalPersonTel: e.target.value })
 
- 												}} disabled={true} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="法人邮箱"
 
- 											>
 
- 												<Input placeholder="法人电子邮箱" value={this.state.legalPersonEmail}
 
- 													onChange={(e) => { this.setState({ legalPersonEmail: e.target.value }) }} disabled={true} />
 
- 											</FormItem>
 
- 											<FormItem className="half-item"
 
- 												{...formItemLayout}
 
- 												label="社会统一信用机构代码"
 
- 											>
 
- 												<Input placeholder="社会统一信用机构代码" value={this.state.orgCode} onChange={(e) => {
 
- 													this.setState({ orgCode: e.target.value })
 
- 												}} disabled={true} />
 
- 											</FormItem>
 
- 											<div className='clearfix'>
 
- 												<FormItem
 
- 													labelCol={{ span: 4 }}
 
- 													wrapperCol={{ span: 18 }}
 
- 													label="客户简介" >
 
- 													<Input type="textarea" rows={3} value={this.state.introduction}
 
- 														onChange={(e, pre) => { this.setState({ introduction: e.target.value }) }} disabled={true} />
 
- 												</FormItem>
 
- 											</div>
 
- 											<div className="clearfix pictures">
 
- 												<FormItem style={{ display: 'inline-block', width: '350px', marginTop: '20px', marginLeft: '95px' }}
 
- 													labelCol={{ span: 8 }}
 
- 													wrapperCol={{ span: 10 }}
 
- 													label="机构证书(PIC)" >
 
- 													<PicturesWall
 
- 														domId={'crmAll1'}
 
- 														fileList={this.getOrgCodeUrl}
 
- 														pictureUrl={this.state.orgCodeUrl} />
 
- 													<p>建议:图片要清晰。</p>
 
- 												</FormItem>
 
- 												<FormItem style={{ display: 'inline-block', width: '350px', marginTop: '20px', marginTop: '20px' }}
 
- 													labelCol={{ span: 8 }}
 
- 													wrapperCol={{ span: 10 }}
 
- 													label="单位LOGO" >
 
- 													<PicturesWall
 
- 														domId={'crmAll2'}
 
- 														fileList={this.getCompanyLogoUrl}
 
- 														pictureUrl={this.state.companyLogoUrl} />
 
- 													<p>建议:图片要清晰。</p>
 
- 												</FormItem>
 
- 											</div>
 
- 											<div style={{ fontSize: '18px', marginLeft: '50px', marginTop: '15px', marginBottom: '10px', color: "red", fontWeight: "bold" }}>重要资料</div>
 
- 											<div className='clearfix' >
 
- 												<FormItem className="half-item"
 
- 													{...formItemLayout}
 
- 													label="客户信用等级"
 
- 												>
 
- 													<Select placeholder="客户信用等级" value={this.state.creditRating}
 
- 														onChange={(e) => { this.setState({ creditRating: e }) }} disabled={true}>
 
- 														{
 
- 															slcRedit.map(function (item) {
 
- 																return <Select.Option key={item.value} >{item.key}</Select.Option>
 
- 															})
 
- 														}
 
- 													</Select>
 
- 												</FormItem>
 
- 												<div className='clearfix'>
 
- 													<FormItem
 
- 														labelCol={{ span: 4 }}
 
- 														wrapperCol={{ span: 19 }}
 
- 														label="企业核心技术" >
 
- 														<Input type="textarea" rows={3} value={this.state.coreTechnology}
 
- 															onChange={(e, pre) => { this.setState({ coreTechnology: e.target.value }) }} disabled={true} />
 
- 													</FormItem>
 
- 												</div>
 
- 												<div className='clearfix'>
 
- 													<FormItem
 
- 														labelCol={{ span: 4 }}
 
- 														wrapperCol={{ span: 19 }}
 
- 														label="企业资质情况" >
 
- 														<Input type="textarea" rows={3} value={this.state.qualification} placeholder="请按如下格式填写:资质名称+获得时间+拥有人+发证机构"
 
- 															onChange={(e, pre) => { this.setState({ qualification: e.target.value }) }} disabled={true} />
 
- 													</FormItem>
 
- 												</div>
 
- 												<div className='clearfix'>
 
- 													<FormItem
 
- 														labelCol={{ span: 4 }}
 
- 														wrapperCol={{ span: 19 }}
 
- 														label="高企合作情况" >
 
- 														<Input type="textarea" rows={3} value={this.state.cooperationSituation}
 
- 															onChange={(e, pre) => { this.setState({ cooperationSituation: e.target.value }) }} disabled={true} />
 
- 													</FormItem>
 
- 												</div>
 
- 											</div>
 
- 										</div>
 
- 									</Spin>
 
- 								</Form>
 
- 							</div>
 
- 						</TabPane>
 
- 						<TabPane tab="知识产权列表" key="1">
 
- 							<Spin spinning={this.state.loading}>
 
- 								<Table columns={this.state.columnsDate}
 
- 									dataSource={this.state.dataSourceDate}
 
- 									rowSelection={rowSelection}
 
- 									pagination={this.state.paginationDate}
 
- 									onRowClick={this.tableRowClickDate} />
 
- 							</Spin>
 
- 						</TabPane>
 
- 						<TabPane tab="财务信息" key="2">
 
- 							<Spin spinning={this.state.loading}>
 
- 								<Table columns={this.state.columnsc}
 
- 									dataSource={this.state.dataSourcec}
 
- 									rowSelection={rowSelection}
 
- 									onRowClick={this.tableRowClickDatec} />
 
- 							</Spin>
 
- 						</TabPane>
 
- 						<TabPane tab="项目信息" key="3">
 
- 							<Spin spinning={this.state.loading}>
 
- 								<Table columns={this.state.columnsx}
 
- 									dataSource={this.state.dataSourcex}
 
- 									rowSelection={rowSelection}
 
- 									onRowClick={this.tableRowClickDatex} />
 
- 							</Spin>
 
- 						</TabPane>
 
- 					</Tabs>
 
- 				</Modal>
 
- 				<TechAchievementDesc
 
- 					data={this.state.RowData}
 
- 					detailApiUrl={this.props['data-detailApiUrl']}
 
- 					achievementCategoryOption={this.state.achievementCategoryOption}
 
- 					showDesc={this.state.showDesc}
 
- 					uid={this.state.uid}
 
- 					closeDesc={this.closeDesc}
 
- 					loadDatas={this.loadDatas}
 
- 				/>
 
- 			</div >
 
- 		);
 
- 	}
 
- }));
 
- export default IntentionCustomer;
 
 
  |