| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 | 
							- import React, { Component } from 'react';
 
- import '../content.less';
 
- import LeftTab from './leftTab';
 
- class Content extends Component {
 
-     constructor() {
 
-         super();
 
-         this.state = {
 
-             loading: false,
 
-             component: <div></div>,
 
-         };
 
-     }
 
-     componentWillMount() {
 
-         if (window.location.hash) {
 
-             this.getKey(window.location.hash.substr(1));
 
-         } else {
 
-             this.getKey("myClient");
 
-         };
 
-     }
 
-     getKey(key) {
 
-         switch (key) {          	
 
-             case 'myClient':
 
-                 require.ensure([], () => {
 
-                     const MyClient = require('./customerData/myClient').default;
 
-                     this.setState({
 
-                         component: <MyClient />                      
 
-                       
 
-                     });
 
-                 });
 
-                 break;           
 
-            
 
-             case 'companyCustomer':
 
-                 require.ensure([], () => {
 
- 	                const CompanyCustomer = require('./customerData/companyCustomer').default;
 
- 	                this.setState({
 
- 	                    component:<CompanyCustomer />,	                    	                  
 
- 	                });
 
-           	    });
 
-           	    break;
 
-           	case 'individualCustomer':
 
-                 require.ensure([], () => {
 
-                     const IndividualCustomer = require('./individualCustomer/individualCustomer').default;
 
-                     this.setState({
 
-                         component: <IndividualCustomer />                      
 
-                       
 
-                     });
 
-                 });
 
-                 break;          
 
-             case 'queryCustomer':
 
-                 require.ensure([], () => {
 
- 	                const QueryCustomer = require('./individualCustomer/queryCustomer').default;
 
- 	                this.setState({
 
- 	                    component:<QueryCustomer />,	                    	                  
 
- 	                });
 
-           	    });
 
-           	    break;
 
-           	    
 
-       	    case 'myBusiness':
 
-             require.ensure([], () => {
 
-                 const MyBusiness = require('./customerService/myBusiness').default;
 
-                 this.setState({
 
-                     component:<MyBusiness />,	                                      
 
-                 });
 
-       	    });
 
-       	    break;
 
-       	    case 'serviceQuery':
 
-             require.ensure([], () => {
 
-                 const ServiceQuery = require('./customerService/serviceQuery').default;
 
-                 this.setState({
 
-                     component:<ServiceQuery />,	                                      
 
-                 });
 
-       	    });
 
-       	    break;
 
-       	    case 'visitStatistics':
 
-             require.ensure([], () => {
 
-                 const VisitStatistics = require('./statistics/visitStatistics').default;
 
-                 this.setState({
 
-                     component:<VisitStatistics />,	                                      
 
-                 });
 
-       	    });
 
-       	    break;
 
-       	    case 'statusStatistics':
 
-             require.ensure([], () => {
 
-                 const StatusStatistics = require('./statistics/statusStatistics').default;
 
-                 this.setState({
 
-                     component:<StatusStatistics />,	                                      
 
-                 });
 
-       	    });
 
-       	    break;
 
-       	    case 'followStatistics':
 
-             require.ensure([], () => {
 
-                 const FollowStatistics = require('./statistics/followStatistics').default;
 
-                 this.setState({
 
-                     component:<FollowStatistics />,	                                      
 
-                 });
 
-       	    });
 
-       	    break;
 
-         };
 
-         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;
 
 
  |