| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734 | 
							- import React from 'react';
 
- import { Icon, Table, Modal, message, Spin, Input, Select, Button, Form ,Upload,Popconfirm,AutoComplete,Radio,DatePicker} from 'antd';
 
- import ajax from 'jquery/src/ajax/xhr.js';
 
- import $ from 'jquery/src/ajax';
 
- import '../userMangagement.less';
 
- import {orderType} from '../../../../dataDic.js';
 
- import {getOrderType,getProjectState,getTaskStatus,getOrderChannel,getOrderState,getPaymentState ,getChangeState,getApprovedState,getPublishStatus} from '../../../../tools.js';
 
- import moment from 'moment';
 
- const MySettlementDetaile = Form.create()(React.createClass({
 
- 	loadData(record) {
 
-         this.setState({
 
-             loading: true
 
-         });
 
-         $.ajax({
 
-             method: "get",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + '/api/admin/techproject/getProjectTask',
 
-             data: {
 
-             	contractId:record?record.id:this.props.datauser.id
 
-             },
 
-             success: function (data) {
 
-                 let theArr =[];
 
-                 if (!data.data) {
 
-                     if (data.error && data.error.length) {
 
-                         message.warning(data.error[0].message);
 
-                     };
 
-                 } else {
 
-                     for (let i = 0; i < data.data.length; i++) {
 
-                         let thisdata = data.data[i];
 
-                         theArr.push({
 
-                              key:i,
 
-                              taskId:thisdata.taskId,
 
-                              commodityName:thisdata.commodityName, 
 
-                              commodityQuantity:thisdata.commodityQuantity, 
 
-                              technicianName:thisdata.technicianName, 
 
-                              taskStatus:thisdata.taskStatus, 
 
-                              deleteSign:thisdata.deleteSign, 
 
-                              taskComment:thisdata.taskComment, 
 
-                              publishStatus:thisdata.publishStatus, 
 
-                         });
 
-                     };
 
-                    }
 
-                 this.setState({
 
-                     dataSource: theArr,
 
-                 });
 
-             }.bind(this),
 
-         }).always(function () {
 
-             this.setState({
 
-                 loading: false
 
-             });
 
-         }.bind(this));
 
-     },
 
- 	getInitialState() {
 
- 		return {
 
- 			loading: false,
 
- 			visible: false,
 
- 			contractState:false,
 
- 			projectVisible:false,
 
- 			selectedRowKey:[],
 
- 			orderSelect:false,
 
- 			transferState:false,
 
- 			orgCodeUrl:[],
 
- 			lvState:true,
 
- 			lvRadio:0,
 
- 			customerArr:[],
 
- 			checkedKeys: [],
 
-             //派单
 
- 			columns: [
 
- 				{
 
-                     title: '任务名称',
 
-                     dataIndex: 'commodityName',
 
-                     key: 'commodityName'
 
-                 },{
 
-                     title: '任务数量',
 
-                     dataIndex: 'commodityQuantity',
 
-                     key: 'commodityQuantity'
 
-                 }, {
 
-                     title: '任务负责人',
 
-                     dataIndex: 'technicianName',
 
-                     key: 'technicianName'
 
-                 }, {
 
-                     title: '任务状态',
 
-                     dataIndex: 'taskStatus',
 
-                     key: 'taskStatus',
 
-                     render:(text)=>{return getTaskStatus(text)}
 
-                 },{
 
-                     title: '公示状态',
 
-                     dataIndex: 'publishStatus',
 
-                     key: 'publishStatus',
 
-                     render:(text)=>{
 
-                     	{return getPublishStatus(text) }
 
-                     }
 
-                 }, {
 
-                     title: '是否锁定',
 
-                     dataIndex: 'deleteSign',
 
-                     key: 'deleteSign',
 
-                     render:(text)=>{return text==2?'锁定':'未锁定'}
 
-                 },{
 
-                     title: '任务说明',
 
-                     dataIndex: 'taskComment',
 
-                     key: 'taskComment',
 
-                     render:(text) => {
 
-                     	return(
 
-                     		 text&&text.length>6?text.substr(0,8)+'...':text
 
-                     	)
 
-                     }
 
-                 },{
 
-                 	title: '操作',
 
-                     dataIndex: 'rrtk',
 
-                     key: 'rrtk',
 
-                     render:(text,record,index)=>{
 
-                     	return (
 
-                     		<div style={{display:!this.props.queryProject?'block':'none'}}>
 
- 								{record.taskStatus<=1&&<Popconfirm title={'您将删除项目任务 【'+record.commodityName+'】,系统将自动同步作废项目资料单,请确认!'} onConfirm={(e)=>{this.voidOperation(record)}} okText="确认" cancelText="取消">
 
- 							   	   <Button style={{marginRight:'5px'}} onClick={(e) =>{ e.stopPropagation()}} type="danger">删除</Button>                 
 
- 								</Popconfirm>}
 
- 							   	{record.taskStatus<1&&<Button style={{marginRight:'5px'}} onClick={(e) =>{ e.stopPropagation(),this.confirmDelet(record)}} type="primary">派单</Button>}                 
 
- 							</div>
 
- 							)
 
-                     }
 
-                 }
 
- 			],
 
- 			 userList:[
 
-             	{
 
-                     title: '用户编号',
 
-                     dataIndex: 'userNo',
 
-                     key: 'userNo'
 
-                 }, {
 
-                     title: '用户姓名',
 
-                     dataIndex: 'name',
 
-                     key: 'name'
 
-                 },{
 
-                     title: '部门机构',
 
-                     dataIndex: 'departmentName',
 
-                     key: 'departmentName'
 
-                 }, {
 
-                     title: '职务',
 
-                     dataIndex: 'position',
 
-                     key: 'position'
 
-                 },{
 
-                     title: '联系手机',
 
-                     dataIndex: 'mobile',
 
-                     key: 'mobile'
 
-                 }, {
 
-                     title: '操作',
 
-                     dataIndex: 'abc',
 
-                     key: 'abc',
 
-                     render:(text,record,index)=>{
 
-                     	return (
 
- 	                    		<div>{this.state.transferState?<Popconfirm title={'您确认转交给【'+record.departmentName+'-'+record.name+'】'} onConfirm={(e)=>{this.transterSelect(record)}} okText="确认" cancelText="取消">
 
- 									    <Button style={{marginRight:'5px'}} type="primary">转交</Button>                 
 
- 									</Popconfirm>:
 
- 		                    	    <Popconfirm title={'您确认将订单分配给【'+record.departmentName+'-'+record.name+'】进行业务跟进?'} onConfirm={(e)=>{this.confirmSelect(record)}} okText="确认" cancelText="取消">
 
- 									    <Button style={{marginRight:'5px'}} type="primary">选定</Button>                 
 
- 									</Popconfirm>}
 
- 								</div>
 
- 							)
 
-                     }
 
-                 }
 
-             ],
 
-             contractList:[
 
-             	{
 
-                     title: '姓名',
 
-                     dataIndex: 'name',
 
-                     key: 'name'
 
-                 }, {
 
-                     title: '部门',
 
-                     dataIndex: 'depatrment',
 
-                     key: 'depatrment'
 
-                 },{
 
-                     title: '联系方式',
 
-                     dataIndex: 'mobile',
 
-                     key: 'mobile'
 
-                 },{
 
-                     title: '是否为主要联系人',
 
-                     dataIndex: 'major',
 
-                     key: 'major',
 
-                     render:(text) => {
 
-                     	return text?'是':"否"
 
-                     }
 
-                 }, {
 
-                     title: '职务',
 
-                     dataIndex: 'position',
 
-                     key: 'position'
 
-                 },{
 
-                     title: '微信',
 
-                     dataIndex: 'wechat',
 
-                     key: 'wechat'
 
-                 },{
 
-                     title: 'QQ',
 
-                     dataIndex: 'qq',
 
-                     key: 'qq'
 
-                 },
 
-                 
 
-             ],
 
- 		};
 
- 	},
 
- 	seeContract(){
 
- 		this.contract();
 
- 		this.setState({
 
- 			seeState:false,
 
- 			orderVisible:true
 
- 		})
 
- 	},
 
- 	orderCancel(){
 
- 		this.setState({
 
- 			orderVisible:false
 
- 		})
 
- 	},
 
- 	//查看联系人
 
- 	contract(){
 
-     	$.ajax({
 
-             method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + '/api/admin/customer/findAllContacts',
 
-             data: {
 
-               uid: this.state.buyerId
 
-             },
 
-             success: function (data) {
 
-                 let thisData = data.data;   
 
-                 if (!thisData) {
 
-                     if (data.error && data.error.length) {
 
-                         message.warning(data.error[0].message);
 
-                     };
 
-                     thisData = {};
 
-                 };
 
-                 this.setState({
 
- 					contractArr:thisData,
 
-                 });                  
 
-             }.bind(this),
 
-        }).always(function () {
 
-             this.setState({            	
 
-                 loading: false
 
-             });
 
-         }.bind(this));  
 
-     },
 
-     //查看订单
 
- 	seeOrderAjax(data){
 
- 		if(!data.orderNo){
 
- 			return false;
 
- 		};
 
- 		this.setState({
 
- 			loading:true
 
- 		});
 
-     	$.ajax({
 
-             method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + '/api/admin/order/getServiceOrderDetail',
 
-             data: {
 
-               orderNo:data.orderNo
 
-             },
 
-             success: function (data) {
 
-                 let thisData = data.data;                
 
-                 if (!thisData) {
 
-                     if (data.error && data.error.length) {
 
-                         message.warning(data.error[0].message);
 
-                     };
 
-                     thisData = {};
 
-                 };
 
-                 this.setState({
 
- 					orderArr:thisData,
 
-                 });                  
 
-             }.bind(this),
 
-        }).always(function () {
 
-             this.setState({            	
 
-                 loading: false
 
-             });
 
-         }.bind(this));  
 
-     },
 
-     //时间选择
 
-     selTime(e,index){
 
-     	this.setState({
 
-     		completeDate:e,
 
-     		selTime:index
 
-     	})
 
-     },
 
-     setTime(e,index){
 
-     	this.setState({
 
-     		signDate:e,
 
-     		setTime:index
 
-     	})
 
-     },
 
-     //查看详情
 
-     loaduser(record){
 
-     	if(record){
 
-     	$.ajax({
 
-             method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + '/api/admin/techproject/getProjectDetail',
 
-             data: {
 
-               contractId: record.id,
 
-               buyerType:record.buyerType
 
-             },
 
-             success: function (data) {
 
-                 let thisData = data.data;                
 
-                 if (!thisData) {
 
-                     if (data.error && data.error.length) {
 
-                         message.warning(data.error[0].message);
 
-                     };
 
-                     thisData = {};
 
-                 };
 
-                 this.setState({
 
-                 	signTime:thisData.signDate,
 
-                 	completeTime:thisData.completeDate,
 
-                 	signComment:thisData.signComment,
 
-                 	contractNo:thisData.signComment,
 
-                 	completeComment:thisData.completeComment,
 
- 	                completeDate:thisData.completeDate?moment(thisData.completeDate,'YYYY-MM-DD HH:mm:ss'):undefined,
 
- 	                signDate:thisData.signDate?moment(thisData.signDate,'YYYY-MM-DD HH:mm:ss'):undefined,
 
-                 	buyerId:thisData.uid,
 
- 					id:record.id,
 
- 					orderNok:thisData.orderNo,
 
- 					orderList:thisData,
 
- 					technicianName:thisData.technicianName, //任务负责人
 
- 					selTime:'',
 
- 					setTime:''
 
-                 });                  
 
-             }.bind(this),
 
-        }).always(function () {
 
-             this.setState({            	
 
-                 loading: false
 
-             });
 
-         }.bind(this));  
 
-        }
 
-     },
 
-     //删除
 
-     voidOperation(record){
 
-     	this.setState({
 
-             loading: true
 
-         });
 
-         $.ajax({
 
-             method: "get",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + '/api/admin/techproject/deleteProjectTask',
 
-             data: {
 
-             	taskId:record.taskId
 
-             }
 
-         }).done(function (data) {
 
-             if (!data.error.length) {
 
-                 message.success('操作成功');
 
-                 this.setState({
 
-                     loading: false,
 
-                 });
 
-                 this.loadData();
 
-                 this.props.closeDesc(true, true);
 
-             } else {
 
-                 message.warning(data.error[0].message);
 
-             };
 
-         }.bind(this));
 
-     },
 
-     //订单编辑保存
 
- 	handleOk(e) {
 
- 		this.setState({
 
- 			visible: false,
 
- 		});
 
- 		this.props.closeDesc(false, true);
 
- 	},
 
- 	handleCancel(e) {
 
- 		this.setState({
 
- 			visible: false,
 
- 		});
 
- 		this.props.closeDesc(false);
 
- 	},
 
- 	//新建项目
 
- 	projectOk(e) {
 
- 		this.setState({
 
- 			projectVisible: false,
 
- 		});
 
- 		this.props.closeDesc(false, true);
 
- 	},
 
- 	projectCancel(e) {
 
- 		this.setState({
 
- 			projectVisible: false,
 
- 		});
 
- 		this.props.closeDesc(false);
 
- 	},
 
- 	//选定订单
 
- 	orderOk() {
 
- 		this.setState({
 
- 			orderSelect: false,
 
- 		});
 
- 	},
 
- 	componentWillMount() {
 
- 		
 
- 	},
 
- 	nextCancel() {
 
- 		this.setState({
 
- 			addnextVisible: false
 
- 		})
 
- 	},
 
- 	//查看订单明细
 
- 	orderDetails(record){
 
- 		if(record){
 
- 	    	$.ajax({
 
- 	            method: "get",
 
- 				dataType: "json",
 
- 				crossDomain: false,
 
- 				url: globalConfig.context + '/api/admin/techproject/getProjectTaskDetail',
 
- 	            data: {
 
- 	              taskId: record.taskId
 
- 	            },
 
- 	            success: function (data) {
 
- 	                let thisData = data.data;                
 
- 	                if (!thisData) {
 
- 	                    if (data.error && data.error.length) {
 
- 	                        message.warning(data.error[0].message);
 
- 	                    };
 
- 	                    thisData = {};
 
- 	                };
 
- 	                this.setState({
 
- 						taskId:thisData.taskId,
 
- 						taskNo:thisData.taskNo,
 
- 						projectNo:thisData.projectNo,
 
- 						categoryId:thisData.categoryId,
 
- 						commodityName:thisData.commodityName,
 
- 						taskStatus:thisData.taskStatus,
 
- 						taskComment:thisData.taskComment,
 
- 						deletedSign:thisData.deletedSign,
 
- 						taskAllocatorName:thisData.taskAllocatorName,
 
- 						taskReceiverName:thisData.taskReceiverName,
 
- 						taskDistributionTime:thisData.taskDistributionTime,
 
- 	                });                  
 
- 	            }.bind(this),
 
- 	       }).always(function () {
 
- 	            this.setState({            	
 
- 	                loading: false
 
- 	            });
 
- 	        }.bind(this));  
 
- 	    }
 
- 	},
 
- 	//创建项目保存
 
- 	admissibleOrder(){
 
- 		if(!this.state.autoId||!this.state.customerName){
 
-         	message.warning('客户名称不匹配');
 
-         	return false;
 
-        };
 
-        if(!this.state.projectName){
 
-        		message.warning('请选择项目负责人');
 
-        		return false;
 
-        };
 
-        if(!this.state.contractType){
 
-        		message.warning('请选择业务品类');
 
-        		return false;
 
-        };
 
-        if(this.state.signComment&&this.state.signComment.length>45){
 
-        		message.warning('项目说明字数不能超过45字');
 
-        		return false;
 
-        };
 
- 		this.setState({
 
- 			loading: true
 
- 		});
 
- 		$.ajax({
 
- 			method: "POST",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + '/api/admin/techproject/createProject',
 
- 			data: {
 
- 				uid:this.state.autoId,
 
- 				signComment:this.state.signComment,
 
- 				aid:this.state.aid,
 
- 				projectType:0,
 
- 				contractType:this.state.contractType
 
- 			}
 
- 		}).done(function(data) {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 			if(!data.error.length) {
 
- 				message.success('创建成功!');
 
- 				this.projectOk()
 
- 			} else {
 
- 				message.warning(data.error[0].message);
 
- 			}
 
- 		}.bind(this));
 
- 	},
 
- 	//派单
 
- 	//操作分配
 
-     confirmDelet(index){
 
-     	this.setState({
 
-     		taskIds:index.taskId,
 
-     		userDetaile:false,
 
-     		distributionVisible:true,
 
-     		transferState:false,
 
-     		lvState:true,
 
-     		distributionList:[]
 
-     	});
 
-     	this.state.departmenttList=undefined;
 
-     	this.state.financeNameSearch='';
 
-     	this.state.lvRadio=0;
 
-     	this.contactList();
 
-     },
 
-     distributionCancel(){
 
-     	this.setState({
 
-     		distributionVisible:false
 
-     	})
 
-     },
 
-     distributionOk(){
 
-     	this.setState({
 
-     		distributionVisible:false
 
-     	})
 
-     },
 
-     //分配对象列表
 
-     contactList(){
 
-     	this.setState({
 
-             loading: true
 
-         });
 
-     	let api = this.state.lvRadio==2?'/api/admin/superviser/adminList':'/api/admin/superviser/selectAdminByOrg'
 
-         $.ajax({
 
-             method: "get",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + api,
 
-             data: this.state.lvRadio==2?{
 
-                 pageNo: 1,
 
-                 pageSize: 99,
 
-                 departmentId:this.state.departmenttList,
 
-                 name:this.state.financeNameSearch,
 
-             }:{
 
-             	//subOrSame:!this.state.lvRadio?"SUB":"SAME"
 
-             },
 
-             success: function (data) {
 
-                 let theArr = [];
 
-                 if (!data.data) {
 
-                     if (data.error && data.error.length) {
 
-                         message.warning(data.error[0].message);
 
-                     };
 
-                 } else {
 
-                 	if(data.data.list){
 
-                 		for (let i = 0; i < data.data.list.length; i++) {
 
- 	                        let thisdata = data.data.list[i];
 
- 	                        theArr.push({
 
- 	                             key: i,
 
- 		                         id: thisdata.id,
 
- 		                         userNo: thisdata.userNo,
 
- 		                         name:thisdata.name,
 
- 		                         departmentName:thisdata.departmentName,
 
- 		                         departmentId:thisdata.departmentId,
 
- 		                         position:thisdata.position,
 
- 		                         mobile:thisdata.mobile,
 
- 	                        });
 
-                     	};
 
-                 	}else{
 
-                 		for (let i = 0; i < data.data.length; i++) {
 
- 	                        let thisdata = data.data[i];
 
- 	                        theArr.push({
 
- 	                             key: i,
 
- 		                         id: thisdata.id,
 
- 		                         userNo: thisdata.userNo,
 
- 		                         name:thisdata.name,
 
- 		                         departmentName:thisdata.departmentName,
 
- 		                         departmentId:thisdata.departmentId,
 
- 		                         position:thisdata.position,
 
- 		                         mobile:thisdata.mobile,
 
- 	                        });
 
-                    		};
 
-                 	}
 
-                     
 
-                 };
 
-                 this.setState({
 
-                     distributionList: theArr,
 
-                 });
 
-             }.bind(this),
 
-         }).always(function () {
 
-             this.setState({
 
-                 loading: false
 
-             });
 
-         }.bind(this));
 
-     },
 
-     //选定对象
 
-     confirmSelect(record){
 
-     	if(this.state.projectVisible){
 
-     		this.setState({
 
-     			aid:record.id,
 
-     			projectName:record.name
 
-     		})
 
-     		this.distributionOk();
 
-     		return false
 
-     	}
 
-     	this.setState({
 
-             loading: true
 
-         });
 
-         $.ajax({
 
-             method: "POST",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + "/api/admin/techproject/distributionTask",
 
-             data: {
 
-             	taskId:this.state.taskIds,
 
-             	taskReceiverId:record.id
 
-             }
 
-         }).done(function (data) {
 
-             if (!data.error.length) {
 
-                 message.success('分派成功!');
 
-                 this.setState({
 
-                     loading: false,
 
-                 });
 
-                 this.distributionOk();
 
-                 this.loadData();
 
-                 this.props.closeDesc(true, true);
 
-             } else {
 
-                 message.warning(data.error[0].message);
 
-             };
 
-         }.bind(this));
 
-     },
 
-     //指派
 
-      //选定对象
 
-     transterSelect(record){
 
-     	this.setState({
 
-             loading: true
 
-         });
 
-         $.ajax({
 
-             method: "get",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + "/api/admin/techproject/transferProject",
 
-             data: {
 
-             	contractId:this.state.id,
 
-             	projectReceiveId:record.id,
 
-             	orderNo:this.state.orderNok||''
 
-             }
 
-         }).done(function (data) {
 
-             if (!data.error.length) {
 
-                 message.success('转交成功!');
 
-                 this.setState({
 
-                     loading: false,
 
-                 });
 
-                 this.distributionOk();
 
-                 this.loaduser(this.props.datauser);
 
-             } else {
 
-                 message.warning(data.error[0].message);
 
-             };
 
-         }.bind(this));
 
-     },
 
-     searchOrder(){
 
-     	this.contactList();
 
-     },
 
-     resetOrder(){
 
-     	this.state.departmenttList=undefined;
 
-     	this.state.financeNameSearch='';
 
-     	this.state.lvRadio=0;
 
-     	this.setState({
 
-     		lvState:true,
 
-     		distributionList:[]
 
-     	})
 
-     	this.contactList();
 
-     },
 
-     //添加任务
 
-     addTask(){
 
-     	this.setState({
 
-     		commodityQuantity:'',
 
-     		commodityName:'',
 
-     		taskComment:'',
 
-     		kid:'',
 
-     		commodityId:undefined,
 
-     		addTaskState:true,
 
-         	addnextVisible:true,
 
-         	customerArr:[]
 
-         });
 
-     },
 
-     //客户名称自动补全
 
-     //加载(自动补全)
 
- 	supervisor(e,state){ //客户名称与服务名称自动补全
 
- 		let api=state?'/api/admin/customer/findCustomerByName':'/api/admin/order/getBusinessProjectByName';
 
- 		$.ajax({
 
-             method: "get",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + api,
 
-             data:state?{
 
-             	name:e
 
-             }:{
 
-             	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));  
 
- 	},
 
- 	//服务值改变时请求客户名称
 
- 	httpChange(e){
 
- 		if(e.length>=2){
 
- 			this.supervisor(e,false); 
 
- 		}	
 
- 		this.setState({
 
- 			commodityName:e
 
- 		})
 
- 	},
 
- 	//上级主管输入框失去焦点是判断客户是否存在
 
- 	selectAuto(value){
 
- 		let kid=[];
 
- 		let fwList=this.state.customerArr;
 
- 		fwList.map(function(item){
 
- 			if(value==item.bname){
 
- 				kid=item.id
 
- 			}
 
- 		})
 
- 		this.setState({
 
- 			kid:kid,
 
- 			commodityName:value,
 
- 		})
 
- 	},
 
- 	customerChange(e){
 
- 		if(e.length>=2){
 
- 			this.supervisor(e,true); 
 
- 		}	
 
- 		this.setState({
 
- 			customerName:e
 
- 		})
 
- 	},
 
- 	//客户
 
- 	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
 
- 		})
 
- 	},
 
-     //任务新建、编辑保存
 
- 	taskSumbit(e) {
 
- 		e.preventDefault();
 
- 		if(this.state.addTaskState){
 
- 			 if(!this.state.kid){
 
- 	      	message.warning('请输入服务项目名称');
 
- 	      	return false;
 
- 	      };
 
- 	      if(!this.state.commodityQuantity){
 
- 	      	message.warning('请输入数量');
 
- 	      	return false;
 
- 	      };
 
- 		}
 
- 		this.props.form.validateFields((err, values) => {
 
- 			if(!err) {
 
- 				this.setState({
 
- 					loading: true
 
- 				});
 
- 				let api=this.state.addTaskState?'/api/admin/techproject/addProjectTask':'/api/admin/techproject/updateProjectTask';
 
- 				$.ajax({
 
- 					method: "POST",
 
- 					dataType: "json",
 
- 					crossDomain: false,
 
- 					url: globalConfig.context + api,
 
- 					data: this.state.addTaskState?{
 
- 						contractId:this.props.datauser.id,
 
- 						commodityId:this.state.kid,
 
- 						commodityName:this.state.commodityName,
 
- 						commodityQuantity:this.state.commodityQuantity,
 
- 						taskComment:this.state.taskComment,
 
- 					}:{
 
- 						taskId:this.state.taskId,
 
- 						commodityId:this.state.kid?this.state.kid:this.state.commodityId,
 
- 						taskComment:this.state.taskComment
 
- 					}
 
- 				}).done(function(data) {
 
- 					this.setState({
 
- 						loading: false
 
- 					});
 
- 					if(!data.error.length) {
 
- 						message.success('保存成功!');
 
- 						this.nextCancel();
 
- 						this.loadData();
 
- 						this.props.closeDesc(true, true);
 
- 					} else {
 
- 						message.warning(data.error[0].message);
 
- 					}
 
- 				}.bind(this));
 
- 			}
 
- 		});
 
- 	},
 
- 	//任务项目各种骚操作
 
- 	removeItem(){ //撤项
 
- 		this.removeList(0)
 
- 	},
 
- 	Knot(){ //结项
 
- 		this.removeList(1)
 
- 	},
 
- 	removeList(e){
 
- 		this.setState({
 
- 			loading: true
 
- 		});
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + '/api/admin/techproject/revokeOrComplete',
 
- 			data: {
 
- 				contractId:this.props.datauser.id,
 
- 				operatorType:e
 
- 			}
 
- 		}).done(function(data) {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 			if(!data.error.length) {
 
- 				message.success('操作成功!');
 
- 				this.handleOk()
 
- 			} else {
 
- 				message.warning(data.error[0].message);
 
- 			}
 
- 		}.bind(this));
 
