content.jsx 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. import React, { Component } from 'react';
  2. import '../content.less';
  3. import './content.less';
  4. import LeftTab from '../leftTab';
  5. import {getMenu} from '../publicMenu.jsx'
  6. class Content extends Component {
  7. constructor() {
  8. super();
  9. this.state = {
  10. loading: false,
  11. component: <div></div>,
  12. };
  13. }
  14. componentWillMount () {
  15. var ids=window.location.href.indexOf('rid=');
  16. var idk=window.location.href.substr(ids+4);
  17. var rid=idk.split('#');
  18. let menu=getMenu(rid);
  19. let curry;
  20. if(menu[0].subMenus.length>0){
  21. curry=menu[0].subMenus[0].url.split('#');
  22. }else{
  23. curry=menu[0].url.split('#');
  24. };
  25. if (window.location.hash) {
  26. this.getKey(window.location.hash.substr(1));
  27. } else {
  28. this.getKey(curry[1]);
  29. };
  30. }
  31. getKey (key) {
  32. switch (key) {
  33. case 'membership':
  34. require.ensure([], () => {
  35. const Membership = require('./memberOrderList').default;
  36. this.setState({
  37. component: <Membership />
  38. });
  39. });
  40. break;
  41. //订单新增空白
  42. default:
  43. require.ensure([], () => {
  44. const Module = require('../module').default;
  45. this.setState({
  46. component:<Module />
  47. });
  48. });
  49. };
  50. window.location.hash = key;
  51. }
  52. render () {
  53. return (
  54. <div className="manage-content">
  55. <LeftTab handlekey={this.getKey.bind(this)} />
  56. <div className="content-right">
  57. {this.state.component}
  58. </div>
  59. </div>
  60. )
  61. }
  62. }
  63. export default Content;