From 12d561aea1143eae863d80edebf8b4cbe3cc85df Mon Sep 17 00:00:00 2001
From: liuwh <hugeinfo123>
Date: Mon, 06 Apr 2020 19:05:16 +0800
Subject: [PATCH] 1

---
 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}&nbsp;&nbsp;&nbsp;
+            <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