- 	},
 
- 	//保存详情
 
- 	knotSave(){
 
- 		this.setState({
 
- 			loading: true
 
- 		});
 
- 		$.ajax({
 
- 			method: "post",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + '/api/admin/techproject/updateProject',
 
- 			data: {
 
- 				contractId:this.props.datauser.id,
 
- 				completeComment:this.state.completeComment,
 
- 				signComment:this.state.signComment,
 
- 				signDate:this.state.setTime?this.state.setTime:this.state.signTime,
 
- 				completeDate:this.state.selTime?this.state.selTime:this.state.completeTime  
 
- 			}
 
- 		}).done(function(data) {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 			if(!data.error.length) {
 
- 				message.success('保存成功!');
 
- 				this.handleOk()
 
- 			} else {
 
- 				message.warning(data.error[0].message);
 
- 			}
 
- 		}.bind(this));
 
- 	},
 
- 	//负责人转交
 
- 	transfer(){
 
- 		this.setState({
 
- 			distributionVisible:true,
 
- 			transferState:true,
 
- 			lvState:true,
 
-     		distributionList:[]
 
- 		});
 
- 		this.state.departmenttList=undefined;
 
-     	this.state.financeNameSearch='';
 
-     	this.state.lvRadio=0;
 
- 		this.contactList();
 
- 	},
 
