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,
							technicianMobile: thisdata.technicianMobile,
							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: 'technicianName',
					key: 'technicianName'
				}, {
					title: '负责人联系方式',
					dataIndex: 'technicianMobile',
					key: 'technicianMobile'
				}, {
					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: false,
			distributionList: []
		});
		this.state.departmenttList = undefined;
		this.state.financeNameSearch = '';
		this.state.lvRadio = 0;
		//this.contactLists();
	},
	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));
	},
	//分配对象列表
	contactLists() {
		this.setState({
			loading: true
		});

		let api = '/api/admin/superviser/adminList';
		$.ajax({
			method: "get",
			dataType: "json",
			crossDomain: false,
			url: globalConfig.context + api,
			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 {
					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.contactLists();
	},
	resetOrder() {
		this.state.departmenttList = undefined;
		this.state.financeNameSearch = '';
		this.state.lvRadio = 0;
		this.setState({
			lvState: false,
			distributionList: []
		})
		this.contactLists();
	},
	//添加任务
	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: false,
			distributionList: []
		});
		this.state.departmenttList = undefined;
		this.state.financeNameSearch = '';
		this.state.lvRadio = 0;
		//this.contactLists();
	},
	/* -----变更操作开始----- */
	//新建变更
	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 == 0) {
			this.setState({
				lvRadio: e.target.value,
				lvState: false
			})
			this.setState({
				distributionList: [],
			})

		} else {
			this.setState({
				lvRadio: e.target.value,
				lvState: true
			})
			this.contactList();
		}

	},


	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='1200px'
					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.departmentName}</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={2}>下级</Radio>
									<Radio value={0}>其他</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 }); }} />}
								{!this.state.lvState && <Button type="primary" onClick={this.searchOrder} style={{ marginLeft: '10px', marginRight: '10px' }}>搜索</Button>}
								{!this.state.lvState && <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;