| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241 | 
							- import React from 'react';
 
- import { Radio, Icon, Button, AutoComplete,Cascader,Input, Select, Spin, Popconfirm, Table, Switch, message,Calendar , DatePicker, Upload, Form ,Modal,Tabs,Card ,Col} from 'antd';
 
- import ajax from 'jquery/src/ajax/xhr.js';
 
- import $ from 'jquery/src/ajax';
 
- import Jquery from 'jquery/dist/jquery.js';
 
- import moment from 'moment';
 
- import {boutique ,tepi,jiedian} from '@/dataDic.js';
 
- import { getLiquidationStatus,getApprovedState,getProcessStatus,splitUrl,getjiedian,getboutique} from '@/tools.js';
 
- import './customer.less';
 
- const TabPane = Tabs.TabPane;
 
- const Dragger = Upload.Dragger;
 
- //图片组件
 
- 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;
 
- 		this.state.pojectApplicationUrl = undefined;
 
- 	},
 
- 	render() {
 
- 		const {
 
- 			previewVisible,
 
- 			previewImage,
 
- 			fileList
 
- 		} = this.state;
 
- 		const uploadButton = (
 
- 			<div>
 
-                 <Icon type="plus" />
 
-                 <div className="ant-upload-text">点击上传</div>
 
-             </div>
 
- 		);
 
- 		return(
 
- 			<div style={{display:"inline-block"}}>
 
-                 <Upload
 
-                     action={globalConfig.context + "/api/admin/customer/uploadCustomerImg"}
 
-                     data={{ 'sign': '' }}
 
-                     listType="picture-card"
 
-                     fileList={fileList}
 
-                     onPreview={this.handlePreview}
 
-                     onChange={this.handleChange} >
 
-                     {fileList.length >= 8 ? null : uploadButton}
 
-                 </Upload>
 
-                 <Modal maskClosable={false} visible={previewVisible} footer={null} onCancel={this.handleCancel}>
 
-                     <img alt="example" style={{ width: '100%' }} src={previewImage} />
 
-                 </Modal>
 
-             </div>
 
- 		);
 
- 	}
 
- });
 
- const IntentionCustomer = Form.create()(React.createClass({
 
- 	loadData(pageNo, apiUrl) {
 
- 		this.setState({
 
- 			visitModul:false,
 
- 			loading: true,
 
- 			ispage:pageNo,
 
- 			modalVisible:false
 
- 		});
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context +"/api/admin/newOrder/orderNewList",
 
- 			data: {
 
- 				pageNo: pageNo || 1,
 
- 				pageSize: this.state.pagination.pageSize,
 
- 				specially: 2,//审核列表
 
- 				name: this.state.name,//名称
 
- 				orderNo: this.state.orderNo,//订单编号
 
- 				starTime: this.state.releaseDate[0],//开始时间
 
- 				endTime: 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
 
- 							 orderNo: thisdata.orderNo,//订单编号
 
- 	                         totalAmount:thisdata.totalAmount,//签单金额
 
- 	                         processStatus:thisdata.processStatus,//流程状态
 
- 	                         liquidationStatus:thisdata.liquidationStatus,//结算状态
 
- 	                         approval:thisdata.approval,//特批状态
 
- 	                         signDate:thisdata.signDate,//签单时间
 
- 	                         userName:thisdata.userName,//客户名称
 
- 	                         salesmanName:thisdata.salesmanName,//营销员名称
 
- 	                         financeName:thisdata.financeName,//财务名称
 
- 	                         createDate:thisdata.createDate,//下单时间
 
- 	                         initiateName:thisdata.initiateName,//驳回人
 
- 	                         reason:thisdata.reason,//驳回信息
 
- 	                         backDate:thisdata.backDate,//驳回日期
 
- 	                         backId:thisdata.backId,//驳回编号
 
- 						});
 
- 					};
 
- 				    this.state.pagination.total = data.data.totalCount;
 
- 				    this.state.pagination.current = data.data.pageNo;
 
- 				};
 
- 				if(data.data&&data.data.list&&!data.data.list.length){
 
- 					this.state.pagination.total=0
 
- 				}
 
- 				this.setState({
 
- 					dataSource: theArr,
 
- 					pageNo: pageNo,
 
- 					pagination: this.state.pagination,
 
- 					selectedRowKeys:[]
 
- 				});
 
- 			}.bind(this),
 
