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