nyx_server/ui/app/layouts/LayoutAuth.js

Node内容发布

import React from 'react';
import { Link } from 'react-router';
import { Menu} from 'antd';
import history from '../history';
import _ from "lodash";

export default class Layout extends React.Component {

    handleClick(event){
        history.push('/manage/auth/'+event.key);
    }

    render() {
      return (
        <div>
          <header className='nyx-header'>
            <h1>Nyx权限管理</h1>
            <div>顶部测试位置</div>
          </header>
          <div className="nyx-layout-wrapper">
            <aside className="nyx-layout-aside">
                <Menu onClick={this.handleClick.bind(this)}>
                  <Menu.Item key="permissions">权限管理</Menu.Item>
                  <Menu.Item key="groups">组管理</Menu.Item>
                  <Menu.Item key="users">用户管理</Menu.Item>
                </Menu>
            </aside>
            <section className="nyx-layout-main">
              <div style={{width:"100%"}}>
              {this.props.children}
              </div>
            </section>
          </div>
        </div>
      );
  }
}