From b3547d1c531e479021219fda5df153a11b9b52a3 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 31 八月 2020 17:28:09 +0800
Subject: [PATCH] 2020-08-31
---
src/mob/header/index.jsx | 45 ++++++++++++++++++++++++++++++++++++---------
1 files changed, 36 insertions(+), 9 deletions(-)
diff --git a/src/mob/header/index.jsx b/src/mob/header/index.jsx
index da88082..5c5383e 100644
--- a/src/mob/header/index.jsx
+++ b/src/mob/header/index.jsx
@@ -1,9 +1,9 @@
import React, {Component} from 'react'
-// import PropTypes from 'prop-types'
+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 } from 'antd'
+import {Dropdown, Menu, Icon, Modal, Tooltip, Button } from 'antd'
import { logout } from '@/store/action'
import zhCN from '@/locales/zh-CN/mob.js'
@@ -14,9 +14,13 @@
const { confirm } = Modal
class MobHeader extends Component {
- // static propTpyes = {
- // collapse: PropTypes.bool,
- // }
+ static propTpyes = {
+ view: PropTypes.string,
+ saveIng: PropTypes.any,
+ triggerSave: PropTypes.func,
+ jumpToManage: PropTypes.func
+ }
+
state = {
dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
logourl: window.GLOB.mainlogo,
@@ -28,10 +32,8 @@
// 閫�鍑虹櫥褰�
let _this = this
confirm({
- title: this.state.dict['mob.header.logout.hint'],
+ title: this.state.dict['mob.logout.hint'],
content: '',
- okText: this.state.dict['mob.confirm'],
- cancelText: this.state.dict['mob.cancel'],
onOk() {
sessionStorage.clear()
_this.props.logout()
@@ -46,12 +48,37 @@
}
render () {
+ const { view } = this.props
+
return (
<header className="mob-header-container">
<div className="header-logo"><img src={this.state.logourl} 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="1">
+ <Tooltip placement="bottom" title="杩斿洖搴旂敤绠＄悊">
+ <Icon type="arrow-left" onClick={this.props.jumpToManage} />
+ </Tooltip>
+ </Menu.Item>
+ <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.header.logout']}</Menu.Item>
+ <Menu.Item key="2" onClick={this.logout}>{this.state.dict['mob.logout']}</Menu.Item>
</Menu>
}>
<div>
--
Gitblit v1.8.0