From b816a38598a2b96f244ba1aacec05f7071b1a803 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 26 三月 2021 16:09:56 +0800
Subject: [PATCH] 2021-03-26
---
src/mob/header/index.jsx | 86 +++---------------------------------------
1 files changed, 7 insertions(+), 79 deletions(-)
diff --git a/src/mob/header/index.jsx b/src/mob/header/index.jsx
index b3af10d..38c5863 100644
--- a/src/mob/header/index.jsx
+++ b/src/mob/header/index.jsx
@@ -1,100 +1,28 @@
import React, {Component} from 'react'
-import PropTypes from 'prop-types'
-import { is, fromJS } from 'immutable'
-import { connect } from 'react-redux'
-import { withRouter } from 'react-router-dom'
-import {Dropdown, Menu, Icon, Modal, Tooltip, Button } from 'antd'
-import { logout } from '@/store/action'
-import zhCN from '@/locales/zh-CN/mob.js'
-import enUS from '@/locales/en-US/mob.js'
import avatar from '@/assets/img/avatar.jpg'
import MainLogo from '@/assets/img/main-logo.png'
import './index.scss'
-const { confirm } = Modal
-
class MobHeader extends Component {
- static propTpyes = {
- view: PropTypes.string,
- saveIng: PropTypes.any,
- triggerSave: PropTypes.func,
- }
-
state = {
- dict: sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
avatar: sessionStorage.getItem('CloudAvatar') || avatar,
userName: sessionStorage.getItem('CloudUserName')
}
- logout = () => {
- // 閫�鍑虹櫥褰�
- let _this = this
- confirm({
- title: this.state.dict['mob.logout.hint'],
- content: '',
- onOk() {
- sessionStorage.clear()
- _this.props.logout()
- _this.props.history.replace('/login')
- },
- onCancel() {}
- })
- }
-
- shouldComponentUpdate (nextProps, nextState) {
- return !is(fromJS(this.props), fromJS(nextProps)) || !is(fromJS(this.state), fromJS(nextState))
- }
-
render () {
- const { view } = this.props
-
return (
<header className="mob-header-container">
<div className="header-logo"><img src={MainLogo} alt=""/></div>
- {view === 'manage' ?
- <div className="mob-manage-title">
- 搴旂敤绠＄悊
- </div> :null
- }
- {view === 'design' ?
- <Menu
- mode="inline"
- theme="dark"
- inlineCollapsed={this.state.collapsed}
- >
- <Menu.Item key="2">
- <Tooltip placement="bottom" title="淇濆瓨">
- <Button icon="save" loading={this.props.saveIng} onClick={this.props.triggerSave}></Button>
- </Tooltip>
- </Menu.Item>
- </Menu> : null
- }
- <Dropdown className="header-setting" overlay={
- <Menu>
- <Menu.Item key="2" onClick={this.logout}>{this.state.dict['mob.logout']}</Menu.Item>
- </Menu>
- }>
- <div>
- <img src={this.state.avatar} alt=""/>
- <span>
- <span className="username">{this.state.userName}</span> <Icon type="down" />
- </span>
- </div>
- </Dropdown>
+ <div className="header-user">
+ <img src={this.state.avatar} alt=""/>
+ <span>
+ <span className="username">{this.state.userName}</span>
+ </span>
+ </div>
</header>
)
}
}
-const mapStateToProps = () => {
- return {}
-}
-
-const mapDispatchToProps = (dispatch) => {
- return {
- logout: () => dispatch(logout())
- }
-}
-
-export default withRouter(connect(mapStateToProps, mapDispatchToProps)(MobHeader))
\ No newline at end of file
+export default MobHeader
\ No newline at end of file
--
Gitblit v1.8.0