- 	/* -----变更操作开始----- */
 
- 	//新建变更
 
- 	addChange(){
 
- 		this.setState({
 
- 			addChangeState:true,
 
- 			stateAdd:1,
 
- 			changeRemarks:''
 
- 		})
 
- 	},
 
- 	//产看变更记录
 
- 	lookChange(){
 
- 		this.setState({
 
- 			addChangeState:true,
 
- 			stateAdd:0
 
- 		})
 
- 		this.lookChangeData()
 
- 	},
 
- 	//查看变更列表修改变更
 
- 	modifyChangeCancel(){
 
- 		this.setState({
 
- 			modifyChangeState:false
 
- 		})
 
- 	},
 
- 	//获取变更记录
 
- 	lookChangeData(){
 
- 		this.setState({
 
- 			loading:true
 
- 		});
 
- 		 $.ajax({
 
-             method: "get",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context +'/api/admin/order/viewOrderChange',
 
-             data: {
 
-             	orderNo:this.props.datauser.orderNo,
 
-             },
 
-             success: function (data) {
 
-                 let theArr = [];
 
-                 if (!data.data) {
 
-                     if (data.error && data.error.length) {
 
-                         message.warning(data.error[0].message);
 
-                     };
 
-                 } else {
 
-                     for (let i = 0; i < data.data.length; i++) {
 
-                         theArr = data.data;
 
-                     };
 
-                 };
 
-                 this.setState({
 
-                     changeHtml: theArr,
 
-                 });
 
-             }.bind(this),
 
-         }).always(function () {
 
-             this.setState({
 
-                 loading: false
 
-             });
 
-         }.bind(this));
 
- 	},
 
