kede-client/js/component/manageCenter/financialManage/orderDetail/orderDesc.jsx

import React from 'react';
import { Modal } from 'antd';
import OrderDetaiel from './orderDetail';

class DemandDesc extends React.Component {
	constructor(props) {
		super(props);
		this.state = {
			loading: false,
			showState: false
		};
	}
	handleCancel() {
		this.setState({
			visible: false,
		});
		this.props.closeDesc(false, false);
	}
	handOk() {
		this.setState({
			visible: false,
		});
		this.props.closeDesc(false, true);
	}
	componentWillReceiveProps(nextProps) {
		this.state.visible = nextProps.showDesc;
	}
	render() {
		return (
			<div className="patent-desc">
				{
					this.state.visible &&
					<Modal
						maskClosable={false}
						visible={this.state.visible}
						onOk={this.handOk.bind(this)}
						onCancel={this.handleCancel.bind(this)}
						width="1200px"
						title='订单详情'
						footer=""
						className="admin-desc-content"
					>
						<div>
							<div>
								{
									this.state.visible &&
									<OrderDetaiel
										closeDesc={this.handleCancel.bind(this)}
										data={this.props.data}
										visible={this.state.visible}
										handOk={this.handOk.bind(this)}
									/>
								}
							</div>
						</div>
					</Modal>
				}
			</div>
		);
	}
}

export default DemandDesc;