From 91d2b58b9024c358a743e0b42ff53915fb6b8e09 Mon Sep 17 00:00:00 2001
From: Mr Ke <kelq@hugeinfo.com.cn>
Date: Mon, 06 Apr 2020 18:56:51 +0800
Subject: [PATCH] 加入登录人信息
---
src/components/common/HeadView/index.jsx | 43 ++++++++++++++++++++++++++++++++++++++-----
1 files changed, 38 insertions(+), 5 deletions(-)
diff --git a/src/components/common/HeadView/index.jsx b/src/components/common/HeadView/index.jsx
index 96ed163..759af0d 100644
--- a/src/components/common/HeadView/index.jsx
+++ b/src/components/common/HeadView/index.jsx
@@ -6,15 +6,48 @@
/** 头部组件 */
-import React from 'react';
-import { Layout } from 'antd';
+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({ }) {
- return (
- <Header style={{ background: '#fff', padding: 0, boxShadow: 'inset 0 -1px 0 0 #E5E5E5' }} />
- );
+ var loginUser = window.localStorage.getItem('loginUser') || '{}';
+ loginUser = JSON.parse(loginUser);
+ console.log(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>
+ );
}
--
Gitblit v1.8.0