- 	//添加变更状态
 
- 	addChangeCancel(){
 
- 		this.setState({
 
- 			addChangeState:false
 
- 		})
 
- 	},
 
- 	//新建变更
 
- 	subChangeState(e){
 
- 		e.preventDefault();
 
- 		this.setState({
 
- 			loading: true
 
- 		});
 
- 		$.ajax({
 
- 			method: "POST",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context +'/api/admin/order/addOrderChange' ,
 
- 			data: {
 
- 				orderNo:this.props.datauser.orderNo,
 
- 				changeComment:this.state.changeRemarks
 
- 			}
 
- 		}).done(function(data) {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 			if(!data.error.length) {
 
- 				message.success('保存成功!');
 
- 				this.addChangeCancel();
 
- 				this.seeOrderAjax(this.props.datauser);
 
- 			} else {
 
- 				message.warning(data.error[0].message);
 
- 			}
 
- 		}.bind(this));
 
- 	},
 
- 	//查看修改变更
 
- 	modifyChange(item){
 
- 		this.setState({
 
- 			modifyChangeState:true,
 
- 			changePromoter:item.creater,
 
- 			changeTime:item.createTime,
 
- 			changeState:item.changeStatus,
 
- 			changeRemarks:item.changeComment,
 
- 			idt:item.changeId,
 
- 			orderNot:item.orderNo
 
- 		})
 
- 	},
 
- 	//删除变更
 
- 	modifyDelete(item){
 
- 		this.setState({
 
- 			loading: true
 
- 		});
 
- 		$.ajax({
 
- 			method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context +'/api/admin/order/deleteOrderChange' ,
 
- 			data: {
 
- 				changeId:item.changeId,
 
- 			}
 
- 		}).done(function(data) {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 			if(!data.error.length) {
 
- 				message.success('删除成功!');
 
- 				this.lookChangeData();
 
- 				this.seeOrderAjax(this.props.datauser)
 
- 			} else {
 
- 				message.warning(data.error[0].message);
 
- 			}
 
- 		}.bind(this));
 
- 	},
 
