| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282 | 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 "paiDan": //派单管理        require.ensure([], () => {          let Module = require("./distribute/paiDan").default;          this.setState({            component: <Module />,          });        });        break;      case "approvedOutsourcing": //外包列表        require.ensure([], () => {          let Module = require("./distribute/approvedOutsourcing").default;          this.setState({            component: <Module />,          });        });        break;      case "outsourcingPaiDan": //外包派单        require.ensure([], () => {          let Module = require("./distribute/outsourcingPaiDan").default;          this.setState({            component: <Module />,          });        });        break;      case "outOutsourcingList": //外省外包列表        require.ensure([], () => {          let Module = require("./distribute/outOutsourcingList").default;          this.setState({            component: <Module />,          });        });        break;      case "outInvoiceQuery": //省外开票查询        require.ensure([], () => {          let Module = require("./distribute/outInvoiceQuery").default;          this.setState({            component: <Module />,          });        });        break;      case "invoiceApplyList": //省内开票管理        require.ensure([], () => {          let Module = require("./distribute/invoiceApplyList").default;          this.setState({            component: <Module />,          });        });        break;      case "invoiceApplyListQuery": //省内开票查询        require.ensure([], () => {          let Module = require("./distribute/invoiceApplyListQuery").default;          this.setState({            component: <Module />,          });        });        break;      case "invoiceApplyListWai": //省外开票管理        require.ensure([], () => {          let Module = require("./distribute/invoiceApplyListWai").default;          this.setState({            component: <Module />,          });        });        break;      case "inSpecial": //省内特批        require.ensure([], () => {          let Module = require("./distribute/inSpecial").default;          this.setState({            component: <Module />,          });        });        break;      case "outSpecial": //省外特批        require.ensure([], () => {          let Module = require("./distribute/outSpecial").default;          this.setState({            component: <Module />,          });        });        break;      case "shouKuang": //收款管理        require.ensure([], () => {          let Module = require("./distribute/shouKuang").default;          this.setState({            component: <Module />,          });        });        break;      case "contractChangeCwzy": //订单变更审核列表        require.ensure([], () => {          let Module = require("./distribute/contractChangeCwzy").default;          this.setState({            component: <Module />,          });        });        break;      case "contractChangeCwzj": //订单变更审核列表        require.ensure([], () => {          let Module = require("./distribute/contractChangeCwzj").default;          this.setState({            component: <Module />,          });        });        break;      case "contractChangeCwjl": //订单变更审核列表        require.ensure([], () => {          let Module = require("./distribute/contractChangeCwjl").default;          this.setState({            component: <Module />,          });        });        break;      case "tuiDan": //退单管理        require.ensure([], () => {          let Module = require("./distribute/tuiDan").default;          this.setState({            component: <Module />,          });        });        break;      case "myWater": //我的订单流水        require.ensure([], () => {          let Module = require("./flowWater/myWater").default;          this.setState({            component: <Module />,          });        });        break;      case "departWater": //部门订单流水        require.ensure([], () => {          let Module = require("./flowWater/departWater").default;          this.setState({            component: <Module />,          });        });        break;      case "yxBonus": //营销员奖金        require.ensure([], () => {          let Module = require("./bonus/yxBonus").default;          this.setState({            component: <Module />,          });        });        break;      case "yxBonusAll": //营销员奖金查看        require.ensure([], () => {          let Module = require("./bonus/yxBonusAll").default;          this.setState({            component: <Module />,          });        });        break;      case "jsBonus": //技术员奖金        require.ensure([], () => {          let Module = require("./bonus/jsBonus").default;          this.setState({            component: <Module />,          });        });        break;      case "jsBonusAll": //技术员奖金查看        require.ensure([], () => {          let Module = require("./bonus/jsBonusAll").default;          this.setState({            component: <Module />,          });        });        break;      case "jsBonus": //技术员奖金        require.ensure([], () => {          let Module = require("./bonus/jsBonus").default;          this.setState({            component: <Module />,          });        });        break;      case "huiKuan": //回款        require.ensure([], () => {          let Module = require("./distribute/huiKuan").default;          this.setState({            component: <Module />,          });        });        break;      case "huiKuanLook": //回款查看        require.ensure([], () => {          let Module = require("./distribute/huiKuanLook").default;          this.setState({            component: <Module />,          });        });        break;      case "shouKuanAll": //全部收款列表        require.ensure([], () => {          let Module = require("./distribute/shouKuanAll").default;          this.setState({            component: <Module />,          });        });        break;      case "approvedOutsourcingAll": //全部外包收款列表        require.ensure([], () => {          let Module = require("./distribute/approvedOutsourcingAll").default;          this.setState({            component: <Module />,          });        });        break;      //催款统计新      case "press":        require.ensure([], () => {          const Press = require("../order/orderNew/press").default;          this.setState({            component: <Press />,          });        });        break;      case "arrearsList":        require.ensure([], () => {          const ArrearsList = require("../order/orderNew/arrearsList").default;          this.setState({            component: <ArrearsList />,          });        });        break;      default:        require.ensure([], () => {          let 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;
 |