| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297 | 
							- import React from 'react';
 
- import { Icon, Table, Modal, message, Spin, Input, Select, Button, Form ,Upload,Popconfirm,AutoComplete} 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 ,getApprovedState} from '../../../../tools.js';
 
- 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, 
 
-                         });
 
-                     };
 
-                    }
 
-                 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:[],
 
- 			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: '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>
 
- 								{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'
 
-                 },
 
-                 
 
-             ],
 
- 		};
 
- 	},
 
- 	seeOrder(){
 
- 		this.seeOrderAjax();
 
- 		this.setState({
 
- 			seeState:true,
 
- 			orderVisible:true
 
- 		})
 
- 	},
 
- 	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(){
 
-     	$.ajax({
 
-             method: "get",
 
- 			dataType: "json",
 
- 			crossDomain: false,
 
- 			url: globalConfig.context + '/api/admin/order/getServiceOrderDetail',
 
-             data: {
 
-               orderNo: this.state.orderNok
 
-             },
 
-             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));  
 
-     },
 
-     //查看详情
 
-     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({
 
-                 	buyerId:thisData.uid,
 
- 					id:record.id,
 
- 					orderNok:thisData.orderNo,
 
- 					orderList:thisData,
 
- 					technicianName:thisData.technicianName, //任务负责人
 
-                 });                  
 
-             }.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();
 
-             } 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,
 
-     	});
 
-     	this.resetOrder();
 
-     },
 
-     distributionCancel(){
 
-     	this.setState({
 
-     		distributionVisible:false
 
-     	})
 
-     },
 
-     distributionOk(){
 
-     	this.setState({
 
-     		distributionVisible:false
 
-     	})
 
-     },
 
-     //分配对象列表
 
-     contactList(){
 
-         $.ajax({
 
-             method: "get",
 
-             dataType: "json",
 
-             crossDomain: false,
 
-             url: globalConfig.context + '/api/admin/superviser/adminList',
 
-             data: {
 
-                 pageNo: 1,
 
-                 pageSize: 99,
 
-                 departmentId:this.state.departmenttList,
 
-                 name:this.state.financeNameSearch,
 
-             },
 
-             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.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,
 
-                         });
 
-                     };
 
-                   
 
-                 };
 
-                
 
-                 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();
 
-             } 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.setState({
 
-     		distributionList:[]
 
-     	})
 
-     },
 
-     //添加任务
 
-     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();
 
- 					} 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));
 
- 	},
 
- 	//负责人转交
 
- 	transfer(){
 
- 		this.setState({
 
- 			distributionVisible:true,
 
- 			transferState:true,
 
- 		});
 
- 		this.resetOrder();
 
- 	},
 
- 	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);
 
- 			}
 
- 		}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 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>
 
- 			                            {orderDetaiel.orderNo&&!this.props.queryProject?<Button  onClick={this.seeOrder} style={{float:'right',fontSize:'12px'}}>查看订单</Button>:''}
 
- 		                    		</FormItem>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="项目编号" >  
 
- 			                            <span>{orderDetaiel.serialNumber}</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>{getOrderType(orderDetaiel.projectType)}</span>
 
- 		                    		</FormItem>
 
- 		                    		<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="立项时间" >  
 
- 			                            <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="立项说明" >
 
- 							        		 <span>{orderDetaiel.signComment}</span>			                      
 
- 								        </FormItem>
 
- 							        </div>
 
- 		                        </div>
 
- 		                        <div className='clearfix'>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="结项日期" >  
 
- 			                            <span>{orderDetaiel.completeDate}</span>
 
- 		                    		</FormItem>
 
- 		                    	</div>
 
- 		                    	<div className='clearfix'>
 
- 							        	<FormItem
 
- 								            labelCol={{ span: 4 }}
 
- 								            wrapperCol={{ span: 16 }}
 
- 								            label="结项说明" >
 
- 							        		<span>{orderDetaiel.completeComment}</span>			                      
 
- 								        </FormItem>
 
- 							        </div>
 
- 		                    	<div className='clearfix'>
 
- 		                    		<FormItem className="half-item"
 
- 			                            {...formItemLayout}
 
- 			                            label="是否作废" >  
 
- 			                            <span>{orderDetaiel.deleteSign==1?'作废':'未作废'}</span>
 
- 		                    		</FormItem>
 
- 	                    		</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>
 
- 					            </div>:
 
- 					            <div style={{marginTop:'30px',paddingLeft:'100px'}}>
 
- 					            	<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>
 
- 			                		<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>
 
- 				                    <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">
 
- 					                       		<FormItem className="half-item"
 
- 						                            {...formItemLayout}
 
- 						                            label="订单编号" >
 
- 						                            <span>{orderArr.orderNo}</span>
 
- 					                    		</FormItem>
 
- 					                    		<FormItem className="half-item"
 
- 						                            {...formItemLayout}
 
- 						                            label="下单时间" >  
 
- 						                            <span>{orderArr.createTime}</span>
 
- 					                    		</FormItem>
 
- 					                    		<FormItem className="half-item"
 
- 						                            {...formItemLayout}
 
- 						                            label="客户名称" >  
 
- 						                            <span>{orderArr.buyerName}</span>
 
- 					                    		</FormItem>
 
- 					                    		<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>{getApprovedState(orderArr.approval)}</span>
 
- 						                    		</FormItem>
 
- 							                        <div className='clearfix'>
 
- 											        	<FormItem
 
- 												            labelCol={{ span: 4 }}
 
- 												            wrapperCol={{ span: 16 }}
 
- 												            label="订单留言" >
 
- 											        		<span>{orderArr.orderRemarks}</span>
 
- 												        </FormItem>
 
- 											        </div>
 
- 										        </div>
 
- 				                        	</div>:
 
- 				                             <Table columns={this.state.contractList}
 
- 				                            dataSource={this.state.contractArr}
 
- 				                            pagination={false}
 
- 				                             />}
 
- 				                    </Spin>
 
- 				                </div>
 
- 			                </Spin>
 
- 			            </Form>
 
- 			    </Modal>
 
-     	    </div>
 
- 		)
 
- 	}
 
- }));
 
- export default MySettlementDetaile;
 
 
  |