From fb64bcf1fab18b33d21470c83f28d4cda8d309ce Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 26 十月 2022 12:15:59 +0800
Subject: [PATCH] 2022-10-26
---
src/views/menudesign/index.jsx | 613 ++++++++++++++++++++++++++++---------------------------
1 files changed, 313 insertions(+), 300 deletions(-)
diff --git a/src/views/menudesign/index.jsx b/src/views/menudesign/index.jsx
index 0d73df8..998e016 100644
--- a/src/views/menudesign/index.jsx
+++ b/src/views/menudesign/index.jsx
@@ -14,7 +14,7 @@
import Utils, { setGLOBFuncs } from '@/utils/utils.js'
import antdZhCN from 'antd/es/locale/zh_CN'
import MKEmitter from '@/utils/events.js'
-import MenuUtils, { getTables } from '@/utils/utils-custom.js'
+import { getTables } from '@/utils/utils-custom.js'
import asyncComponent from '@/utils/asyncComponent'
import '@/assets/css/design.scss'
@@ -59,8 +59,6 @@
MenuName: '',
MenuNo: '',
delButtons: [],
- copyButtons: [],
- activeKey: 'basedata',
menuloading: false,
oriConfig: null,
config: null,
@@ -70,6 +68,7 @@
eyeopen: false,
view: '',
popConfig: null,
+ needUpdate: false
}
UNSAFE_componentWillMount() {
@@ -106,8 +105,6 @@
}
componentDidMount () {
- MKEmitter.addListener('delButtons', this.delButtons)
- MKEmitter.addListener('copyButtons', this.copyButtons)
MKEmitter.addListener('changePopview', this.initPopview)
MKEmitter.addListener('triggerMenuSave', this.triggerMenuSave)
MKEmitter.addListener('updateCustomComponent', this.updateCustomComponent)
@@ -187,15 +184,38 @@
this.setState = () => {
return
}
- MKEmitter.removeListener('delButtons', this.delButtons)
- MKEmitter.removeListener('copyButtons', this.copyButtons)
MKEmitter.removeListener('changePopview', this.initPopview)
MKEmitter.removeListener('triggerMenuSave', this.triggerMenuSave)
MKEmitter.removeListener('updateCustomComponent', this.updateCustomComponent)
}
triggerMenuSave = () => {
+ if (this.state.view === 'popview') return
+
this.submitConfig()
+ }
+
+ submitPopConfig = (btnconfig) => {
+ let parents = {[btnconfig.ParentId]: true}
+ let popbtns = {[btnconfig.uuid]: fromJS(btnconfig).toJS()}
+ let config = fromJS(this.state.config).toJS()
+
+ config.components = this.setPopView(config.components, parents, popbtns)
+
+ this.setState({ config }, () => {
+ this.submitConfig()
+ })
+ }
+
+ closePop = () => {
+ const {config} = this.state
+
+ sessionStorage.setItem('editMenuType', 'menu')
+
+ window.GLOB.urlFields = config.urlFields || []
+ window.GLOB.customMenu = config
+
+ this.setState({view: '', popConfig: null})
}
getPrintTemp = () => {
@@ -327,16 +347,17 @@
this.setState({customComponents: coms})
}
- delButtons = (items) => {
- this.setState({ delButtons: [...this.state.delButtons, ...items] })
- }
-
- copyButtons = (items) => {
- this.setState({copyButtons: [...this.state.copyButtons, ...items]})
- }
-
initPopview = (card, btn) => {
const { config } = this.state
+
+ if (!this.checkBase()) {
+ notification.warning({
+ top: 92,
+ message: '璇峰畬鍠勫熀鏈俊鎭紒',
+ duration: 5
+ })
+ return
+ }
let _btn = fromJS(btn).toJS()
@@ -344,13 +365,14 @@
_btn.config.uuid = _btn.uuid
_btn.config.MenuID = _btn.uuid
_btn.config.ParentId = card.uuid
+ _btn.config.MenuName = _btn.label
} else {
_btn.config = {
uuid: _btn.uuid,
MenuID: _btn.uuid,
ParentId: card.uuid,
enabled: false,
- MenuName: btn.label,
+ MenuName: _btn.label,
tables: config.tables || [],
Template: 'CustomPage',
components: [],
@@ -451,19 +473,20 @@
config.open_edition = result.open_edition || ''
window.GLOB.urlFields = config.urlFields || []
- // if (config.version !== 2.0) {
- // this.setState({
- // oriConfig: fromJS(config).toJS(),
- // comloading: true
- // })
- // this.updatePage(config)
- // } else {
+ if (config.version !== 2.0) {
+ this.setState({
+ oriConfig: fromJS(config).toJS(),
+ comloading: true,
+ needUpdate: true
+ })
+ this.updatePage(config)
+ } else {
this.setState({
oriConfig: fromJS(config).toJS(),
config: config
})
window.GLOB.customMenu = config
- // }
+ }
} else {
notification.warning({
top: 92,
@@ -474,28 +497,180 @@
})
}
+ collectTB = (components, popBtns) => {
+ return components.map(item => {
+ if (item.type === 'tabs') {
+ item.subtabs.forEach(tab => {
+ delete tab.floor
+ delete tab.hasSearch
+ delete tab.parentId
+
+ tab.components = this.collectTB(tab.components, popBtns)
+ })
+ } else if (item.type === 'group') {
+ item.components = this.collectTB(item.components, popBtns)
+ } else if (item.type !== 'search') {
+ item.$tables = getTables(item, popBtns)
+ }
+
+ if (item.subtype === 'tablecard') { // 鍏煎
+ item.type = 'card'
+ }
+
+ delete item.tabId
+ delete item.parentId
+ delete item.btnlog
+ delete item.floor
+ delete item.dataName
+
+ return item
+ })
+ }
+
+ setPopView = (components, parents, popbtns) => {
+ return components.map(item => {
+ if (item.type === 'tabs') {
+ item.subtabs.forEach(tab => {
+ tab.components = this.setPopView(tab.components, parents, popbtns)
+ })
+ } else if (item.type === 'group') {
+ item.components = this.setPopView(item.components, parents, popbtns)
+ } else if (parents[item.uuid]) {
+ this.setpopConfig(item, popbtns)
+ }
+ return item
+ })
+ }
+
+ setpopConfig = (config, popbtns) => {
+ config.subcards && config.subcards.forEach(item => {
+ item.elements.forEach(cell => {
+ if (cell.eleType !== 'button') return
+ if (cell.OpenType === 'popview' && popbtns[cell.uuid]) {
+ cell.config = popbtns[cell.uuid]
+ }
+ })
+ })
+
+ config.cols && config.cols.forEach(col => {
+ if (col.type === 'action') {
+ col.elements.forEach(cell => {
+ if (cell.OpenType === 'popview' && popbtns[cell.uuid]) {
+ cell.config = popbtns[cell.uuid]
+ }
+ })
+ }
+ })
+
+ config.elements && config.elements.forEach(cell => {
+ if (cell.eleType !== 'button') return
+ if (cell.OpenType === 'popview' && popbtns[cell.uuid]) {
+ cell.config = popbtns[cell.uuid]
+ }
+ })
+
+ config.action && config.action.forEach(cell => {
+ if (cell.OpenType === 'popview' && popbtns[cell.uuid]) {
+ cell.config = popbtns[cell.uuid]
+ }
+ })
+
+ config.$tables = getTables(config)
+ }
+
updatePage = (config) => {
let popBtns = []
- let traversal = (components) => {
- components.forEach(item => {
- if (item.type === 'tabs') {
- item.subtabs.forEach(tab => {
- traversal(tab.components)
- })
- } else if (item.type === 'group') {
- traversal(item.components)
- } else if (item.type !== 'search') {
- item.$tables = getTables(item, popBtns)
- }
+ config.components = this.collectTB(config.components, popBtns)
+
+ if (popBtns.length === 0) {
+ this.setState({
+ config: config,
+ comloading: false,
+ needUpdate: true
})
+ return
}
- traversal(config.components)
+ Promise.all(popBtns.map((pop, i) => {
+ return new Promise(resolve => {
+ let param = {
+ func: 'sPC_Get_LongParam',
+ MenuID: pop.uuid
+ }
+
+ setTimeout(() => {
+ Api.getSystemConfig(param).then(res => {
+ let _config = null
+ try {
+ _config = res.LongParam ? JSON.parse(window.decodeURIComponent(window.atob(res.LongParam))) : null
+ } catch (e) {
+ console.warn('Parse Failure')
+ _config = null
+ }
+
+ if (_config && _config.Template !== 'CustomPage') {
+ _config = null
+ }
+ if (_config) {
+ _config.uuid = pop.uuid
+ _config.MenuID = pop.uuid
+ _config.ParentId = pop.parentId
+ _config.MenuName = pop.label
+
+ delete _config.MenuNo
+ delete _config.open_edition
+ delete _config.version
+
+ _config.components = this.collectTB(_config.components)
+ } else {
+ _config = {
+ uuid: pop.uuid,
+ MenuID: pop.uuid,
+ ParentId: pop.parentId,
+ enabled: false,
+ MenuName: pop.label,
+ tables: config.tables || [],
+ Template: 'CustomPage',
+ components: [],
+ viewType: 'popview',
+ style: { backgroundColor: '#ffffff', backgroundImage: '', paddingTop: '16px', paddingBottom: '40px', paddingLeft: '16px', paddingRight: '16px' }
+ }
+ }
+
+ resolve(_config)
+ })
+ }, i * 40)
+ })
+ })).then(results => {
+ let bts = []
+ results = results.map(res => {
+ let tbs = []
+ bts.push(...this.getMenuMessage(res, tbs))
+
+ res.$tables = Array.from(new Set(tbs))
+
+ return res
+ })
+
+ bts = bts.map(bt => bt.replace(/select\s'/, '').replace(/'\sas.*/, ''))
+ bts.push(...popBtns.map(pop => pop.uuid))
+
+ let parents = {}
+ let popbtns = {}
+
+ results.forEach(item => {
+ parents[item.ParentId] = true
+ popbtns[item.uuid] = item
+ })
+
+ config.components = this.setPopView(config.components, parents, popbtns)
+
+ this.setState({ delButtons: bts, config, comloading: false })
+ })
}
- getMenuMessage = (delButtons, tbs) => {
- const { config } = this.state
+ getMenuMessage = (config, tbs) => {
let buttons = []
let _sort = 1
@@ -504,89 +679,47 @@
if (item.$tables) {
tbs.push(...item.$tables)
}
+ if (item.action && item.action.length > 0) {
+ item.action.forEach(btn => {
+ if (btn.hidden === 'true') return
+ buttons.push(`select '${btn.uuid}' as menuid, '${item.name + '-' + btn.label}' as menuname, '${_sort * 10}' as Sort, '${config.uuid}' as parentid, 40 as Type`)
+ _sort++
+ })
+ }
if (item.type === 'tabs') {
item.subtabs.forEach(tab => {
traversal(tab.components)
})
} else if (item.type === 'group') {
traversal(item.components)
- } else if (item.type === 'card' || (item.type === 'table' && item.subtype === 'tablecard')) {
- item.action && item.action.forEach(btn => {
- if (btn.hidden === 'true') {
- delButtons.push(btn.uuid)
- return
- }
- buttons.push(`select '${btn.uuid}' as menuid, '${item.name + '-' + btn.label}' as menuname, '${_sort * 10}' as Sort`)
- _sort++
- })
+ } else if (item.type === 'card' || item.type === 'carousel' || item.type === 'timeline') {
item.subcards.forEach(card => {
card.elements && card.elements.forEach(cell => {
if (cell.eleType !== 'button') return
- if (cell.hidden === 'true') {
- delButtons.push(cell.uuid)
- return
- }
- buttons.push(`select '${cell.uuid}' as menuid, '${item.name + '-' + cell.label}' as menuname, '${_sort * 10}' as Sort`)
+ if (cell.hidden === 'true') return
+ buttons.push(`select '${cell.uuid}' as menuid, '${item.name + '-' + cell.label}' as menuname, '${_sort * 10}' as Sort, '${config.uuid}' as parentid, 40 as Type`)
_sort++
})
card.backElements && card.backElements.forEach(cell => {
if (cell.eleType !== 'button') return
- if (cell.hidden === 'true') {
- delButtons.push(cell.uuid)
- return
- }
- buttons.push(`select '${cell.uuid}' as menuid, '${item.name + '-' + cell.label}' as menuname, '${_sort * 10}' as Sort`)
- _sort++
- })
- })
- } else if (item.type === 'carousel' || item.type === 'timeline') {
- item.subcards.forEach(card => {
- card.elements && card.elements.forEach(cell => {
- if (cell.eleType !== 'button') return
- if (cell.hidden === 'true') {
- delButtons.push(cell.uuid)
- return
- }
- buttons.push(`select '${cell.uuid}' as menuid, '${item.name + '-' + cell.label}' as menuname, '${_sort * 10}' as Sort`)
+ if (cell.hidden === 'true') return
+ buttons.push(`select '${cell.uuid}' as menuid, '${item.name + '-' + cell.label}' as menuname, '${_sort * 10}' as Sort, '${config.uuid}' as parentid, 40 as Type`)
_sort++
})
})
} else if (item.type === 'balcony') {
item.elements && item.elements.forEach(cell => {
if (cell.eleType !== 'button') return
- if (cell.hidden === 'true') {
- delButtons.push(cell.uuid)
- return
- }
- buttons.push(`select '${cell.uuid}' as menuid, '${item.name + '-' + cell.label}' as menuname, '${_sort * 10}' as Sort`)
+ if (cell.hidden === 'true') return
+ buttons.push(`select '${cell.uuid}' as menuid, '${item.name + '-' + cell.label}' as menuname, '${_sort * 10}' as Sort, '${config.uuid}' as parentid, 40 as Type`)
_sort++
})
- } else if (item.type === 'line' || item.type === 'bar' || item.type === 'chart') {
- item.action && item.action.forEach(btn => {
- if (btn.hidden === 'true') {
- delButtons.push(btn.uuid)
- return
- }
- buttons.push(`select '${btn.uuid}' as menuid, '${item.name + '-' + btn.label}' as menuname, '${_sort * 10}' as Sort`)
- _sort++
- })
- } else if (item.type === 'table' && (item.subtype === 'normaltable' || item.subtype === 'editable')) {
- item.action && item.action.forEach(btn => {
- if (btn.hidden === 'true') {
- delButtons.push(btn.uuid)
- return
- }
- buttons.push(`select '${btn.uuid}' as menuid, '${item.name + '-' + btn.label}' as menuname, '${_sort * 10}' as Sort`)
- _sort++
- })
+ } else if (item.type === 'table') {
item.cols && item.cols.forEach(col => {
if (col.type !== 'action') return
col.elements.forEach(btn => {
- if (btn.hidden === 'true') {
- delButtons.push(btn.uuid)
- return
- }
- buttons.push(`select '${btn.uuid}' as menuid, '${item.name + '-' + btn.label}' as menuname, '${_sort * 10}' as Sort`)
+ if (btn.hidden === 'true') return
+ buttons.push(`select '${btn.uuid}' as menuid, '${item.name + '-' + btn.label}' as menuname, '${_sort * 10}' as Sort, '${config.uuid}' as parentid, 40 as Type`)
_sort++
})
})
@@ -596,31 +729,38 @@
traversal(config.components)
+ if (config.interfaces) {
+ config.interfaces.forEach(item => {
+ if (item.$tables) {
+ tbs.push(...item.$tables)
+ }
+ })
+ }
+
return buttons
}
- submitConfig = () => {
- const { MenuType, copyButtons } = this.state
- let config = fromJS(this.state.config).toJS()
+ checkBase = () => {
+ const { MenuType, config } = this.state
if (MenuType === 'billPrint' && config.printPage === 'page' && !config.everyPCount) {
+ return false
+ } else if (MenuType === 'home' && (config.cacheUseful === 'true' && !config.cacheTime)) {
+ return false
+ } else if (MenuType === 'custom' && (!config.MenuName || !config.MenuNo || !config.fstMenuId || !config.parentId || (config.cacheUseful === 'true' && !config.cacheTime))) {
+ return false
+ }
+ return true
+ }
+
+ submitConfig = () => {
+ const { MenuType } = this.state
+ let config = fromJS(this.state.config).toJS()
+
+ if (!this.checkBase()) {
notification.warning({
top: 92,
message: '璇峰畬鍠勫熀鏈俊鎭紒',
- duration: 5
- })
- return
- } else if (MenuType === 'home' && (config.cacheUseful === 'true' && !config.cacheTime)) {
- notification.warning({
- top: 92,
- message: '璇峰畬鍠勮彍鍗曞熀鏈俊鎭紒',
- duration: 5
- })
- return
- } else if (MenuType === 'custom' && (!config.MenuName || !config.MenuNo || !config.fstMenuId || !config.parentId || (config.cacheUseful === 'true' && !config.cacheTime))) {
- notification.warning({
- top: 92,
- message: '璇峰畬鍠勮彍鍗曞熀鏈俊鎭紒',
duration: 5
})
return
@@ -636,8 +776,7 @@
}
let tbs = []
- let delButtons = fromJS(this.state.delButtons).toJS()
- let btns = this.getMenuMessage(delButtons, tbs)
+ let btns = this.getMenuMessage(config, tbs)
let arr = []
tbs = tbs.filter(tb => {
let _tb = tb.toLowerCase()
@@ -696,24 +835,15 @@
ParentID: config.uuid,
MenuNo: config.MenuNo,
Template: 'CustomPage',
- PageParam: '',
- LongParam: '',
- LText: []
+ button_proc_edition: 'Y'
}
- let btnIds = '' // 鐢ㄤ簬澶嶅埗鎸夐挳鐨勮繃婊�
- if (MenuType !== 'billPrint') {
- btnParam.LText = btns
- btnParam.LText = btnParam.LText.join(' union all ')
+ btnParam.LText = btns.join(' union all ')
- btnIds = btnParam.LText
-
- btnParam.LText = Utils.formatOptions(btnParam.LText)
- btnParam.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
- btnParam.secretkey = Utils.encrypt(btnParam.LText, btnParam.timestamp)
- } else {
- btnParam.LText = ''
- }
+ btnParam.LText = Utils.formatOptions(btnParam.LText)
+ btnParam.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
+ btnParam.secretkey = Utils.encrypt(btnParam.LText, btnParam.timestamp)
+
new Promise(resolve => {
if (MenuType === 'billPrint') { // 鎵撳嵃鐢熸垚椤甸潰鏁堟灉鍥�
@@ -737,206 +867,89 @@
Remark: '',
temp_type: 'billprint',
}).then(response => {
- if (response.status) {
- resolve(true)
- } else {
- notification.warning({
- top: 92,
- message: response.message,
- duration: 5
- })
- resolve(false)
- }
+ resolve(response)
})
} else {
- notification.warning({
- top: 92,
- message: result.ErrMesg,
- duration: 5
- })
- resolve(false)
+ resolve(result)
}
})
})
} else {
- resolve(true)
+ resolve({status: true})
}
- }).then(res => { // 鎸夐挳鍒犻櫎
- if (!res) return
+ }).then(res => { // 椤甸潰淇濆瓨
+ if (!res || !res.status) return res
- if (delButtons.length === 0) {
+ return Api.getSystemConfig(param)
+ }).then(res => { // 鎸夐挳鍒犻櫎
+ if (!res || !res.status) return res
+
+ if (MenuType !== 'billPrint') { // 鍩烘湰淇℃伅鏀瑰彉鏃讹紝閫氱煡鑿滃崟鍒楄〃鏇存柊
+ let ori = this.state.oriConfig
+ if (config.MenuName !== ori.MenuName || config.MenuNo !== ori.MenuNo || config.parentId !== ori.parentId) {
+ localStorage.setItem('menuUpdate', new Date().getTime())
+ }
+ }
+ config.open_edition = res.open_edition || ''
+ this.setState({
+ config,
+ oriConfig: fromJS(config).toJS(),
+ needUpdate: false
+ })
+
+ if (this.state.delButtons.length === 0) {
return {
status: true
}
} else {
let _param = {
func: 'sPC_MainMenu_Del',
- MenuID: delButtons.join(',')
+ MenuID: this.state.delButtons.join(',')
}
return Api.getSystemConfig(_param)
}
- }).then(res => { // 椤甸潰淇濆瓨
- if (!res) return
-
- if (res.status) {
- return Api.getSystemConfig(param)
- } else {
- notification.warning({
- top: 92,
- message: res.message,
- duration: 5
- })
- return false
- }
}).then(res => { // 椤甸潰鎸夐挳鍏崇郴淇濆瓨
- if (!res) return
+ if (!res || !res.status) return res
- if (res.status) {
- if (MenuType !== 'billPrint') { // 鍩烘湰淇℃伅鏀瑰彉鏃讹紝閫氱煡鑿滃崟鍒楄〃鏇存柊
- let ori = this.state.oriConfig
- if (config.MenuName !== ori.MenuName || config.MenuNo !== ori.MenuNo || config.parentId !== ori.parentId) {
- localStorage.setItem('menuUpdate', new Date().getTime())
- }
- }
- config.open_edition = res.open_edition || ''
- this.setState({
- config,
- oriConfig: fromJS(config).toJS(),
- })
+ this.setState({
+ delButtons: []
+ })
- if (btnParam.LText) {
- return Api.getSystemConfig(btnParam)
- } else {
- return {
- status: true
- }
- }
+ if (MenuType !== 'billPrint') {
+ return Api.getSystemConfig(btnParam)
} else {
- notification.warning({
- top: 92,
- message: res.message,
- duration: 5
- })
- return false
- }
- }).then(res => { // 鎸夐挳澶嶅埗
- if (!res) return
- if (!res.status) {
- notification.warning({
- top: 92,
- message: res.message,
- duration: 5
- })
- return false
- }
-
- if (copyButtons.length === 0) {
return {
status: true
}
- } else {
- return new Promise(resolve => {
- let deffers = copyButtons.map(item => {
- return new Promise(resolve => {
- if (btnIds.indexOf(item.uuid) === -1) { // 澶嶅埗鐨勬寜閽凡鍒犻櫎
- resolve({
- status: true
- })
- return
- }
-
- Api.getSystemConfig({
- func: 'sPC_Get_LongParam',
- MenuID: item.$originUuid
- }).then(result => {
- if (result.status) {
- let _conf = ''
-
- try {
- _conf = result.LongParam ? JSON.parse(window.decodeURIComponent(window.atob(result.LongParam))) : ''
- } catch (e) {
- console.warn('Parse Failure')
- _conf = ''
- }
-
- if (_conf) {
- _conf.components = MenuUtils.resetConfig(_conf.components)
- _conf.uuid = item.uuid
- _conf.MenuID = item.uuid
- _conf.Template = 'CustomPage'
- _conf.enabled = false
- } else {
- resolve({
- status: true
- })
- return
- }
-
- let _param = {
- func: 'sPC_ButtonParam_AddUpt',
- ParentID: config.uuid,
- MenuID: item.uuid,
- MenuNo: '',
- Template: 'CustomPage',
- MenuName: item.label,
- PageParam: JSON.stringify({Template: 'CustomPage'}),
- LongParam: window.btoa(window.encodeURIComponent(JSON.stringify(_conf)))
- }
-
- Api.getSystemConfig(_param).then(response => {
- resolve(response)
- })
- }
- })
- })
- })
- Promise.all(deffers).then(result => {
- let error = null
- result.forEach(response => {
- if (!response.status) {
- error = response
- }
- })
-
- if (error) {
- notification.warning({
- top: 92,
- message: error.message,
- duration: 5
- })
- resolve(false)
- } else {
- resolve({
- status: true
- })
- }
- })
- })
}
}).then(res => {
- if (res && res.status) {
- this.setState({
- delButtons: [],
- copyButtons: [],
- menuloading: false
- })
+ this.setState({
+ menuloading: false
+ })
+
+ if (!res) return
+
+ if (res.status) {
notification.success({
top: 92,
message: '淇濆瓨鎴愬姛',
duration: 2
})
+ MKEmitter.emit('completeSave')
} else {
- this.setState({
- menuloading: false
+ notification.warning({
+ top: 92,
+ message: res.message,
+ duration: 5
})
}
- MKEmitter.emit('completeSave')
})
}, 300 + (+sessionStorage.getItem('mkDelay')))
}
getRoleFields = () => {
- if (sessionStorage.getItem('sysRoles') || sessionStorage.getItem('permFuncField')) return
+ if (sessionStorage.getItem('sysRoles')) return
+
Api.getSystemConfig({func: 'sPC_Get_Roles_sModular'}).then(res => {
if (res.status) {
let _permFuncField = []
@@ -1096,19 +1109,19 @@
}
render () {
- const { view, activeKey, comloading, MenuType, MenuId, config, settingshow, ParentId, menuloading, customComponents, eyeopen } = this.state
+ const { view, comloading, MenuType, MenuId, config, settingshow, ParentId, menuloading, customComponents, eyeopen, needUpdate } = this.state
return (
<ConfigProvider locale={_locale}>
- {view !== 'popview' ? <div className={'pc-menu-view ' + (MenuType || '')}>
- <Header />
- <DndProvider backend={HTML5Backend}>
+ <Header />
+ <DndProvider backend={HTML5Backend}>
+ {view !== 'popview' ? <div className={'pc-menu-view ' + (MenuType || '')}>
<div className="menu-body">
<div className={'menu-setting ' + (!settingshow ? 'hidden' : '')}>
<div className="draw">
{settingshow ? <DoubleLeftOutlined onClick={this.changeSetting}/> : <DoubleRightOutlined onClick={this.changeSetting}/>}
</div>
- <Collapse accordion activeKey={activeKey} bordered={false} onChange={(key) => this.setState({activeKey: key})}>
+ <Collapse accordion defaultActiveKey="basedata" bordered={false}>
{/* 鍩烘湰淇℃伅 */}
<Panel header="鍩烘湰淇℃伅" key="basedata">
{/* 鑿滃崟淇℃伅 */}
@@ -1163,7 +1176,7 @@
<StyleCombControlButton menu={config} />
<PasteController insert={this.insert} />
<Switch className="big" checkedChildren="鍚�" unCheckedChildren="鍋�" checked={config && config.enabled} onChange={this.onEnabledChange} />
- <Button type="primary" id="save-config" onClick={this.submitConfig} loading={menuloading}>淇濆瓨</Button>
+ <Button type="primary" id="save-config" className={needUpdate ? 'update-tip' : ''} onClick={this.submitConfig} loading={menuloading}>淇濆瓨</Button>
<Button type="default" onClick={this.closeView}>鍏抽棴</Button>
</div>
} style={{ width: '100%' }}>
@@ -1171,8 +1184,8 @@
</Card>
</div>
</div>
- </DndProvider>
- </div> : <PopView btn={this.state.popConfig}/>}
+ </div> : <PopView btn={this.state.popConfig} save={this.submitPopConfig} cancel={this.closePop}/>}
+ </DndProvider>
<ModalController />
<StyleController />
<StyleCombController />
--
Gitblit v1.8.0