- 	//修改变更保存
 
- 	changeModify(e){
 
- 		e.preventDefault();
 
- 		this.setState({
 
- 			loading: true
 
- 		});
 
- 		$.ajax({
 
- 			method: "POST",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context +'/api/admin/order/updateOrderChange' ,
 
- 			data: {
 
- 				changeId:this.state.idt,
 
- 				changeStatus:this.state.changeState,
 
- 				changeComment:this.state.changeRemarks
 
- 			}
 
- 		}).done(function(data) {
 
- 			this.setState({
 
- 				loading: false
 
- 			});
 
- 			if(!data.error.length) {
 
- 				message.success('保存成功!');
 
- 				this.modifyChangeCancel();
 
- 				this.lookChangeData();
 
- 				this.seeOrderAjax(this.props.datauser)
 
- 			} else {
 
- 				message.warning(data.error[0].message);
 
- 			}
 
- 		}.bind(this));
 
- 	},
 
- 	/*-----变更操作结束----*/
 
- 	//派单阶级操作
 
- 	lvRadioFn(e){
 
- 		if(e.target.value==2){
 
- 			this.setState({
 
- 				lvRadio:e.target.value,
 
- 				lvState:false
 
- 			})
 
- 		}else{
 
- 			this.setState({
 
- 				lvRadio:e.target.value,
 
- 				lvState:true
 
- 			})
 
- 		}
 
- 	},
 
- 	
 
- 	
 
- 	tableRowClick(record, index) {
 
-         this.setState({
 
-         	addTaskState:false,
 
-         	addnextVisible:true,
 
-         });
 
-         this.orderDetails(record)
 
-     },
 
- 	componentWillReceiveProps(nextProps) { //props改变时触发
 
- 		this.state.projectVisible = nextProps.newProject;
 
- 		this.state.visible = nextProps.showDesc;
 
- 		if(nextProps.userDetaile && nextProps.showDesc ) {
 
- 			if(nextProps.datauser && nextProps.datauser.id ) {
 
- 				this.loaduser(nextProps.datauser);
 
- 				this.loadData(nextProps.datauser);
 
- 				this.seeOrderAjax(nextProps.datauser);
 
- 			}
 
- 		}else{
 
- 			this.setState({
 
- 				customerArr:[],
 
- 				customerName:'',
 
- 				autoId:'',
 
- 				signComment:'',
 
- 				projectName:'',
 
- 				aid:'',
 
- 				contractType:undefined
 
- 			})
 
- 		}
 
- 	},
 
