/* eslint-disable */
|
/**柯礼钦
|
* 4/2/2020, 11:22:51 AM
|
* doc comment for the file goes here
|
*/
|
|
/** 头部组件 */
|
|
import React, { useEffect } from 'react';
|
import { Layout, Menu, Dropdown, Icon, Row, Col, message } from 'antd';
|
const { Header } = Layout;
|
import './index.scss';
|
|
const menu = (
|
<Menu>
|
<Menu.Item>
|
<a onClick={() => {
|
// 清空用户相关信息
|
window.localStorage.setItem('menu', '');
|
window.localStorage.setItem('token', '');
|
message.success('退出成功！');
|
window.location.href = window.location.origin + '/#/login';
|
}}>
|
退出
|
</a>
|
</Menu.Item>
|
|
</Menu>
|
);
|
|
export default function MenuView({ }) {
|
|
var loginUser = window.localStorage.getItem('loginUser') || '{}';
|
loginUser = JSON.parse(loginUser);
|
|
return (
|
<Header style={{ background: '#fff', padding: 0, boxShadow: 'inset 0 -1px 0 0 #E5E5E5' }}>
|
{
|
(loginUser && Object.keys(loginUser).length) &&
|
<Row type="flex" align="middle" justify="end" >
|
<Col style={{ marginRight: 40 }}>
|
{loginUser.trueName}
|
<Dropdown overlay={menu}>
|
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
|
[{loginUser.dept} | {loginUser.post}]<Icon type="caret-down" />
|
</a>
|
</Dropdown>
|
</Col>
|
</Row>
|
}
|
</Header>
|
);
|
}
|
