intentionDetail.jsx 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  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. console.log(nextProps);
  103. if(nextProps.modalVisible && nextProps.IntentionData.id) {
  104. this.setState({
  105. modalVisible:true,
  106. callnub:(this.props.detailApi.indexOf('Organization'))>0?"2":'1',
  107. })
  108. };
  109. this.setState({
  110. basicState:nextProps.basicState,
  111. contactState:nextProps.contactState,
  112. })
  113. },
  114. render(){
  115. return (
  116. <div>
  117. <Modal
  118. className="customeDetails"
  119. title="签单客户详情"
  120. width="1300px"
  121. visible={this.state.modalVisible}
  122. onOk={this.detailsModal}
  123. onCancel={this.detailsModal}
  124. footer=""
  125. >
  126. <Tabs onChange={this.callback} activeKey={this.state.callnub}>
  127. {this.props.detailApi.indexOf("Organization") > 0 ? (
  128. ""
  129. ) : (
  130. <TabPane tab="基本信息" key="1">
  131. <BasicPerson
  132. detailApi={this.props.detailApi}
  133. closeDetail={this.closeDetail}
  134. data={this.props.IntentionData}
  135. IntentionState={this.state.IntentionState}
  136. basicState={this.state.basicState}
  137. />
  138. </TabPane>
  139. )}
  140. <TabPane tab="联系人信息" key="2">
  141. <ContactPerson
  142. closeDetail={this.closeDetail}
  143. name={this.props.name}
  144. data={this.props.IntentionData}
  145. contactState={this.state.contactState}
  146. />
  147. </TabPane>
  148. <TabPane tab="账户信息" key="3">
  149. <Account
  150. closeDetail={this.closeDetail}
  151. data={this.props.IntentionData}
  152. accountState={this.state.accountState}
  153. />
  154. </TabPane>
  155. <TabPane tab="客户跟进" key="4">
  156. <Visit
  157. loadData={this.props.loadData}
  158. closeDetail={this.closeDetail}
  159. data={this.props.IntentionData}
  160. visitState={this.state.visitState}
  161. />
  162. </TabPane>
  163. <TabPane tab="业务意向" key="5">
  164. <Business
  165. closeDesc={this.props.closeDesc}
  166. closeDetail={this.closeDetail}
  167. data={this.props.IntentionData}
  168. businessState={this.state.businessState}
  169. />
  170. </TabPane>
  171. {/*
  172. <TabPane tab="业务订单" key="6">
  173. </TabPane>
  174. <TabPane tab="技术需求" key="7">
  175. </TabPane>
  176. <TabPane tab="技术成果" key="8">
  177. </TabPane>
  178. <TabPane tab="技术专家" key="9">
  179. </TabPane>
  180. */}
  181. </Tabs>
  182. </Modal>
  183. </div>
  184. );
  185. }
  186. })
  187. export default IntentionDetail;