- 	render() {
 
- 		const FormItem = Form.Item
 
- 		const formItemLayout = {
 
- 			labelCol: { span: 8 },
 
- 			wrapperCol: { span: 14 },
 
- 		};
 
- 		const rowSelection = {
 
-             selectedRowKey: this.state.selectedRowKey,
 
-             onChange: (selectedRowKey, selectedRows) => {
 
- 	                this.setState({
 
- 	                    selectedRows: selectedRows.slice(-1),
 
- 	                    selectedRowKey: selectedRowKey.slice(-1)
 
- 	                }); 
 
-             },
 
-             onSelectAll: (selected, selectedRows, changeRows) => {
 
- 			   this.setState({
 
- 			   		selectedRowKey:[]
 
- 			   })
 
- 			},
 
-         };
 
- 		const changeHtml=this.state.changeHtml ||[];
 
-         const categoryList=this.props.categoryArr ||[];
 
-         let departmentArr = this.props.departmentArr || [];
 
-         const hasSelected = this.state.selectedRowKey.length > 0;
 
- 		const orderDetaiel=this.state.orderList || [];
 
- 		const dataSources=this.state.customerArr || [];
 
- 		const orderArr=this.state.orderArr ||[];
 
-         const options = this.state.states?dataSources.map((group,index) =>
 
- 				      <Select.Option key={index} value={group.name}>{group.name}</Select.Option>
 
- 				     ):dataSources.map((group,index) =>
 
- 				      <Select.Option key={index} value={group.bname}>{group.bname}</Select.Option>
 
- 				     )
 
- 		return(
 
- 			<div>
 
-             <Modal maskClosable={false} visible={this.state.visible}
 
-                     onOk={this.handleOk} onCancel={this.handleCancel}
 
-                     width='1000px'
 
-                     title={this.props.projectState?'项目管理':'项目详情' }                    
 
-                     footer=''
 
-                     className="admin-desc-content">
 
- 		            <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} onSubmit={this.handleSubmit}>
 
- 		                <Spin spinning={this.state.loading}>
 
- 	                        <div className="clearfix">
 
- 	                        	<div className="clearfix">
 
- 		                       		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="订单编号" >
 
- 			                            <span>{orderDetaiel.orderNo}</span>
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="项目编号" >  
 
- 			                            <span>{orderDetaiel.serialNumber}</span>
 
- 		                    		</FormItem>
 
- 		                    		
 
- 		                    		{orderDetaiel.orderNo&&<div>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="订单类型" >  
 
- 				                            <span>{getOrderType(orderArr.orderType)}</span>
 
- 			                    		</FormItem>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="订单渠道" >  
 
- 				                            <span>{getOrderChannel(orderArr.orderChannel)}</span>
 
- 			                    		</FormItem>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="订单状态" >  
 
- 				                            <span>{getOrderState(orderArr.orderStatus)}</span>
 
- 			                    		</FormItem>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="已收款项" >  
 
- 				                            <span>{orderArr.actuallyTotalAmount+'万元'}</span>
 
- 			                    		</FormItem>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="结算状态" >  
 
- 				                            <span>{getPaymentState(orderArr.liquidationStatus)}</span>
 
- 			                    		</FormItem>
 
- 			                    		<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="市价订单金额" >    
 
- 			                            	<span>{orderArr.orderAmount+'万元'}</span>
 
- 					                    </FormItem>
 
- 					                    <FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="市价首款金额" >   
 
- 				                            <span>{orderArr.firstPayment+'万元'}</span>
 
- 					                    </FormItem>
 
- 					                    <div className='clearfix'>
 
- 								        	<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="实签订单金额" >   
 
- 					                            <span>{orderArr.signTotalAmount+'万元'}</span>
 
- 				                    		</FormItem>
 
- 				                    		<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="实签首款金额" >   
 
- 					                            <span>{orderArr.signFirstPayment+'万元'}</span>
 
- 				                    		</FormItem>
 
- 				                    		<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="合同编号" >  
 
- 					                            <span>{orderDetaiel.contractNo}</span>
 
- 				                    		</FormItem>
 
- 				                    		<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="客户名称" >  
 
- 					                            <span>{orderDetaiel.buyerName}</span>
 
- 					                            {orderDetaiel.buyerName&&<Button  onClick={this.seeContract} style={{float:'right',fontSize:'12px'}}>查看联系人</Button>}
 
- 				                    		</FormItem>
 
- 				                    		<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="客户省份" >  
 
- 					                            <span>{orderDetaiel.buyerProvince}</span>
 
- 				                    		</FormItem>
 
- 				                    		<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="下单时间" >  
 
- 					                            <span>{orderArr.createTime}</span>
 
- 				                    		</FormItem>
 
- 				                    		<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="营销员" >  
 
- 					                            <span>{orderArr.salesmanName}</span>
 
- 				                    		</FormItem>
 
- 				                    		<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="特批立项" >   
 
- 					                            <span>{getApprovedState(orderArr.approval)}</span>
 
- 				                    		</FormItem>
 
- 					                        <div className='clearfix'>
 
- 									        	<FormItem
 
- 										            labelCol={{ span: 4 }}
 
- 										            wrapperCol={{ span: 16 }}
 
- 										            label="订单留言" >
 
- 									        		<span>{orderArr.orderRemarks}</span>
 
- 										        </FormItem>
 
- 									        </div>
 
- 								        </div>
 
- 							        </div>}
 
- 				                </div>
 
- 	                            <div className="clearfix">
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="项目负责人" >  
 
- 			                            <span>{orderDetaiel.principalName}</span>
 
- 			                            {!this.props.queryProject?<Button onClick={this.transfer} style={{'float':"right"}}>转交</Button>:''}
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="项目状态" >  
 
- 			                            <span>{getProjectState(orderDetaiel.projectStatus)}</span>
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="是否锁定" >  
 
- 			                            <span>{orderDetaiel.deleteSign==2?'锁定':'未锁定'}</span>
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="立项时间" >  
 
- 			                            {!this.props.queryProject&&orderDetaiel.projectStatus==2?
 
- 			                            	<DatePicker style={{marginTop:'2px',width:'200px'}}
 
- 										      showTime
 
- 										      format="YYYY-MM-DD HH:mm:ss"
 
- 										      placeholder="选择时间"
 
- 										      value={this.state.signDate}
 
- 										      onChange={(e,time)=>{this.setTime(e,time)}}
 
- 										    />:
 
- 			                            <span>{orderDetaiel.signDate}</span>}
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="业务品类" >  
 
- 			                            <span>{orderDetaiel.projectType}</span>
 
- 		                    		</FormItem>
 
- 			                       {/* <div className='clearfix'>
 
- 							        	<FormItem
 
- 								            labelCol={{ span: 4 }}
 
- 								            wrapperCol={{ span: 16 }}
 
- 								            label="立项说明" >
 
- 							        		{!this.props.queryProject&&orderDetaiel.projectStatus==2?<Input type="textarea" placeholder="请输入立项说明" rows={4}  value={this.state.signComment} 
 
- 													onChange={(e)=>{this.setState({signComment:e.target.value})}}/>:<span>{orderDetaiel.signComment}</span>}		                      
 
- 								        </FormItem>
 
- 							        </div>*/}
 
- 		                        </div>
 
- 		                        <div className='clearfix'>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="结项日期" > 
 
- 			                            {!this.props.queryProject&&orderDetaiel.projectStatus==3?
 
- 			                            	<DatePicker style={{marginTop:'2px',width:'200px'}}
 
- 										      showTime
 
- 										      format="YYYY-MM-DD HH:mm:ss"
 
- 										      placeholder="选择时间"
 
- 										      value={this.state.completeDate}
 
- 										      onChange={(e,time)=>{this.selTime(e,time)}}
 
- 										    />:
 
- 			                            <span>{orderDetaiel.completeDate}</span>}
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 							            {...formItemLayout}
 
- 							            label="结项说明" >
 
- 						        		{!this.props.queryProject&&orderDetaiel.projectStatus==3?<Input type="textarea" placeholder="请输入立项说明" rows={4}  value={this.state.completeComment} 
 
- 												onChange={(e)=>{this.setState({completeComment:e.target.value})}}/>:
 
- 												<span>{orderDetaiel.completeComment}</span>
 
- 										}
 
- 								    </FormItem>
 
- 							    </div>
 
- 		                    	<div className='clearfix'>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="是否作废" >  
 
- 			                            <span>{orderDetaiel.deleteSign==1?'作废':'未作废'}</span>
 
- 		                    		</FormItem>
 
- 	                    		</div>
 
- 	                    		{orderDetaiel.orderNo&&<div className='clearfix'>
 
- 						        	<div className="changeStatusTxt">
 
- 							        	<FormItem className="half-item"
 
- 								            {...formItemLayout}
 
- 								            style={{color:'red'}}
 
- 								            label="变更状态" >
 
- 							        		<span>{getChangeState(orderArr.changeStatus)}</span>
 
- 								        </FormItem>
 
- 							        </div>
 
- 							        <div className="clearfix">
 
- 							        	{!this.props.queryProject&&<FormItem className="half-item"
 
- 							            	{...formItemLayout}
 
- 							           		label="变更操作" >
 
- 						        			<Button onClick={this.addChange}>添加变更</Button>
 
- 							        	</FormItem>}
 
- 							        	<FormItem className="half-item"
 
- 							            	{...formItemLayout}
 
- 							           		label="变更操作" >
 
- 						        			<Button onClick={this.lookChange}>查看变更纪录</Button>
 
- 							        	</FormItem>
 
- 						            </div>
 
- 						        </div>}
 
- 				                <div>
 
- 				                	<span style={{marginLeft:'50px',fontSize:'20px'}}>项目任务</span>
 
- 				                	{orderDetaiel.projectStatus<3&&!this.props.queryProject?<Button type='primary' onClick={this.addTask} style={{float:'right',marginRight:'100px'}}>添加任务</Button>:''}
 
- 				                </div>
 
- 				                <div className="patent-table">
 
- 				                    <Spin spinning={this.state.loading}>
 
- 				                        <Table columns={this.state.columns}
 
- 				                            dataSource={this.state.dataSource}
 
- 				                            pagination={false}
 
- 				                            onRowClick={this.tableRowClick} 
 
- 				                            />
 
- 				                    </Spin>
 
- 					            </div>
 
- 					            {!this.props.projectState?<div style={{marginTop:'30px',paddingLeft:'160px'}}>
 
- 					            	<div style={{display:orderDetaiel.projectStatus==3||orderDetaiel.projectStatus==2&&!this.props.queryProject?'block':'none'}}>
 
- 					            		<Button type="primary" onClick={this.knotSave} style={{margin:'15px'}}>保存</Button>
 
- 					           			<Button type="ghost" onClick={this.handleCancel}>返回</Button>
 
- 					           		</div>
 
- 					           </div>:
 
- 					            <div style={{marginTop:'30px',paddingLeft:'100px'}}>
 
- 					            	{orderDetaiel.projectStatus==3||orderDetaiel.projectStatus==2?<Button type="primary" onClick={this.knotSave} style={{margin:'15px'}}>保存</Button>:''} 
 
- 					            	<Button type="danger" onClick={this.removeItem}>撤项</Button>  
 
- 						            <Button type="primary" onClick={this.Knot} style={{margin:'15px'}}>结项</Button>
 
- 						            <Button type="ghost" onClick={this.handleCancel}>返回</Button>
 
- 					            </div>}
 
- 		                    </div>
 
- 		                </Spin>
 
- 		            </Form >
 
- 		        </Modal>
 
- 		        <Modal maskClosable={false} visible={this.state.addnextVisible}
 
-                         onOk={this.nextCancel} onCancel={this.nextCancel}
 
-                         width='800px'
 
-                         title={this.state.addTaskState?'添加任务':'任务详情'}                
 
-                         footer=''
 
-                         className="admin-desc-content">
 
- 			            <Form layout="horizontal" id="demand-form" onSubmit={this.taskSumbit}>
 
- 			                <Spin spinning={this.state.loading}>
 
- 		                        {this.state.addTaskState?<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  style={{ width: '200px' }} placeholder="输入数量"
 
- 					                    			value={this.state.commodityQuantity}
 
- 					                    			onChange={(e)=>{this.setState({commodityQuantity:e.target.value})}}/>
 
- 			                    			<span className="mandatory">*</span>
 
- 			                    	</FormItem>
 
- 			                    	<div className='clearfix'>
 
- 							        	<FormItem
 
- 								            labelCol={{ span: 4 }}
 
- 								            wrapperCol={{ span: 16 }}
 
- 								            label="任务说明" >
 
- 								                <Input type="textarea" placeholder="请输入订单留言" rows={4}  
 
- 								                        value={this.state.taskComment}
 
- 									    				onChange={(e)=>{this.setState({taskComment:e.target.value})}}/>			                      
 
- 								        </FormItem>
 
- 							        </div>
 
- 		                        </div>:
 
- 		                        <div className="clearfix">
 
- 		                        	<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="项目编号" >
 
- 			                    			<span>{this.state.projectNo}</span>
 
- 			                    	</FormItem>
 
- 			                    	<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="任务编号" >
 
- 			                    			<span>{this.state.taskNo}</span>
 
- 			                    	</FormItem>
 
- 			                    	{this.state.taskStatus<1?<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="服务项目名称" >
 
- 			                    			<span>{this.state.commodityName}</span>
 
- 			                    	</FormItem>}
 
- 			                    	<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="任务状态" >
 
- 					                    	<span>{getTaskStatus(this.state.taskStatus)}</span>
 
- 			                    	</FormItem>
 
- 			                    	<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="是否锁定" >
 
- 					                    	<span>{this.state.deletedSign==2?'锁定':'未锁定'}</span>
 
- 			                    	</FormItem>
 
- 			                    	<div className='clearfix'>
 
- 							        	{this.state.taskStatus<1?<FormItem
 
- 								            labelCol={{ span: 4 }}
 
- 								            wrapperCol={{ span: 16 }}
 
- 								            label="任务说明" >
 
- 								                <Input type="textarea" placeholder="请输入订单留言" rows={4}  value={this.state.taskComment} 
 
- 									    				onChange={(e)=>{this.setState({taskComment:e.target.value})}}/>			                      
 
- 								        </FormItem>:
 
- 								        <FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="任务说明" >
 
- 					                    	<span>{this.state.taskComment}</span>
 
- 				                    	</FormItem>}
 
- 							        </div>
 
- 							        <div className='clearfix'>
 
- 							        	<FormItem className="half-item"
 
- 				                            {...formItemLayout}
 
- 				                            label="派单人" >
 
- 					                    	<span>{this.state.taskAllocatorName}</span>
 
- 				                    	</FormItem>
 
- 				                    	<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="派单时间" >
 
- 						                    	<span>{this.state.taskDistributionTime}</span>
 
- 				                    	</FormItem>
 
- 				                    	<FormItem className="half-item"
 
- 					                            {...formItemLayout}
 
- 					                            label="资料负责人" >
 
- 						                    	<span>{this.state.taskReceiverName}</span>
 
- 				                    	</FormItem>
 
- 							        </div>
 
- 		                        </div>}
 
- 		                        {this.state.taskStatus<1||this.state.addTaskState?<div className="clearfix" style={{marginBottom:'20px'}}>
 
- 				                    <Button className="setSave" type="primary" htmlType="submit">保存</Button>  
 
- 	                                <Button className="cancel" type="ghost" onClick={this.nextCancel}>返回</Button>
 
- 		                        </div>:''}
 
- 			                </Spin>
 
- 			            </Form >
 
- 			        </Modal>
 
- 			        <Modal maskClosable={false} visible={this.state.projectVisible}
 
- 	                    onOk={this.projectOk} onCancel={this.projectCancel}
 
- 	                    width='600px'
 
- 	                    title='创建项目'                     
 
- 	                    footer=''
 
- 	                    className="admin-desc-content">
 
- 			            <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} >
 
