From 2bccb9ec7bdefe23292a22bc153463cfa1479a49 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 21 六月 2024 16:25:42 +0800 Subject: [PATCH] 2024-06-21 --- src/views/mobdesign/index.jsx | 1454 +++++++++++++++++++++++++++++++-------------------------- 1 files changed, 780 insertions(+), 674 deletions(-) diff --git a/src/views/mobdesign/index.jsx b/src/views/mobdesign/index.jsx index 384ca4e..dbf4105 100644 --- a/src/views/mobdesign/index.jsx +++ b/src/views/mobdesign/index.jsx @@ -3,16 +3,15 @@ import { withRouter } from 'react-router' import { is, fromJS } from 'immutable' import HTML5Backend from 'react-dnd-html5-backend' -import { ConfigProvider, notification, Modal, Collapse, Switch, Button, message, Spin, Typography } from 'antd' -import { DoubleLeftOutlined, DoubleRightOutlined, HomeOutlined, LoginOutlined, RedoOutlined, ArrowLeftOutlined, EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons' +import { notification, Modal, Collapse, Switch, Button, message, Spin, Typography } from 'antd' +import { DoubleLeftOutlined, DoubleRightOutlined, HomeOutlined, LoginOutlined, ArrowLeftOutlined, EyeOutlined, EyeInvisibleOutlined } from '@ant-design/icons' import moment from 'moment' import md5 from 'md5' import Api from '@/api' import Utils, { setGLOBFuncs } from '@/utils/utils.js' -import antdZhCN from 'antd/es/locale/zh_CN' import MKEmitter from '@/utils/events.js' -import MenuUtils from '@/utils/utils-custom.js' +import MenuUtils, { getTables, getFuncsAndInters, getLangTrans } from '@/utils/utils-custom.js' import asyncComponent from '@/utils/asyncComponent' import '@/assets/css/design.scss' @@ -23,6 +22,7 @@ const { Paragraph } = Typography const Header = asyncComponent(() => import('@/mob/header')) +const Debug = asyncComponent(() => import('@/menu/debug')) const MenuForm = asyncComponent(() => import('./menuform')) const MobShell = asyncComponent(() => import('@/mob/mobshell')) const CreateView = asyncComponent(() => import('@/pc/createview')) @@ -34,6 +34,7 @@ const TableNodes = asyncComponent(() => import('@/menu/tablenodes')) const BgController = asyncComponent(() => import('@/pc/bgcontroller')) const ReplaceField = asyncComponent(() => import('@/menu/replaceField')) +const NormalCss = asyncComponent(() => import('@/menu/normalCss')) const SysInterface = asyncComponent(() => import('@/menu/sysinterface')) const Quotecomponent = asyncComponent(() => import('@/pc/quotecomponent')) const PasteController = asyncComponent(() => import('@/menu/pastecontroller')) @@ -45,8 +46,8 @@ const StyleCombController = asyncComponent(() => import('@/menu/stylecombcontroller')) const StyleCombControlButton = asyncComponent(() => import('@/menu/stylecombcontrolbutton')) const TableComponent = asyncComponent(() => import('@/templates/sharecomponent/tablecomponent')) +const PopView = asyncComponent(() => import('./popview')) -sessionStorage.setItem('isEditState', 'true') sessionStorage.setItem('editMenuType', 'menu') // 缂栬緫鑿滃崟绫诲瀷 sessionStorage.setItem('appType', 'mob') // 搴旂敤绫诲瀷 document.body.className = '' @@ -56,44 +57,68 @@ window.GLOB.urlFields = [] // url鍙橀噺 window.GLOB.customMenu = null // 淇濆瓨鑿滃崟淇℃伅 -const memberLevel = Utils.getMemberLevel() - class MobDesign extends Component { state = { loading: true, MenuId: '', MenuName: '', MenuNo: '', - activeKey: 'component', + activeKey: 'basedata', menuloading: false, oriConfig: null, config: null, - customComponents: [], - direction: 'vertical', settingshow: true, controlshow: true, comloading: false, adapters: [], viewType: 'menu', + view: '', eyeopen: false, - modalStatus: false // 寮圭獥鏄惁寮�鍚紝鍒ゆ柇ctrl+s鏄惁鍙敤 + needUpdate: false } UNSAFE_componentWillMount() { - if (memberLevel < 30) return + if (sessionStorage.getItem('devError') === 'true') { + sessionStorage.clear() + window.history.replaceState(null, null, window.location.href.split('#')[0] + '#/login') + window.location.reload() + return + } + + if (!sessionStorage.getItem('UserID')) { + sessionStorage.removeItem('editMenuType') + sessionStorage.removeItem('appType') + this.props.history.replace('/login') + return + } + + if (window.GLOB.memberLevel < 30) return + + window.GLOB.developing = true + try { let param = JSON.parse(window.decodeURIComponent(window.atob(this.props.match.params.param))) + + if (param.lang) { + sessionStorage.setItem('lang', param.lang) + } if (param.type === 'app') { sessionStorage.setItem('appId', param.ID || '') sessionStorage.setItem('appName', param.remark || '') - sessionStorage.setItem('lang', param.lang || 'zh-CN') sessionStorage.setItem('kei_no', param.kei_no || '') sessionStorage.setItem('typename', param.typename || 'mob') sessionStorage.setItem('adapter', param.adapter || '') sessionStorage.setItem('sysBgColor', param.sysBgColor || '#ffffff') + sessionStorage.setItem('direction', param.direction || 'vertical') sessionStorage.setItem('userbind', param.userbind || '') sessionStorage.setItem('instantMessage', param.instantMessage || '') + + if (param.applangList) { + sessionStorage.setItem('applangList', param.applangList) + } else { + sessionStorage.removeItem('applangList') + } this.getAppMessage(param.MenuID) } else if (param.type === 'view') { @@ -101,13 +126,7 @@ window.GLOB.winHeight = 738 window.GLOB.shellWidth = 376 window.GLOB.shellHeight = 680 - - if (sessionStorage.getItem('typename') === 'pad') { - window.GLOB.winWidth = 736 - window.GLOB.winHeight = 945 - window.GLOB.shellWidth = 640 - window.GLOB.shellHeight = 853 - } + window.GLOB.curDate = moment().format('YYYY-MM-DD') let adapters = sessionStorage.getItem('adapter') if (adapters) { @@ -122,7 +141,6 @@ viewType: /^userbind/.test(param.MenuID) ? 'userbind' : 'menu' }, () => { this.getMenuParam(param) - this.getRelationMenus() }) } } catch (e) { @@ -145,26 +163,15 @@ } componentDidMount () { - if (memberLevel < 30) { + if (!sessionStorage.getItem('UserID')) return + if (window.GLOB.memberLevel < 30) { document.getElementById('mk-mob-design-view').innerHTML = '<div style="text-align: center; font-size: 30px; margin-top: 40vh; height: 100vh; background: #fff;">鏈簲鐢ㄦ病鏈塒C绔〉闈㈢殑缂栬緫鏉冮檺锛岃鑱旂郴绠$悊鍛橈紒</div>' return } - MKEmitter.addListener('modalStatus', this.modalStatus) + MKEmitter.addListener('changePopview', this.initPopview) MKEmitter.addListener('triggerMenuSave', this.submitConfig) MKEmitter.addListener('changeEditMenu', this.changeEditMenu) - MKEmitter.addListener('submitComponentStyle', this.updateComponentStyle) - MKEmitter.addListener('updateCustomComponent', this.updateCustomComponent) setTimeout(() => { - if (sessionStorage.getItem('app_custom_components')) { - let list = sessionStorage.getItem('app_custom_components') - list = JSON.parse(list) - - this.setCustomComponent(list) - } else { - this.updateCustomComponent() - } - this.getAppPictures() - this.getSmStemp() this.getRoleFields() setGLOBFuncs() }, 1000) @@ -188,10 +195,23 @@ let _shortcut = `${preKey}+${keyCode}` if (_shortcut === 'ctrl+83') { - if (this.state.modalStatus) { + let modals = document.querySelectorAll('.mk-pop-modal') + let msg = null + for (let i = 0; i < modals.length; i++) { + if (msg) { + break + } + + let node = modals[i].querySelector('.mk-com-name') + + if (node) { + msg = node.innerText + } + } + if (msg) { notification.warning({ top: 92, - message: '璇蜂繚瀛�' + this.state.modalStatus, + message: '璇蜂繚瀛�' + msg, duration: 5 }) return false @@ -217,54 +237,145 @@ this.setState = () => { return } - MKEmitter.removeListener('modalStatus', this.modalStatus) + MKEmitter.removeListener('changePopview', this.initPopview) MKEmitter.removeListener('triggerMenuSave', this.submitConfig) MKEmitter.removeListener('changeEditMenu', this.changeEditMenu) - MKEmitter.removeListener('submitComponentStyle', this.updateComponentStyle) - MKEmitter.removeListener('updateCustomComponent', this.updateCustomComponent) } - modalStatus = (val) => { - this.setState({modalStatus: val}) - } + initPopview = (card, btn) => { + const { config } = this.state - getSmStemp = () => { - let _sql = `select聽ID,TemplateCode,SignName+'_'+describe as SignName from (select * from bd_msn_sms_temp where deleted=0 and status=20 ) a - inner join (select openid from sapp where id='${window.GLOB.appkey}') b - on a.openid=b.openid` - - _sql = Utils.formatOptions(_sql) - - let param = { - func: 'sPC_Get_SelectedList', - LText: _sql, - obj_name: 'data', - arr_field: 'ID,TemplateCode,SignName' + if (!this.checkBase()) { + return } - - param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') - param.secretkey = Utils.encrypt(param.LText, param.timestamp) - param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp) // 浜戠鏁版嵁楠岃瘉 - - Api.getSystemConfig(param).then(res => { - let msgs = [] - if (!res.status) { - notification.warning({ - top: 92, - message: res.message, - duration: 5 - }) - } else if (res.data) { - msgs = res.data + + let _btn = fromJS(btn).toJS() + + if (_btn.config) { + _btn.config.uuid = _btn.uuid + _btn.config.MenuID = _btn.uuid + _btn.config.ParentId = card.uuid + _btn.config.MenuName = _btn.label + + _btn.config.components = this.updateComponents(_btn.config.components || []) + } else { + _btn.config = { + uuid: _btn.uuid, + MenuID: _btn.uuid, + ParentId: card.uuid, + enabled: false, + MenuName: _btn.label, + tables: config.tables || [], + Template: 'CustomPage', + components: [], + viewType: 'popview', + style: { backgroundColor: '#ffffff', backgroundImage: '', paddingTop: '16px', paddingBottom: '40px', paddingLeft: '16px', paddingRight: '16px' } } - sessionStorage.setItem('msgTemplate', JSON.stringify(msgs)) + } + + this.setState({view: 'popview', popConfig: _btn}) + } + + closePop = () => { + const {config} = this.state + + sessionStorage.setItem('editMenuType', 'menu') + + window.GLOB.urlFields = config.urlFields || [] + window.GLOB.customMenu = config + + this.setState({view: '', popConfig: null}) + } + + 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() }) + } + + 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] + } + }) + }) + + if (config.cols) { + let loopCol = (cols) => { + cols.forEach(col => { + if (col.type === 'colspan') { + loopCol(col.subcols) + } else if (col.type === 'custom') { + col.elements.forEach(cell => { + if (cell.eleType !== 'button') return + if (cell.OpenType === 'popview' && popbtns[cell.uuid]) { + cell.config = popbtns[cell.uuid] + } + }) + } + }) + } + loopCol(config.cols) + } + + 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) + } + + checkBase = () => { + const { config } = this.state + + if (!config.MenuName || !config.MenuNo) { + notification.warning({ + top: 92, + message: '璇峰畬鍠勮彍鍗曞熀鏈俊鎭紒', + duration: 5 + }) + return false + } + return true } changeEditMenu = (menu) => { const { oriConfig, config } = this.state - if (!oriConfig || !is(fromJS(oriConfig), fromJS(config))) { + if (!is(fromJS(oriConfig || {}), fromJS(config || {}))) { notification.warning({ top: 92, message: '閰嶇疆淇℃伅鏈繚瀛橈紒', @@ -287,7 +398,8 @@ MenuID: menu.MenuID, copyMenuId: menu.copyMenuId || '', clearMenu: menu.clearMenu !== 'false', - type: 'view' + type: 'view', + lang: sessionStorage.getItem('lang') } param.MenuNo = menu.MenuNo || '' @@ -301,7 +413,7 @@ } getAppMessage = (MenuID) => { - Api.getSystemConfig({ + Api.getCloudConfig({ func: 's_get_keyids', bid: sessionStorage.getItem('appId') }).then(res => { @@ -331,7 +443,7 @@ let param = { func: 's_kei_link_keyids_addupt', BID: sessionStorage.getItem('appId'), - exec_type: 'y', + exec_type: 'x', LText: '' } @@ -346,12 +458,12 @@ param.LText = appViewList.map(item => `select '${item.keys_id}','${item.keys_type}','${item.kei_no}','${item.appkey}','${item.bid}','${sessionStorage.getItem('CloudUserID')}','${item.remark}'`) param.LText = param.LText.join(' union all ') - param.LText = Utils.formatOptions(param.LText) + param.LText = Utils.formatOptions(param.LText, 'x') param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') param.secretkey = Utils.encrypt('', param.timestamp) - Api.getSystemConfig(param).then(result => { + Api.getCloudConfig(param).then(result => { if (!result.status) { notification.warning({ top: 92, @@ -360,122 +472,13 @@ }) } else { sessionStorage.setItem('appViewList', JSON.stringify(appViewList)) - this.props.history.replace('/mobdesign/' + window.btoa(window.encodeURIComponent(JSON.stringify({MenuID: homeId, type: 'view'})))) + this.props.history.replace('/mobdesign/' + window.btoa(window.encodeURIComponent(JSON.stringify({MenuID: homeId, type: 'view', lang: sessionStorage.getItem('lang')})))) } }) } else { sessionStorage.setItem('appViewList', JSON.stringify(appViewList)) - this.props.history.replace('/mobdesign/' + window.btoa(window.encodeURIComponent(JSON.stringify({MenuID: MenuID || homeId, type: 'view'})))) + this.props.history.replace('/mobdesign/' + window.btoa(window.encodeURIComponent(JSON.stringify({MenuID: MenuID || homeId, type: 'view', lang: sessionStorage.getItem('lang')})))) } - }) - } - - getAppPictures = () => { - if (sessionStorage.getItem('app_videos') || sessionStorage.getItem('app_pictures')) return - - Api.getSystemConfig({ - func: 's_url_db_adduptdel', - PageIndex: 0, // 0 浠h〃鍏ㄩ儴 - PageSize: 0, // 0 浠h〃鍏ㄩ儴 - typecharone: 'image', - type: 'search' - }).then(res => { - if (res.status) { - sessionStorage.setItem('app_pictures', JSON.stringify(res.data || [])) - } - - Api.getSystemConfig({ - func: 's_url_db_adduptdel', - PageIndex: 0, // 0 浠h〃鍏ㄩ儴 - PageSize: 0, // 0 浠h〃鍏ㄩ儴 - typecharone: 'video', - type: 'search' - }).then(res => { - if (res.status) { - sessionStorage.setItem('app_videos', JSON.stringify(res.data || [])) - } - }) - Api.getSystemConfig({ - func: 's_url_db_adduptdel', - PageIndex: 0, // 0 浠h〃鍏ㄩ儴 - PageSize: 0, // 0 浠h〃鍏ㄩ儴 - typecharone: 'color', - type: 'search' - }).then(res => { - if (res.status) { - sessionStorage.setItem('app_colors', JSON.stringify(res.data || [])) - } - }) - }) - } - - updateCustomComponent = () => { - Api.getSystemConfig({ - func: 's_get_custom_components', - typename: sessionStorage.getItem('typename'), - typecharone: '' - }).then(res => { - if (!res.status) { - notification.warning({ - top: 92, - message: res.message, - duration: 5 - }) - } else if (res.cus_list) { - sessionStorage.setItem('app_custom_components', JSON.stringify(res.cus_list)) - this.setCustomComponent(res.cus_list) - } - }) - } - - setCustomComponent = (cus_list) => { - let coms = [] - - cus_list.forEach(item => { - let config = '' - - try { - config = JSON.parse(window.decodeURIComponent(window.atob(item.long_param))) - } catch (e) { - console.warn('Parse Failure') - config = '' - } - - if (!config || !item.c_name) return - - window.GLOB.UserComponentMap.set(item.c_id, item.c_name) - coms.push({ - uuid: item.c_id, - type: 'menu', - title: item.c_name, - url: item.images, - component: config.type, - subtype: config.subtype, - config - }) - }) - this.setState({customComponents: coms}) - } - - updateComponentStyle = (parentId, keys, style) => { - const { config } = this.state - - if (config.uuid !== parentId) return - - let components = config.components.map(item => { - if (keys.includes(item.uuid)) { - item.style = {...item.style, ...style} - } - return item - }) - - this.setState({ - config: {...config, components}, - comloading: true - }, () => { - this.setState({ - comloading: false - }) }) } @@ -484,7 +487,7 @@ if (!config) { window.close() - } else if (!oriConfig || !is(fromJS(oriConfig), fromJS(config))) { + } else if (!is(fromJS(oriConfig || {}), fromJS(config || {}))) { confirm({ title: '閰嶇疆淇℃伅鏈繚瀛橈紝纭畾鍏抽棴鍚楋紵', content: '', @@ -503,7 +506,7 @@ if (!config) { window.history.back() - } else if (!oriConfig || !is(fromJS(oriConfig), fromJS(config))) { + } else if (!is(fromJS(oriConfig || {}), fromJS(config || {}))) { confirm({ title: '閰嶇疆淇℃伅鏈繚瀛橈紝纭畾鍚庨��鍚楋紵', content: '', @@ -527,7 +530,7 @@ MenuID: MenuId } - Api.getSystemConfig(param).then(result => { + Api.getCloudConfig(param).then(result => { if (!result.status) { notification.warning({ top: 92, @@ -540,7 +543,6 @@ this.getCopyParam(urlParam) } else { let config = null - let isCreate = false try { config = result.LongParam ? JSON.parse(window.decodeURIComponent(window.atob(result.LongParam))) : null @@ -555,15 +557,13 @@ } if (!config) { - isCreate = true config = { - version: 1.0, + version: 2.0, uuid: MenuId, MenuID: MenuId, Template: 'webPage', enabled: false, MenuName: urlParam.MenuName || '', - // MenuNo: urlParam.MenuNo || '', MenuNo: '', tables: [], components: [], @@ -577,62 +577,64 @@ config.uuid = MenuId config.MenuID = MenuId + config.Template = 'webPage' config.open_edition = result.open_edition || '' + config.direction = config.direction || sessionStorage.getItem('direction') || 'vertical' window.GLOB.urlFields = config.urlFields || [] - let indeComs = [] + if (sessionStorage.getItem('typename') === 'pad') { + if (config.direction !== 'vertical') { + window.GLOB.winWidth = 992 + window.GLOB.winHeight = 690 + window.GLOB.shellWidth = 853 + window.GLOB.shellHeight = 640 + } else { + window.GLOB.winWidth = 736 + window.GLOB.winHeight = 945 + window.GLOB.shellWidth = 640 + window.GLOB.shellHeight = 853 + } + } + + if (config.version !== 2.0) { + config.components = this.collectTB(config.components) + config.version = 2.0 + + this.setState({ + needUpdate: true + }) + } else { + config.components = this.updateComponents(config.components) + } + + let navItem = null config.components.forEach(item => { if (item.type === 'navbar') { - indeComs.push(fromJS(item).toJS()) + navItem = fromJS(item).toJS() } }) - if (indeComs.length === 0) { + if (!navItem) { this.setState({ - oriConfig: isCreate ? null : config, - config: fromJS(config).toJS(), - activeKey: isCreate ? 'basedata' : 'component', + oriConfig: fromJS(config).toJS(), + config: config, loading: false }) window.GLOB.customMenu = config } else { - this.jointComponents(config, indeComs, isCreate) + this.jointComponents(config, navItem) } } }) this.getAppMenus() } - getRelationMenus = () => { - const { MenuId } = this.state - - let param = { - func: 's_get_menu_used_list', - TypeCharOne: sessionStorage.getItem('kei_no'), - typename: sessionStorage.getItem('typename'), - par_menuid: MenuId, - // used_menuid: MenuId - } - - Api.getSystemConfig(param).then(result => { - if (!result.status) { - notification.warning({ - top: 92, - message: result.message, - duration: 5 - }) - return - } - }) - } - setUserBindMenu = (config, result) => { const { MenuId } = this.state - let isCreate = !config if (!config) { config = { - version: 1.0, + version: 2.0, uuid: MenuId, MenuID: MenuId, Template: 'webPage', @@ -656,18 +658,16 @@ backElements: [] } ], - headerStyle: {}, parentId: '', width: 24, scripts: [], pageable: false, + headerStyle: {}, width: 24, scripts: [], pageable: false, wrap: {name: 'logo', width: 24, datatype: 'static', cardType: '', blacklist: []}, name: 'logo', floor: 1, switchable: true, - setting:{interType: 'system'}, tabId: '', style:{paddingTop: '8vh', paddingBottom: '10vh'}, format: 'object', subtype: 'propcard', type: 'card', uuid: Utils.getuuid(), columns: [] + setting:{interType: 'system'}, style:{paddingTop: '8vh', paddingBottom: '10vh'}, format: 'object', subtype: 'propcard', type: 'card', uuid: Utils.getuuid(), columns: [] }) config.components.push({ uuid: Utils.getuuid(), type: 'login', floor: 1, - tabId: '', - parentId: '', width: 24, name: '鐢ㄦ埛缁戝畾', subtype: 'bindlogin', @@ -687,21 +687,21 @@ backElements: [] } ], - headerStyle: {}, parentId: '', width: 24, scripts: [], pageable: false, + headerStyle: {}, width: 24, scripts: [], pageable: false, wrap: {name: 'Power', width: 24, datatype: 'static', cardType: '', blacklist: []}, name: 'Power', floor: 1, switchable: true, - setting:{interType: 'system'}, tabId: '', style:{}, format: 'object', subtype: 'propcard', type: 'card', uuid: Utils.getuuid(), columns: [] + setting:{interType: 'system'}, style:{}, format: 'object', subtype: 'propcard', type: 'card', uuid: Utils.getuuid(), columns: [] }) } config.uuid = MenuId config.MenuID = MenuId + config.Template = 'webPage' config.open_edition = result.open_edition || '' this.setState({ - oriConfig: isCreate ? null : config, - config: fromJS(config).toJS(), - activeKey: isCreate ? 'basedata' : 'component', + oriConfig: fromJS(config).toJS(), + config: config, loading: false }) window.GLOB.customMenu = config @@ -718,7 +718,7 @@ _param.secretkey = Utils.encrypt(_param.LText, _param.timestamp) - Api.getSystemConfig(_param).then(res => { + Api.getCloudConfig(_param).then(res => { if (!res.status) { notification.warning({ top: 92, @@ -730,11 +730,11 @@ let appIndeList = sessionStorage.getItem('appViewList') appIndeList = JSON.parse(appIndeList) - appIndeList = appIndeList.map(item => (item.keys_type !== 'index' ? item.keys_id : '')).join(',') + appIndeList = appIndeList.map(item => (item.keys_type === 'navbar' ? item.keys_id : '')).join(',') - if (sessionStorage.getItem('userbind')) { - appIndeList = appIndeList + ',' + sessionStorage.getItem('userbind') - } + // if (sessionStorage.getItem('userbind')) { + // appIndeList = appIndeList + ',' + sessionStorage.getItem('userbind') + // } if (sessionStorage.getItem('instantMessage')) { appIndeList = appIndeList + ',' + sessionStorage.getItem('instantMessage') } @@ -742,7 +742,11 @@ let menus = res.menus.filter(item => appIndeList.indexOf(item.MenuID) === -1) menus = menus.map(item => { item.value = item.MenuID - item.label = item.MenuName + if (item.MenuNo) { + item.label = item.MenuName + '锛�' + item.MenuNo + '锛�' + } else { + item.label = item.MenuName + } return item }) sessionStorage.setItem('appMenus', JSON.stringify(menus)) @@ -760,7 +764,7 @@ MenuID: urlParam.copyMenuId } - Api.getSystemConfig(param).then(result => { + Api.getCloudConfig(param).then(result => { if (!result.status) { notification.warning({ top: 92, @@ -789,7 +793,7 @@ if (!config) { config = { - version: 1.0, + version: 2.0, uuid: MenuId, MenuID: MenuId, Template: 'webPage', @@ -804,16 +808,27 @@ } } } else { - let uuids = {} // 閲嶇疆鍏叡鏁版嵁婧� + let commonId = Utils.getuuid() if (config.interfaces && config.interfaces.length > 0) { config.interfaces = config.interfaces.map(inter => { - uuids[inter.uuid] = this.getuuid() - inter.uuid = uuids[inter.uuid] + inter.uuid = md5(commonId + inter.uuid) return inter }) } - config.components = MenuUtils.resetConfig(config.components, uuids, urlParam.clearMenu) + config.components = MenuUtils.resetConfig(config.components, commonId, urlParam.clearMenu) + + if (config.version !== 2.0) { + config.components = this.collectTB(config.components) + config.version = 2.0 + + this.setState({ + needUpdate: true + }) + } else { + config.components = this.updateComponents(config.components) + } + config.enabled = false message.success('澶嶅埗鎴愬姛锛屼繚瀛樺悗鐢熸晥銆�') } @@ -821,18 +836,34 @@ config.uuid = MenuId config.MenuID = MenuId config.open_edition = '' + config.Template = 'webPage' config.MenuName = urlParam.MenuName || '' // config.MenuNo = urlParam.MenuNo || '' config.MenuNo = '' + config.direction = config.direction || sessionStorage.getItem('direction') || 'vertical' - let indeComs = [] + if (sessionStorage.getItem('typename') === 'pad') { + if (config.direction !== 'vertical') { + window.GLOB.winWidth = 992 + window.GLOB.winHeight = 690 + window.GLOB.shellWidth = 853 + window.GLOB.shellHeight = 640 + } else { + window.GLOB.winWidth = 736 + window.GLOB.winHeight = 945 + window.GLOB.shellWidth = 640 + window.GLOB.shellHeight = 853 + } + } + + let navItem = null config.components.forEach(item => { if (item.type === 'navbar') { - indeComs.push(fromJS(item).toJS()) + navItem = fromJS(item).toJS() } }) - if (indeComs.length === 0) { + if (!navItem) { this.setState({ oriConfig: null, config: fromJS(config).toJS(), @@ -841,37 +872,27 @@ window.GLOB.customMenu = config } else { - this.jointComponents(config, indeComs, true) + this.jointComponents(config, navItem) } }) } - jointComponents = (config, indeComs, isCreate) => { - let deffers = indeComs.map(item => { - return new Promise(resolve => { - Api.getSystemConfig({ - func: 'sPC_Get_LongParam', - TypeCharOne: sessionStorage.getItem('kei_no'), - typename: sessionStorage.getItem('typename'), - MenuID: item.uuid - }).then(res => { - res.uuid = item.uuid - - if (!res.status) { - notification.warning({ - top: 92, - message: res.message, - duration: 5 - }) - } - - resolve(res) + jointComponents = (config, navItem) => { + Api.getCloudConfig({ + func: 'sPC_Get_LongParam', + TypeCharOne: sessionStorage.getItem('kei_no'), + typename: sessionStorage.getItem('typename'), + MenuID: navItem.uuid + }).then(res => { + if (!res.status) { + notification.warning({ + top: 92, + message: res.message, + duration: 5 }) - }) - }) - Promise.all(deffers).then(result => { - let _conf = {} - result.forEach(res => { + + config.components = config.components.filter(item => item.type !== 'navbar') + } else { let _config = null try { _config = res.LongParam ? JSON.parse(window.decodeURIComponent(window.atob(res.LongParam))) : null @@ -882,40 +903,84 @@ if (_config) { _config.open_edition = res.open_edition || '' - _conf[res.uuid] = _config - window.GLOB.CacheIndependent.set(res.uuid, fromJS(_config).toJS()) + config.components = config.components.map(item => { + if (item.type === 'navbar') { + return _config + } + return item + }) + + window.GLOB.CacheIndependent.set(navItem.uuid, fromJS(_config).toJS()) + } else { + config.components = config.components.filter(item => item.type !== 'navbar') } - }) - - let _length = config.components.length - config.components = config.components.map(item => { - if (item.type === 'navbar') { - if (_conf[item.uuid]) { - item = _conf[item.uuid] - } else { - item = null - } - } - return item - }) - - config.components = config.components.filter(Boolean) - - if (_length > config.components.length) { - notification.warning({ - top: 92, - message: '閮ㄥ垎缁勪欢宸插垹闄わ紒', - duration: 5 - }) } - + this.setState({ - oriConfig: isCreate ? null : fromJS(config).toJS(), - activeKey: isCreate ? 'basedata' : 'component', + oriConfig: fromJS(config).toJS(), config: config, loading: false }) + window.GLOB.customMenu = config + }) + } + + updateComponents = (components) => { // 鍏煎鎬у崌绾� table + return components.map(item => { + if (item.type === 'tabs') { + item.subtabs.forEach(tab => { + tab.components = this.updateComponents(tab.components) + }) + } else if (item.type === 'group') { + item.components = this.updateComponents(item.components) + } else if (item.type === 'table') { + item.cols = item.cols.map(col => { + if (col.type === 'action') { + col.type = 'custom' + } + return col + }) + } + + return item + }) + } + + collectTB = (components) => { + 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) + }) + } else if (item.type === 'group') { + item.components = this.collectTB(item.components) + } else if (!['search', 'navbar', 'login', 'topbar', 'officialAccount'].includes(item.type)) { + item.$tables = getTables(item) + } + + if (item.subtype === 'tablecard') { // 鍏煎 + item.type = 'card' + } else if (item.type === 'table') { + item.cols = item.cols.map(col => { + if (col.type === 'action') { + col.type = 'custom' + } + return col + }) + } + + delete item.tabId + delete item.parentId + delete item.btnlog + delete item.floor + delete item.dataName + + return item }) } @@ -929,15 +994,21 @@ tbs.push(...item.$tables) } + if (item.plot && item.plot.permission !== 'true') { + return + } else if (['login', 'navbar', 'topbar'].includes(item.type) || item.subtype === 'commonbar') { + return + } else if (!['tabs', 'group'].includes(item.type) && item.wrap && item.wrap.permission !== 'true') { + return + } + let m = { key: item.uuid, title: item.name, children: [] } - if (item.type === 'topbar' || item.type === 'login' || item.type === 'navbar' || (item.type === 'menubar' && item.subtype === 'commonbar')) { - return null - } else if (item.type === 'tabs') { + if (item.type === 'tabs') { let tabs = [] let mm = [] item.subtabs.forEach(tab => { @@ -964,7 +1035,7 @@ list.push(...mm) } - return null + return } else if (item.type === 'group') { m.children = traversal(item.components) @@ -974,14 +1045,10 @@ list.push(...m.children) } - return null - } if (item.plot && item.plot.permission !== 'true') { - return null - } if (item.wrap && item.wrap.permission !== 'true') { - return null - } else if (item.type === 'card' || (item.type === 'table' && item.subtype === 'tablecard')) { + return + } else if (item.type === 'card' || item.type === 'carousel' || item.type === 'timeline') { item.action && item.action.forEach(btn => { - if (btn.hidden === 'true') return + if (btn.hidden === 'true' || btn.permission === 'false') return m.children.push({ key: btn.uuid, @@ -990,20 +1057,18 @@ }) item.subcards.forEach(card => { card.elements && card.elements.forEach(cell => { - if (cell.eleType !== 'button') return - if (cell.hidden === 'true') return + if (cell.eleType !== 'button' || cell.hidden === 'true' || cell.permission === 'false') return m.children.push({ key: cell.uuid, title: cell.label, }) }) - }) - } 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') return + + if (item.subtype !== 'dualdatacard') return + + card.backElements && card.backElements.forEach(cell => { + if (cell.eleType !== 'button' || cell.hidden === 'true' || cell.permission === 'false') return m.children.push({ key: cell.uuid, @@ -1013,8 +1078,7 @@ }) } else if (item.type === 'balcony') { item.elements && item.elements.forEach(cell => { - if (cell.eleType !== 'button') return - if (cell.hidden === 'true') return + if (cell.eleType !== 'button' || cell.hidden === 'true' || cell.permission === 'false') return m.children.push({ key: cell.uuid, @@ -1041,26 +1105,31 @@ } }) } - } else if (item.type === 'table' && item.subtype === 'normaltable') { + } else if (item.type === 'table') { item.action && item.action.forEach(btn => { - if (btn.hidden === 'true') return + if (btn.hidden === 'true' || btn.permission === 'false') return m.children.push({ key: btn.uuid, title: btn.label, }) }) - item.cols && item.cols.forEach(col => { - if (col.type !== 'action') return - col.elements.forEach(btn => { - if (btn.hidden === 'true') return - - m.children.push({ - key: btn.uuid, - title: btn.label, - }) + let loopCol = (cols) => { + cols.forEach(col => { + if (col.type === 'colspan') { + loopCol(col.subcols) + } else if (col.type === 'custom') { + col.elements.forEach(cell => { + if (cell.eleType !== 'button' || cell.hidden === 'true' || cell.permission === 'false') return + m.children.push({ + key: cell.uuid, + title: cell.label, + }) + }) + } }) - }) + } + loopCol(item.cols) } list.push(m) @@ -1070,6 +1139,14 @@ } let trees = traversal(config.components) + + if (config.interfaces) { + config.interfaces.forEach(item => { + if (item.$tables) { + tbs.push(...item.$tables) + } + }) + } return trees } @@ -1110,7 +1187,6 @@ menus.push({ MenuID: m.uuid, MenuName: m.setting.name, - // MenuNo: m.setting.MenuNo MenuNo: '' }) } @@ -1124,7 +1200,7 @@ }) } else if (item.type === 'group') { traversal(item.components) - } else if (item.type === 'card' || (item.type === 'table' && item.subtype === 'tablecard')) { + } else if (item.type === 'card' || item.type === 'carousel' || item.type === 'timeline') { item.action && item.action.forEach(btn => { if (btn.linkmenu && menuObj[btn.linkmenu]) { menus.push(menuObj[btn.linkmenu]) @@ -1143,34 +1219,25 @@ }) } card.elements && card.elements.forEach(cell => { - if (cell.eleType !== 'button') return - if (cell.linkmenu && menuObj[cell.linkmenu]) { menus.push(menuObj[cell.linkmenu]) } else if (cell.openmenu && menuObj[cell.openmenu]) { menus.push(menuObj[cell.openmenu]) } }) - }) - } else if (item.type === 'carousel' || item.type === 'timeline') { - item.subcards.forEach(card => { - if (card.setting.click === 'menu' && menuObj[card.setting.menu]) { - menus.push(menuObj[card.setting.menu]) + + if (item.subtype === 'dualdatacard') { + card.backElements && card.backElements.forEach(cell => { + if (cell.linkmenu && menuObj[cell.linkmenu]) { + menus.push(menuObj[cell.linkmenu]) + } else if (cell.openmenu && menuObj[cell.openmenu]) { + menus.push(menuObj[cell.openmenu]) + } + }) } - card.elements && card.elements.forEach(cell => { - if (cell.eleType !== 'button') return - - if (cell.linkmenu && menuObj[cell.linkmenu]) { - menus.push(menuObj[cell.linkmenu]) - } else if (cell.openmenu && menuObj[cell.openmenu]) { - menus.push(menuObj[cell.openmenu]) - } - }) }) } else if (item.type === 'balcony') { item.elements && item.elements.forEach(cell => { - if (cell.eleType !== 'button') return - if (cell.linkmenu && menuObj[cell.linkmenu]) { menus.push(menuObj[cell.linkmenu]) } else if (cell.openmenu && menuObj[cell.openmenu]) { @@ -1183,7 +1250,7 @@ menus.push(menuObj[m.subButton.linkmenu]) } }) - } else if (item.type === 'table' && item.subtype === 'normaltable') { + } else if (item.type === 'table') { item.action && item.action.forEach(btn => { if (btn.linkmenu && menuObj[btn.linkmenu]) { menus.push(menuObj[btn.linkmenu]) @@ -1191,16 +1258,22 @@ menus.push(menuObj[btn.openmenu]) } }) - item.cols && item.cols.forEach(col => { - if (col.type !== 'action') return - col.elements.forEach(btn => { - if (btn.linkmenu && menuObj[btn.linkmenu]) { - menus.push(menuObj[btn.linkmenu]) - } else if (btn.openmenu && menuObj[btn.openmenu]) { - menus.push(menuObj[btn.openmenu]) + let loopCol = (cols) => { + cols.forEach(col => { + if (col.type === 'colspan') { + loopCol(col.subcols) + } else if (col.type === 'custom') { + col.elements.forEach(cell => { + if (cell.linkmenu && menuObj[cell.linkmenu]) { + menus.push(menuObj[cell.linkmenu]) + } else if (cell.openmenu && menuObj[cell.openmenu]) { + menus.push(menuObj[cell.openmenu]) + } + }) } }) - }) + } + loopCol(item.cols) } }) } @@ -1242,7 +1315,7 @@ }) } else if (item.type === 'group') { item.components = traversal(item.components) - } else if (['card', 'carousel', 'timeline'].includes(item.type) || (item.type === 'table' && item.subtype === 'tablecard')) { + } else if (['card', 'carousel', 'timeline'].includes(item.type)) { item.subcards.forEach(card => { card.miniStyle = this.transferStyle(card.style) card.elements = card.elements.map(cell => { @@ -1259,12 +1332,12 @@ menu.miniStyle = this.transferStyle(menu.style) return menu }) - } else if (item.type === 'table' && item.subtype === 'normaltable') { + } else if (item.type === 'table') { let getCols = (cols) => { return cols.map(col => { if (col.type === 'colspan') { col.subcols = getCols(col.subcols || []) - } else if (col.type === 'custom' || col.type === 'action') { + } else if (col.type === 'custom') { col.elements = col.elements.map(cell => { cell.miniStyle = this.transferStyle(cell.style) return cell @@ -1298,6 +1371,35 @@ return _style } + resetSyncQuery = (components) => { + return components.map(item => { + if (item.type === 'tabs') { + item.subtabs.forEach(tab => { + tab.components = this.resetSyncQuery(tab.components) + }) + } else if (item.type === 'group') { + item.components = this.resetSyncQuery(item.components) + } else if (item.setting && item.setting.interType === 'system' && item.setting.sync === 'true') { + let sql = '' + if (item.setting.execute !== 'false' && item.setting.dataresource) { + sql = item.setting.dataresource + } + + item.scripts && item.scripts.forEach(script => { + if (script.status === 'false') return + + sql += script.sql + }) + + if (sql.length > 8000) { + item.setting.sync = 'false' + } + } + + return item + }) + } + submitConfig = () => { const { adapters } = this.state let config = fromJS(this.state.config).toJS() @@ -1313,6 +1415,18 @@ activeKey: 'basedata' }) return + } else if (this.checklog()) { + if (sessionStorage.getItem('applangList') && !config.trans) { + + } else { + notification.success({ + top: 92, + message: '褰撳墠閰嶇疆鏈慨鏀癸紝鏃犻渶淇濆瓨銆�', + duration: 5 + }) + MKEmitter.emit('completeSave') + return + } } this.setState({ @@ -1320,8 +1434,18 @@ }) setTimeout(() => { - if (config.enabled && this.verifyConfig()) { + let _pass = this.verifyConfig(config) + + if (config.enabled && !_pass) { config.enabled = false + config.force = true + } else if (!config.enabled && config.force && _pass) { + config.enabled = true + delete config.force + } + + if (config.cacheUseful !== 'true') { + config.components = this.resetSyncQuery(config.components) } let tbs = [] @@ -1404,6 +1528,10 @@ let menus_used_list = subMenus.map(m => `'${config.uuid}','${config.MenuName || ''}','${config.MenuNo || ''}','${m.MenuID}','${m.MenuName}'`).join(';') menus_used_list = window.btoa(window.encodeURIComponent(menus_used_list || 'del')) + let interfaces = getFuncsAndInters(config) + roleParam.interfaces = interfaces + let langSql = getLangTrans(config) + let param = { func: 'sPC_TrdMenu_AddUpt', FstID: 'mk_app', @@ -1416,187 +1544,172 @@ TypeCharOne: sessionStorage.getItem('kei_no'), Typename: sessionStorage.getItem('typename'), MenuName: config.MenuName || '', - PageParam: JSON.stringify({Template: 'webPage'}), + PageParam: JSON.stringify({Template: 'webPage', interfaces}), open_edition: config.open_edition, menus_rolelist: window.btoa(window.encodeURIComponent(JSON.stringify(roleParam))), - LText: '', - LTexttb: '', + // LText: '', + // LTexttb: '', menus_used_list, debug_md5: key, debug_url: url, debug_list: window.btoa(tbs) } + if (langSql) { + param.lang_translation = window.btoa(window.encodeURIComponent(langSql)) + } + param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') param.secretkey = Utils.encrypt('', param.timestamp) - new Promise(resolve => { - let _config = fromJS(config).toJS() - let indeComs = [] - _config.components = _config.components.map(item => { - if (item.type === 'navbar') { - indeComs.push(item) - return { - type: 'navbar', - uuid: item.uuid - } + let _config = fromJS(config).toJS() + let NavBar = null + _config.components = _config.components.map(item => { + if (item.type === 'navbar') { + NavBar = fromJS(item).toJS() + return { + type: 'navbar', + uuid: item.uuid } - return item - }) + } + return item + }) - param.LongParam = window.btoa(window.encodeURIComponent(JSON.stringify(_config))) + param.LongParam = window.btoa(window.encodeURIComponent(JSON.stringify(_config))) - if (indeComs.length === 0) { - resolve(true) + new Promise(resolve => { + if (!NavBar) { + resolve({status: true}) } else { - let new_open_edition = {} - let deffers = indeComs.map(item => { - return new Promise(resolve => { - let _item = window.GLOB.CacheIndependent.get(item.uuid) - if (_item && is(fromJS(_item), fromJS(item))) { - new_open_edition[item.uuid] = item.open_edition || '' - resolve() - return - } - - let roles = { - type: 'navbar', - version: '1.0', - key: item.uuid, - title: item.name, - children: [] - } - - if (item.wrap.permission === 'true') { - roles.children = item.menus.map(menu => { - return { - key: menu.MenuID, - title: menu.name - } - }) - } else { - roles.pass = true - } - - let _param = { - func: 'sPC_TrdMenu_AddUpt', - FstID: 'mk_app', - SndID: 'mk_app', - ParentID: 'mk_app', - MenuID: item.uuid, - MenuNo: item.wrap.MenuNo || Utils.getuuid(), - EasyCode: '', - Template: item.type, - TypeCharOne: sessionStorage.getItem('kei_no'), - Typename: sessionStorage.getItem('typename'), - MenuName: item.name || '', - PageParam: JSON.stringify({Template: item.type}), - open_edition: _item ? (_item.open_edition || '') : '', - menus_rolelist: window.btoa(window.encodeURIComponent(JSON.stringify(roles))), - LText: '', - LTexttb: '' - } - - _param.LongParam = window.btoa(window.encodeURIComponent(JSON.stringify(item))) - _param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') - _param.secretkey = Utils.encrypt('', _param.timestamp) - - Api.getSystemConfig(_param).then(res => { - if (!res.status) { - notification.warning({ - top: 92, - message: res.message, - duration: 5 - }) - this.setState({ menuloading: false }) - return - } - - new_open_edition[item.uuid] = res.open_edition || '' - resolve() - }) - }) - }) - Promise.all(deffers).then(() => { - let appViewList = sessionStorage.getItem('appViewList') - appViewList = JSON.parse(appViewList) - let _appViewList = fromJS(appViewList).toJS() - let appIndeList = appViewList.map(item => item.keys_id).join(',') - - config.components = config.components.map(item => { - if (item.type === 'navbar') { - item.open_edition = new_open_edition[item.uuid] || '' - window.GLOB.CacheIndependent.set(item.uuid, fromJS(item).toJS()) - - if (appIndeList.indexOf(item.uuid) === -1) { - appViewList.unshift({ - appkey: window.GLOB.appkey || '', - bid: sessionStorage.getItem('appId') || '', - kei_no: sessionStorage.getItem('kei_no') || '', - keys_id: item.uuid, - keys_type: 'navbar', - remark: item.name - }) - } else { - appViewList = appViewList.map(view => { - if (view.keys_id === item.uuid) { - view.remark = item.name - } - return view - }) - } - } - return item - }) - - if (!is(fromJS(appViewList), fromJS(_appViewList))) { - let param = { - func: 's_kei_link_keyids_addupt', - BID: sessionStorage.getItem('appId'), - exec_type: 'y', - LText: '' - } + let _item = window.GLOB.CacheIndependent.get(NavBar.uuid) || {} + NavBar.open_edition = _item.open_edition || '' + if (is(fromJS(_item), fromJS(NavBar))) { + resolve({status: true}) + } else { + let roles = { + type: 'navbar', + version: '1.0', + key: NavBar.uuid, + title: NavBar.name, + children: [] + } - param.LText = appViewList.map(item => `select '${item.keys_id}','${item.keys_type}','${item.kei_no}','${item.appkey}','${item.bid}','${sessionStorage.getItem('CloudUserID')}','${item.remark}'`) - param.LText = param.LText.join(' union all ') - param.LText = Utils.formatOptions(param.LText) - - param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') - param.secretkey = Utils.encrypt('', param.timestamp) - - Api.getSystemConfig(param).then(result => { - if (!result.status) { - notification.warning({ - top: 92, - message: result.message, - duration: 5 - }) - this.setState({ menuloading: false }) - } else { - sessionStorage.setItem('appViewList', JSON.stringify(appViewList)) - resolve(true) + if (NavBar.wrap.permission === 'true') { + roles.children = NavBar.menus.map(menu => { + return { + key: menu.MenuID, + title: menu.name } }) } else { - resolve(true) + roles.pass = true } - }) + + let _param = { + func: 'sPC_TrdMenu_AddUpt', + FstID: 'mk_app', + SndID: 'mk_app', + ParentID: 'mk_app', + MenuID: NavBar.uuid, + MenuNo: NavBar.wrap.MenuNo || Utils.getuuid(), + EasyCode: '', + Template: NavBar.type, + TypeCharOne: sessionStorage.getItem('kei_no'), + Typename: sessionStorage.getItem('typename'), + MenuName: NavBar.name || '', + PageParam: JSON.stringify({Template: NavBar.type}), + open_edition: _item ? (_item.open_edition || '') : '', + menus_rolelist: window.btoa(window.encodeURIComponent(JSON.stringify(roles))), + // LText: '', + // LTexttb: '' + } + + _param.LongParam = window.btoa(window.encodeURIComponent(JSON.stringify(NavBar))) + _param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + _param.secretkey = Utils.encrypt('', _param.timestamp) + + Api.getCloudConfig(_param).then(res => { + if (res.status) { + NavBar.open_edition = res.open_edition || '' + window.GLOB.CacheIndependent.set(NavBar.uuid, fromJS(NavBar).toJS()) + + let appViewList = sessionStorage.getItem('appViewList') + let _appViewList = JSON.parse(appViewList) + + let index = _appViewList.findIndex(item => item.keys_id === NavBar.uuid) + + if (index === -1) { + _appViewList.unshift({ + appkey: window.GLOB.appkey || '', + bid: sessionStorage.getItem('appId') || '', + kei_no: sessionStorage.getItem('kei_no') || '', + keys_id: NavBar.uuid, + keys_type: 'navbar', + remark: NavBar.name + }) + } else { + _appViewList = _appViewList.map(item => { + if (item.keys_id === NavBar.uuid && item.remark !== NavBar.name) { + item.remark = NavBar.name + } + return item + }) + } + + let viewList = JSON.stringify(_appViewList) + + if (appViewList !== viewList) { + let kparam = { + func: 's_kei_link_keyids_addupt', + BID: sessionStorage.getItem('appId'), + exec_type: 'x', + LText: '' + } + + kparam.LText = _appViewList.map(item => `select '${item.keys_id}','${item.keys_type}','${item.kei_no}','${item.appkey}','${item.bid}','${sessionStorage.getItem('CloudUserID')}','${item.remark}'`) + kparam.LText = kparam.LText.join(' union all ') + kparam.LText = Utils.formatOptions(kparam.LText, 'x') + + kparam.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') + kparam.secretkey = Utils.encrypt('', kparam.timestamp) + + Api.getCloudConfig(kparam).then(result => { + if (result.status) { + sessionStorage.setItem('appViewList', viewList) + } + + resolve(result) + }, this.netError) + } else { + resolve(res) + } + } else { + resolve(res) + } + }, this.netError) + } } }).then(res => { // 椤甸潰淇濆瓨 - if (!res) return + if (!res || !res.status) return res - return Api.getSystemConfig(param) + return Api.getCloudConfig(param) }).then(res => { + this.setState({ + menuloading: false + }) + if (!res) return if (res.status) { config.open_edition = res.open_edition || '' - + this.setState({ config, oriConfig: fromJS(config).toJS(), - menuloading: false + needUpdate: false }) + + localStorage.setItem('mobUpdate', new Date().getTime() + ',' + config.uuid) notification.success({ top: 92, @@ -1604,23 +1717,36 @@ duration: 2 }) } else { - notification.warning({ - top: 92, - message: res.message, - duration: 5 - }) - this.setState({ - menuloading: false + Modal.warning({ + width: 400, + title: res.message, + okText: '鐭ラ亾浜�' }) } MKEmitter.emit('completeSave') - }) + }, this.netError) }, 300 + (+sessionStorage.getItem('mkDelay'))) } + netError = (error) => { + this.setState({ + menuloading: false + }) + + if (!error) { + notification.warning({ + top: 92, + message: '淇濆瓨澶辫触锛岃妫�鏌ョ綉缁滄槸鍚︽甯搞��', + duration: 5 + }) + } + MKEmitter.emit('completeSave') + } + getRoleFields = () => { - if (sessionStorage.getItem('sysRoles') || sessionStorage.getItem('permFuncField')) return - Api.getSystemConfig({func: 'sPC_Get_Roles_sModular'}).then(res => { + if (sessionStorage.getItem('sysRoles')) return + + Api.getCloudConfig({func: 'sPC_Get_Roles_sModular'}).then(res => { if (res.status) { let _permFuncField = [] let _sysRoles = [] @@ -1653,17 +1779,22 @@ onEnabledChange = () => { const { config } = this.state - if (!config || (!config.enabled && this.verifyConfig(true))) { - return - } + let _config = {...config, enabled: !config.enabled} - this.setState({ - config: {...config, enabled: !config.enabled} - }) + delete _config.force + + if (!_config.enabled) { + this.setState({ + config: _config + }) + } else if (this.verifyConfig(_config)) { + this.setState({ + config: _config + }) + } } - verifyConfig = (show) => { - const { config } = this.state + verifyConfig = (config) => { let error = '' let searchSum = 0 let swipes = [] @@ -1705,10 +1836,6 @@ check(config.components, 1, 'view') - // if (!error && viewType === 'userbind' && config.components.filter(item => item.type === 'login').length === 0) { - // error = '鐢ㄦ埛缁戝畾椤甸潰蹇呴』娣诲姞鐧诲綍銆�' - // } - if (!error && searchSum > 1) { error = '鎼滅储缁勪欢涓庡鑸爮鐨勬悳绱㈠姛鑳戒笉鍙悓鏃朵娇鐢ㄣ��' } else if (!error && swipes.length > 0) { @@ -1734,7 +1861,7 @@ } } - if (show && error) { + if (config.enabled && error) { notification.warning({ top: 92, message: error, @@ -1742,7 +1869,7 @@ }) } - return error + return error === '' } // 鏇存柊閰嶇疆淇℃伅 @@ -1757,65 +1884,20 @@ insert = (item) => { let config = fromJS(this.state.config).toJS() - if (item.type === 'search') { - notification.warning({ - top: 92, - message: '绉诲姩绔悳绱㈢粍浠朵笉鍙矘璐达紒', - duration: 5 - }) - return - } - - if (item.type === 'topbar') { - if (config.components.findIndex(m => m.type === 'topbar') > -1) { - notification.warning({ - top: 92, - message: '瀵艰埅鏍忎笉鍙噸澶嶆坊鍔狅紒', - duration: 5 - }) - return - } - if (!config.style.paddingTop) { - config.style.paddingTop = '50px' - } + if (item.type === 'topbar' && !config.style.paddingTop) { + config.style.paddingTop = '50px' } config.components.push(item) this.setState({config}) window.GLOB.customMenu = config - - notification.success({ - top: 92, - message: '绮樿创鎴愬姛锛�', - duration: 2 - }) - } - - refreshView = () => { - const { oriConfig, config } = this.state - - if (!oriConfig || !is(fromJS(oriConfig), fromJS(config))) { - notification.warning({ - top: 92, - message: '閰嶇疆淇℃伅鏈繚瀛橈紒', - duration: 5 - }) - return - } - - sessionStorage.removeItem('sysRoles') - sessionStorage.removeItem('permFuncField') - sessionStorage.removeItem('app_videos') - sessionStorage.removeItem('app_pictures') - - window.location.reload() } setHomeView = () => { const { oriConfig, config } = this.state - if (!oriConfig || !is(fromJS(oriConfig), fromJS(config))) { + if (!is(fromJS(oriConfig || {}), fromJS(config || {}))) { notification.warning({ top: 92, message: '閰嶇疆淇℃伅鏈繚瀛橈紒', @@ -1827,7 +1909,7 @@ let param = { func: 's_kei_link_keyids_addupt', BID: sessionStorage.getItem('appId'), - exec_type: 'y', + exec_type: 'x', LText: '' } @@ -1846,7 +1928,7 @@ param.LText = appViewList.map(item => `select '${item.keys_id}','${item.keys_type}','${item.kei_no}','${item.appkey}','${item.bid}','${sessionStorage.getItem('CloudUserID')}','${item.remark}'`) param.LText = param.LText.join(' union all ') - param.LText = Utils.formatOptions(param.LText) + param.LText = Utils.formatOptions(param.LText, 'x') param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') param.secretkey = Utils.encrypt('', param.timestamp) @@ -1855,7 +1937,7 @@ title: '纭畾璁剧疆鏈〉闈负棣栭〉鍚楋紵', content: '', onOk() { - Api.getSystemConfig(param).then(result => { + Api.getCloudConfig(param).then(result => { if (!result.status) { notification.warning({ top: 92, @@ -1874,7 +1956,7 @@ setLoginView = () => { const { oriConfig, config } = this.state - if (!oriConfig || !is(fromJS(oriConfig), fromJS(config))) { + if (!is(fromJS(oriConfig || {}), fromJS(config || {}))) { notification.warning({ top: 92, message: '閰嶇疆淇℃伅鏈繚瀛橈紒', @@ -1886,7 +1968,7 @@ let param = { func: 's_kei_link_keyids_addupt', BID: sessionStorage.getItem('appId'), - exec_type: 'y', + exec_type: 'x', LText: '' } @@ -1905,7 +1987,7 @@ param.LText = appViewList.map(item => `select '${item.keys_id}','${item.keys_type}','${item.kei_no}','${item.appkey}','${item.bid}','${sessionStorage.getItem('CloudUserID')}','${item.remark}'`) param.LText = param.LText.join(' union all ') - param.LText = Utils.formatOptions(param.LText) + param.LText = Utils.formatOptions(param.LText, 'x') param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') param.secretkey = Utils.encrypt('', param.timestamp) @@ -1916,7 +1998,7 @@ title: '纭畾璁剧疆鏈〉闈负鐧诲綍椤靛悧锛�', content: hasLogin ? '' : '褰撳墠椤甸潰灏氭湭娣诲姞鐧诲綍缁勪欢銆�', onOk() { - Api.getSystemConfig(param).then(result => { + Api.getCloudConfig(param).then(result => { if (!result.status) { notification.warning({ top: 92, @@ -1933,6 +2015,8 @@ } changeView = (val) => { + if (sessionStorage.getItem('typename') !== 'pad') return + if (val !== 'vertical') { window.GLOB.winWidth = 992 window.GLOB.winHeight = 690 @@ -1946,7 +2030,6 @@ } this.setState({ - direction: val, comloading: true }, () => { this.setState({ comloading: false }) @@ -1966,92 +2049,115 @@ window.GLOB.customMenu = config } + checklog = () => { + const { oriConfig, config } = this.state + + return is(fromJS(oriConfig), fromJS(config)) + } + + updateLogConfig = (config) => { + config.open_edition = this.state.config.open_edition || '' + + this.setState({ + config: null + }, () => { + this.setState({ + config: config + }) + }) + + window.GLOB.customMenu = config + } + render () { - const { viewType, comloading, loading, settingshow, controlshow, activeKey, MenuId, config, menuloading, customComponents, adapters, eyeopen } = this.state + const { view, viewType, comloading, loading, settingshow, controlshow, activeKey, MenuId, config, menuloading, adapters, eyeopen, needUpdate } = this.state return ( - <ConfigProvider locale={antdZhCN}> - <div className={'mk-mob-view ' + viewType} id="mk-mob-design-view"> - <Header changeView={this.changeView}/> - {loading ? <Spin className="view-spin" size="large" /> : null} - <DndProvider backend={HTML5Backend}> - <div className={'menu-setting ' + (!settingshow ? 'hidden' : '')}> - <div className="draw"> - {settingshow ? <DoubleLeftOutlined onClick={() => {this.setState({settingshow: false})}} /> : null} - {!settingshow ? <DoubleRightOutlined onClick={() => {this.setState({settingshow: true})}} /> : null} - </div> - <div className="pc-setting-tools"> - <Collapse accordion activeKey={activeKey} bordered={false} onChange={(key) => this.setState({activeKey: key})}> - {/* 鍩烘湰淇℃伅 */} - <Panel header="鍩烘湰淇℃伅" forceRender className="basedata" key="basedata"> - {/* 鑿滃崟淇℃伅 */} - {config ? <MenuForm + <div className={'mk-mob-view ' + viewType} id="mk-mob-design-view"> + <Header/> + {loading ? <Spin className="view-spin" size="large" /> : null} + <DndProvider backend={HTML5Backend}> + {view !== 'popview' ? <><div className={'menu-setting ' + (!settingshow ? 'hidden' : '')}> + <div className="draw"> + {settingshow ? <DoubleLeftOutlined onClick={() => {this.setState({settingshow: false})}} /> : null} + {!settingshow ? <DoubleRightOutlined onClick={() => {this.setState({settingshow: true})}} /> : null} + </div> + <div className="pc-setting-tools"> + <Collapse accordion activeKey={activeKey} bordered={false} onChange={(key) => this.setState({activeKey: key})}> + {/* 鍩烘湰淇℃伅 */} + <Panel header="鍩烘湰淇℃伅" forceRender className="basedata" key="basedata"> + {config ? <> + <MenuForm config={config} MenuId={MenuId} adapters={adapters} - updateConfig={this.updateConfig} - /> : null} - {config ? <UrlFieldComponent config={config} updateConfig={this.updateConfig}/> : null} + updateConfig={(con) => { + this.updateConfig(con) + if (con.direction !== config.direction) { + this.changeView(con.direction) + } + }} + /> + <UrlFieldComponent config={config} updateConfig={this.updateConfig}/> {/* 琛ㄥ悕娣诲姞 */} - {config ? <TableComponent config={config} updatetable={this.updateConfig}/> : null} - {config ? <Paragraph style={{padding: '15px 0px 0px 18px'}} copyable={{ text: MenuId }}>鑿滃崟ID</Paragraph> : null} - </Panel> - {/* 缁勪欢娣诲姞 */} - <Panel header="缁勪欢" className="component" key="component"> - <SourceWrap /> - </Panel> - <Panel header="鍏冪礌" key="element"> - <Modulecell /> - </Panel> - {customComponents && customComponents.length ? <Panel header="鑷畾涔夌粍浠�" className="cuscomponent" key="cuscomponent"> - <SourceWrap components={customComponents} /> - </Panel> : null} - <Panel header={'椤甸潰鏍峰紡'} key="background"> - {config ? <BgController config={config} updateConfig={this.updateConfig} /> : null} - </Panel> - </Collapse> - </div> + <TableComponent config={config} updatetable={this.updateConfig}/> + <Paragraph style={{padding: '15px 0px 0px 18px'}} copyable={{ text: MenuId }}>鑿滃崟ID</Paragraph> + <Paragraph style={{padding: '10px 0px 0px 18px'}} copyable={{ text: `${window.GLOB.baseurl}mob/index.html#/index/${sessionStorage.getItem('kei_no')}/${sessionStorage.getItem('typename')}/${sessionStorage.getItem('lang')}/${MenuId}/@BID@` }}>鑿滃崟閾炬帴</Paragraph> + <NormalCss config={config} updateConfig={this.updateConfig}/> + </> : null} + </Panel> + {/* 缁勪欢娣诲姞 */} + <Panel header="缁勪欢" className="component" key="component"> + <SourceWrap /> + </Panel> + <Panel header="鍏冪礌" key="element"> + <Modulecell /> + </Panel> + <Panel header="椤甸潰鏍峰紡" key="background"> + {config ? <BgController config={config} updateConfig={this.updateConfig} /> : null} + </Panel> + </Collapse> </div> - <div className={'menu-control' + (!controlshow ? ' hidden' : '')}> - <div className="draw"> - {controlshow ? <DoubleRightOutlined onClick={() => {this.setState({controlshow: false})}}/> : null} - {!controlshow ? <DoubleLeftOutlined onClick={() => {this.setState({controlshow: true})}}/> : null} - </div> - <div className="wrap"> - <Button type="primary" onClick={this.submitConfig} id="save-config" loading={menuloading}>淇濆瓨</Button> - <Switch className="big" checkedChildren="鍚�" unCheckedChildren="鍋�" checked={config && config.enabled} onChange={this.onEnabledChange} /> - <ArrowLeftOutlined title="鍚庨��" className="back-view" onClick={this.backView}/> - <Button className="mk-border-purple" onClick={() => this.setState({eyeopen: !eyeopen})}>{!eyeopen ? <EyeOutlined /> : <EyeInvisibleOutlined />} 缁勪欢鍚�</Button> - <CreateView resetmenu={this.getAppMenus} /> - <PasteController insert={this.insert} /> - <TableNodes config={config} /> - <ViewNodes config={config} MenuId={MenuId}/> - <SysInterface config={config} updateConfig={this.updateConfig}/> - <PictureController/> - <Quotecomponent config={config} updateConfig={this.updateConfig}/> - <Button className="mk-border-green set-home" onClick={this.setHomeView}><HomeOutlined /> 璁句负棣栭〉</Button> - <Button className="mk-border-purple set-login" onClick={this.setLoginView}><LoginOutlined /> 璁句负鐧诲綍椤�</Button> - <ReplaceField type="custom" config={config} updateConfig={this.resetConfig}/> - <Transfer MenuID={MenuId} /> - <Versions MenuId={MenuId} open_edition={config ? config.open_edition : ''}/> - <StyleCombControlButton menu={config} /> - <Button className="mk-border-danger" onClick={this.refreshView}><RedoOutlined /> 寮哄埗鍒锋柊</Button> - <Button type="default" onClick={this.closeView}>鍏抽棴</Button> - </div> + </div> + <div className={'menu-control' + (!controlshow ? ' hidden' : '')}> + <div className="draw"> + {controlshow ? <DoubleRightOutlined onClick={() => {this.setState({controlshow: false})}}/> : null} + {!controlshow ? <DoubleLeftOutlined onClick={() => {this.setState({controlshow: true})}}/> : null} </div> - <div className={'menu-body menu-view' + (menuloading ? ' saving' : '') + (eyeopen ? ' eye-open' : '')}> - {config && !comloading ? <div className="mob-shell" style={{width: window.GLOB.shellWidth, height: window.GLOB.shellHeight}}> - <MobShell menu={config} handleList={this.updateConfig} /> - </div> : null} + <div className="wrap"> + <Button type="primary" className={needUpdate ? 'update-tip' : ''} onClick={this.submitConfig} id="save-config" loading={menuloading}>淇濆瓨</Button> + {config ? <Switch className="big" checkedChildren="鍚�" unCheckedChildren="鍋�" checked={config.enabled} onChange={this.onEnabledChange} /> : null} + <ArrowLeftOutlined title="鍚庨��" className="back-view" onClick={this.backView}/> + {config ? <Debug config={config}/> : null} + <Button className="mk-border-purple" onClick={() => this.setState({eyeopen: !eyeopen})}>{!eyeopen ? <EyeOutlined /> : <EyeInvisibleOutlined />} 缁勪欢鍚�</Button> + <CreateView resetmenu={this.getAppMenus} /> + <PasteController insert={this.insert} /> + <TableNodes config={config} /> + <ViewNodes config={config} MenuId={MenuId}/> + <SysInterface config={config} updateConfig={this.updateConfig}/> + <PictureController/> + <Quotecomponent config={config} updateConfig={this.updateConfig}/> + <StyleCombControlButton menu={config} /> + <Button className="mk-border-green set-home" onClick={this.setHomeView}><HomeOutlined /> 璁句负棣栭〉</Button> + <Button className="mk-border-purple set-login" onClick={this.setLoginView}><LoginOutlined /> 璁句负鐧诲綍椤�</Button> + <ReplaceField type="custom" config={config} updateConfig={this.resetConfig}/> + <Transfer MenuID={MenuId} /> + {config ? <Versions MenuId={MenuId} Template="webPage" checklog={this.checklog} updateConfig={this.updateLogConfig}/> : null} + <Button type="default" onClick={this.closeView}>鍏抽棴</Button> </div> - </DndProvider> - <StyleController /> - <StyleCombController /> - <ModalController /> - <SearchController /> - </div> - </ConfigProvider> + </div> + <div className={'menu-body menu-view' + (menuloading ? ' saving' : '') + (eyeopen ? ' eye-open' : '')}> + {config && !comloading ? <div className="mob-shell" style={{width: window.GLOB.shellWidth, height: window.GLOB.shellHeight}}> + <MobShell menu={config} handleList={this.updateConfig} /> + </div> : null} + </div></> : <PopView btn={this.state.popConfig} save={this.submitPopConfig} cancel={this.closePop}/>} + </DndProvider> + <StyleController /> + <StyleCombController /> + <ModalController /> + <SearchController /> + </div> ) } } -- Gitblit v1.8.0