content.jsx 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382
  1. import React, { Component } from 'react';
  2. import '../content.less';
  3. import LeftTab from '../leftTab';
  4. import {getMenu} from '../publicMenu.js'
  5. class Content extends Component {
  6. constructor() {
  7. super();
  8. this.state = {
  9. loading: false,
  10. component: <div></div>,
  11. };
  12. }
  13. componentWillMount() {
  14. var ids=window.location.href.indexOf('rid=');
  15. var idk=window.location.href.substr(ids+4);
  16. var rid=idk.split('#');
  17. let menu=getMenu(rid);
  18. let curry;
  19. if(menu[0].subMenus.length>0){
  20. curry=menu[0].subMenus[0].url.split('#');
  21. }else{
  22. curry=menu[0].url.split('#');
  23. };
  24. if (window.location.hash) {
  25. this.getKey(window.location.hash.substr(1));
  26. } else {
  27. this.getKey(curry[1]);
  28. };
  29. }
  30. getKey(key) {
  31. switch (key) {
  32. //我的单位客户
  33. case 'myOrganization':
  34. require.ensure([], () => {
  35. const MyClient = require('./customerData/myClient').default;
  36. this.setState({
  37. component: <MyClient ApiUrl={''}/>
  38. });
  39. });
  40. break;
  41. // // 单位客户查询
  42. // case 'organizationQuery':
  43. // require.ensure([], () => {
  44. // const CompanyCustomer = require('./customerData/companyCustomer').default;
  45. // this.setState({
  46. // component:<CompanyCustomer ApiUrl={''}/>,
  47. // });
  48. // });
  49. // break;
  50. //我的个人客户
  51. case 'myPersonal':
  52. require.ensure([], () => {
  53. const IndividualCustomer = require('./individualCustomer/individualCustomer').default;
  54. this.setState({
  55. component: <IndividualCustomer ApiUrl={''}/>
  56. });
  57. });
  58. break;
  59. //我的被拒绝客户
  60. case 'myReject':
  61. require.ensure([], () => {
  62. const MyReject = require('./individualCustomer/myReject').default;
  63. this.setState({
  64. component: <MyReject ApiUrl={''}/>
  65. });
  66. });
  67. break;
  68. // //个人客户查询
  69. // case 'personalQuery':
  70. // require.ensure([], () => {
  71. // const QueryCustomer = require('./individualCustomer/queryCustomer').default;
  72. // this.setState({
  73. // component:<QueryCustomer ApiUrl={''}/>,
  74. // });
  75. // });
  76. // break;
  77. //专家查询
  78. case 'expertQuery':
  79. require.ensure([], () => {
  80. const ExpertQuery = require('./individualCustomer/expertQuery').default;
  81. this.setState({
  82. component:<ExpertQuery ApiUrl={''}/>,
  83. });
  84. });
  85. break;
  86. //公共客户查询
  87. case 'publicQuery':
  88. require.ensure([], () => {
  89. const Qublicquery = require('./individualCustomer/publicQuery').default;
  90. this.setState({
  91. component:<Qublicquery ApiUrl={''}/>,
  92. });
  93. });
  94. break;
  95. //个人客户管理
  96. case 'personalManage':
  97. require.ensure([], () => {
  98. const PersonalManage = require('./customerManagement/personalManages').default;
  99. this.setState({
  100. component:<PersonalManage ApiUrl={''}/>,
  101. });
  102. });
  103. break;
  104. //专家管理
  105. case 'expertManage':
  106. require.ensure([], () => {
  107. const ExpertManage = require('./customerManagement/expertManage').default;
  108. this.setState({
  109. component:<ExpertManage ApiUrl={''}/>,
  110. });
  111. });
  112. break;
  113. //专家审核
  114. case 'expertAudit':
  115. require.ensure([], () => {
  116. const ExpertReview = require('./reviewed/expertReview').default;
  117. this.setState({
  118. component:<ExpertReview ApiUrl={''}/>,
  119. });
  120. });
  121. break;
  122. //实名认证审核
  123. case 'identityAudit':
  124. require.ensure([], () => {
  125. const IdentityAudits = require('./reviewed/identityAudits').default;
  126. this.setState({
  127. component:<IdentityAudits ApiUrl={''}/>,
  128. });
  129. });
  130. break;
  131. //客户录入审核
  132. case 'enteringAudit':
  133. require.ensure([], () => {
  134. const EnteringAudit = require('./reviewed/enteringAudit').default;
  135. this.setState({
  136. component:<EnteringAudit ApiUrl={''}/>,
  137. });
  138. });
  139. break;
  140. //专家发布
  141. case 'expertPublish':
  142. require.ensure([], () => {
  143. const ExpertRelease = require('./release/expertRelease').default;
  144. this.setState({
  145. component:<ExpertRelease ApiUrl={''}/>,
  146. });
  147. });
  148. break;
  149. //专家发布新
  150. case 'releaseExpert':
  151. require.ensure([], () => {
  152. const ReleaseExpert = require('./release/releaseExpert').default;
  153. this.setState({
  154. component:<ReleaseExpert ApiUrl={''}/>,
  155. });
  156. });
  157. break;
  158. //公共客户管理
  159. case 'publicManage':
  160. require.ensure([], () => {
  161. const PublicManages = require('./customerManagement/publicManages').default;
  162. this.setState({
  163. component:<PublicManages ApiUrl={''}/>,
  164. });
  165. });
  166. break;
  167. //单位客户管理
  168. case 'organizationManage':
  169. require.ensure([], () => {
  170. const OrganizationManage = require('./customerManagement/organizationManages').default;
  171. this.setState({
  172. component:<OrganizationManage ApiUrl={''}/>,
  173. });
  174. });
  175. break;
  176. //我的业务
  177. case 'myBusiness':
  178. require.ensure([], () => {
  179. const MyBusiness = require('./customerService/myBusiness').default;
  180. this.setState({
  181. component:<MyBusiness ApiUrl={''}/>,
  182. });
  183. });
  184. break;
  185. //业务管理
  186. case 'businessMange':
  187. require.ensure([], () => {
  188. const BusinessMange = require('./customerService/businessManges').default;
  189. this.setState({
  190. component:<BusinessMange ApiUrl={''}/>,
  191. });
  192. });
  193. break;
  194. //业务查询
  195. case 'businessQuery':
  196. require.ensure([], () => {
  197. const ServiceQuery = require('./customerService/serviceQuery').default;
  198. this.setState({
  199. component:<ServiceQuery ApiUrl={''}/>,
  200. });
  201. });
  202. break;
  203. //客户拜访统计
  204. case 'visitStatistics':
  205. require.ensure([], () => {
  206. const VisitStatistics = require('./statistics/visitStatistics').default;
  207. this.setState({
  208. component:<VisitStatistics ApiUrl={''}/>,
  209. });
  210. });
  211. break;
  212. //状态统计
  213. case 'statusStatistics':
  214. require.ensure([], () => {
  215. const StatusStatistics = require('./statistics/statusStatistics').default;
  216. this.setState({
  217. component:<StatusStatistics ApiUrl={''}/>,
  218. });
  219. });
  220. break;
  221. //进度统计
  222. case 'followStatistics':
  223. require.ensure([], () => {
  224. const FollowStatistics = require('./statistics/followStatistics').default;
  225. this.setState({
  226. component:<FollowStatistics ApiUrl={''}/>,
  227. });
  228. });
  229. break;
  230. /*
  231. *报表开发
  232. */
  233. case 'personalReport':
  234. require.ensure([], () => {
  235. const Jurisdiction = require('./report/personalReport').default;
  236. this.setState({
  237. component: <Jurisdiction ApiUrl={''}/>
  238. });
  239. });
  240. break;
  241. case 'departmentReport':
  242. require.ensure([], () => {
  243. const DepartmentReport = require('./report/departmentReport').default;
  244. this.setState({
  245. component: <DepartmentReport ApiUrl={''}/>
  246. });
  247. });
  248. break;
  249. /*意向客户*/
  250. //个人意向客户
  251. case 'personalIntention':
  252. require.ensure([], () => {
  253. const PersonalIntention = require('./NEW/intentionCustomer/intentionCustomer').default;
  254. this.setState({
  255. component: <PersonalIntention
  256. intentionState={1}
  257. ApiUrl={'/api/admin/customer/listPrivatePersonalCustomer'}
  258. detailApi={'/api/admin/customer/findPersonalCustomerDetail'}
  259. />
  260. });
  261. });
  262. break;
  263. //单位意向客户
  264. case 'companyIntention':
  265. require.ensure([], () => {
  266. const CompanyIntention = require('./NEW/intentionCustomer/intentionCustomer').default;
  267. this.setState({
  268. component: <CompanyIntention
  269. intentionState={0}
  270. ApiUrl={'/api/admin/customer/listPrivateOrganizationCustomer'}
  271. detailApi={'/api/admin/customer/findOrganizationCustomerDetail'}
  272. />
  273. });
  274. });
  275. break;
  276. /*签单客户*/
  277. //个人签单客户
  278. case 'personalSign':
  279. require.ensure([], () => {
  280. const PersonalSign = require('./NEW/signCustomer/signCustomer').default;
  281. this.setState({
  282. component: <PersonalSign
  283. intentionState={1}
  284. ApiUrl={'/api/admin/customer/listSignPersonalCustomer'}
  285. //ApiUrl={'/api/admin/customer/listPrivatePersonalCustomer'}
  286. detailApi={'/api/admin/customer/findPersonalCustomerDetail'}
  287. />
  288. });
  289. });
  290. break;
  291. //单位签单客户
  292. case 'companySign':
  293. require.ensure([], () => {
  294. const CompanySign = require('./NEW/signCustomer/signCustomer').default;
  295. this.setState({
  296. component: <CompanySign
  297. intentionState={0}
  298. ApiUrl={'/api/admin/customer/listSignOrganizationCustomer'}
  299. detailApi={'/api/admin/customer/findOrganizationCustomerDetail'}/>
  300. });
  301. });
  302. break;
  303. //个人客户查询
  304. case 'personalQuery':
  305. require.ensure([], () => {
  306. const PersonalQuery = require('./NEW/query/queryCutomer').default;
  307. this.setState({
  308. component: <PersonalQuery
  309. intentionState={1}
  310. ApiUrl={'/api/admin/customer/listAllPersonalCustomer'}
  311. detailApi={'/api/admin/customer/getLockedProject'}
  312. />
  313. });
  314. });
  315. break;
  316. //单位客户查询
  317. case 'organizationQuery':
  318. require.ensure([], () => {
  319. const CompanyQuery = require('./NEW/query/queryCutomer').default;
  320. this.setState({
  321. component: <CompanyQuery
  322. intentionState={0}
  323. ApiUrl={'/api/admin/customer/listAllOrganizationCustomer'}
  324. detailApi={'/api/admin/customer/getLockedProject'}
  325. />
  326. });
  327. });
  328. break;
  329. //个人公共客户
  330. case 'personalPublicCustomer':
  331. require.ensure([], () => {
  332. const PersonalPublicCustomer = require('./NEW/publicCustomer/publicCustomer').default;
  333. this.setState({
  334. component: <PersonalPublicCustomer
  335. intentionState={1}
  336. ApiUrl={'/api/admin/customer/listPublicPersonalCustomer'}
  337. />
  338. });
  339. });
  340. break;
  341. //单位公共客户
  342. case 'organizationPublicCustomer':
  343. require.ensure([], () => {
  344. const OrganizationPublicCustomer = require('./NEW/publicCustomer/publicCustomer').default;
  345. this.setState({
  346. component: <OrganizationPublicCustomer
  347. intentionState={0}
  348. ApiUrl={'/api/admin/customer/listPublicOrganizationCustomer'}
  349. />
  350. });
  351. });
  352. break;
  353. default:
  354. require.ensure([], () => {
  355. const Module = require('../module').default;
  356. this.setState({
  357. component:<Module ApiUrl={''}/>
  358. });
  359. });
  360. };
  361. window.location.hash = key;
  362. }
  363. render() {
  364. return (
  365. <div className="manage-content">
  366. <LeftTab handlekey={this.getKey.bind(this)} />
  367. <div className="content-right">
  368. {this.state.component}
  369. </div>
  370. </div>
  371. )
  372. }
  373. }
  374. export default Content;