import React, { Component } from 'react'; import '../content.less'; import LeftTab from '../leftTab'; import { getMenu } from '../publicMenu.js' import { default as SignatureStatistics } from "./operationalData/signatureStatistics"; import { default as PublicStatistics } from "./publicStatistics/index"; import { default as FollowUpSummary } from "./managementFollow/followUpSummary/index"; class Content extends Component { constructor() { super(); this.state = { loading: false, component: <div></div>, }; } componentWillMount() { var ids = window.location.href.indexOf('rid='); var idk = window.location.href.substr(ids + 4); var rid = idk.split('#'); let menu = getMenu(rid); let curry; if (menu[0].subMenus.length > 0) { curry = menu[0].subMenus[0].url.split('#'); } else { curry = menu[0].url.split('#'); }; if (window.location.hash) { this.getKey(window.location.hash.substr(1)); } else { this.getKey(curry[1]); }; } getKey(key) { switch (key) { // //我的单位客户 // case 'myOrganization': // require.ensure([], () => { // const MyClient = require('./customerData/myClient').default; // this.setState({ // component: <MyClient ApiUrl={''}/> // }); // }); // break; // // 单位客户查询 // case 'organizationQuery': // require.ensure([], () => { // const CompanyCustomer = require('./customerData/companyCustomer').default; // this.setState({ // component:<CompanyCustomer ApiUrl={''}/>, // }); // }); // break; //我的个人客户 // case 'myPersonal': // require.ensure([], () => { // const IndividualCustomer = require('./individualCustomer/individualCustomer').default; // this.setState({ // component: <IndividualCustomer ApiUrl={''}/> // // }); // }); // break; //我的被拒绝客户 case 'myReject': require.ensure([], () => { const MyReject = require('./individualCustomer/myReject').default; this.setState({ component: <MyReject ApiUrl={''} /> }); }); break; // //个人客户查询 // case 'personalQuery': // require.ensure([], () => { // const QueryCustomer = require('./individualCustomer/queryCustomer').default; // this.setState({ // component:<QueryCustomer ApiUrl={''}/>, // }); // }); // break; //专家查询 case 'expertQuery': require.ensure([], () => { const ExpertQuery = require('./individualCustomer/expertQuery').default; this.setState({ component: <ExpertQuery ApiUrl={''} />, }); }); break; //公共客户查询 case 'publicQuery': require.ensure([], () => { const Qublicquery = require('./individualCustomer/publicQuery').default; this.setState({ component: <Qublicquery ApiUrl={''} />, }); }); break; //个人客户管理 case 'personalManage': require.ensure([], () => { const PersonalManage = require('./customerManagement/personalManages').default; this.setState({ component: <PersonalManage ApiUrl={''} />, }); }); break; //专家管理 case 'expertManage': require.ensure([], () => { const ExpertManage = require('./customerManagement/expertManage').default; this.setState({ component: <ExpertManage ApiUrl={''} />, }); }); break; //专家审核 case 'expertAudit': require.ensure([], () => { const ExpertReview = require('./reviewed/expertReview').default; this.setState({ component: <ExpertReview ApiUrl={''} />, }); }); break; //实名认证审核 case 'identityAudit': require.ensure([], () => { const IdentityAudits = require('./reviewed/identityAudits').default; this.setState({ component: <IdentityAudits ApiUrl={''} />, }); }); break; //客户录入审核 case 'enteringAudit': require.ensure([], () => { const EnteringAudit = require('./reviewed/enteringAudit').default; this.setState({ component: <EnteringAudit ApiUrl={''} />, }); }); break; //专家发布 case 'expertPublish': require.ensure([], () => { const ExpertRelease = require('./release/expertRelease').default; this.setState({ component: <ExpertRelease ApiUrl={''} />, }); }); break; //专家发布新 case 'releaseExpert': require.ensure([], () => { const ReleaseExpert = require('./release/releaseExpert').default; this.setState({ component: <ReleaseExpert ApiUrl={''} />, }); }); break; //公共客户管理 case 'publicManage': require.ensure([], () => { const PublicManages = require('./customerManagement/publicManages').default; this.setState({ component: <PublicManages ApiUrl={''} />, }); }); break; //部门客户管理 case 'adminCustomerStatistics': require.ensure([], () => { const AdminCustomerStatistics = require('./customerManagement/adminCustomerStatistics').default; this.setState({ component: <AdminCustomerStatistics ApiUrl={''} />, }); }); break; //部门客户管理3 // case 'adminCustomerStatistics3': // require.ensure([], () => { // const AdminCustomerStatistics3 = require('./customerManagement/adminCustomerStatistics3').default; // this.setState({ // component:<AdminCustomerStatistics3 ApiUrl={''}/>, // }); // }); // break; //单位客户管理 case 'organizationManage': require.ensure([], () => { const OrganizationManage = require('./customerManagement/organizationManages').default; this.setState({ component: <OrganizationManage ApiUrl={''} />, }); }); break; //我的业务 case 'myBusiness': require.ensure([], () => { const MyBusiness = require('./customerService/myBusiness').default; this.setState({ component: <MyBusiness ApiUrl={''} />, }); }); break; //业务管理 case 'businessMange': require.ensure([], () => { const BusinessMange = require('./customerService/businessManges').default; this.setState({ component: <BusinessMange ApiUrl={''} />, }); }); break; //业务查询 case 'businessQuery': require.ensure([], () => { const ServiceQuery = require('./customerService/serviceQuery').default; this.setState({ component: <ServiceQuery ApiUrl={''} />, }); }); break; //客户拜访统计 case 'visitStatistics': require.ensure([], () => { const VisitStatistics = require('./statistics/visitStatistics').default; this.setState({ component: <VisitStatistics ApiUrl={''} />, }); }); break; //状态统计 case 'statusStatistics': require.ensure([], () => { const StatusStatistics = require('./statistics/statusStatistics').default; this.setState({ component: <StatusStatistics ApiUrl={''} />, }); }); break; //进度统计 case 'followStatistics': require.ensure([], () => { const FollowStatistics = require('./statistics/followStatistics').default; this.setState({ component: <FollowStatistics ApiUrl={''} />, }); }); break; /* *报表开发 */ case 'personalReport': require.ensure([], () => { const Jurisdiction = require('./report/personalReport').default; this.setState({ component: <Jurisdiction ApiUrl={''} /> }); }); break; case 'departmentReport': require.ensure([], () => { const DepartmentReport = require('./report/departmentReport').default; this.setState({ component: <DepartmentReport ApiUrl={''} /> }); }); break; /*拜访记录统计*/ //客户营销日统计 case 'diurnalStatistics': require.ensure([], () => { const DiurnalStatistics = require('./customerMarketing/diurnalStatistics').default; this.setState({ component: <DiurnalStatistics ApiUrl={''} /> }); }); break; //客户营销时段统计 case 'timeStatistics': require.ensure([], () => { const TimeStatistics = require('./customerMarketing/timeStatistics').default; this.setState({ component: <TimeStatistics ApiUrl={''} /> }); }); break; /*意向客户*/ //个人意向客户 case 'personalIntention': require.ensure([], () => { const PersonalIntention = require('./NEW/intentionCustomer/intentionCustomer').default; this.setState({ component: <PersonalIntention intentionState={1} ApiUrl={'/api/admin/customer/listPrivatePersonalCustomer'} detailApi={'/api/admin/customer/findPersonalCustomerDetail'} /> }); }); break; //外联-(营销总监) case 'channel': require.ensure([], () => { const CompanyIntention = require('./NEW/intentionCustomer/channel').default; this.setState({ component: <CompanyIntention type={2} // 0营销员 1外联专员 2营销总监 3营销经理 4释放 5未分配 6已分配 7已签单 channel={false} //是否能导入外联 deliver={1} //是否能转交或分配 0不能 1总监分配 2经理分配 followUp={true} //是否能跟进 isGuidanceLv={true} //是否可查看指导 也用于判断是否为跟进管理页面 isEditGuidanceLv={false} //是否可以编辑指导 recovery={false} //是否可以回收 detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //外联-(营销经理) case 'channelManage': require.ensure([], () => { const CompanyIntention = require('./NEW/intentionCustomer/channel').default; this.setState({ component: <CompanyIntention type={3} // 0营销员 1外联专员 2营销总监 3营销经理 4释放 5未分配 6已分配 7已签单 channel={false} //是否能导入外联 deliver={2} //是否能转交或分配 0不能 1总监分配 2经理分配 followUp={true} //是否能跟进 isGuidanceLv={false} //是否可查看指导 也用于判断是否为跟进管理页面 isEditGuidanceLv={true} //是否可以编辑指导 recovery={true} //是否可以回收 detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //外联-(营销员) case 'channelMarketing': require.ensure([], () => { const CompanyIntention = require('./NEW/intentionCustomer/channel').default; this.setState({ component: <CompanyIntention type={0} // 0营销员 1外联专员 2营销总监 3营销经理 4释放 5未分配 6已分配 7已签单 channel={false} //是否能导入外联 deliver={0} //是否能转交或分配 0不能 1总监分配 2经理分配 followUp={true} //是否能跟进 isGuidanceLv={false} //是否可查看指导 也用于判断是否为跟进管理页面 isEditGuidanceLv={true} //是否可以编辑指导 recovery={true} //是否可以回收 detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //外联-(外联专员) case 'channelCommissioner': require.ensure([], () => { const CompanyIntention = require('./NEW/intentionCustomer/channel').default; this.setState({ component: <CompanyIntention type={1} // 0营销员 1外联专员 2营销总监 3营销经理 4释放 5未分配 6已分配 7已签单 channel={true} //是否能导入外联 deliver={0} followUp={false} isGuidanceLv={true} //是否可查看指导 也用于判断是否为跟进管理页面 isEditGuidanceLv={false} //是否可以编辑指导 recovery={false} //是否可以回收 detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //外联统计-(外联总监) case 'channelStatistics': require.ensure([], () => { const CompanyIntention = require('./NEW/intentionCustomer/channelStatistics').default; this.setState({ component: <CompanyIntention /> }); }); break; //单位意向客户 case 'companyIntention': require.ensure([], () => { const CompanyIntention = require('./NEW/intentionCustomer/intentionCustomer').default; this.setState({ component: <CompanyIntention intentionState={0} ApiUrl={'/api/admin/customer/listPrivateOrganizationCustomer'} detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //客户跟进汇总(看所有人的) case 'followUpSummaryAdmin': require.ensure([], () => { const FollowUpSummary = require('./managementFollow/followUpSummary/index').default; this.setState({ component: <FollowUpSummary isCustomerAdmin isGuidanceLv={true} //是否可查看指导 也用于判断是否为跟进管理页面 isEditGuidanceLv={false} //是否可以编辑指导 shiroType={2} /> }); }); break; //客户跟进汇总(只能看自己的) case 'followUpSummaryOrdinary': require.ensure([], () => { const FollowUpSummary = require('./managementFollow/followUpSummary/index').default; this.setState({ component: <FollowUpSummary isCustomerAdmin isGuidanceLv={true} //是否可查看指导 也用于判断是否为跟进管理页面 isEditGuidanceLv={false} //是否可以编辑指导 shiroType={0} /> }); }); break; //客户跟进汇总(既能看自己的也能看自己下级的) case 'followUpSummaryManager': require.ensure([], () => { const FollowUpSummary = require('./managementFollow/followUpSummary/index').default; this.setState({ component: <FollowUpSummary isCustomerAdmin isGuidanceLv={true} //是否可查看指导 也用于判断是否为跟进管理页面 isEditGuidanceLv={false} //是否可以编辑指导 shiroType={1} /> }); }); break; //跟进管理 营销经理 case 'customerFollow': require.ensure([], () => { const CustomerFollow = require('./managementFollow/customerFollow/index').default; this.setState({ component: <CustomerFollow isGuidanceLv={true} //是否可查看指导 也用于判断是否为跟进管理页面 isEditGuidanceLv={true} //是否可以编辑指导 /> }); }); break; //跟进管理 营销总监 和 总裁 case 'readOnlyCustomerFollow': require.ensure([], () => { const CustomerFollow = require('./managementFollow/customerFollow/index').default; this.setState({ component: <CustomerFollow isGuidanceLv={true} //是否可查看指导 也用于判断是否为跟进管理页面 isEditGuidanceLv={false} //是否可以编辑指导 /> }); }); break; //部门统计 总裁账户可见 case 'departmentStatistics': require.ensure([], () => { const DepartmentStatistics = require('./statistics/departmentStatistics/index').default; this.setState({ component: <DepartmentStatistics /> }); }); break; //客户资料 case 'crm': require.ensure([], () => { const Crm = require('./NEW/crm/crm').default; this.setState({ component: <Crm intentionState={0} ApiUrl={'/api/admin/customer/listPrivateOrganizationCustomer'} detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //客户资料维护(营销员) case 'crmMaintain': require.ensure([], () => { const Crm = require('./NEW/crm/crm').default; this.setState({ component: <Crm isMaintain={true} intentionState={0} shiroType={1}//0 咨询师 1营销员 ApiUrl={'/api/admin/customer/listPrivateOrganizationCustomer'} detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //客户资料维护(咨询师) case 'crmMaintainZXS': require.ensure([], () => { const Crm = require('./NEW/crm/crm').default; this.setState({ component: <Crm isMaintain={true} intentionState={0} shiroType={0}//0 咨询师 1营销员 ApiUrl={'/api/admin/customer/listPrivateOrganizationCustomer'} detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //客户资料维护(超级管理员以及客服查看) case 'crmMaintainAdmin': require.ensure([], () => { const Crm = require('./NEW/crm/crm').default; this.setState({ component: <Crm isMaintain={true} intentionState={0} shiroType={2}//0 咨询师 1营销员 2管理员 ApiUrl={'/api/admin/customer/listPrivateOrganizationCustomer'} detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //客户资料 case 'crmCount': require.ensure([], () => { const CrmCount = require('./NEW/crm/crmCount').default; this.setState({ component: <CrmCount intentionState={0} ApiUrl={'/api/admin/customer/listPrivateOrganizationCustomer'} detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //客户资料 case 'crmAll': require.ensure([], () => { const CrmAll = require('./NEW/crm/crmAll').default; this.setState({ component: <CrmAll intentionState={0} ApiUrl={'/api/admin/customer/listPrivateOrganizationCustomer'} detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //客户资料 case 'patentPayment': require.ensure([], () => { const PatentPayment = require('./NEW/crm/patentPayment').default; this.setState({ component: <PatentPayment intentionState={0} ApiUrl={'/api/admin/customer/listPrivateOrganizationCustomer'} detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //客户资料-仅读 case 'patentPaymentOnlyRead': require.ensure([], () => { const PatentPayment = require('./NEW/crm/patentPayment').default; this.setState({ component: <PatentPayment isOnlyRead={true} intentionState={0} ApiUrl={'/api/admin/customer/listPrivateOrganizationCustomer'} detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; /*签单客户*/ //个人签单客户 case 'personalSign': require.ensure([], () => { const PersonalSign = require('./NEW/signCustomer/signCustomer').default; this.setState({ component: <PersonalSign intentionState={1} ApiUrl={'/api/admin/customer/listSignPersonalCustomer'} //ApiUrl={'/api/admin/customer/listPrivatePersonalCustomer'} detailApi={'/api/admin/customer/findPersonalCustomerDetail'} /> }); }); break; //单位签单客户 case 'companySign': require.ensure([], () => { const CompanySign = require('./NEW/signCustomer/signCustomer').default; this.setState({ component: <CompanySign intentionState={0} ApiUrl={'/api/admin/customer/listSignOrganizationCustomer'} detailApi={'/api/admin/customer/findOrganizationCustomerDetail'} /> }); }); break; //个人客户查询 case 'personalQuery': require.ensure([], () => { const PersonalQuery = require('./NEW/query/queryCutomer').default; this.setState({ component: <PersonalQuery intentionState={1} ApiUrl={'/api/admin/customer/listAllPersonalCustomer'} detailApi={'/api/admin/customer/getLockedProject'} /> }); }); break; //单位客户查询 case 'organizationQuery': require.ensure([], () => { const CompanyQuery = require('./NEW/query/queryCutomer').default; this.setState({ component: <CompanyQuery intentionState={0} ApiUrl={'/api/admin/customer/listAllOrganizationCustomer'} detailApi={'/api/admin/customer/getLockedProject'} /> }); }); break; //个人公共客户 case 'personalPublicCustomer': require.ensure([], () => { const PersonalPublicCustomer = require('./NEW/publicCustomer/publicCustomer').default; this.setState({ component: <PersonalPublicCustomer intentionState={1} ApiUrl={'/api/admin/customer/listPublicPersonalCustomer'} /> }); }); break; //高新复审总数 case 'reexamine': require.ensure([], () => { const Reexamine = require('./operationalData/reexamine').default; this.setState({ component: <Reexamine /> }); }); break; //签单统计表 case 'signatureStatistics': require.ensure([], () => { const SignatureStatistics = require('./operationalData/signatureStatistics').default; this.setState({ component: <SignatureStatistics /> }); }); break; //面谈统计表 case 'interviewStatistics': require.ensure([], () => { const InterviewStatistics = require('./operationalData/interviewStatistics').default; this.setState({ component: <InterviewStatistics /> }); }); break; //全国应收款统计表 case 'receivablesStatistics': require.ensure([], () => { const ReceivablesStatistics = require('./operationalData/receivablesStatistics').default; this.setState({ component: <ReceivablesStatistics /> }); }); break; //公出统计 case 'publicStatistics': require.ensure([], () => { const PublicStatistics = require('./publicStatistics/index').default; this.setState({ component: <PublicStatistics /> }); }); break; //公出汇总 case 'publicSummary': require.ensure([], () => { const PublicSummary = require('./publicSummary/index').default; this.setState({ component: <PublicSummary /> }); }); break; //单位公共客户 case 'organizationPublicCustomer': require.ensure([], () => { const OrganizationPublicCustomer = require('./NEW/publicCustomer/publicCustomer').default; this.setState({ component: <OrganizationPublicCustomer intentionState={0} ApiUrl={'/api/admin/customer/listPublicOrganizationCustomer'} /> }); }); break; // 签单客户汇总 case 'signCustomer': require.ensure([], () => { const SignCustomer = require('./signcustomer/index').default; this.setState({ component: <SignCustomer /> }); }); break; // 签单客户数据统计 case 'signStatistics': require.ensure([], () => { const SignStatistics = require('./signcustomer/statistics').default; this.setState({ component: <SignStatistics /> }); }); break; default: require.ensure([], () => { const Module = require('../module').default; this.setState({ component: <Module ApiUrl={''} /> }); }); }; window.location.hash = key; } render() { return ( <div className="manage-content"> <LeftTab handlekey={this.getKey.bind(this)} /> <div className="content-right"> {this.state.component} </div> </div> ) } } export default Content;