import React, { Component } from 'react'; import '../content.less'; import './content.less'; import LeftTab from '../leftTab'; import {getMenu} from '../publicMenu.jsx' 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 'membership': require.ensure([], () => { const Membership = require('./memberOrderList').default; this.setState({ component: <Membership /> }); }); break; case 'consult': require.ensure([], () => { const Consult = require('./consultOrderList').default; this.setState({ component: <Consult /> }); }); break; case 'userAchievementOrder': require.ensure([], () => { const AchievementOrder = require('../achievement/achievementOrder').default; this.setState({ component: <AchievementOrder data-listApiUrl='/api/admin/portal/order/userAchievementOrderList' data-detailApiUrl='/api/admin/achievement/userDetail' /> }); }); break; case 'orgAchievementOrder': require.ensure([], () => { const AchievementOrder = require('../achievement/achievementOrder').default; this.setState({ component: <AchievementOrder data-listApiUrl='/api/admin/portal/order/orgAchievementOrderList' data-detailApiUrl='/api/admin/achievement/orgDetail' /> }); }); 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;