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 1de9d85..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 }} /> - ); + 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