| | |
|---|
| | | |
|---|
| | | /** 头部组件 */ |
|---|
| | | |
|---|
| | | import React from 'react'; |
|---|
| | | import React, { useEffect } from 'react'; |
|---|
| | | import { Layout, Menu, Dropdown, Icon, Row, Col, message } from 'antd'; |
|---|
| | | const { Header } = Layout; |
|---|
| | | import './index.scss'; |
|---|
| | |
|---|
| | | |
|---|
| | | export default function MenuView({ }) { |
|---|
| | | |
|---|
| | | 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()}> |
|---|
| | | 登陆人<Icon type="down" /> |
|---|
| | | [{loginUser.dept} | {loginUser.post}]<Icon type="caret-down" /> |
|---|
| | | </a> |
|---|
| | | </Dropdown> |
|---|
| | | </Col> |
|---|
| | | </Row> |
|---|
| | | } |
|---|
| | | </Header> |
|---|
| | | ); |
|---|
| | | } |
|---|
