From 3683e1475e8d74f690172a468518d88d91a69ccc Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 20 八月 2020 20:15:48 +0800
Subject: [PATCH] 2020-08-20
---
src/components/sidemenu/index.jsx | 216 ++++++++++++++++++++++++++++++++++++------------------
1 files changed, 144 insertions(+), 72 deletions(-)
diff --git a/src/components/sidemenu/index.jsx b/src/components/sidemenu/index.jsx
index 43397f7..2b4da50 100644
--- a/src/components/sidemenu/index.jsx
+++ b/src/components/sidemenu/index.jsx
@@ -3,16 +3,19 @@
import PropTypes from 'prop-types'
import {connect} from 'react-redux'
import { is, fromJS } from 'immutable'
-import { Menu, Icon } from 'antd'
+import { Menu, Icon, notification } from 'antd'
+
import asyncComponent from '@/utils/asyncComponent'
-import {modifyTabview, resetEditLevel} from '@/store/action'
-import zhCN from '@/locales/zh-CN/header.js'
-import enUS from '@/locales/en-US/header.js'
+import { modifyTabview, resetEditLevel } from '@/store/action'
+import { SySMenuList } from './config'
+import options from '@/store/options.js'
+import zhCN from '@/locales/zh-CN/main.js'
+import enUS from '@/locales/en-US/main.js'
import Api from '@/api'
import './index.scss'
-const EditSecMenu = asyncComponent(() => import('./editsecmenu'))
-const EditThdMenu = asyncComponent(() => import('./editthdmenu'))
+const EditSecMenu = asyncComponent(() => import('@/templates/menuconfig/editsecmenu'))
+const EditThdMenu = asyncComponent(() => import('@/templates/menuconfig/editthdmenu'))
const { SubMenu } = Menu
class Sidemenu extends Component {
@@ -25,54 +28,102 @@
}
state = {
- mainMenuList: null, // 涓�绾ц彍鍗曪紝缂栬緫璋冩暣涓婄骇鑿滃崟鏃惰幏鍙�
- subMenulist: null, // 浜岀骇鑿滃崟
- editMenu: null, // 缂栬緫涓夌骇鑿滃崟鏃惰缃�
+ dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
+ mainMenuList: null, // 涓�绾ц彍鍗曪紝缂栬緫璋冩暣涓婄骇鑿滃崟鏃惰幏鍙�
+ subMenulist: [], // 浜岀骇鑿滃崟
+ editMenu: null, // 缂栬緫涓夌骇鑿滃崟鏃惰缃�
rootSubmenuKeys: null,
createThirdMenu: false,
- dict: (!localStorage.getItem('lang') || localStorage.getItem('lang') === 'zh-CN') ? zhCN : enUS,
openKeys: null,
preview: null
}
async loadsubmenu (menu) {
- let result = await Api.getSystemConfig({func: 'sPC_Get_FunMenu', ParentID: menu.MenuID})
- if (result.status) {
- let param = sessionStorage.getItem('view_param') // 鏄惁涓烘墦寮�鏂伴〉闈�
- let msg = sessionStorage.getItem('UserID') + '&' + sessionStorage.getItem('SessionUid') + '&' + sessionStorage.getItem('LoginUID')
- let submenuindex = 0 // 灞曞紑浜岀骇鑿滃崟绱㈠紩
- let tabindex = null // 鎵撳紑鐨則ab椤�
- if (param) {
- param = param.split('&')
- submenuindex = parseInt(param[1])
- tabindex = parseInt(param[2])
- sessionStorage.removeItem('view_param')
- }
- let parentID = result.data[submenuindex] ? result.data[submenuindex].ParentID : '' // 灞曞紑浜岀骇鑿滃崟ID
+ if (!menu || !menu.MenuID) { // 娌℃湁涓昏彍鍗曟椂锛屾竻绌轰笅绾ц彍鍗�
+ this.setState({
+ subMenulist: [],
+ rootSubmenuKeys: [],
+ openKeys: [],
+ editMenu: null
+ })
+ return
+ }
- let menulist = result.data.map((item, i) => {
+ let _param = {func: 'sPC_Get_FunMenu', ParentID: menu.MenuID, systemType: options.sysType}
+
+ if (sessionStorage.getItem('isEditState') === 'true') { // 缂栬緫鐘舵�佹椂锛岃幏鍙栬彍鍗曪紝澧炲姞鍙傛暟debug
+ _param.debug = 'Y'
+ }
+
+ let result = await Api.getSystemConfig(_param)
+ if (result.status) {
+ if (this.props.editState && this.props.editLevel === 'HS') return
+
+ if (result.data.length === 0) { // 鏌ヨ鑿滃崟涓虹┖
+ this.setState({
+ subMenulist: [],
+ rootSubmenuKeys: [],
+ openKeys: []
+ })
+ return
+ }
+
+ let SubMenuId = sessionStorage.getItem('SubMenu') // 鏄惁涓烘墦寮�鏂伴〉闈�
+ let ThirdMenuId = sessionStorage.getItem('ThirdMenu') // 鏄惁涓烘墦寮�鏂伴〉闈�
+ let msg = sessionStorage.getItem('UserID') + '&ld=' + sessionStorage.getItem('LoginUID') + '&un=' + sessionStorage.getItem('User_Name')
+ let submenuId = '' // 灞曞紑浜岀骇鑿滃崟ID
+ let tabId = '' // 鎵撳紑鐨則ab椤礽d
+
+ if (SubMenuId && ThirdMenuId) {
+ submenuId = SubMenuId
+ let submenu = result.data.filter(item => item.ParentID === SubMenuId)[0]
+
+ if (!submenu) {
+ submenuId = ''
+ } else {
+ tabId = ThirdMenuId
+ let tabmenu = submenu.FunMenu.filter(item => item.MenuID === ThirdMenuId)[0]
+ if (!tabmenu) {
+ submenuId = ''
+ tabId = ''
+ }
+ }
+ sessionStorage.removeItem('SubMenu')
+ sessionStorage.removeItem('ThirdMenu')
+ }
+ let parentID = submenuId ? submenuId : result.data[0].ParentID // 灞曞紑浜岀骇鑿滃崟ID
+
+ let iframes = ['Main/Index', 'bda/rdt', 'Home/rdt']
+
+ let menulist = result.data.map(item => {
let _smenu = {}
- _smenu.id = i
+ _smenu.id = item.ParentID
_smenu.MenuID = item.ParentID
_smenu.text = item.MenuNameP
+
try {
_smenu.PageParam = JSON.parse(item.PageParamP)
} catch (e) {
_smenu.PageParam = {Icon: 'folder'}
}
+
if (item.FunMenu) {
- _smenu.children = item.FunMenu.map((child, n) => {
- let _tmenu = {}
- let _msg = window.btoa(menu.MenuID + '&' + i + '&' + n + '&' + msg) // 寰呭畬鍠�
- _tmenu.src = '#/main/' + _msg
+ _smenu.children = item.FunMenu.map(child => {
+ let _tmenu = {
+ ParentId: item.ParentID
+ }
+
+ // 鎵撳紑鏂伴〉闈㈤摼鎺�
+ _tmenu.src = '#/main/' + window.btoa('mm=' + menu.MenuID + '&sm=' + _smenu.MenuID + '&tm=' + child.MenuID + '&ud=' + msg)
+
if (child.LinkUrl === 'CommonTable') {
_tmenu.type = 'CommonTable'
} else if (child.LinkUrl === 'DataManage') {
_tmenu.type = 'DataManage'
- } else if (child.LinkUrl === 'bda/rdt?pageno=rolemenus&MenuNo=RoleMenuM') {
- _tmenu.type = 'RoleManage'
- } else if (child.LinkUrl.split('?')[0] === 'Main/Index' || child.LinkUrl.split('?')[0] === 'bda/rdt') {
+ _tmenu.forbidden = true
+ } else if (iframes.includes(child.LinkUrl.split('?')[0])) {
_tmenu.type = 'iframe'
+ _tmenu.forbidden = true
}
if (_tmenu.type !== 'iframe') {
@@ -86,7 +137,7 @@
_tmenu.LinkUrl = child.LinkUrl
}
- _tmenu.id = n
+ _tmenu.id = child.MenuID
_tmenu.MenuID = child.MenuID
_tmenu.MenuNo = child.MenuNo
_tmenu.MenuName = child.MenuName
@@ -100,34 +151,58 @@
this.setState({
subMenulist: menulist,
rootSubmenuKeys: result.data.map(item => item.ParentID),
- openKeys: (this.props.collapse || !parentID) ? [] : [parentID],
+ openKeys: this.props.collapse ? [] : [parentID],
editMenu: this.props.editLevel === 'level3' && menulist.filter(menu => menu.MenuID === this.state.editMenu.MenuID)[0]
})
-
- if (tabindex !== null) {
- let opentab = result.data[submenuindex].children[tabindex]
- opentab.selected = true
- this.props.modifyTabview([opentab])
+ if (tabId) {
+ let _menu = menulist.filter(menu => menu.MenuID === submenuId)[0]
+ let opentab = _menu && _menu.children.filter(tab => tab.MenuID === tabId)[0]
+ if (opentab) {
+ opentab.selected = true
+ let home = this.props.tabviews[0]
+ home.selected = false
+ this.props.modifyTabview([home, opentab])
+ }
}
-
- // this.props.modifyTabview([{
- // Action: 'Index',
- // Icon: 'Content/icons/L32X32/RoleM.png',
- // LinkUrl: 'bda/rdt?pageno=rolemenus&MenuNo=RoleMenuM',
- // MenuID: 'MMenu14002DBD0010',
- // MenuName: '瑙掕壊鏉冮檺鍒嗛厤',
- // MenuNo: 'RoleMenuM',
- // Ot: '绌�',
- // PageParam: '',
- // SortSub: '720',
- // id: 3,
- // selected: true,
- // type: 'RoleManage'
- // }])
+ } else {
+ notification.warning({
+ top: 92,
+ message: result.message,
+ duration: 5
+ })
}
}
+ enterManageView = (type) => {
+ let menulist = SySMenuList[type]
+
+ if (window.GLOB.systemType === 'production') {
+ menulist.forEach(menu => {
+ menu.children = menu.children.filter(item => item.systems && item.systems.includes(window.GLOB.systemType))
+ })
+
+ menulist = menulist.filter(menu => menu.children.length > 0)
+ } else {
+ menulist.forEach(menu => {
+ menu.children = menu.children.filter(item => !item.systems || item.systems.includes(options.sysType))
+ })
+
+ menulist = menulist.filter(menu => menu.children.length > 0)
+ }
+
+ this.setState({
+ subMenulist: menulist,
+ rootSubmenuKeys: menulist.map(item => item.MenuID),
+ openKeys: this.props.collapse ? [] : [menulist[0].MenuID]
+ })
+ }
+
changemenu(e) {
+ if (this.props.editState && this.props.editLevel !== 'HS') {
+ e.preventDefault()
+ return
+ }
+
let menu = JSON.parse(e.target.dataset.item)
if (menu.Ot === 'NewPage') {
window.open(menu.src)
@@ -149,7 +224,9 @@
}
UNSAFE_componentWillReceiveProps (nextProps) {
- if (nextProps.mainMenu && !is(fromJS(this.props.mainMenu), fromJS(nextProps.mainMenu))) {
+ if (!is(fromJS(this.props.mainMenu), fromJS(nextProps.mainMenu)) && nextProps.mainMenu && nextProps.mainMenu.MenuID === 'systemManageView') {
+ this.enterManageView(nextProps.mainMenu.MenuID)
+ } else if (!is(fromJS(this.props.mainMenu), fromJS(nextProps.mainMenu))) {
// 涓昏彍鍗曞垏鎹紝璇锋眰2銆�3绾ц彍鍗曟暟鎹�
this.loadsubmenu(nextProps.mainMenu)
} else if (nextProps.collapse && this.props.collapse !== nextProps.collapse) {
@@ -161,13 +238,7 @@
}
shouldComponentUpdate(nextProps, nextState) {
- // if (!is(fromJS(this.props.mainMenu), fromJS(nextProps.mainMenu)) || (!this.props.collapse && !is(fromJS(this.props.tabviews), fromJS(nextProps.tabviews)))) {
- if (!is(fromJS(this.props.mainMenu), fromJS(nextProps.mainMenu))) {
- // 涓昏彍鍗曞垏鎹紝鎴栬彍鍗曞睍寮�涓嬬殑tab椤靛彉鍖栵紝涓嶄細鍒锋柊
- return false
- } else {
- return !is(fromJS(this.props), fromJS(nextProps)) || !is(fromJS(this.state), fromJS(nextState))
- }
+ return !is(fromJS(this.props), fromJS(nextProps)) || !is(fromJS(this.state), fromJS(nextState))
}
onOpenChange = openKeys => {
@@ -186,7 +257,7 @@
e.stopPropagation()
this.props.resetEditLevel('level2')
// 鑾峰彇涓�绾ц彍鍗曞垪琛�
- Api.getSystemConfig({func: 'sPC_Get_MainMenu'}).then(res => {
+ Api.getSystemConfig({func: 'sPC_Get_MainMenu', debug: 'Y'}).then(res => {
this.setState({
mainMenuList: res.data.map(item => {
return {
@@ -218,12 +289,13 @@
render () {
const editShow = (this.props.editState && !this.props.editLevel) || false
+
return (
- <aside className={"side-menu ant-menu-dark" + (this.props.collapse ? ' side-menu-collapsed' : '') + (this.props.isiframe ? ' iframe' : '')}>
- {this.state.subMenulist && !(this.props.editLevel === 'level2' || this.props.editLevel === 'level3') &&
+ <aside className={"side-menu ant-menu-dark" + (this.props.collapse ? ' side-menu-collapsed' : '') + (this.props.isiframe ? ' iframe' : '') + (this.props.editState ? ' edit' : '')}>
+ {!(this.props.editLevel === 'level2' || this.props.editLevel === 'level3') &&
<Menu openKeys={this.state.openKeys} onOpenChange={this.onOpenChange} mode="inline" theme="dark" inlineCollapsed={this.props.collapse}>
{editShow && <li className="sup-menu"><Icon onClick={this.enterSubEdit} className="edit-check" type="edit" /></li>}
- {this.state.subMenulist.map((item, index) => {
+ {this.state.subMenulist && this.state.subMenulist.map((item, index) => {
return (
<SubMenu
key={item.MenuID}
@@ -234,9 +306,9 @@
</span>
}
>
- {editShow && <li className={'ant-menu-item ' + (item.children.length > 0 ? 'sub-menu' : '')}>
+ {editShow ? <li className={'ant-menu-item ' + (item.children.length > 0 ? 'sub-menu' : '')}>
<Icon onClick={(e) => {this.enterThrEdit(e, item)}} className="edit-check" type="edit" />
- </li>}
+ </li> : null}
{item.children.map(cell => {
return (
<Menu.Item key={cell.MenuID}>
@@ -248,23 +320,23 @@
)
})}
</Menu>}
- {this.props.editLevel === 'level2' &&
+ {this.props.editLevel === 'level2' ?
<EditSecMenu
menulist={this.state.subMenulist}
supMenuList={this.state.mainMenuList}
supMenu={this.props.mainMenu}
reload={this.reload}
exitEdit={this.exitEdit}
- />
+ /> : null
}
- {this.props.editLevel === 'level3' && this.state.subMenulist &&
+ {this.props.editLevel === 'level3' && this.state.subMenulist && this.state.editMenu ?
<EditThdMenu
menulist={this.state.editMenu.children}
supMenuList={this.state.subMenulist}
supMenu={this.state.editMenu}
reload={this.reload}
exitEdit={this.exitEdit}
- />
+ /> : null
}
</aside>
)
--
Gitblit v1.8.0