| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229 | 
							- import React from 'react';
 
- import {Modal,Tabs  } from 'antd';
 
- const TabPane = Tabs.TabPane;
 
- import Basic from './detail/basic.jsx';
 
- import ajax from 'jquery/src/ajax/xhr.js';
 
- import $ from 'jquery/src/ajax';
 
- import ContactPerson from './detail/contactPerson.jsx';  //联系人
 
- import Account from './detail/account.jsx';  //账户信息
 
- import Visit from './detail/visit.jsx'; 
 
- import Business from './detail/business.jsx';
 
- import BasicPerson from './detail/basicPerson.jsx';
 
- const IntentionDetail = React.createClass({
 
- 	getInitialState(){
 
- 		return{
 
- 			modalVisible:false,
 
- 			switchState:false,
 
- 			contactData:[],
 
- 			contactState:false,
 
- 			IntentionState:false,
 
- 			businessState:false,
 
- 			visitState:false,
 
- 			accountState:false,
 
- 			basicState:false
 
- 		}
 
- 	},
 
- 	detailsModal(){
 
- 		this.setState({
 
- 			basicState:false,
 
- 			modalVisible:false
 
- 		})
 
- 		this.props.closeDesc(false,false)
 
- 	},
 
- 	//详情tab切换数据处理
 
- 	callback(e) {
 
- 		if(e == '1') {
 
- 			this.setState({
 
- 				contactState:false,
 
- 				IntentionState:true,
 
- 				accountState:false,
 
- 				visitState:false,
 
- 				businessState:false,
 
- 				basicState:true
 
- 			})
 
- 		}
 
- 		if(e == '2') {
 
- 			this.setState({
 
- 				IntentionState:false,
 
- 				contactState:true,
 
- 				accountState:false,
 
- 				visitState:false,
 
- 				businessState:false,
 
- 				basicState:false
 
- 			})
 
- 		}
 
- 		if(e == '3') {
 
- 			this.setState({
 
- 				IntentionState:false,
 
- 				contactState:false,
 
- 				accountState:true,
 
- 				visitState:false,
 
- 				businessState:false,
 
- 				basicState:false
 
- 			})
 
- 		}
 
- 		if(e == '4') {
 
- 			this.setState({
 
- 				IntentionState:false,
 
- 				contactState:false,
 
- 				accountState:false,
 
- 				visitState:true,
 
- 				businessState:false,
 
- 				basicState:false
 
- 			})
 
- 		}
 
- 		if(e == '5') {
 
- 			this.setState({
 
- 				IntentionState:false,
 
- 				contactState:false,
 
- 				accountState:false,
 
- 				visitState:false,
 
- 				businessState:true,
 
- 				basicState:false
 
- 			})
 
- 		}
 
- 		/*if(e == '6') {
 
- 			this.setState({
 
- 				IntentionState:false,
 
- 				contactState:false,
 
- 				accountState:false,
 
- 				visitState:false,
 
- 				businessState:false,
 
- 				basicState:false
 
- 			})
 
- 		}
 
- 		if(e == '7') {
 
- 			this.setState({
 
- 				IntentionState:false,
 
- 				contactState:false,
 
- 				accountState:false,
 
- 				visitState:false,
 
- 				businessState:false,
 
- 				basicState:false
 
- 			})
 
- 		}
 
- 		if(e == '8') {
 
- 			this.setState({
 
- 				IntentionState:false,
 
- 				contactState:false,
 
- 				accountState:false,
 
- 				visitState:false,
 
- 				businessState:false,
 
- 				basicState:false
 
- 			})
 
- 		}
 
- 		if(e == '9') {
 
- 			this.setState({
 
- 				IntentionState:false,
 
- 				contactState:false,
 
- 				accountState:false,
 
- 				visitState:false,
 
- 				businessState:false,
 
- 				basicState:false
 
- 			})
 
- 		}*/
 
- 		this.setState({
 
- 			callnub: e,
 
- 		})
 
- 	},
 
- 	//取消函数
 
- 	closeDetail(e,s){
 
- 		this.setState({
 
- 			basicState:false,
 
- 			modalVisible:e,
 
- 		})
 
- 		if(s){
 
- 			this.props.closeDesc(false,true)
 
- 		}
 
- 	},
 
- 	componentWillReceiveProps(nextProps) {
 
- 		if(nextProps.modalVisible && nextProps.IntentionData.id) {
 
- 			this.setState({
 
- 				modalVisible:true,
 
- 				callnub:'1',
 
- 			})
 
- 		};
 
- 		this.setState({
 
- 			basicState:nextProps.basicState
 
- 		})
 
- 	},
 
- 	render(){
 
- 		return(
 
- 			<div>
 
- 				 <Modal	
 
- 				      className="customeDetails"				      
 
- 			          title="意向客户详情"
 
- 			          width='1300px'
 
- 			          visible={this.state.modalVisible}
 
- 			          onOk={this.detailsModal}
 
- 			          onCancel={this.detailsModal}
 
- 			          footer=''
 
- 			        >				    
 
- 					     <Tabs onChange={this.callback} activeKey={this.state.callnub}>
 
- 						    <TabPane tab="基本信息" key="1">
 
- 						        {this.props.detailApi.indexOf('Organization')>0?<Basic 
 
- 						        	detailApi={this.props.detailApi}
 
- 						        	closeDetail={this.closeDetail}
 
- 						        	data={this.props.IntentionData}
 
- 						        	IntentionState={this.state.IntentionState}
 
- 						        	basicState={this.state.basicState}
 
- 						        />:<BasicPerson 
 
- 						        	detailApi={this.props.detailApi}
 
- 						        	closeDetail={this.closeDetail}
 
- 						        	data={this.props.IntentionData}
 
- 						        	IntentionState={this.state.IntentionState}
 
- 						        	basicState={this.state.basicState}
 
- 						        />
 
- 						       }
 
- 							</TabPane>
 
- 						    <TabPane tab="联系人信息" key="2">
 
- 						        <ContactPerson 
 
- 							        closeDetail={this.closeDetail}
 
- 							        data={this.props.IntentionData}
 
- 							        contactState={this.state.contactState}
 
- 							    />
 
- 						    </TabPane>
 
- 						    <TabPane tab="账户信息" key="3">
 
- 						    		<Account 
 
- 						    			 closeDetail={this.closeDetail}
 
- 								         data={this.props.IntentionData}
 
- 								         accountState={this.state.accountState}
 
- 						    		/>
 
- 						    </TabPane>
 
- 							<TabPane tab="客户拜访" key="4">
 
- 							     <Visit
 
- 							     		categoryArr={this.props.categoryArr}
 
- 							     		closeDetail={this.closeDetail}
 
- 								        data={this.props.IntentionData}
 
- 								        visitState={this.state.visitState}
 
- 							     />
 
- 							</TabPane>						
 
- 							<TabPane tab="业务意向" key="5">
 
- 							    <Business 
 
- 							    	closeDetail={this.closeDetail}
 
- 								    data={this.props.IntentionData}
 
- 								    businessState={this.state.businessState}
 
- 							    />
 
- 							</TabPane>
 
- 							{/*<TabPane tab="业务订单" key="6">
 
- 							     	<div style={{textAlign:'center'}}></div>							
 
- 							</TabPane>
 
- 							<TabPane tab="技术需求" key="7">
 
- 							     								
 
- 							</TabPane>
 
- 							<TabPane tab="技术成果" key="8">
 
- 							     								
 
- 							</TabPane>
 
- 							<TabPane tab="技术专家" key="9">
 
- 							     								
 
- 							</TabPane>
 
- 							*/}
 
- 						</Tabs>
 
-     			</Modal>
 
- 			</div>
 
- 		)
 
- 	}
 
- })
 
- export default IntentionDetail;
 
 
  |