- 			                <Spin spinning={this.state.loading}>
 
- 			                        <div className="clearfix">
 
- 						                <div className='clearfix'>
 
- 							                <div className="clearfix">
 
- 							                    <FormItem  
 
- 							                            {...formItemLayout}
 
- 							                            label="客户名称" >                             
 
- 						                                    <AutoComplete
 
- 													        className="certain-category-search"
 
- 													        dropdownClassName="certain-category-search-dropdown"
 
- 													        dropdownMatchSelectWidth={false}
 
- 													        dropdownStyle={{ width: 200 }}
 
- 													        size="large"
 
- 													        style={{ width: '200px' }}
 
- 													        dataSource={options}
 
- 													        placeholder="输入客户名称"
 
- 													        value={this.state.customerName}
 
- 													        onChange={this.customerChange}
 
- 													        filterOption={true}
 
- 													        onBlur={this.blurCutor}
 
- 													        onSelect={this.selectAutoCUT}
 
- 													      >
 
- 													        <Input/>
 
- 													      </AutoComplete> 
 
- 													      <span className="mandatory">*</span>
 
- 							                    </FormItem>
 
- 							                </div>
 
- 							                <div className='clearfix'>
 
- 							                	<FormItem  
 
- 						                            {...formItemLayout}
 
- 						                            label="项目负责人" > 
 
- 						                            <span style={{width:'150px'}}>{this.state.projectName}</span>
 
- 						                    		<Button onClick={this.confirmDelet} style={{float:'right',marginRight:'50px'}}>选择</Button>
 
- 							                    </FormItem>
 
- 							                </div>
 
- 							                <div className='clearfix'>
 
- 							                	<FormItem 
 
- 							                            {...formItemLayout}
 
- 							                            label="业务品类" > 
 
- 							                            <Select placeholder="请选择业务品类"
 
- 								                            style={{ width:'200px'}}
 
- 								                            value={this.state.contractType}
 
- 								                            onChange={(e)=>{this.setState({contractType:e})}}>
 
- 								                            {
 
- 							                                    categoryList.map(function (item) {
 
- 							                                            return <Select.Option key={item.id} >{item.name}</Select.Option>
 
- 							                                    })
 
- 							                                }
 
- 								                        </Select>
 
- 							                    		<span className="mandatory">*</span>
 
- 							                    </FormItem>
 
- 							                </div>
 
- 							                <div className='clearfix'>
 
- 									        	<FormItem
 
- 										            labelCol={{ span: 8 }}
 
- 										            wrapperCol={{ span: 12 }}
 
- 										            label="项目说明" >
 
- 										                <Input type="textarea" placeholder="请输入签单备注" rows={4}  value={this.state.signComment} 
 
- 											    				onChange={(e)=>{this.setState({signComment:e.target.value})}}/>			                      
 
- 										        </FormItem>
 
- 									        </div>
 
- 									    </div>
 
- 				                    </div>
 
- 				                    <FormItem wrapperCol={{ span: 12, offset: 4 }} className="half-middle">
 
- 										<Button type="primary" onClick={this.admissibleOrder} style={{marginLeft:'55px'}}>保存</Button>
 
- 				                        <Button className="submitSave" type="ghost" onClick={this.projectCancel}>返回</Button>
 
- 				                    </FormItem> 
 
- 	                        </Spin>
 
- 			            </Form >
 
- 			        </Modal> 
 
- 			        <Modal maskClosable={false} visible={this.state.distributionVisible}
 
-                         onOk={this.distributionOk} onCancel={this.distributionCancel}
 
-                         width='800px'
 
-                         title={this.state.transferState?'转交责任人':'分派任务单' }                    
 
-                         footer=''
 
-                         className="admin-desc-content">
 
- 			            <Form layout="horizontal"  id="demand-form" style={{paddingBottom:'40px'}} >
 
- 			                <Spin spinning={this.state.loading}>
 
- 			                	<div>
 
- 			                		<Radio.Group onChange={this.lvRadioFn} value={this.state.lvRadio}>
 
- 								        <Radio value={0}>下级</Radio>
 
- 								        <Radio value={2}>其他</Radio>
 
- 								    </Radio.Group>
 
- 			                		{!this.state.lvState&&<Select placeholder="部门"
 
- 				                            style={{ width: 150 ,marginRight:'10px',marginLeft:'10px'}}
 
- 				                            value={this.state.departmenttList}
 
- 				                            onChange={(e) => { this.setState({ departmenttList: e }) }}>
 
- 				                            {
 
- 			                                    departmentArr.map(function (item) {
 
- 			                                            return <Select.Option key={item.id} >{item.name}</Select.Option>
 
- 			                                    })
 
- 			                                }
 
- 				                    </Select>}
 