- 		}).always(function() {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	getInitialState() {
 
- 		return {
 
- 			page:1,
 
- 			releaseDate: [],
 
- 			selectedRowKeys: [],
 
- 			orgCodeUrl:[],
 
- 			customerArr:[],
 
- 			pagination: {
 
- 				defaultCurrent: 1,
 
- 				defaultPageSize: 10,
 
- 				showQuickJumper: true,
 
- 				pageSize: 10,
 
- 				onChange: function(page) {
 
- 					this.loadData(page);
 
- 				}.bind(this),
 
- 				showTotal: function(total) {
 
- 					return '共' + total + '条数据';
 
- 				}
 
- 			},
 
- 			columns: [
 
- 				{
 
-                     title: '驳回编号',
 
-                     dataIndex: 'backId',
 
-                     key: 'backId'
 
-                 },{
 
-                     title: '驳回日期',
 
-                     dataIndex: 'backDate',
 
-                     key: 'backDate'
 
-                 },
 
- 				{
 
-                     title: '订单编号',
 
-                     dataIndex: 'orderNo',
 
-                     key: 'orderNo'
 
-                 }, {
 
-                     title: '客户名称',
 
-                     dataIndex: 'userName',
 
-                     key: 'userName',
 
-                     render:(text)=>{
 
-                     	return (text&&text.length>9?text.substr(0,9)+'...':text)
 
-                     }
 
-                 },  {
 
-                     title: '驳回人',
 
-                     dataIndex: 'initiateName',
 
-                     key: 'initiateName'
 
-                 },{
 
-                     title: '驳回原因',
 
-                     dataIndex: 'reason',
 
-                     key: 'reason',
 
-                     render:(text)=>{
 
-                     	return (text&&text.length>24?text.substr(0,24)+'...':text)
 
-                     }
 
-                 }
 
- 			],
 
- 			data: [],
 
- 			dataSource: [],
 
- 			columnsX: [
 
- 				{
 
-                     title: '业务项目名称',
 
-                     dataIndex: 'commodityName',
 
-                     key: 'commodityName'
 
-                 }, {
 
-                     title: '项目类别',
 
-                     dataIndex: 'cname',
 
-                     key: 'cname',
 
-                     
 
-                 },{
 
-                     title: '项目数量',
 
-                     dataIndex: 'commodityQuantity',
 
-                     key: 'commodityQuantity'
 
-                 }, {
 
-                     title: '金额(万元)',
 
-                     dataIndex: 'commodityPrice',
 
-                     key: 'commodityPrice'
 
-                 }, {
 
-                     title: '负责人',
 
-                     dataIndex: 'contacts',
 
-                     key: 'contacts'
 
-                 }, {
 
-                     title: '负责人电话',
 
-                     dataIndex: 'contactsMobile',
 
-                     key: 'contactsMobile'
 
-                 }, {
 
-                     title: '主要项目',
 
-                     dataIndex: 'main',
 
-                     key: 'main',
 
-                     render:(text)=>{
 
-                     	return (text?'是':'否')
 
-                     }
 
-                 }, {
 
-                     title: '项目说明',
 
-                     dataIndex: 'taskComment',
 
-                     key: 'taskComment',
 
- 					render:(text)=>{
 
- 						return (text&&text.length>8?text.substr(0,8)+'…':text)
 
- 					}
 
-                 }, {
 
-                     title: '操作',
 
-                     dataIndex: 'ABC',
 
-                     key: 'ABC',
 
-                     render: (text, record, index) => {
 
- 						return <div>
 
- 									{this.state.processStatus==0?<Popconfirm title="是否删除?" onConfirm={(e)=>{this.delectRow(record)}} okText="是" cancelText="否">
 
- 										    <Button onClick={(e) =>{ e.stopPropagation()}} type="danger">删除</Button>                 
 
- 										</Popconfirm>:""}
 
- 								</div>
 
- 							}
 
-                 }
 
- 			],
 
- 			dataSourceX: [],
 
- 			ContactsLists: [{
 
- 					title: '催款科目',
 
- 					dataIndex: 'dunSubject',
 
- 					key: 'dunSubject',
 
- 					render: (text, record, index) => {
 
- 						return <Select placeholder="请选择催款科目"  value={record.dunSubject}  style={{width:'150px'}}
 
- 						    		onChange={(e) => { record.dunSubject = e; this.setState({ contactList: this.state.contactList }); }}> 
 
-                                  {
 
-                                     jiedian.map(function (item) {
 
-                                         return <Select.Option key={item.value} >{item.key}</Select.Option>
 
-                                     })
 
-                                 }
 
-                             </Select>  
 
- 				                               
 
- 					}
 
- 				},{
 
- 					title: '金额(万)',
 
- 					dataIndex: 'money',
 
- 					key: 'money',
 
- 					render: (text, record, index) => {
 
- 						return <Input value={record.money} placeholder="请输入金额(必填项)" key={record.id} required="required"
 
- 	                  onChange={(e) => { record.money = e.target.value; this.setState({ contactList: this.state.contactList }); }} style={{width:'120px'}}/>
 
- 					}
 
- 				}, {
 
- 					title: '催款状态',
 
- 					dataIndex: 'dunStatus',
 
- 					key: 'dunStatus',
 
- 					render: (text, record, index) => {
 
- 						return text?'已完成':'催款中'
 
- 					}
 
- 				},
 
- 				{
 
- 					title: '操作',
 
- 					dataIndex: 'dels',
 
- 					key: 'dels',
 
- 					render: (text, record, index) => {
 
- 						return <div>
 
- 		                        {this.state.processStatus==0?<Popconfirm title="是否删除?" onConfirm={(e)=>{this.confirmDelet(record.key)}} okText="删除" cancelText="不删除">
 
- 									    <Button style={{marginRight:'10px',color:'#ffffff',background:'#f00',border:'none'}}>删除</Button>
 
- 									</Popconfirm>
 
- 									:''}
 
- 								{record.id?'': <Button  type="primary"  onClick={this.contactSave}>保存</Button>}
 
- 								
 
-                             </div>
 
- 					}
 
- 				}
 
- 			],
 
- 		};
 
- 	},
 
- 	//删除
 
-     delectRow(record) {
 
-         this.setState({
 
-             loading: true
 
-         });
 
-         $.ajax({
 
-             method: "post",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + "/api/admin/newOrder/deleteOrderTask",
 
-             data: {
 
-             	id:record.id
 
-             }
 
-         }).done(function (data) {
 
-             if (!data.error.length) {
 
-                 message.success('删除成功!');
 
-                 this.setState({
 
-                     loading: false,
 
-                 });
 
-                 this.xiangmu(this.state.orderNo)
 
-             	this.loadData();
 
-             } else {
 
-                 message.warning(data.error[0].message);
 
-             };
 
-         }.bind(this));
 
-     },
 
- 	//页面加载函数
 
- 	componentWillMount() {
 
- 		this.loadData();
 
- 	},
 
- 	//整行点击
 
- 	tableRowClick(record, index) {
 
- 		this.setState({
 
- 			visible:true,
 
- 		});
 
- 		this.xiangqing(record.orderNo);
 
- 		this.xiangmu(record.orderNo);
 
- 		this.jiedian(record.orderNo);
 
- 	},	
 
- 	//点击打卡项目详情
 
- 	tableRowClickX(record, index) {
 
-         this.setState({
 
-         	jid:record.id,//项目ID
 
-         	kid:record.commodityId,//商品ID
 
-         	commodityName:record.commodityName,//金额
 
-         	commodityPrice:record.commodityPrice,//金额
 
-         	commodityQuantity:record.commodityQuantity,//数量
 
-         	taskComment:record.taskComment,//备注
 
-         	main:record.main.toString(),//是否为主要
 
-         	addnextVisible:true,
 
-         	addState:0,
 
-         });
 
-     },
 
-     //项目详情关闭
 
-     nextCancel() {
 
- 		this.setState({
 
- 			addnextVisible: false
 
- 		})
 
- 	},
 
-     //订单详情
 
- 	xiangqing(orderNos) {
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context +"/api/admin/newOrder/getOrderNewDetail",
 
- 			data: {
 
- 				orderNo:orderNos
 
- 			},
 
- 			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 {
 
- 					let thisdata=data.data;
 
- 					this.setState({
 
- 						 id:thisdata.id,
 
- 						 kehuId:thisdata.buyerId,
 
- 						 orderNo: thisdata.orderNo,//订单编号
 
- 						 contractNo: thisdata.contractNo,//合同编号
 
- 						 userName:thisdata.userName,//客户名称
 
- 						 signDate:thisdata.signDate,//签单时间
 
- 						 processStatus:thisdata.processStatus,//流程状态
 
- 	                     liquidationStatus:thisdata.liquidationStatus,//结算状态
 
- 	                     contacts:thisdata.contacts,//企业联系人
 
- 	                     contactMobile:thisdata.contactMobile,//联系人电话
 
- 	                     legalPerson:thisdata.legalPerson,//法人
 
- 	                     legalPersonTel:thisdata.legalPersonTel,//法人电话
 
- 	                     firstAmount:thisdata.firstAmount,//签单金额
 
- 	                     totalAmount:thisdata.totalAmount,//首付金额
 
- 	                     settlementAmount:thisdata.settlementAmount,//已收款项
 
- 	                     orderRemarks:thisdata.orderRemarks,//订单留言
 
- 	                     orgCodeUrl: thisdata.contractPictureUrl ? splitUrl(thisdata.contractPictureUrl, ',', globalConfig.avatarHost + '/upload') : [],//图片地址
 
- 	                     salesmanName:thisdata.salesmanName,//营销员名称
 
- 	                     salesmanMobile:thisdata.salesmanMobile,//营销员电话
 
- 	                     financeName:thisdata.financeName,//财务名称
 
- 	                     financeMobile:thisdata.financeMobile,//财务电话
 
- 	                     initiateName:thisdata.initiateName,//驳回人
 
- 	                     backDate:thisdata.backDate,//驳回时间
 
- 	                     reason:thisdata.reason,//驳回原因
 
- 	                     approval:thisdata.approval.toString(),//特批状态
 
- 	                     //approval:thisdata.approval==0?thisdata.approval.toString():thisdata.approval,//特批状态
 
- 					})
 
- 				};
 
- 				
 
- 			}.bind(this),
 
- 		}).always(function() {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	//项目列表
 
- 	xiangmu(orderNos) {
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context +"/api/admin/newOrder/getOrderTask",
 
- 			data: {
 
- 				orderNo:orderNos
 
- 			},
 
- 			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({
 
-                              key: i,
 
-                              id:thisdata.id,
 
-                              orderNo:thisdata.orderNo,//订单编号
 
-                               commodityId:thisdata.commodityId,//项目ID
 
-                              commodityName:thisdata.commodityName,//项目名称
 
-                              cname:thisdata.cname,//项目类别
 
-                              commodityPrice:thisdata.commodityPrice,//项目价格
 
-                              commodityQuantity:thisdata.commodityQuantity,//项目数量
 
-                              main:thisdata.main,//是否为主要任务
 
-                              taskComment:thisdata.taskComment,//任务说明
 
-                              contacts:thisdata.contacts,//联系人
 
-                              contactsMobile:thisdata.contactsMobile,//联系人电话
 
-                         });
 
-                     };
 
- 				};
 
- 				this.setState({
 
-                     dataSourceX: theArr,
 
-                      paginations: false,
 
-                 });
 
- 			}.bind(this),
 
