| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 | import React from 'react';import { Table, Spin, message, Modal } from 'antd';import ajax from 'jquery/src/ajax/xhr.js';import $ from 'jquery/src/ajax';const Detail = React.createClass({	loadData(data, apiUrl) {		this.setState({			loading: true,		});		$.ajax({			method: "get",			dataType: "json",			crossDomain: false,			url: globalConfig.context + apiUrl,			data: {				uid: data.id,			},			success: function(data) {				let listArr = [];				let thedata = data.data;				if(!thedata) {					if(data.error && data.error.length) {						message.warning(data.error[0].message);					};					thedata = {};					return;				};				for(let i = 0; i < data.data.length; i++) {					let thisdata = data.data[i];					listArr.push({						id: thisdata.id,						businessProjectName: thisdata.businessProjectName,						salesmanName: thisdata.salesmanName,						lockTime: thisdata.lockTime && thisdata.lockTime.split(' ')[0],					});				};				this.setState({					dataSource: listArr,				});			}.bind(this),		}).always(function() {			this.setState({				loading: false			});		}.bind(this));	},	getInitialState() {		return {			loading: false,			dataSource: [],			columns: [{					title: '业务名称',					dataIndex: 'businessProjectName',					key: 'businessProjectName',				}, {					title: '签单时间',					dataIndex: 'lockTime',					key: 'lockTime',				},				{					title: '营销员',					dataIndex: 'salesmanName',					key: 'salesmanName',				}			],		}	},	visitCancel() {		this.setState({			visitModul: false		})		this.props.closeDesc(false);	},	componentWillReceiveProps(nextProps) {		if(nextProps.visitModul) {			this.setState({				visitModul: true			})			this.loadData(nextProps.data, nextProps.detailApi);		}	},	render() {		return(			<Modal				      className="customeDetails"			      footer=''		          title="已签业务"		          width='800px'		          visible={this.state.visitModul}		          onOk={this.visitCancel}				  onCancel={this.visitCancel}							          							          			        >		                    <Spin spinning={this.state.loading}>                        <Table columns={this.state.columns}                            dataSource={this.state.dataSource}                                pagination={false}                            />                    </Spin>			</Modal>		)	}})export default Detail;
 |