- 				                    {!this.state.lvState&&<Input placeholder={this.state.transferState?"责任人":"咨询师"} style={{width:'150px',marginLeft:'10px'}}
 
- 				                        value={this.state.financeNameSearch}
 
- 				                        onChange={(e) => { this.setState({ financeNameSearch: e.target.value }); }} />}  
 
- 				                    <Button type="primary" onClick={this.searchOrder} style={{marginLeft:'10px',marginRight:'10px'}}>搜索</Button>
 
- 	                    			<Button onClick={this.resetOrder}>重置</Button>
 
- 			                	</div>
 
- 			                	 <div className="patent-table" style={{marginTop:'10px'}}>
 
- 				                    <Spin spinning={this.state.loading}>
 
- 				                        <Table columns={this.state.userList}
 
- 				                            dataSource={this.state.distributionList}
 
- 				                            pagination={false}
 
- 				                             />
 
- 				                    </Spin>
 
- 				                </div>
 
- 			                </Spin>
 
- 			            </Form>
 
- 			    </Modal>
 
- 			    <Modal maskClosable={false} visible={this.state.orderVisible}
 
-                         onOk={this.orderCancel} onCancel={this.orderCancel}
 
-                         width='800px'
 
-                         title={this.state.seeState?'查看订单':'查看联系人'}                     
 
-                         footer=''
 
-                         className="admin-desc-content">
 
- 			            <Form layout="horizontal"  id="demand-form" style={{paddingBottom:'40px'}} >
 
- 			                <Spin spinning={this.state.loading}>
 
- 			                	 <div className="patent-table" style={{marginTop:'10px'}}>
 
- 				                    <Spin spinning={this.state.loading}>
 
- 				                        {this.state.seeState?
 
- 				                        	<div className="clearfix">
 
- 				                        	</div>:
 
- 				                             <Table columns={this.state.contractList}
 
- 				                            dataSource={this.state.contractArr}
 
- 				                            pagination={false}
 
- 				                             />}
 
- 				                    </Spin>
 
- 				                </div>
 
- 			                </Spin>
 
- 			            </Form>
 
- 			    </Modal>
 
- 			    <Modal maskClosable={false} visible={this.state.addChangeState}
 
-                         onOk={this.addChangeCancel} onCancel={this.addChangeCancel}
 
-                         width='800px'
 
-                         title= {this.state.stateAdd?'添加变更':'查看变更记录'}                    
 
-                         footer=''
 
-                         className="admin-desc-content">
 
- 			            <Form layout="horizontal" id="demand-form">
 
- 			                <Spin spinning={this.state.loading}>
 
- 		                        <div className="clearfix">
 
-                         	   		{this.state.stateAdd?<div className="clearfix">
 
- 						                <FormItem
 
- 									            labelCol={{ span: 4 }}
 
- 									            wrapperCol={{ span: 16 }}
 
- 									            label="变更说明" >
 
- 								                <Input type="textarea" placeholder="请输入变更说明" rows={4}  value={this.state.changeRemarks} 
 
- 									    				onChange={(e)=>{this.setState({changeRemarks:e.target.value})}}/>			                      
 
- 									    </FormItem>
 
- 									    <div className="clearfix">
 
- 									    	<Button type="primary" onClick={this.subChangeState} style={{margin:"10px 50px 10px 128px"}}>保存</Button>
 
- 									    	<Button onClick={this.addChangeCancel}>取消</Button>
 
- 									    </div>
 
- 				                    </div>:
 
- 				                    <div>
 
- 				                    	{
 
- 				                    	changeHtml.length?changeHtml.map(function(item,index){
 
- 				                    			return (<div className="changeBorder" key={index}>
 
- 													    <FormItem className="half-item"
 
- 													            {...formItemLayout}
 
- 													            label="变更发起人" >                             
 
- 													               <span>{item.creater}</span>
 
- 													    </FormItem>
 
- 													    <FormItem className="half-item"
 
- 													            {...formItemLayout}
 
- 													            label="变更申请时间" >                             
 
- 													               <span>{item.createTime}</span>
 
- 													    </FormItem>
 
- 													    <div className='clearfix'>
 
- 													    	<FormItem className="half-item"
 
- 													            {...formItemLayout}
 
- 													            label="变更状态" >                             
 
- 													                <span>{getChangeState(item.changeStatus)}</span>
 
- 													   		</FormItem>
 
- 													   		<FormItem className="half-item"
 
- 													            {...formItemLayout}
 
- 													            label="变更操作" >                             
 
- 													               <Button onClick={(e)=>{this.modifyChange(item)}}>修改</Button>
 
- 													   				{/*<Button type="danger" onClick={(e)=>{this.modifyDelete(item)}}>删除</Button>*/}
 
- 													   		</FormItem>
 
- 													    </div>
 
- 													    <div className='clearfix changeRemark'>
 
- 													    	<FormItem
 
- 													            labelCol={{ span: 4 }}
 
- 													            wrapperCol={{ span: 16 }}
 
- 													            label="变更说明" >
 
- 													    		<p>{item.changeComment}</p>
 
- 													        </FormItem>
 
- 													    </div>
 
- 													</div>)
 
- 				                    		},this):<p style={{textAlign:"center"}}>暂无变更记录</p>}
 
- 								    </div>
 
-                         	   		}
 
- 		                        </div>
 
- 			                </Spin>
 
- 			            </Form >
 
- 			        </Modal>
 
- 			        <Modal maskClosable={false} visible={this.state.modifyChangeState} 
 
-                         onOk={this.modifyChangeCancel} onCancel={this.modifyChangeCancel}
 
-                         width='600px'
 
-                         title= "修改变更  "                 
 
-                         footer=''
 
-                         className="admin-desc-content">
 
- 			            <Form layout="horizontal" id="demand-form">
 
- 			                <Spin spinning={this.state.loading}>
 
- 		                        <div className="clearfix">
 
- 		                       		<div className="clearfix">
 
- 									    <FormItem className="half-item"
 
- 									            {...formItemLayout}
 
- 									            label="变更发起人" >                             
 
- 									               <span>{this.state.changePromoter}</span>
 
- 									    </FormItem>
 
- 									    <FormItem className="half-item"
 
- 									            {...formItemLayout}
 
- 									            label="变更申请时间" >                             
 
- 									               <span>{this.state.changeTime}</span>
 
- 									    </FormItem>
 
- 									    <div className='clearfix'>
 
- 									    	<FormItem 
 
- 					                             labelCol={{ span: 4 }}
 
- 										         wrapperCol={{ span: 16 }}
 
- 					                             label="变更状态" >  
 
- 												<Radio.Group onChange={(e)=>{this.setState({changeState:e.target.value})}} value={this.state.changeState}>
 
- 											        <Radio value={1}>变更中</Radio>
 
- 											        <Radio value={2}>变更完成</Radio>
 
- 											    </Radio.Group>    
 
- 						                	</FormItem>
 
- 									    </div>
 
- 									    <div className='clearfix'>
 
- 									    	<FormItem
 
- 									            labelCol={{ span: 4 }}
 
- 									            wrapperCol={{ span: 16 }}
 
- 									            label="变更说明" >
 
- 								                <Input type="textarea" placeholder="请输入变更说明" rows={4}  value={this.state.changeRemarks} 
 
- 									    				onChange={(e)=>{this.setState({changeRemarks:e.target.value})}}/>			                      
 
- 									   		</FormItem>
 
- 									    </div>
 
- 									    <div className="clearfix">
 
- 									    	<Button type="primary" onClick={this.changeModify} style={{margin:"10px 95px"}}>保存</Button>
 
- 									    	<Button onClick={this.modifyChangeCancel}>取消</Button>
 
- 									    </div>
 
- 									</div>
 
- 		                        </div>
 
- 			                </Spin>
 
- 			            </Form >
 
- 			        </Modal>
 
-     	    </div>
 
- 		)
 
- 	}
 
- }));
 
- export default MySettlementDetaile;
 
 
  |