import React from 'react'; import '../../content.less'; import LeftTab from '../leftTab.jsx'; import ProjectOrder from './orderOrder/projectOrder.jsx'; import ProjectManage from './projectManagement/projectManage.jsx'; import ProjectOrderNew from './projectManagement/projectManageNew.jsx'; import MyTask from './myTask/projectManage.jsx'; import TaskManagement from './taskManagement/projectManage.jsx'; import Business from '../projectBusiness/business'; import Module from '../../module.jsx'; const Content = React.createClass({ getInitialState() { return { loading: false, leftKey: 'myProject', }; }, handlekey(key) { this.setState({ leftKey: key, }); window.location.hash = key; }, componentWillMount(){ if ( window.location.hash ) { this.handlekey(window.location.hash.substr(1)); }; }, render() { return ( <div className="manage-content"> <LeftTab handlekey={this.handlekey} /> <div className="content-right"> {(() => { switch (this.state.leftKey) { case 'myProject': return <ProjectOrder />; case 'projectManage': return <ProjectManage queryProject={0}/>; case 'projectQuery': return <ProjectManage queryProject={1}/>; case 'ProjectOrderNew': return <ProjectOrderNew queryProject={1}/>; case 'myTask': return <MyTask />; case 'taskManagement': return <TaskManagement />; case 'addBusiness': return <Business />; default: return <Module />; }; })()} </div> </div> ) } }); export default Content;