| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170 | 
							- import React from 'react';
 
- import { Modal, Tabs } from 'antd';
 
- import OrderDetaiel from './orderDetail';
 
- class DemandDesc extends React.Component {
 
- 	constructor(props) {
 
- 		super(props);
 
- 		this.state = {
 
- 			loading: false,
 
- 			showState: false
 
- 		};
 
- 	}
 
- 	getInitialState() {
 
- 		return {
 
- 			modKey: '1',
 
- 			loading: false,
 
- 			pagination: {
 
- 				defaultCurrent: 1,
 
- 				defaultPageSize: 10,
 
- 				showQuickJumper: true,
 
- 				pageSize: 10,
 
- 				onChange: function (page) {
 
- 					this.loadData(page);
 
- 				}.bind(this),
 
- 				showTotal: function (total) {
 
- 					return '共' + total + '条数据';
 
- 				}
 
- 			},
 
- 			columns: [
 
- 				{
 
- 					title: '订单编号',
 
- 					dataIndex: 'orderNo',
 
- 					key: 'orderNo',
 
- 					fixed: 'left'
 
- 				}, {
 
- 					title: '合同编号',
 
- 					dataIndex: 'contractNo',
 
- 					key: 'contractNo',
 
- 				}, {
 
- 					title: '下单时间',
 
- 					dataIndex: 'createTime',
 
- 					key: 'createTime',
 
- 				}, {
 
- 					title: '签单时间',
 
- 					dataIndex: 'signTime',
 
- 					key: 'signTime',
 
- 				},
 
- 				{
 
- 					title: '签单客户',
 
- 					dataIndex: 'buyerName',
 
- 					key: 'buyerName',
 
- 					render: (text) => {
 
- 						return (text && text.length > 8 ? text.substr(0, 8) + '...' : text)
 
- 					}
 
- 				},
 
- 				{
 
- 					title: '外包公司',
 
- 					dataIndex: 'outsourceName',
 
- 					key: 'outsourceName',
 
- 					render: (text) => {
 
- 						return (text && text.length > 8 ? text.substr(0, 8) + '...' : text)
 
- 					}
 
- 				},
 
- 				{
 
- 					title: '流程状态',
 
- 					dataIndex: 'processStatus',
 
- 					key: 'processStatus',
 
- 					render: (text, record) => {
 
- 						return getProcessStatus(text, record.examineName, record.approval);
 
- 					},
 
- 				},
 
- 				{
 
- 					title: '订单部门',
 
- 					dataIndex: 'departmentName',
 
- 					key: 'departmentName',
 
- 					render: (text) => {
 
- 						return (text && text.length > 8 ? text.substr(0, 8) + '...' : text)
 
- 					}
 
- 				},
 
- 				{
 
- 					title: '订单总金额(万)',
 
- 					dataIndex: 'signTotalAmount',
 
- 					key: 'signTotalAmount'
 
- 				},
 
- 				{
 
- 					title: '是否特批',
 
- 					dataIndex: 'approval',
 
- 					key: 'approval',
 
- 					render: text => { return getApproval(text) }
 
- 				},
 
- 				{
 
- 					title: '订单负责人',
 
- 					dataIndex: 'sellerName',
 
- 					key: 'sellerName'
 
- 				},
 
- 				{
 
- 					title: '操作',
 
- 					dataIndex: 'caozuo',
 
- 					key: 'caouzo',
 
- 					render: (text, recard) => {
 
- 						return <div>
 
- 							{this.judgeFenpai(recard)}
 
- 						</div>
 
- 					}
 
- 				}
 
- 			],
 
- 			dataSource: [],
 
- 			searchTime: [,]
 
- 		}
 
- 	}
 
- 	callBack() {
 
- 		this.setState({
 
- 			modKey: '2'
 
- 		})
 
- 	}
 
- 	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() {
 
- 		let data = this.props.data || { releaseStatus: 0 };
 
- 		const { TabPane } = Tabs
 
- 		return (
 
- 			<div className="patent-desc">
 
- 				<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"
 
- 				>
 
- 					<Tabs onChange={this.callBack} type='card' activeKey={this.state.modKey}>
 
- 						<TabPane tab="项目概况" key="1">
 
- 							<div>
 
- 								<div>
 
- 									<OrderDetaiel
 
- 										closeDesc={this.handleCancel.bind(this)}
 
- 										data={this.props.data}
 
- 										visible={this.state.visible}
 
- 										handOk={this.handOk.bind(this)}
 
- 									/>
 
- 								</div>
 
- 							</div>
 
- 						</TabPane>
 
- 						<TabPane tab="外包详情" key="2">
 
- 						</TabPane>
 
- 					</Tabs>
 
- 				</Modal>
 
- 			</div>
 
- 		);
 
- 	}
 
- }
 
- export default DemandDesc;
 
 
  |