From a9ba0e5bc39654b5fa277852135afb49ce11c66c Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期六, 12 四月 2025 23:15:16 +0800
Subject: [PATCH] 2025-04-12
---
src/views/mobdesign/index.jsx | 501 +++++++++++++++++++++++++++++++++++++------------------
1 files changed, 333 insertions(+), 168 deletions(-)
diff --git a/src/views/mobdesign/index.jsx b/src/views/mobdesign/index.jsx
index b3dca30..59c5caf 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, 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, CopyOutlined } 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 Utils from '@/utils/utils.js'
import MKEmitter from '@/utils/events.js'
-import MenuUtils, { getTables, getFuncsAndInters } from '@/utils/utils-custom.js'
+import MenuUtils, { getTables, getFuncsAndInters, getOutMessage, getLangTrans, getAllSqls } from '@/utils/utils-custom.js'
import asyncComponent from '@/utils/asyncComponent'
import '@/assets/css/design.scss'
@@ -35,7 +34,10 @@
const TableNodes = asyncComponent(() => import('@/menu/tablenodes'))
const BgController = asyncComponent(() => import('@/pc/bgcontroller'))
const ReplaceField = asyncComponent(() => import('@/menu/replaceField'))
+const DelExtraDb = asyncComponent(() => import('@/menu/delExtraDb'))
+const LowerField = asyncComponent(() => import('@/menu/lowerField'))
const NormalCss = asyncComponent(() => import('@/menu/normalCss'))
+const NormalCopy = asyncComponent(() => import('@/menu/normalCopy'))
const SysInterface = asyncComponent(() => import('@/menu/sysinterface'))
const Quotecomponent = asyncComponent(() => import('@/pc/quotecomponent'))
const PasteController = asyncComponent(() => import('@/menu/pastecontroller'))
@@ -75,7 +77,9 @@
viewType: 'menu',
view: '',
eyeopen: false,
- needUpdate: false
+ needUpdate: false,
+ appLoginId: '',
+ appHomeId: ''
}
UNSAFE_componentWillMount() {
@@ -99,18 +103,30 @@
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')
+ }
+
+ if (param.wxAppId) {
+ sessionStorage.setItem('wxAppId', param.wxAppId)
+ }
this.getAppMessage(param.MenuID)
} else if (param.type === 'view') {
@@ -127,10 +143,29 @@
adapters = []
}
+ let appLoginId = ''
+ let appHomeId = ''
+ if (sessionStorage.getItem('appViewList')) {
+ try {
+ let appMenus = JSON.parse(sessionStorage.getItem('appViewList'))
+ appMenus.forEach(item => {
+ if (item.keys_type === 'login') {
+ appLoginId = item.keys_id
+ } else if (item.keys_type === 'index') {
+ appHomeId = item.keys_id
+ }
+ })
+ } catch (e) {
+
+ }
+ }
+
this.setState({
adapters,
MenuId: param.MenuID,
- viewType: /^userbind/.test(param.MenuID) ? 'userbind' : 'menu'
+ viewType: /^userbind/.test(param.MenuID) ? 'userbind' : 'menu',
+ appLoginId: appLoginId,
+ appHomeId: appHomeId
}, () => {
this.getMenuParam(param)
})
@@ -163,9 +198,14 @@
MKEmitter.addListener('changePopview', this.initPopview)
MKEmitter.addListener('triggerMenuSave', this.submitConfig)
MKEmitter.addListener('changeEditMenu', this.changeEditMenu)
+
+ if (sessionStorage.getItem('wxAppId')) {
+ window.GLOB.WXAppID = sessionStorage.getItem('wxAppId')
+ }
+
setTimeout(() => {
this.getRoleFields()
- setGLOBFuncs()
+ // setGLOBFuncs()
}, 1000)
document.onkeydown = (event) => {
@@ -390,7 +430,8 @@
MenuID: menu.MenuID,
copyMenuId: menu.copyMenuId || '',
clearMenu: menu.clearMenu !== 'false',
- type: 'view'
+ type: 'view',
+ lang: sessionStorage.getItem('lang')
}
param.MenuNo = menu.MenuNo || ''
@@ -434,7 +475,7 @@
let param = {
func: 's_kei_link_keyids_addupt',
BID: sessionStorage.getItem('appId'),
- exec_type: 'y',
+ exec_type: 'x',
LText: ''
}
@@ -449,7 +490,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)
@@ -463,12 +504,12 @@
})
} 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')}))))
}
})
}
@@ -726,9 +767,6 @@
// if (sessionStorage.getItem('userbind')) {
// appIndeList = appIndeList + ',' + sessionStorage.getItem('userbind')
// }
- if (sessionStorage.getItem('instantMessage')) {
- appIndeList = appIndeList + ',' + sessionStorage.getItem('instantMessage')
- }
let menus = res.menus.filter(item => appIndeList.indexOf(item.MenuID) === -1)
menus = menus.map(item => {
@@ -1039,7 +1077,7 @@
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,
@@ -1048,7 +1086,7 @@
})
item.subcards.forEach(card => {
card.elements && card.elements.forEach(cell => {
- if (cell.eleType !== 'button' || cell.hidden === 'true') return
+ if (cell.eleType !== 'button' || cell.hidden === 'true' || cell.permission === 'false') return
m.children.push({
key: cell.uuid,
@@ -1059,7 +1097,7 @@
if (item.subtype !== 'dualdatacard') return
card.backElements && card.backElements.forEach(cell => {
- if (cell.eleType !== 'button' || cell.hidden === 'true') return
+ if (cell.eleType !== 'button' || cell.hidden === 'true' || cell.permission === 'false') return
m.children.push({
key: cell.uuid,
@@ -1069,7 +1107,7 @@
})
} else if (item.type === 'balcony') {
item.elements && item.elements.forEach(cell => {
- if (cell.eleType !== 'button' || cell.hidden === 'true') return
+ if (cell.eleType !== 'button' || cell.hidden === 'true' || cell.permission === 'false') return
m.children.push({
key: cell.uuid,
@@ -1098,7 +1136,7 @@
}
} 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,
@@ -1111,7 +1149,7 @@
loopCol(col.subcols)
} else if (col.type === 'custom') {
col.elements.forEach(cell => {
- if (cell.eleType !== 'button' || cell.hidden === 'true') return
+ if (cell.eleType !== 'button' || cell.hidden === 'true' || cell.permission === 'false') return
m.children.push({
key: cell.uuid,
title: cell.label,
@@ -1286,6 +1324,7 @@
let traversal = (components) => {
return components.map(item => {
+ item.miniStyle = ''
if (item.style) {
item.miniStyle = this.transferStyle(item.style)
}
@@ -1301,12 +1340,18 @@
}
if (item.type === 'tabs') {
+ if (item.setting.backgroundColor) {
+ item.miniStyle += `--tabs-header-background: ${item.setting.backgroundColor};`
+ }
item.subtabs.forEach(tab => {
tab.components = traversal(tab.components)
})
} else if (item.type === 'group') {
item.components = traversal(item.components)
} else if (['card', 'carousel', 'timeline'].includes(item.type)) {
+ if (item.wrap.display === 'hidden') {
+ item.miniStyle += 'display:none;'
+ }
item.subcards.forEach(card => {
card.miniStyle = this.transferStyle(card.style)
card.elements = card.elements.map(cell => {
@@ -1406,6 +1451,20 @@
activeKey: 'basedata'
})
return
+ } else if (this.checklog()) {
+ if ((sessionStorage.getItem('applangList') && !config.trans) || (adapters.includes('wxmini') && !config.hasOwnProperty('miniStyle'))) {
+
+ } else if (config.enabled && !config.allSqls) {
+
+ } else {
+ notification.success({
+ top: 92,
+ message: '褰撳墠閰嶇疆鏈慨鏀癸紝鏃犻渶淇濆瓨銆�',
+ duration: 5
+ })
+ MKEmitter.emit('completeSave')
+ return
+ }
}
this.setState({
@@ -1421,6 +1480,52 @@
} else if (!config.enabled && config.force && _pass) {
config.enabled = true
delete config.force
+ }
+
+ let long_data = ''
+ if (config.enabled) {
+ let sqls = getAllSqls(config)
+ let _t = moment().format('YYYYMMDDHHmmss')
+ let getguid = () => {
+ let uuid = ''
+ for (let i = 0; i < 18; i++) {
+ uuid += String.fromCharCode(Math.floor(Math.random() * 26) + 65)
+ }
+ uuid = uuid.replace(/minke/ig, 'MNKIE')
+ return uuid
+ }
+
+ long_data = []
+ // let oriIds = {}
+ // if (config.allSqls) {
+ // config.allSqls.forEach(item => {
+ // if (!item.md5) return
+ // oriIds[item.uuid + item.md5] = item.v_id
+ // })
+ // }
+
+ config.allSqls = sqls.map(item => {
+ let v_id = _t + getguid()
+
+ // if (oriIds[item.uuid + item.md5]) {
+ // v_id = oriIds[item.uuid + item.md5]
+ // }
+
+ long_data.push(`${md5(window.GLOB.appkey + v_id)},${item.uuid},${v_id},${window.btoa(window.encodeURIComponent(item.LText))},${config.sqlperm === 'false' ? '' : item.roleId || ''}`)
+
+ return {
+ uuid: item.uuid,
+ v_id: v_id,
+ type: item.type,
+ reps: item.reps,
+ // md5: item.md5 || '',
+ luser: item.luser === true
+ }
+ })
+
+ long_data = long_data.join(';')
+ } else {
+ delete config.allSqls
}
if (config.cacheUseful !== 'true') {
@@ -1465,7 +1570,7 @@
typename: sessionStorage.getItem('typename') || '',
adapter: sessionStorage.getItem('adapter') || '',
sysBgColor: sessionStorage.getItem('sysBgColor') || '',
- MenuName: config.MenuName || '',
+ MenuName: config.MenuName || ''
}
url = window.btoa(window.encodeURIComponent(JSON.stringify(urlparam)))
@@ -1476,6 +1581,9 @@
roleParam.pass = true
}
+ delete config.miniTitle
+ delete config.miniReloadUp
+
config.components.forEach(item => {
if (item.type === 'login') {
roleParam.login = true
@@ -1483,6 +1591,13 @@
config.loginview = true
} else if (item.type === 'navbar') {
config.tabview = true
+ } else if (item.type === 'topbar' && adapters.includes('wxmini')) {
+ if (item.wrap.minishow !== 'true') {
+ config.miniTitle = item.wrap.title || ''
+ }
+ if (item.wrap.reload === 'true') {
+ config.miniReloadUp = true
+ }
}
})
@@ -1504,11 +1619,25 @@
}
let subMenus = this.getSubMenus()
+ subMenus = subMenus.filter(item => item.MenuID !== config.uuid)
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)
+ let msg = getOutMessage(config)
roleParam.interfaces = interfaces
+ roleParam.msg = msg
+ roleParam.backend = 'level1'
+ roleParam.enabled = config.enabled
+ let langSql = getLangTrans(config)
+
+ roleParam.pds = 'false'
+ if (config.interfaces && config.enabled) {
+ config.interfaces.forEach(item => {
+ if (item.status !== 'true') return
+ roleParam.pds = 'true'
+ })
+ }
let param = {
func: 'sPC_TrdMenu_AddUpt',
@@ -1522,15 +1651,20 @@
TypeCharOne: sessionStorage.getItem('kei_no'),
Typename: sessionStorage.getItem('typename'),
MenuName: config.MenuName || '',
- PageParam: JSON.stringify({Template: 'webPage', interfaces}),
+ PageParam: JSON.stringify({Template: 'webPage', interfaces, msg}),
open_edition: config.open_edition,
menus_rolelist: window.btoa(window.encodeURIComponent(JSON.stringify(roleParam))),
- LText: '',
- LTexttb: '',
+ long_data: long_data,
+ // 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')
@@ -1539,7 +1673,7 @@
let _config = fromJS(config).toJS()
let NavBar = null
_config.components = _config.components.map(item => {
- if (item.type === 'navbar') {
+ if (item.type === 'navbar' && item.wrap) {
NavBar = fromJS(item).toJS()
return {
type: 'navbar',
@@ -1594,8 +1728,8 @@
PageParam: JSON.stringify({Template: NavBar.type}),
open_edition: _item ? (_item.open_edition || '') : '',
menus_rolelist: window.btoa(window.encodeURIComponent(JSON.stringify(roles))),
- LText: '',
- LTexttb: ''
+ // LText: '',
+ // LTexttb: ''
}
_param.LongParam = window.btoa(window.encodeURIComponent(JSON.stringify(NavBar)))
@@ -1636,13 +1770,13 @@
let kparam = {
func: 's_kei_link_keyids_addupt',
BID: sessionStorage.getItem('appId'),
- exec_type: 'y',
+ 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)
+ kparam.LText = Utils.formatOptions(kparam.LText, 'x')
kparam.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
kparam.secretkey = Utils.encrypt('', kparam.timestamp)
@@ -1702,18 +1836,11 @@
}, 300 + (+sessionStorage.getItem('mkDelay')))
}
- netError = (error) => {
+ netError = () => {
this.setState({
menuloading: false
})
- if (!error) {
- notification.warning({
- top: 92,
- message: '淇濆瓨澶辫触锛岃妫�鏌ョ綉缁滄槸鍚︽甯搞��',
- duration: 5
- })
- }
MKEmitter.emit('completeSave')
}
@@ -1784,7 +1911,7 @@
} else if (item.type === 'group') {
check(item.components, level, sign)
return
- } else if (item.type === 'navbar' && !item.wrap.MenuNo) {
+ } else if (item.type === 'navbar' && item.wrap && !item.wrap.MenuNo) {
error = `瀵艰埅鏍忋��${item.name}銆嬫湭璁剧疆鑿滃崟鍙傛暟锛乣
} else if (item.type === 'topbar') {
if (item.wrap.type === 'search' || item.wrap.type === 'searchIcon' || (item.wrap.type === 'navbar' && item.wrap.search === 'true')) {
@@ -1858,49 +1985,25 @@
insert = (item) => {
let config = fromJS(this.state.config).toJS()
- if (item.type === 'search') {
- if (config.components.filter(card => card.type === 'topbar' && card.wrap.type !== 'navbar').length > 0) {
- notification.warning({
- top: 92,
- message: '瀵艰埅鏍忎娇鐢ㄤ簡鎼滅储锛屼笉鍙坊鍔犳悳绱㈢粍浠讹紒',
- duration: 5
- })
- return
- }
- if (config.components.filter(card => card.type === 'search').length > 0) {
- 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) {
+ if (item.copyType === 'components') {
+ if (item.components.findIndex(m => m.type === 'topbar') > -1 && !config.style.paddingTop) {
config.style.paddingTop = '50px'
}
+ config.components.push(...item.components)
+ if (!config.interfaces) {
+ config.interfaces = item.interfaces
+ } else {
+ config.interfaces.push(...item.interfaces)
+ }
+ } else {
+ if (item.type === 'topbar' && !config.style.paddingTop) {
+ config.style.paddingTop = '50px'
+ }
+ config.components.push(item)
}
-
- config.components.push(item)
this.setState({config})
window.GLOB.customMenu = config
-
- notification.success({
- top: 92,
- message: '绮樿创鎴愬姛锛�',
- duration: 2
- })
}
setHomeView = () => {
@@ -1918,7 +2021,7 @@
let param = {
func: 's_kei_link_keyids_addupt',
BID: sessionStorage.getItem('appId'),
- exec_type: 'y',
+ exec_type: 'x',
LText: ''
}
@@ -1937,10 +2040,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)
+
+ const that = this
confirm({
title: '纭畾璁剧疆鏈〉闈负棣栭〉鍚楋紵',
@@ -1955,6 +2060,10 @@
})
} else {
sessionStorage.setItem('appViewList', JSON.stringify(appViewList))
+
+ that.setState({
+ appHomeId: config.MenuID
+ })
}
})
},
@@ -1977,7 +2086,7 @@
let param = {
func: 's_kei_link_keyids_addupt',
BID: sessionStorage.getItem('appId'),
- exec_type: 'y',
+ exec_type: 'x',
LText: ''
}
@@ -1996,12 +2105,13 @@
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)
let hasLogin = config.components.findIndex(item => item.type === 'login') > -1
+ const that = this
confirm({
title: '纭畾璁剧疆鏈〉闈负鐧诲綍椤靛悧锛�',
@@ -2016,6 +2126,10 @@
})
} else {
sessionStorage.setItem('appViewList', JSON.stringify(appViewList))
+
+ that.setState({
+ appLoginId: config.MenuID
+ })
}
})
},
@@ -2064,7 +2178,56 @@
return is(fromJS(oriConfig), fromJS(config))
}
+ copyMenu = () => {
+ const { config } = this.state
+
+ if (!config.enabled) {
+ notification.warning({
+ top: 92,
+ message: '鑿滃崟鏈惎鐢紝涓嶅彲澶嶅埗銆�',
+ duration: 5
+ })
+ } else {
+ let msg = { copyType: 'components', type: 'mob' }
+
+ msg.components = []
+ msg.interfaces = config.interfaces || []
+
+ config.components.forEach(item => {
+ if (item.type === 'navbar') return
+
+ msg.components.push(item)
+ })
+
+ if (msg.components.length === 0) {
+ notification.warning({
+ top: 92,
+ message: '鏈坊鍔犵粍浠讹紝涓嶅彲澶嶅埗銆�',
+ duration: 5
+ })
+ return
+ }
+
+ try {
+ msg = window.btoa(window.encodeURIComponent(JSON.stringify(msg)))
+ } catch (e) {
+ console.warn('Stringify Failure')
+ msg = ''
+ }
+
+ let oInput = document.createElement('input')
+ oInput.value = msg
+ document.body.appendChild(oInput)
+ oInput.select()
+ document.execCommand('Copy')
+ document.body.removeChild(oInput)
+ message.success('澶嶅埗鎴愬姛銆�')
+ }
+ }
+
updateLogConfig = (config) => {
+ config.open_edition = this.state.config.open_edition || ''
+
this.setState({
config: null
}, () => {
@@ -2078,95 +2241,97 @@
render () {
- const { view, viewType, comloading, loading, settingshow, controlshow, activeKey, MenuId, config, menuloading, adapters, eyeopen, needUpdate } = this.state
+ const { view, viewType, comloading, loading, settingshow, controlshow, activeKey, MenuId, config, menuloading, adapters, eyeopen, needUpdate, appLoginId, appHomeId } = this.state
return (
- <ConfigProvider locale={antdZhCN}>
- <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={(con) => {
- this.updateConfig(con)
- if (con.direction !== config.direction) {
- this.changeView(con.direction)
- }
- }}
- />
- <UrlFieldComponent config={config} updateConfig={this.updateConfig}/>
- {/* 琛ㄥ悕娣诲姞 */}
- <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={'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={'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" 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>
+ <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={(con) => {
+ this.updateConfig(con)
+ if (con.direction !== config.direction) {
+ this.changeView(con.direction)
+ }
+ }}
+ />
+ <UrlFieldComponent config={config} updateConfig={this.updateConfig}/>
+ {/* 琛ㄥ悕娣诲姞 */}
+ <TableComponent config={config} updatetable={this.updateConfig}/>
+ <Paragraph style={{padding: '15px 0px 0px 32px'}} copyable={{ text: MenuId }}>鑿滃崟ID锛�</Paragraph>
+ <Paragraph style={{padding: '0px 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}/>
+ <Paragraph style={{padding: '0px 0px 0px 18px'}}>澶嶅埗鑿滃崟涓嬫墍鏈夌粍浠讹細<CopyOutlined onClick={this.copyMenu} style={{cursor: 'pointer', color: '#1890ff'}} /></Paragraph>
+ <NormalCopy />
+ </> : 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-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>
- </ConfigProvider>
+ </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 mk-opeartion-list">
+ <Button type="primary" className={needUpdate ? 'update-tip' : ''} disabled={!config} 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 vType="mob" 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" disabled={MenuId === appHomeId} data-title="褰撳墠鑿滃崟涓哄簲鐢ㄩ椤�" onClick={this.setHomeView}><HomeOutlined /> 璁句负棣栭〉</Button>
+ <Button className="mk-border-purple" disabled={MenuId === appLoginId} data-title="褰撳墠鑿滃崟涓哄簲鐢ㄧ櫥褰曢〉" onClick={this.setLoginView}><LoginOutlined /> 璁句负鐧诲綍椤�</Button>
+ <ReplaceField config={config} updateConfig={this.resetConfig}/>
+ <LowerField config={config} updateConfig={this.resetConfig}/>
+ <DelExtraDb 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>
+ </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