intentionDetail.jsx 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. import React from 'react';
  2. import {Modal,Tabs } from 'antd';
  3. const TabPane = Tabs.TabPane;
  4. import Basic from './detail/basic.jsx';
  5. import ajax from 'jquery/src/ajax/xhr.js';
  6. import $ from 'jquery/src/ajax';
  7. import ContactPerson from './detail/contactPerson.jsx'; //联系人
  8. import Account from './detail/account.jsx'; //账户信息
  9. import Visit from './detail/visit.jsx';
  10. import Business from './detail/business.jsx';
  11. import BasicPerson from './detail/basicPerson.jsx';//基本信息
  12. const IntentionDetail = React.createClass({
  13. getInitialState(){
  14. return{
  15. modalVisible:false,
  16. switchState:false,
  17. contactData:[],
  18. contactState:true,
  19. IntentionState:false,
  20. businessState:false,
  21. visitState:false,
  22. accountState:false,
  23. basicState:false
  24. }
  25. },
  26. detailsModal(){
  27. this.setState({
  28. basicState:false,
  29. modalVisible:false,
  30. callnub:1,
  31. });
  32. this.props.closeDesc(false,false);
  33. },
  34. //详情tab切换数据处理
  35. callback(e) {
  36. if(e == '1') {
  37. this.setState({
  38. IntentionState:true,
  39. contactState:false,
  40. accountState:false,
  41. visitState:false,
  42. businessState:false,
  43. basicState:true
  44. })
  45. }
  46. if(e == '2') {
  47. this.setState({
  48. IntentionState:false,
  49. contactState:true,
  50. accountState:false,
  51. visitState:false,
  52. businessState:false,
  53. basicState:false
  54. })
  55. }
  56. if(e == '3') {
  57. this.setState({
  58. IntentionState:false,
  59. contactState:false,
  60. accountState:true,
  61. visitState:false,
  62. businessState:false,
  63. basicState:false
  64. })
  65. }
  66. if(e == '4') {
  67. this.setState({
  68. IntentionState:false,
  69. contactState:false,
  70. accountState:false,
  71. visitState:true,
  72. businessState:false,
  73. basicState:false
  74. })
  75. }
  76. if(e == '5') {
  77. this.setState({
  78. IntentionState:false,
  79. contactState:false,
  80. accountState:false,
  81. visitState:false,
  82. businessState:true,
  83. basicState:false
  84. })
  85. }
  86. this.setState({
  87. callnub: e,
  88. })
  89. },
  90. //取消函数
  91. closeDetail(e,s){
  92. this.setState({
  93. basicState:false,
  94. //contactState:true,
  95. modalVisible:e,
  96. })
  97. // if(s){
  98. // this.props.closeDesc(false,true)
  99. // }
  100. },
  101. componentWillReceiveProps(nextProps) {
  102. if(nextProps.modalVisible && nextProps.IntentionData.id) {
  103. this.setState({
  104. modalVisible:true,
  105. callnub:(this.props.detailApi.indexOf('Organization'))>0?"2":'1',
  106. })
  107. };
  108. this.setState({
  109. basicState:nextProps.basicState,
  110. contactState:nextProps.contactState,
  111. })
  112. },
  113. render(){
  114. return(
  115. <div>
  116. <Modal
  117. className="customeDetails"
  118. title="签单客户详情"
  119. width='1300px'
  120. visible={this.state.modalVisible}
  121. onOk={this.detailsModal}
  122. onCancel={this.detailsModal}
  123. footer=''
  124. >
  125. <Tabs onChange={this.callback} activeKey={this.state.callnub}>
  126. {this.props.detailApi.indexOf('Organization')>0?"":
  127. <TabPane tab="基本信息" key="1">
  128. <BasicPerson
  129. detailApi={this.props.detailApi}
  130. closeDetail={this.closeDetail}
  131. data={this.props.IntentionData}
  132. IntentionState={this.state.IntentionState}
  133. basicState={this.state.basicState}
  134. />
  135. </TabPane>}
  136. <TabPane tab="联系人信息" key="2">
  137. <ContactPerson
  138. closeDetail={this.closeDetail}
  139. data={this.props.IntentionData}
  140. contactState={this.state.contactState}
  141. />
  142. </TabPane>
  143. <TabPane tab="账户信息" key="3">
  144. <Account
  145. closeDetail={this.closeDetail}
  146. data={this.props.IntentionData}
  147. accountState={this.state.accountState}
  148. />
  149. </TabPane>
  150. <TabPane tab="客户跟进" key="4">
  151. <Visit
  152. closeDetail={this.closeDetail}
  153. data={this.props.IntentionData}
  154. visitState={this.state.visitState}
  155. />
  156. </TabPane>
  157. <TabPane tab="业务意向" key="5">
  158. <Business
  159. closeDetail={this.closeDetail}
  160. data={this.props.IntentionData}
  161. businessState={this.state.businessState}
  162. />
  163. </TabPane>
  164. {/*
  165. <TabPane tab="业务订单" key="6">
  166. </TabPane>
  167. <TabPane tab="技术需求" key="7">
  168. </TabPane>
  169. <TabPane tab="技术成果" key="8">
  170. </TabPane>
  171. <TabPane tab="技术专家" key="9">
  172. </TabPane>
  173. */}
  174. </Tabs>
  175. </Modal>
  176. </div>
  177. )
  178. }
  179. })
  180. export default IntentionDetail;