intentionDetail.jsx 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  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:false,
  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. })
  31. this.props.closeDesc(false,false)
  32. },
  33. //详情tab切换数据处理
  34. callback(e) {
  35. if(e == '1') {
  36. this.setState({
  37. contactState:false,
  38. IntentionState:true,
  39. accountState:false,
  40. visitState:false,
  41. businessState:false,
  42. basicState:true
  43. })
  44. }
  45. if(e == '2') {
  46. this.setState({
  47. IntentionState:false,
  48. contactState:true,
  49. accountState:false,
  50. visitState:false,
  51. businessState:false,
  52. basicState:false
  53. })
  54. }
  55. if(e == '3') {
  56. this.setState({
  57. IntentionState:false,
  58. contactState:false,
  59. accountState:true,
  60. visitState:false,
  61. businessState:false,
  62. basicState:false
  63. })
  64. }
  65. if(e == '4') {
  66. this.setState({
  67. IntentionState:false,
  68. contactState:false,
  69. accountState:false,
  70. visitState:true,
  71. businessState:false,
  72. basicState:false
  73. })
  74. }
  75. if(e == '5') {
  76. this.setState({
  77. IntentionState:false,
  78. contactState:false,
  79. accountState:false,
  80. visitState:false,
  81. businessState:true,
  82. basicState:false
  83. })
  84. }
  85. /*if(e == '6') {
  86. this.setState({
  87. IntentionState:false,
  88. contactState:false,
  89. accountState:false,
  90. visitState:false,
  91. businessState:false,
  92. basicState:false
  93. })
  94. }
  95. if(e == '7') {
  96. this.setState({
  97. IntentionState:false,
  98. contactState:false,
  99. accountState:false,
  100. visitState:false,
  101. businessState:false,
  102. basicState:false
  103. })
  104. }
  105. if(e == '8') {
  106. this.setState({
  107. IntentionState:false,
  108. contactState:false,
  109. accountState:false,
  110. visitState:false,
  111. businessState:false,
  112. basicState:false
  113. })
  114. }
  115. if(e == '9') {
  116. this.setState({
  117. IntentionState:false,
  118. contactState:false,
  119. accountState:false,
  120. visitState:false,
  121. businessState:false,
  122. basicState:false
  123. })
  124. }*/
  125. this.setState({
  126. callnub: e,
  127. })
  128. },
  129. //取消函数
  130. closeDetail(e,s){
  131. this.setState({
  132. basicState:false,
  133. modalVisible:e,
  134. })
  135. if(s){
  136. this.props.closeDesc(false,true)
  137. }
  138. },
  139. componentWillReceiveProps(nextProps) {
  140. if(nextProps.modalVisible && nextProps.IntentionData.id) {
  141. this.setState({
  142. modalVisible:true,
  143. callnub:'1',
  144. })
  145. };
  146. this.setState({
  147. basicState:nextProps.basicState
  148. })
  149. },
  150. render(){
  151. return(
  152. <div>
  153. <Modal
  154. className="customeDetails"
  155. title="意向客户详情"
  156. width='1300px'
  157. visible={this.state.modalVisible}
  158. onOk={this.detailsModal}
  159. onCancel={this.detailsModal}
  160. footer=''
  161. >
  162. <Tabs onChange={this.callback} activeKey={this.state.callnub}>
  163. <TabPane tab="基本信息" key="1">
  164. {this.props.detailApi.indexOf('Organization')>0?<Basic
  165. detailApi={this.props.detailApi}
  166. closeDetail={this.closeDetail}
  167. data={this.props.IntentionData}
  168. IntentionState={this.state.IntentionState}
  169. basicState={this.state.basicState}
  170. />:<BasicPerson
  171. detailApi={this.props.detailApi}
  172. closeDetail={this.closeDetail}
  173. data={this.props.IntentionData}
  174. IntentionState={this.state.IntentionState}
  175. basicState={this.state.basicState}
  176. />
  177. }
  178. </TabPane>
  179. <TabPane tab="联系人信息" key="2">
  180. <ContactPerson
  181. closeDetail={this.closeDetail}
  182. data={this.props.IntentionData}
  183. contactState={this.state.contactState}
  184. />
  185. </TabPane>
  186. <TabPane tab="账户信息" key="3">
  187. <Account
  188. closeDetail={this.closeDetail}
  189. data={this.props.IntentionData}
  190. accountState={this.state.accountState}
  191. />
  192. </TabPane>
  193. <TabPane tab="客户拜访" key="4">
  194. <Visit
  195. categoryArr={this.props.categoryArr}
  196. closeDetail={this.closeDetail}
  197. data={this.props.IntentionData}
  198. visitState={this.state.visitState}
  199. />
  200. </TabPane>
  201. <TabPane tab="业务意向" key="5">
  202. <Business
  203. closeDetail={this.closeDetail}
  204. data={this.props.IntentionData}
  205. businessState={this.state.businessState}
  206. />
  207. </TabPane>
  208. {/*<TabPane tab="业务订单" key="6">
  209. <div style={{textAlign:'center'}}></div>
  210. </TabPane>
  211. <TabPane tab="技术需求" key="7">
  212. </TabPane>
  213. <TabPane tab="技术成果" key="8">
  214. </TabPane>
  215. <TabPane tab="技术专家" key="9">
  216. </TabPane>
  217. */}
  218. </Tabs>
  219. </Modal>
  220. </div>
  221. )
  222. }
  223. })
  224. export default IntentionDetail;