import React from 'react';
import ReactDOM from 'react-dom';
import { MTabBar } from './tabbar'; 
import 'antd-mobile/dist/antd-mobile.css'; 
import BasePage from '../common/basepage';
import {Auth} from '../../Utils/help';
import PropTypes from 'prop-types'

 

export default class MMain extends React.Component {
    constructor(props,context) {
        super(props,context); 
        this.onMenuClick = this.onMenuClick.bind(this);
        this.state ={height:800};
    }

    onClick =()=>{
        localStorage.removeItem('access_token');
        localStorage.removeItem('refresh_token');
        localStorage.removeItem('expired_at');
        localStorage.removeItem('username');
        localStorage.removeItem('usercode');
        localStorage.removeItem('loginid'); 
        localStorage.removeItem('menu'); 
        const { router } = this.context;
        router.push('login');
        window.Android.userLogout();
    }
    onMenuClick =(el,index,func)=>{
        const { router } = this.context;
        router.push({ pathname: '/'+func.route, state: {func:func} }); 
    }
    render() {
        return (
            <BasePage midtitle={Auth.UserName} rightClick={this.onClick} hideLeftIcon={true} leftContent={'移动终端'} rightContent={<div onClick={this.onClick}>登出</div>}>
                <MTabBar history = {this.props.history} onClick={this.onMenuClick}> 
                </MTabBar>
            </BasePage>
        )
    }
}

MMain.contextTypes = {
    router: PropTypes.object.isRequired
}