| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 | import React from "react";import { Modal, Tabs } from "antd";const TabPane = Tabs.TabPane;import ajax from "jquery/src/ajax/xhr.js";import $ from "jquery/src/ajax";import ContactPerson from "./detail/contactPerson"; //联系人import Visit from './detail/visit';const ChannelDetail = React.createClass({  getInitialState() {    return {      modalVisible: false,      switchState: false,      contactData: [],      contactState: true,      IntentionState: false,      businessState: false,      visitState: false,      accountState: false,      basicState: false,    };  },  detailsModal() {    this.setState({      basicState: false,      modalVisible: false,    });    this.props.closeDesc(false, true);  },  //详情tab切换数据处理  callback(e) {    if (e == "1") {      this.setState({        IntentionState: true,        contactState: false,        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 == "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,      });    }    this.setState({      callnub: e,    });  },  //取消函数  closeDetail(e, s) {    this.setState({      basicState: false,      modalVisible: e,    });    if (s) {      this.props.closeDesc(false, true);    }  },  componentWillReceiveProps(nextProps) {  },  render() {    return (      <div>        <Modal          className="customeDetails"          title="渠道详情"          width="1800px"          visible={this.props.visible == "detail"}          onCancel={this.props.cancel}          footer=""        >          <Tabs defaultActiveKey="1">            <TabPane tab="联系人信息" key="1">              <ContactPerson                isCustomerAdmin={this.props.isCustomerAdmin}                closeDetail={this.closeDetail}                name={this.props.IntentionData.name}                data={this.props.IntentionData}                // contactState={this.state.contactState}              />            </TabPane>            <TabPane tab="渠道跟进" key="2">              <Visit                categoryArr={this.props.categoryArr}                closeDetail={this.closeDetail}                data={this.props.IntentionData}                // visitState={this.state.visitState}              />            </TabPane>          </Tabs>        </Modal>      </div>    );  },});export default ChannelDetail;
 |