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="800px"
					title='订单详情'
					footer=""
					className="admin-desc-content"
				>
					<div>
						<div>
							<OrderDetaiel
								closeDesc={this.handleCancel.bind(this)}
								data={this.props.data}
								visible={this.state.visible}
								handOk={this.handOk.bind(this)}
							/>
						</div>
					</div>
				</Modal> : <div/>}
			</div>
		);
	}
}

export default DemandDesc;