content.jsx 10 KB

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