| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 | 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} from '../../../../tools.js';const MySettlementDetaile = Form.create()(React.createClass({	getInitialState() {		return {			loading: false,			visible: false,            //派单		};	},	//查看基本详情基本信息    loaduser(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({						orderList:thisData,	                });                  	            }.bind(this),	       }).always(function () {	            this.setState({            		                loading: false	            });	        }.bind(this));  	    }    },	componentWillMount() {			},	componentWillReceiveProps(nextProps) { //props改变时触发		this.state.visible = nextProps.showDesc;		if(nextProps.showDesc) {				this.loaduser(nextProps.datauser);		}	},	handleCancel(){		this.setState({			visible:false		})	},	render() {		const FormItem = Form.Item		const formItemLayout = {			labelCol: { span: 8 },			wrapperCol: { span: 14 },		};		const orderDetaiel=this.state.orderList || [];		return(			<div>            <Modal maskClosable={false} visible={this.state.visible}                    onOk={this.handleCancel} onCancel={this.handleCancel}                    width='1000px'                    title='查看任务'                                       footer=''                    className="admin-desc-content">		            <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} >		                <Spin spinning={this.state.loading}>		                    <div className="clearfix">		                   			 <FormItem className="half-item"				                            {...formItemLayout}				                            label="客户名称" >			                    			<span>{orderDetaiel.buyerName}</span>			                    	</FormItem>		                        	<FormItem className="half-item"				                            {...formItemLayout}				                            label="项目编号" >			                    			<span>{orderDetaiel.projectNo}</span>			                    	</FormItem>			                    	<FormItem className="half-item"				                            {...formItemLayout}				                            label="任务编号" >			                    			<span>{orderDetaiel.taskNo}</span>			                    	</FormItem>			                    				                    	<FormItem className="half-item"				                            {...formItemLayout}				                            label="服务项目名称" >			                    			<span>{orderDetaiel.commodityName}</span>			                    	</FormItem>			                    	<FormItem className="half-item"				                            {...formItemLayout}				                            label="任务状态" >					                    	<span>{getTaskStatus(orderDetaiel.taskStatus)}</span>			                    	</FormItem>			                    	<FormItem className="half-item"				                            {...formItemLayout}				                            label="是否锁定" >					                    	<span>{orderDetaiel.deletedSign==2?'锁定':'未锁定'}</span>			                    	</FormItem>			                    	<div className='clearfix'>								        <FormItem className="half-item"				                            {...formItemLayout}				                            label="任务说明" >					                    	<span>{orderDetaiel.taskComment}</span>				                    	</FormItem>							        </div>							        <div className='clearfix'>							        	<FormItem className="half-item"				                            {...formItemLayout}				                            label="派单人" >					                    	<span>{orderDetaiel.taskAllocatorName}</span>				                    	</FormItem>				                    	<FormItem className="half-item"					                            {...formItemLayout}					                            label="派单时间" >						                    	<span>{orderDetaiel.taskDistributionTime}</span>				                    	</FormItem>				                    	<FormItem className="half-item"					                            {...formItemLayout}					                            label="资料负责人" >						                    	<span>{orderDetaiel.taskReceiverName}</span>				                    	</FormItem>							        </div>		                        </div>		                </Spin>		            </Form >		        </Modal>    	    </div>		)	}}));export default MySettlementDetaile;
 |