| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249 | import React, { Component } from 'react';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 "projectAssignment":            require.ensure([], () => {              const ProjectAssignment = require("./project/projectAssignment")                .default;              this.setState({                component: <ProjectAssignment ApiUrl={""} />              });            });            break;          //项目查询          case "projectQuery":            require.ensure([], () => {              const ProjectQuery = require("./project/projectQuery")                .default;              this.setState({                component: <ProjectQuery ApiUrl={""} />              });            });            break;            //项目汇总表            case "highTech":                require.ensure([], () => {                    const ProjectQuery = require("./summary/highTech")                        .default;                    this.setState({                        component: <ProjectQuery ApiUrl={""} />                    });                });                break;             //项目统计            case "projecCount":                require.ensure([], () => {                    const ProjectQuery = require("./summary/projecCount")                        .default;                    this.setState({                        component: <ProjectQuery ApiUrl={""} />                    });                });                break;          //外包派单          case "zxsglyOutSourcingPaiDan":            require.ensure([], () => {              const ZxsglyOutSourcingPaiDan = require("./project/zxsglyOutSourcingPaiDan")                .default;              this.setState({                component: <ZxsglyOutSourcingPaiDan ApiUrl={""} />              });            });            break;          //外包任务派单          case "outsourceTaskAssignment":            require.ensure([], () => {              const OutsourceTaskAssignment = require("./project/outsourceTaskAssignment")                .default;              this.setState({                component: <OutsourceTaskAssignment ApiUrl={""} />              });            });            break;          //企业项目查询          case "enterpriseProjectQuery":            require.ensure([], () => {                const EnterpriseProjectQuery = require("./project/enterpriseProjectQuery")                    .default;                this.setState({                    component: <EnterpriseProjectQuery ApiUrl={""} />                });            });            break;          //任务查询          case "taskQuery":            require.ensure([], () => {              const TaskQuery = require("./task/taskQuery").default;              this.setState({                component: <TaskQuery ApiUrl={""} />              });            });            break;          case "taskQueryZxs":            require.ensure([], () => {              const TaskQuery = require("./task/taskQueryZxs").default;              this.setState({                component: <TaskQuery ApiUrl={""} />              });            });            break;          //任务派单          case "taskAssignment":            require.ensure([], () => {              const TaskAssignment = require("./task/taskAssignment")                .default;              this.setState({                component: <TaskAssignment ApiUrl={""} />              });            });            break;          //我的任务          case "myTask":            require.ensure([], () => {              const MyTask = require("./task/myTask").default;              this.setState({                component: <MyTask ApiUrl={""} />              });            });            break;          //我的任务          case "myTaskZxs":            require.ensure([], () => {              const MyTask = require("./task/myTaskZxs").default;              this.setState({                component: <MyTask ApiUrl={""} />              });            });            break;          //我的外包任务          case "myTaskOutsource":            require.ensure([], () => {              const MyTaskOutsource = require("./task/myTaskOutsource")                .default;              this.setState({                component: <MyTaskOutsource ApiUrl={""} />              });            });            break;          //我的外包任务          case "myTaskOutsourceZxs":            require.ensure([], () => {              const MyTaskOutsource = require("./task/myTaskOutsourceZxs")                .default;              this.setState({                component: <MyTaskOutsource ApiUrl={""} />              });            });            break;          //合同变更审核列表          case "contractChangeJsy":            require.ensure([], () => {              const ContractChangeJsy = require("./task/contractChangeJsy")                .default;              this.setState({                component: <ContractChangeJsy ApiUrl={""} />              });            });            break;          //合同变更审核列表          case "contractChangeJsjl":            require.ensure([], () => {              const ContractChangeJsjl = require("./task/contractChangeJsjl")                .default;              this.setState({                component: <ContractChangeJsjl ApiUrl={""} />              });            });            break;          //合同变更审核列表          case "contractChangeJszj":            require.ensure([], () => {              const ContractChangeJszj = require("./task/contractChangeJszj")                .default;              this.setState({                component: <ContractChangeJszj ApiUrl={""} />              });            });            break;            //付款申请驳回列表            case "payApplyReject":                require.ensure([], () => {                    const PayApplyReject = require("./task/payApplyReject/index")                        .default;                    this.setState({                        component: <PayApplyReject ApiUrl={""} />                    });                });                break;          //任务统计          case "taskCount":            require.ensure([], () => {              const TaskCount = require("./task/taskCount").default;              this.setState({                component: <TaskCount ApiUrl={""} />              });            });            break;          //我的任务统计          case "myTaskCount":            require.ensure([], () => {              const MyTaskCount = require("./task/myTaskCount").default;              this.setState({                component: <MyTaskCount ApiUrl={""} />              });            });            break;          default:            require.ensure([], () => {              const Module = require("../module").default;              this.setState({                component: <Module ApiUrl={""} />              });            });        };        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;
 |