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