import React, { Component } from "react";
import "../content.less";
import "./content.less";
import LeftTab from "../leftTab";
import { getMenu } from "../publicMenu.js";

class Content extends Component {
  constructor() {
    super();
    this.state = {
      loading: false,
      component: <div></div>,
    };
  }
  componentWillMount() {
    var ids = window.location.href.indexOf("rid=");
    var idk = window.location.href.substr(ids + 4);
    var rid = idk.split("#");
    let menu = getMenu(rid);
    let curry;
    if (menu[0].subMenus.length > 0) {
      curry = menu[0].subMenus[0].url.split("#");
    } else {
      curry = menu[0].url.split("#");
    }
    if (window.location.hash) {
      this.getKey(window.location.hash.substr(1));
    } else {
      this.getKey(curry[1]);
    }
  }
  getKey(key) {
    switch (key) {
      //法务催收中
      case "collectioningn":
        require.ensure([], () => {
          const Collectioningn = require("./collectioning").default;
          this.setState({
            component: <Collectioningn />,
          });
        });
        break;
      // 已完成法务
      case "completedLegalAffairs":
        require.ensure([], () => {
          const CompletedLegalAffairs =
            require("./completedLegalAffairs").default;
          this.setState({
            component: <CompletedLegalAffairs />,
          });
        });
        break;
      // 延期法务
      case "delayLegalAffairs":
        require.ensure([], () => {
          const DelayLegalAffairs =
            require("./delayLegalAffairs").default;
          this.setState({
            component: <DelayLegalAffairs />,
          });
        });
        break;
      //订单新增空白
      default:
        require.ensure([], () => {
          const Module = require("../module").default;
          this.setState({
            component: <Module />,
          });
        });
    }
    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;