content.jsx 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. import React from 'react';
  2. import '../../content.less';
  3. import LeftTab from '../leftTab.jsx';
  4. import ProjectOrder from './orderOrder/projectOrder.jsx';
  5. import ProjectManage from './projectManagement/projectManage.jsx';
  6. import ProjectOrderNew from './projectManagement/projectManageNew.jsx';
  7. import MyTask from './myTask/projectManage.jsx';
  8. import TaskManagement from './taskManagement/projectManage.jsx';
  9. import Module from '../../module.jsx';
  10. const Content = React.createClass({
  11. getInitialState() {
  12. return {
  13. loading: false,
  14. leftKey: 'myProject',
  15. };
  16. },
  17. handlekey(key) {
  18. this.setState({
  19. leftKey: key,
  20. });
  21. window.location.hash = key;
  22. },
  23. componentWillMount(){
  24. if ( window.location.hash ) {
  25. this.handlekey(window.location.hash.substr(1));
  26. };
  27. },
  28. render() {
  29. return (
  30. <div className="manage-content">
  31. <LeftTab handlekey={this.handlekey} />
  32. <div className="content-right">
  33. {(() => {
  34. switch (this.state.leftKey) {
  35. case 'myProject':
  36. return <ProjectOrder />;
  37. case 'projectManage':
  38. return <ProjectManage queryProject={0}/>;
  39. case 'projectQuery':
  40. return <ProjectManage queryProject={1}/>;
  41. case 'ProjectOrderNew':
  42. return <ProjectOrderNew queryProject={1}/>;
  43. case 'myTask':
  44. return <MyTask />;
  45. case 'taskManagement':
  46. return <TaskManagement />;
  47. default:
  48. return <Module />;
  49. };
  50. })()}
  51. </div>
  52. </div>
  53. )
  54. }
  55. });
  56. export default Content;