content.jsx 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. import React, { Component } from "react";
  2. import "../content.less";
  3. import "./content.less";
  4. import LeftTab from "../leftTab";
  5. import { getMenu } from "../publicMenu.js";
  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. // 资金池
  34. case "fundpool":
  35. require.ensure([], () => {
  36. const Fundpool = require("./amibapage").default;
  37. this.setState({
  38. component: <Fundpool />,
  39. });
  40. });
  41. break;
  42. // case "ff":
  43. // require.ensure([], () => {
  44. // const Module = require("../module").default;
  45. // this.setState({
  46. // component: <Module />,
  47. // });
  48. // });
  49. // break;
  50. //空白
  51. default:
  52. require.ensure([], () => {
  53. const Module = require("../module").default;
  54. this.setState({
  55. component: <Module />,
  56. });
  57. });
  58. }
  59. window.location.hash = key;
  60. }
  61. render() {
  62. return (
  63. <div className="manage-content">
  64. <LeftTab handlekey={this.getKey.bind(this)} />
  65. <div className="content-right">{this.state.component}</div>
  66. </div>
  67. );
  68. }
  69. }
  70. export default Content;