content.jsx 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. import React, { Component } from 'react';
  2. import '../content.less';
  3. import LeftTab from './leftTab';
  4. class Content extends Component {
  5. constructor() {
  6. super();
  7. this.state = {
  8. loading: false,
  9. component: <div></div>,
  10. };
  11. }
  12. componentWillMount() {
  13. if (window.location.hash) {
  14. this.getKey(window.location.hash.substr(1));
  15. } else {
  16. this.getKey("myOrganization");
  17. };
  18. }
  19. getKey(key) {
  20. switch (key) {
  21. case 'myOrganization':
  22. require.ensure([], () => {
  23. const MyClient = require('./customerData/myClient').default;
  24. this.setState({
  25. component: <MyClient />
  26. });
  27. });
  28. break;
  29. case 'organizationQuery':
  30. require.ensure([], () => {
  31. const CompanyCustomer = require('./customerData/companyCustomer').default;
  32. this.setState({
  33. component:<CompanyCustomer />,
  34. });
  35. });
  36. break;
  37. case 'myPersonal':
  38. require.ensure([], () => {
  39. const IndividualCustomer = require('./individualCustomer/individualCustomer').default;
  40. this.setState({
  41. component: <IndividualCustomer />
  42. });
  43. });
  44. break;
  45. case 'personalQuery':
  46. require.ensure([], () => {
  47. const QueryCustomer = require('./individualCustomer/queryCustomer').default;
  48. this.setState({
  49. component:<QueryCustomer />,
  50. });
  51. });
  52. break;
  53. case 'myBusiness':
  54. require.ensure([], () => {
  55. const MyBusiness = require('./customerService/myBusiness').default;
  56. this.setState({
  57. component:<MyBusiness />,
  58. });
  59. });
  60. break;
  61. case 'businessQuery':
  62. require.ensure([], () => {
  63. const ServiceQuery = require('./customerService/serviceQuery').default;
  64. this.setState({
  65. component:<ServiceQuery />,
  66. });
  67. });
  68. break;
  69. case 'visitStatistics':
  70. require.ensure([], () => {
  71. const VisitStatistics = require('./statistics/visitStatistics').default;
  72. this.setState({
  73. component:<VisitStatistics />,
  74. });
  75. });
  76. break;
  77. case 'statusStatistics':
  78. require.ensure([], () => {
  79. const StatusStatistics = require('./statistics/statusStatistics').default;
  80. this.setState({
  81. component:<StatusStatistics />,
  82. });
  83. });
  84. break;
  85. case 'followStatistics':
  86. require.ensure([], () => {
  87. const FollowStatistics = require('./statistics/followStatistics').default;
  88. this.setState({
  89. component:<FollowStatistics />,
  90. });
  91. });
  92. break;
  93. //新增空白
  94. //我的客户
  95. case 'myInvestment': //我的投资机构
  96. require.ensure([], () => {
  97. const Module = require('../module').default;
  98. this.setState({
  99. component: <Module />,
  100. });
  101. });
  102. break;
  103. case 'myExpert': //我的专家
  104. require.ensure([], () => {
  105. const Module = require('../module').default;
  106. this.setState({
  107. component: <Module />,
  108. });
  109. });
  110. break;
  111. case 'myConsultant': //我的咨询师
  112. require.ensure([], () => {
  113. const Module = require('../module').default;
  114. this.setState({
  115. component: <Module />,
  116. });
  117. });
  118. break;
  119. //客户查询
  120. case 'investmentQuery': //投资机构查询
  121. require.ensure([], () => {
  122. const Module = require('../module').default;
  123. this.setState({
  124. component: <Module />,
  125. });
  126. });
  127. break;
  128. case 'expertQuery': //专家查询
  129. require.ensure([], () => {
  130. const Module = require('../module').default;
  131. this.setState({
  132. component: <Module />,
  133. });
  134. });
  135. break;
  136. case 'consultantQuery': //咨询师查询
  137. require.ensure([], () => {
  138. const Module = require('../module').default;
  139. this.setState({
  140. component: <Module />,
  141. });
  142. });
  143. break;
  144. //客户管理
  145. case 'organizationManage': //单位客户管理
  146. require.ensure([], () => {
  147. const Module = require('../module').default;
  148. this.setState({
  149. component: <Module />,
  150. });
  151. });
  152. break;
  153. case 'personalManage': //个人客户管理
  154. require.ensure([], () => {
  155. const Module = require('../module').default;
  156. this.setState({
  157. component: <Module />,
  158. });
  159. });
  160. break;
  161. case 'investmentManage': //投资机构管理
  162. require.ensure([], () => {
  163. const Module = require('../module').default;
  164. this.setState({
  165. component: <Module />,
  166. });
  167. });
  168. break;
  169. case 'expertManage': //专家管理
  170. require.ensure([], () => {
  171. const Module = require('../module').default;
  172. this.setState({
  173. component: <Module />,
  174. });
  175. });
  176. break;
  177. case 'consultantManage': //咨询师管理
  178. require.ensure([], () => {
  179. const Module = require('../module').default;
  180. this.setState({
  181. component: <Module />,
  182. });
  183. });
  184. break;
  185. //客户审核
  186. case 'identityAudit': //实名认证审核
  187. require.ensure([], () => {
  188. const Module = require('../module').default;
  189. this.setState({
  190. component: <Module />,
  191. });
  192. });
  193. break;
  194. case 'expertAudit': //专家申请审核
  195. require.ensure([], () => {
  196. const Module = require('../module').default;
  197. this.setState({
  198. component: <Module />,
  199. });
  200. });
  201. break;
  202. case 'memberAudit': //会员申请审核
  203. require.ensure([], () => {
  204. const Module = require('../module').default;
  205. this.setState({
  206. component: <Module />,
  207. });
  208. });
  209. break;
  210. //客户发布
  211. case 'investmentPublish': //投资机构发布
  212. require.ensure([], () => {
  213. const Module = require('../module').default;
  214. this.setState({
  215. component: <Module />,
  216. });
  217. });
  218. break;
  219. case 'expertPublish': //专家发布
  220. require.ensure([], () => {
  221. const Module = require('../module').default;
  222. this.setState({
  223. component: <Module />,
  224. });
  225. });
  226. break;
  227. case 'consultantPublish': //咨询师发布
  228. require.ensure([], () => {
  229. const Module = require('../module').default;
  230. this.setState({
  231. component: <Module />,
  232. });
  233. });
  234. break;
  235. //客户业务
  236. case 'businessManage': //业务管理
  237. require.ensure([], () => {
  238. const Module = require('../module').default;
  239. this.setState({
  240. component: <Module />,
  241. });
  242. });
  243. break;
  244. };
  245. window.location.hash = key;
  246. }
  247. render() {
  248. return (
  249. <div className="manage-content">
  250. <LeftTab handlekey={this.getKey.bind(this)} />
  251. <div className="content-right">
  252. {this.state.component}
  253. </div>
  254. </div>
  255. )
  256. }
  257. }
  258. export default Content;