- 		}).always(function() {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	//节点列表
 
- 	jiedian(orderNos) {
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context +"/api/admin/newOrder/selectOrderDun",
 
- 			data: {
 
- 				orderNo:orderNos
 
- 			},
 
- 			success: function(data) {
 
- 				let theArr = [];
 
- 				let thisData=[];
 
- 				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++) {
 
-                 		thisData= data.data[i];  
 
- 	                	theArr.push({
 
- 	                		key:i,
 
- 	                		dunSubject:thisData.dunSubject?thisData.dunSubject.toString():"",//催款科目
 
- 	                		id:thisData.id,//节点Id
 
- 	                		money:thisData.money,//催款金额
 
- 	                		dunStatus:thisData.dunStatus,//催款状态
 
- 	                		orderNo:thisData.orderNo,
 
- 	                	})
 
-                 	}
 
-                 	this.setState({
 
-                 		contactList:theArr
 
-                 	})
 
- 				};
 
- 				
 
- 			}.bind(this),
 
- 		}).always(function() {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	//催款节点保存
 
- 	contactSave(e) {
 
- 		this.setState({
 
- 			loading: true
 
- 		});
 
- 		$.ajax({
 
- 			url: globalConfig.context + '/api/admin/newOrder/createOrderDun',
 
- 			method: 'post',
 
- 			data: {
 
- 				orderNo: this.state.orderNo,
 
- 				orderDun: JSON.stringify(this.state.contactList)
 
- 			}
 
- 		}).done(function(data) {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 			if(!data.error.length) {
 
- 				message.success('保存成功!');
 
- 				this.jiedian(this.state.orderNo);
 
- 			} else {
 
- 				message.warning(data.error[0].message);
 
- 			}
 
- 		}.bind(this));
 
- 	},
 
- 	//点击新增催款节点
 
- 	addcontact(record) {
 
- 		this.state.contactList.push({
 
- 			key:this.state.contactList.length,
 
- 			money: '',
 
- 			dunSubject:undefined,
 
- 			orderNo: this.state.orderNo,
 
- 			dunTarget:this.state.kehuId,
 
- 		});
 
- 		this.setState({
 
- 			contactList: this.state.contactList
 
- 		})
 
- 	},	
 
- 	//删除收款节点
 
- 	confirmDelet(index) {
 
- 		this.state.contactList.splice(index,1);
 
- 		this.setState({
 
- 			contactList: this.state.contactList
 
- 		})
 
- 		this.contactSave();
 
- 	},
 
- 	//重新提交
 
- 	examOk(){
 
- 		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(",");
 
-         };
 
-         if(!this.state.totalAmount){
 
-         	message.warning('签单金额不能为空');
 
-         	this.refs.signFirstPayment.focus()
 
-         	return false;
 
-         };
 
-         if(!this.state.firstAmount){
 
-         	message.warning('首付金额不能为空');
 
-         	this.refs.signFirstPayment.focus()
 
-         	return false;
 
-         };
 
-         if(!theorgCodeUrl){
 
-         	message.warning('企业负责人不能为空');
 
-         	this.refs.signFirstPayment.focus()
 
-         	return false;
 
-         };
 
- 		$.ajax({
 
- 			method: "post",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context +"/api/admin/newOrder/updateServiceOrderNew",
 
- 			data: {
 
- 				orderNo: this.state.orderNo,//订单编号
 
- 				totalAmount: this.state.totalAmount,//总金额
 
- 				firstAmount: this.state.firstAmount,//首付
 
- 				isSubmit: 1,//保存草稿还是提交
 
- 				signDate: this.state.signDate,//签单日期
 
- 				contacts: this.state.contacts,//企业负责人
 
- 				contactMobile: this.state.contactMobile,//负责人联系方式
 
- 				legalPerson: this.state.legalPerson,//企业法人
 
- 				legalPersonTel: this.state.legalPersonTel,//企业法人联系电话
 
- 				approval: this.state.approval,//特批状态
 
- 				contractNo: this.state.contractNo,//合同编号
 
- 				orderRemarks: this.state.orderRemarks,//订单备注
 
- 				contractPictureUrl:theorgCodeUrl.length?theorgCodeUrl:'',
 
- 			},
 
- 			success: function(data) {
 
- 				if(data.error.length || data.data.list == "") {
 
- 					if(data.error && data.error.length) {
 
- 						message.warning(data.error[0].message);
 
- 					};
 
- 				} else {
 
- 					message.success("该订单已重新提交~");
 
- 					this.setState({
 
- 						visible:false,
 
- 					});
 
- 					this.resets();
 
- 					this.loadData();
 
- 				};
 
- 				
 
- 			}.bind(this),
 
- 		}).always(function() {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	//重新提交
 
- 	examOks(){
 
- 		
 
- 		$.ajax({
 
- 			method: "post",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context +"/api/admin/newOrder/deleteOrderNew",
 
- 			data: {
 
- 				orderNo: this.state.orderNo,//订单编号
 
- 			},
 
- 			success: function(data) {
 
- 				if(data.error.length || data.data.list == "") {
 
- 					if(data.error && data.error.length) {
 
- 						message.warning(data.error[0].message);
 
- 					};
 
- 				} else {
 
- 					message.success("该订单已作废~");
 
- 					this.setState({
 
- 						visible:false,
 
- 					});
 
- 					this.resets();
 
- 					this.loadData();
 
- 				};
 
- 				
 
- 			}.bind(this),
 
- 		}).always(function() {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 		}.bind(this));
 
- 	},
 
- 	//新建项目明细保存
 
- 	nextSubmit(e) {
 
- 		e.preventDefault();
 
- 		if(this.state.gid==undefined||!this.state.gid){
 
- 			message.warning('服务名称不匹配!');
 
- 			return false;
 
- 		};
 
- 		if(!this.state.commodityPrice){
 
- 			message.warning('请输入金额!');
 
- 			this.refs.commodityPrice.focus();
 
- 			return false;
 
- 		};
 
- 		if(!this.state.commodityQuantity){
 
- 			message.warning('请输入商品数量!');
 
- 			this.refs.commodityQuantity.focus();
 
- 			return false;
 
- 		};
 
- 		if(!this.state.main){
 
- 			message.warning('请选择是否为主要项目!');
 
- 			this.refs.commodityQuantity.focus();
 
- 			return false;
 
- 		};
 
- 		this.setState({
 
- 			loading: true
 
- 		});
 
- 		let api=this.state.addState?'/api/admin/newOrder/addOrderTask':'/api/bianji';
 
- 		$.ajax({
 
- 			method: "POST",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context +api ,
 
- 			data: {
 
- 				commodityId:this.state.gid,//商品ID
 
- 				orderNo:this.state.orderNo,//订单编号
 
- 				commodityName:this.state.commodityName,//商品名称
 
- 				commodityQuantity:this.state.commodityQuantity,//商品数量
 
- 				commodityPrice:this.state.commodityPrice,//签单总价
 
- 				taskComment:this.state.taskComment,//服务说明
 
- 				main:this.state.main,//是否为主要项目
 
- 			}
 
- 		}).done(function(data) {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 			if(!data.error.length) {
 
- 				message.success('保存成功!');
 
- 				this.nextCancel()
 
- 				 this.xiangmu(this.state.orderNo)
 
- 			} else {
 
- 				message.warning(data.error[0].message);
 
- 			}
 
- 		}.bind(this));
 
- 	},
 
- 	//点击签单
 
- 	handleCancels(e) {
 
- 		this.setState({
 
- 			isSubmit:1
 
- 		})
 
- 	},
 
- 	//点击签单
 
- 	handleCancelq(e) {
 
- 		this.setState({
 
- 			isSubmit:0
 
- 		})
 
- 	},
 
- 	resets(){
 
-     	this.state.orderNo='';
 
-     	this.state.customerName='';
 
-     	this.state.releaseDate[0] = undefined;
 
- 		this.state.releaseDate[1] = undefined;
 
-     },
 
-     //点击添加项目明细
 
- 	addDetailed(){
 
- 		this.setState({
 
- 			gid:'',
 
- 			customerArr:[],
 
- 			commodityName:'',
 
- 			commodityQuantity:'',
 
- 			commodityId:'',
 
- 			taskComment:'',
 
- 			main:undefined,
 
- 			commodityPrice:'',
 
- 			addState:1,
 
- 			addnextVisible: true
 
- 		})
 
- 	},
 
- 	
 
- 	//搜索
 
- 	search() {
 
-     	this.setState({
 
-     		//signBillVisible:false
 
-     	})
 
-         this.loadData();
 
-     },
 
- 	getOrgCodeUrl(e) {
 
-         this.setState({ orgCodeUrl: e });
 
-     },
 
- 	//关闭详情
 
- 	visitCancel(e){
 
- 		this.setState({
 
- 			visible:false
 
- 		})
 
- 		this.resets();
 
- 	},
 
- 	visitOk(e){
 
- 		this.setState({
 
- 			visible:false
 
- 		})
 
- 		this.resets();
 
- 	},
 
- 	//客户
 
- 	selectAutoCUT(value){
 
- 		let autoIds;
 
- 		let fwList=this.state.customerArr;
 
- 		fwList.map(function(item){
 
- 			if(value==item.name){
 
- 				autoIds=item.id
 
- 			}
 
- 		})
 
- 		this.setState({
 
- 			customerName:value,
 
- 			autoId:autoIds
 
- 		})
 
- 		
 
- 	},
 
- 	//加载(自动补全)
 
- 	supervisor(e,state){ //客户名称与服务名称自动补全
 
- 		let api=state?'/api/admin/customer/getCustomerByName':'/api/admin/order/getBusinessProjectByName';
 
- 		$.ajax({
 
-             method: "get",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + api,
 
-             data:state?{
 
-             	name:e,
 
-             	type:this.state.customType
 
-             }:{
 
-             	businessName: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({
 
- 						states:state,
 
- 						customerArr:thedata,	
 
-                     });
 
- 				}.bind(this),
 
- 			}).always(function () {
 
-             this.setState({
 
-                 loading: false
 
-             });
 
-         }.bind(this));  
 
- 	},
 
- 	//上级主管输入框失去焦点是判断客户是否存在
 
- 	selectAuto(value){
 
- 		let kid=[];
 
- 		let fwList=this.state.customerArr;
 
- 		fwList.map(function(item){
 
- 			if(value==item.bname){
 
- 				kid=item
 
- 			}
 
- 		})
 
- 		this.setState({
 
- 			commodityName:value,
 
- 			gid:kid.id,
 
- 			//commodityPrice:kid.price==0?kid.price.toString():kid.price,
 
- 			commodityFirstPayment:kid.firstPayment==0?kid.firstPayment.toString():kid.firstPayment
 
- 		})
 
- 	},
 
- 	//服务值改变时请求客户名称
 
- 	httpChange(e){
 
- 		this.state.gid='';
 
- 		if(e.length>=1){
 
- 			this.supervisor(e,false); 
 
- 		}	
 
- 		this.setState({
 
- 			commodityName:e
 
- 		})
 
- 	},
 
- 	render() {
 
- 		const formItemLayout = {
 
- 			labelCol: { span: 8 },
 
- 			wrapperCol: { span: 14 },
 
- 		};
 
- 		const FormItem = Form.Item;
 
- 		const { RangePicker } = DatePicker;
 
- 		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 dataSources=this.state.customerArr || [];
 
- 		const options = this.state.states?dataSources.map((group,index) =>
 
- 				      <Select.Option key={group.id} value={group.name}>{group.name}</Select.Option>
 
- 				     ):dataSources.map((group,index) =>
 
- 				      <Select.Option key={index} value={group.bname}>{group.bname}</Select.Option>
 
- 				     )
 
- 		const hasSelected = this.state.selectedRowKeys.length > 0;
 
- 		return(
 
- 			<div className="user-content">
 
- 				<div className="content-title">                  
 
-                     <span>订单审核</span>
 
-                 </div>
 
-                	<div className="user-search">                    
 
-                    <Input placeholder="客户名称" style={{width:'150px',marginBottom:'10px'}}
 
- 	                        value={this.state.customerName}
 
- 	                        onChange={(e) => { this.setState({ customerName: e.target.value }); }} />
 
-                     <Input placeholder="订单编号" style={{width:'150px'}}
 
-                         value={this.state.orderNo}
 
-                         onChange={(e) => { this.setState({ orderNo: e.target.value }); }} />
 
-                     <span style={{marginRight:"10px"}}>合同签订时间 :</span>
 
-                     <RangePicker
 
- 	                        value={[this.state.releaseDate[0] ? moment(this.state.releaseDate[0]) : null,
 
- 	                        this.state.releaseDate[1] ? moment(this.state.releaseDate[1]) : null]}
 
- 	                        onChange={(data, dataString) => { this.setState({ releaseDate: dataString }); }} />
 
-                     <Button type="primary" onClick={this.search} style={{marginLeft:'10px'}}>搜索</Button>
 
-                     <Button onClick={this.reset}>重置</Button> 
 
-                    	<div className="patent-table">
 
- 	                    <Spin spinning={this.state.loading}>
 
- 	                        <Table columns={this.state.columns}
 
- 	                            dataSource={this.state.dataSource}    
 
- 	                            rowSelection={rowSelection}
 
- 	                            pagination={this.state.pagination} 
 
- 	                            onRowClick={this.tableRowClick}
 
- 	                           />
 
- 	                    </Spin>
 
-                		 </div> 
 
-                		<Modal	
 
- 				      className="customeDetails"
 
- 				      footer=''
 
- 			          title="订单详情"
 
- 			          width='900px'
 
- 			          visible={this.state.visible}
 
- 			          onOk={this.visitOk}
 
- 					  onCancel={this.visitCancel}							          							          
 
- 			        >	
 
- 				        <Form layout="horizontal" onSubmit={this.handleSubmit} id="demand-form" style={{paddingBottom:'40px'}} >
 
- 				            <Spin spinning={this.state.loading}>
 
- 				                <div className="clearfix">
 
- 				                	<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="订单编号" >
 
- 			                            <span>{this.state.orderNo}</span>
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="合同编号" >  
 
- 			                             <Input placeholder="请输入合同编号" value={this.state.contractNo}
 
- 							                onChange={(e)=>{this.setState({contractNo:e.target.value})}} style={{width:'240px'}} />
 
- 				                    </FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="客户名称" >  
 
- 			                            <span>{this.state.userName}</span>
 
- 		                    		</FormItem>
 
- 		                    		
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="流程状态" >  
 
- 			                            <span>{getProcessStatus(this.state.processStatus)}</span>
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="结算状态" >  
 
- 			                            <span>{getLiquidationStatus(this.state.liquidationStatus)}</span>
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="已收款项(万元)" >  
 
- 			                            <span>{this.state.settlementAmount}</span>
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="企业联系人" >                             
 
- 		                                 <Input placeholder="请输入联系人" ref='signTotalAmount' value={this.state.contacts} onChange={(e)=>{this.setState({contacts:e.target.value})}} style={{width:'240px'}} />
 
- 				                    </FormItem>
 
- 				                     <FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="联系人电话" >                             
 
- 		                                <Input placeholder="请输入联系人电话" ref='signTotalAmount' value={this.state.contactMobile} onChange={(e)=>{this.setState({contactMobile:e.target.value})}} style={{width:'240px'}} />
 
- 				                    </FormItem>
 
- 				                    <FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="企业法人" >                             
 
- 		                                    <Input placeholder="请输入法人" ref='signTotalAmount' value={this.state.legalPerson} onChange={(e)=>{this.setState({legalPerson:e.target.value})}} style={{width:'240px'}} />
 
- 				                    </FormItem>
 
- 				                     <FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="法人电话" >                             
 
- 		                                    <Input placeholder="请输入法人电话" ref='signTotalAmount' value={this.state.legalPersonTel} onChange={(e)=>{this.setState({legalPersonTel:e.target.value})}} style={{width:'240px'}} />
 
- 				                    </FormItem>
 
- 				                     <FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="签单金额(万元)" >                             
 
- 		                                    <Input placeholder="签单金额" ref='signTotalAmount' value={this.state.totalAmount} onChange={(e)=>{this.setState({totalAmount:e.target.value})}} style={{width:'240px'}} />
 
- 				                   			<span className="mandatory">*</span>
 
- 				                    </FormItem>
 
- 				                    <FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="首付金额(万元)" >                             
 
- 			                                    <Input placeholder="请输入实签首款金额" ref='signFirstPayment' value={this.state.firstAmount} onChange={(e)=>{this.setState({firstAmount:e.target.value})}} style={{width:'240px'}} />
 
- 				                    		<span className="mandatory">*</span>
 
- 				                    </FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="特批立项" >  
 
- 			                            <Select placeholder="请选择客户所属类型"
 
- 				                            style={{ width:'240px'}}
 
- 				                            value={this.state.approval}
 
- 				                            onChange={(e)=>{this.setState({approval:e})}}>
 
- 				                            {
 
- 			                                    tepi.map(function (item) {
 
- 			                                        return <Select.Option key={item.value} >{item.key}</Select.Option>
 
- 			                                    })
 
- 			                                }
 
- 				                     </Select>
 
- 		                    		</FormItem>
 
- 				                    <FormItem className="half-item" {...formItemLayout} label="合同签订时间">
 
-                                         <DatePicker 
 
-                                         	style={{marginTop:"2px",width: '240px',height:"32px" }}
 
-                                             showTime
 
-                                             format="YYYY-MM-DD"
 
-                                             onOk={(e)=>{}}
 
-                                             value={this.state.signDate ? moment(this.state.signDate) : null}
 
-                                             onChange={(data, dataString) => { this.setState({ signDate: dataString }); }} />
 
-                                     </FormItem>
 
- 				                    <div className='clearfix'>
 
- 							            <FormItem
 
- 							                labelCol={{ span: 4 }}
 
- 							                wrapperCol={{ span: 18 }}
 
- 							                label={
 
- 							                	<span>
 
- 													<strong style={{ color: '#f00' }}>*</strong>合同扫描件
 
- 												</span> 
 
- 							                }
 
- 							                >
 
- 							            	
 
- 							                <PicturesWall
 
- 							                    fileList={this.getOrgCodeUrl}
 
- 							                    pictureUrl={this.state.orgCodeUrl} />
 
- 							                    <p>图片建议:要清晰。</p>
 
- 							            </FormItem>
 
- 							        </div>
 
- 							        <div className='clearfix'>
 
- 							        	<FormItem
 
- 								            labelCol={{ span: 4 }}
 
- 								            wrapperCol={{ span: 16 }}
 
- 								            label="订单留言" >
 
- 								                <Input type="textarea" placeholder="请输入订单留言" rows={4}  value={this.state.orderRemarks} 
 
- 									    				onChange={(e)=>{this.setState({orderRemarks:e.target.value})}}/>			                      
 
- 								        </FormItem>
 
- 							        </div>
 
- 							        <div className='clearfix'>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="订单负责人" >  
 
- 				                            <span>{this.state.salesmanName}</span>
 
- 			                    		</FormItem>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="订单负责人电话" >  
 
-                             				<span>{this.state.salesmanMobile}</span>
 
- 			                    		</FormItem>
 
- 			                    	</div>
 
- 			                    	<div className='clearfix'>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="财务负责人" >  
 
- 				                            <span>{this.state.financeName}</span>
 
- 			                    		</FormItem>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="财务负责人电话" >  
 
-                             				<span>{this.state.financeMobile}</span>
 
- 			                    		</FormItem>
 
- 			                    	</div>
 
- 			                    	<div className='clearfix'>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="驳回人" >  
 
- 				                            <span>{this.state.initiateName}</span>
 
- 			                    		</FormItem>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="驳回时间" >  
 
-                             				<span>{this.state.backDate}</span>
 
- 			                    		</FormItem>
 
- 			                    	</div>
 
- 			                    	<div className='clearfix'>
 
- 			                    		<FormItem 
 
- 				                            labelCol={{ span: 4 }}
 
- 								            wrapperCol={{ span: 16 }}
 
- 				                            label="驳回原因" >  
 
- 				                            <span>{this.state.reason}</span>
 
- 			                    		</FormItem>
 
- 			                    		
 
- 			                    	</div>
 
- 			                    	<div>
 
- 					                	<span style={{marginLeft:'50px',fontSize:'20px'}}>催款节点</span>
 
- 					                	<Button type='primary' onClick={this.addcontact} style={{float:'right',marginRight:'50px',marginBottom:'15px'}}>添加催款节点</Button>
 
- 					                </div>
 
- 					                <div className="clearfix">
 
- 					    			  <Spin spinning={this.state.loading}>
 
- 					    			        <Form layout="horizontal" id="demand-form"  >
 
- 										      	<Table 
 
- 								            	 pagination={false}
 
- 								            	 columns={this.state.ContactsLists} 
 
- 								            	 dataSource={this.state.contactList}
 
- 								            	 />
 
- 						            	        <Col span={24} offset={9} style={{marginTop:'15px'}}>
 
- 									                 
 
- 									            </Col>
 
- 							            	</Form> 
 
- 									   </Spin> 
 
- 									</div>
 
- 						            <div>
 
- 					                	<span style={{marginLeft:'50px',fontSize:'20px'}}>项目业务</span>
 
- 					                	<Button type='primary' onClick={this.addDetailed} style={{float:'right',marginRight:'50px',marginBottom:'15px'}}>添加项目明细</Button>
 
- 					                </div>
 
- 					                <div className="patent-table">
 
- 					                    <Spin spinning={this.state.loading}>
 
- 					                        <Table columns={this.state.columnsX}
 
- 					                            dataSource={this.state.dataSourceX}
 
- 					                            pagination={this.state.paginations}
 
- 					                            onRowClick={this.tableRowClickX} 
 
- 					                            />
 
- 					                    </Spin>
 
- 						            </div>
 
- 					                <div className='addSave' style={{marginTop:'15px'}}>
 
- 					                   <Button className="cancel" type="primary" onClick={this.examOk} style={{marginLeft:"200px"}} htmlType="submit">重新提交</Button>
 
- 		                               <Button className="cancel" type="primary" onClick={this.examOks} style={{marginLeft:"50px"}} htmlType="submit">订单作废</Button>
 
- 		                               <Button className="cancel" type="ghost" onClick={this.visitCancel} style={{marginLeft:"50px"}}>取消</Button>
 
- 	                            	</div>
 
- 				                </div>
 
- 				            </Spin>
 
- 				        </Form>
 
- 			        </Modal>
 
- 			         <Modal maskClosable={false} visible={this.state.addnextVisible}
 
-                         onOk={this.nextCancel} onCancel={this.nextCancel}
 
-                         width='800px'
 
-                         title={this.state.addState?'添加项目任务':'项目任务详情'}                     
 
-                         footer=''
 
-                         className="admin-desc-content">
 
- 			            <Form layout="horizontal" onSubmit={this.nextSubmit} id="demand-form">
 
- 			                <Spin spinning={this.state.loading}>
 
- 			                        {this.state.addState?<div className="clearfix">
 
- 				                    	<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="服务名称" >   
 
- 			                                    <AutoComplete
 
- 										        className="certain-category-search"
 
- 										        dropdownClassName="certain-category-search-dropdown"
 
- 										        dropdownMatchSelectWidth={false}
 
- 										        dropdownStyle={{ width: 200 }}
 
- 										        style={{ width: '200px' }}
 
- 										        dataSource={options}
 
- 										        placeholder="输入服务名称"
 
- 										        value={this.state.commodityName}
 
- 										        onChange={this.httpChange}
 
- 										        filterOption={true}
 
- 										        onSelect={this.selectAuto}
 
- 										      >
 
- 										        <Input/>
 
- 										      </AutoComplete> 
 
- 										      <span className="mandatory">*</span>
 
- 					                    </FormItem>
 
- 					                     
 
- 					                    <FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="服务数量" >   
 
- 				                                    <Input placeholder="请输入服务数量" value={this.state.commodityQuantity} style={{width:'200px'}}
 
- 				                                    onChange={(e)=>{this.setState({commodityQuantity:e.target.value})}} ref="commodityQuantity"/>
 
- 				                                <span className="mandatory">*</span>    
 
- 					                    </FormItem>
 
- 					                    <FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="实签价格(万元)" >   
 
- 				                                    <Input placeholder="请输入实签价格" value={this.state.commodityPrice} style={{width:'200px'}}
 
- 				                                    onChange={(e)=>{this.setState({commodityPrice:e.target.value})}} ref="commodityPrice"/>
 
- 				                                <span className="mandatory">*</span>    
 
- 					                    </FormItem>
 
- 					                    <FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="主要业务" >  
 
- 				                            <Select placeholder="选择是否为主要业务"
 
- 					                            style={{ width:'200px'}}
 
- 					                            value={this.state.main}
 
- 					                            onChange={(e)=>{this.setState({main:e})}}>
 
- 					                            {
 
- 				                                    boutique.map(function (item) {
 
- 				                                        return <Select.Option key={item.value} >{item.key}</Select.Option>
 
- 				                                    })
 
- 				                                }
 
- 					                    	 </Select>
 
- 					                    	 <span className="mandatory">*</span>   
 
- 			                    		</FormItem>
 
- 					                    <div className='clearfix'>
 
- 						                    <FormItem 
 
- 						                            labelCol={{ span: 4 }}
 
- 										            wrapperCol={{ span: 16 }}
 
- 						                            label="服务说明" >   
 
- 					                                    <Input type='textarea' placeholder="请输入服务说明" value={this.state.taskComment} 
 
- 					                                    onChange={(e)=>{this.setState({taskComment:e.target.value})}} />
 
- 						                    </FormItem>
 
- 					                    </div>
 
- 					                    <FormItem wrapperCol={{ span: 12, offset: 4 }} className="half-middle">
 
- 					                        <Button className="submitSave" type="primary" htmlType="submit">保存</Button>  
 
- 					                        <Button className="submitSave" type="ghost" onClick={this.nextCancel}>取消</Button>
 
- 					                    </FormItem> 
 
- 				                    </div>:
 
- 				                    <div className='clearfix'>
 
- 				                    	<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="项目名称" >
 
- 				                    			<span>{this.state.commodityName}</span>
 
- 				                    	</FormItem>
 
- 				                    	<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="项目数量" >
 
- 				                    			<Input placeholder="请输入数量" value={this.state.commodityQuantity} style={{width:'200px'}}
 
- 				                                    onChange={(e)=>{this.setState({commodityQuantity:e.target.value})}} />
 
- 				                                <span className="mandatory">*</span>  
 
- 				                    	</FormItem>
 
- 				                    	<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="金额(万元)" >
 
- 				                    			<Input placeholder="请输入签单金额" value={this.state.commodityPrice} style={{width:'200px'}}
 
- 				                                    onChange={(e)=>{this.setState({commodityPrice:e.target.value})}} />
 
- 				                                <span className="mandatory">*</span>      
 
- 				                    	</FormItem>
 
- 					                    <FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="主要项目" >  
 
- 				                            <Select placeholder="选择是否为主要业务"
 
- 					                            style={{ width:'200px'}}
 
- 					                            value={this.state.main}
 
- 					                            onChange={(e)=>{this.setState({main:e})}}>
 
- 					                            {
 
- 				                                    boutique.map(function (item) {
 
- 				                                        return <Select.Option key={item.value} >{item.key}</Select.Option>
 
- 				                                    })
 
- 				                                }
 
- 					                     	</Select>
 
- 					                     	<span className="mandatory">*</span>   
 
- 			                    		</FormItem>
 
- 					                    <div className='clearfix'>
 
- 					                    	<FormItem 
 
- 						                            labelCol={{ span: 4 }}
 
- 										            wrapperCol={{ span: 16 }}
 
- 						                            label="服务说明" >
 
- 					                    			 <Input type='textarea' placeholder="请输入服务说明" value={this.state.taskComment} 
 
- 					                                    onChange={(e)=>{this.setState({taskComment:e.target.value})}} />
 
- 					                    	</FormItem>
 
- 				                    	</div>
 
- 				                    	<FormItem wrapperCol={{ span: 12, offset: 4 }} className="half-middle">
 
- 					                        <Button className="submitSave" type="primary" onClick={this.tabRowSave}>保存</Button>  
 
- 					                        <Button className="submitSave" type="ghost" onClick={this.nextCancel}>取消</Button>
 
- 					                    </FormItem>
 
- 				                    </div>}
 
- 			                </Spin>
 
- 			            </Form >
 
- 			        </Modal>
 
-                	</div>  
 
-             </div>
 
- 			);
 
- 	}
 
- }));
 
- export default IntentionCustomer;
 
 
  |