export default class MenuUtils {
|
/**
|
* @description 获取下级模块
|
* @return {String} selfId 当前组件id
|
*/
|
static getSubModules (components, selfId) {
|
let modules = components.map(item => {
|
if (item.uuid === selfId) {
|
return {
|
children: null
|
}
|
} else if (item.format) { // 数据格式，存在数据源
|
return {
|
value: item.uuid,
|
label: item.name
|
}
|
} else if (item.type === 'tabs') {
|
let _item = {
|
value: item.uuid,
|
label: item.name,
|
children: item.subtabs.map(f_tab => {
|
let subItem = {
|
value: f_tab.uuid,
|
label: f_tab.label,
|
children: this.getSubModules(f_tab.components, selfId)
|
}
|
|
if (!subItem.children || subItem.children.length === 0) {
|
return {children: null}
|
}
|
return subItem
|
})
|
}
|
|
_item.children = _item.children.filter(t => t.children !== null)
|
|
if (_item.children.length === 0) {
|
return {children: null}
|
}
|
|
return _item
|
} else if (item.type === 'group') {
|
let _item = {
|
value: item.uuid,
|
label: item.name,
|
children: item.components.map(f_tab => {
|
if (f_tab.uuid === selfId) {
|
return {
|
children: null
|
}
|
} else if (f_tab.format) {
|
return {
|
value: f_tab.uuid,
|
label: f_tab.name
|
}
|
}
|
return {
|
children: null
|
}
|
})
|
}
|
|
_item.children = _item.children.filter(t => t.children !== null)
|
|
if (_item.children.length === 0) {
|
return {children: null}
|
}
|
|
return _item
|
} else {
|
return {
|
children: null
|
}
|
}
|
})
|
|
modules = modules.filter(mod => mod.children !== null)
|
|
if (modules.length === 0) {
|
return null
|
}
|
return modules
|
}
|
|
/**
|
* @description 获取上级模块
|
* @return {String} selfId 当前组件id
|
*/
|
static getSupModules (components, selfId) {
|
let modules = components.map(item => {
|
if (item.uuid === selfId) {
|
return {
|
children: null
|
}
|
} else if (item.switchable) { // 数据可切换
|
return {
|
value: item.uuid,
|
label: item.name
|
}
|
} else if (item.type === 'tabs') {
|
let _item = {
|
value: item.uuid,
|
label: item.name,
|
children: item.subtabs.map(f_tab => {
|
let subItem = {
|
value: f_tab.uuid,
|
label: f_tab.label,
|
children: this.getSupModules(f_tab.components, selfId)
|
}
|
|
if (!subItem.children || subItem.children.length === 0) {
|
return {children: null}
|
}
|
return subItem
|
})
|
}
|
|
_item.children = _item.children.filter(t => t.children !== null)
|
|
if (_item.children.length === 0) {
|
return {children: null}
|
}
|
|
return _item
|
} else if (item.type === 'group') {
|
let _item = {
|
value: item.uuid,
|
label: item.name,
|
children: item.components.map(f_tab => {
|
if (f_tab.uuid === selfId) {
|
return {
|
children: null
|
}
|
} else if (f_tab.switchable) {
|
return {
|
value: f_tab.uuid,
|
label: f_tab.name
|
}
|
}
|
return {
|
children: null
|
}
|
})
|
}
|
|
_item.children = _item.children.filter(t => t.children !== null)
|
|
if (_item.children.length === 0) {
|
return {children: null}
|
}
|
|
return _item
|
} else {
|
return {
|
children: null
|
}
|
}
|
})
|
|
modules = modules.filter(mod => mod.children !== null)
|
|
if (modules.length === 0) {
|
return null
|
}
|
return modules
|
}
|
|
/**
|
* @description 获取可关联模块
|
*/
|
static getLinkModules (components) {
|
let modules = components.map(item => {
|
if ((item.type === 'card' && item.subtype === 'datacard') || (item.type === 'table' && item.subtype === 'normaltable')) {
|
return {
|
value: item.uuid,
|
label: item.name
|
}
|
} else if (item.type === 'tabs') {
|
let _item = {
|
value: item.uuid,
|
label: item.name,
|
children: item.subtabs.map(f_tab => {
|
let subItem = {
|
value: f_tab.uuid,
|
label: f_tab.label,
|
children: this.getLinkModules(f_tab.components)
|
}
|
|
if (!subItem.children || subItem.children.length === 0) {
|
return {children: null}
|
}
|
return subItem
|
})
|
}
|
|
_item.children = _item.children.filter(t => t.children !== null)
|
|
if (_item.children.length === 0) {
|
return {children: null}
|
}
|
|
return _item
|
} else if (item.type === 'group') {
|
let _item = {
|
value: item.uuid,
|
label: item.name,
|
children: item.components.map(f_tab => {
|
if ((f_tab.type === 'card' && f_tab.subtype === 'datacard') || (f_tab.type === 'table' && f_tab.subtype === 'normaltable')) {
|
return {
|
value: f_tab.uuid,
|
label: f_tab.name
|
}
|
}
|
return {
|
children: null
|
}
|
})
|
}
|
|
_item.children = _item.children.filter(t => t.children !== null)
|
|
if (_item.children.length === 0) {
|
return {children: null}
|
}
|
|
return _item
|
} else {
|
return {
|
children: null
|
}
|
}
|
})
|
|
modules = modules.filter(mod => mod.children !== null)
|
|
if (modules.length === 0) {
|
return null
|
}
|
return modules
|
}
|
|
/**
|
* @description 获取删除按钮Id
|
* @return {String} name
|
*/
|
static getDelButtonIds (card) {
|
let appType = sessionStorage.getItem('appType')
|
let uuids = []
|
|
if (appType === 'mob') return uuids
|
|
const getUuids = (item) => {
|
if (item.type === 'tabs') {
|
item.subtabs.forEach(tab => {
|
tab.components.forEach(c => {
|
getUuids(c)
|
})
|
})
|
} else if (item.type === 'group') {
|
item.components.forEach(c => {
|
getUuids(c)
|
})
|
} else {
|
item.action && item.action.forEach(act => {
|
if (act.origin || (appType === 'pc' && act.OpenType !== 'popview')) return
|
|
uuids.push(act.uuid)
|
})
|
|
if (card.type === 'card' || item.type === 'carousel' || (card.type === 'table' && card.subtype === 'tablecard')) {
|
card.subcards.forEach(_card => {
|
_card.elements && _card.elements.forEach(cell => {
|
if (cell.eleType !== 'button') return
|
if (appType === 'pc' && cell.OpenType !== 'popview') return
|
|
uuids.push(cell.uuid)
|
})
|
_card.backElements && _card.backElements.forEach(cell => {
|
if (cell.eleType !== 'button') return
|
if (appType === 'pc' && cell.OpenType !== 'popview') return
|
|
uuids.push(cell.uuid)
|
})
|
})
|
} else if (card.type === 'table' && card.subtype === 'normaltable') {
|
card.cols && card.cols.forEach(col => {
|
if (col.type !== 'action') return
|
col.elements && col.elements.forEach(cell => {
|
if (appType === 'pc' && cell.OpenType !== 'popview') return
|
|
uuids.push(cell.uuid)
|
})
|
})
|
} else if (card.type === 'balcony') {
|
card.elements && card.elements.forEach(cell => {
|
if (appType === 'pc' && cell.OpenType !== 'popview') return
|
|
uuids.push(cell.uuid)
|
})
|
}
|
}
|
}
|
|
getUuids(card)
|
|
return uuids
|
}
|
|
/**
|
* @description 生成32位uuid string + 时间
|
* @return {String} uuid
|
*/
|
static getuuid () {
|
let uuid = []
|
let timestamp = new Date().getTime()
|
let _options = '0123456789abcdefghigklmnopqrstuv'
|
for (let i = 0; i < 19; i++) {
|
uuid.push(_options.substr(Math.floor(Math.random() * 0x20), 1))
|
}
|
uuid = timestamp + uuid.join('')
|
return uuid
|
}
|
|
/**
|
* @description 重置菜单配置
|
* @return {String} components 配置信息
|
*/
|
static resetConfig = (components) => {
|
return components.map(item => {
|
if (item.type === 'navbar') {
|
return item
|
}
|
|
item.uuid = this.getuuid()
|
|
if (item.type === 'tabs') {
|
item.subtabs.forEach(tab => {
|
tab.uuid = this.getuuid()
|
tab.parentId = item.uuid
|
|
tab.components = tab.components.map(cell => {
|
cell.tabId = tab.uuid
|
cell.parentId = item.uuid
|
return cell
|
})
|
tab.components = this.resetConfig(tab.components)
|
})
|
} else if (item.type === 'group') {
|
item.components = item.components.map(cell => {
|
cell.parentId = item.uuid
|
return cell
|
})
|
item.components = this.resetConfig(item.components)
|
} else if (item.type === 'menubar') {
|
item.subMenus = item.subMenus.map(cell => {
|
cell.uuid = this.getuuid()
|
return cell
|
})
|
} else if (item.type === 'card' || item.type === 'carousel' || (item.type === 'table' && item.subtype === 'tablecard')) {
|
item.subcards.forEach(card => {
|
card.uuid = this.getuuid()
|
if (card.elements) {
|
card.elements = card.elements.map(cell => {
|
cell.uuid = this.getuuid()
|
return cell
|
})
|
}
|
if (card.backElements) {
|
card.backElements = card.backElements.map(cell => {
|
cell.uuid = this.getuuid()
|
return cell
|
})
|
}
|
})
|
} else if (item.type === 'table' && item.subtype === 'normaltable' && item.cols) {
|
let loopCol = (col) => {
|
col.subcols = col.subcols.map(c => {
|
c.uuid = this.getuuid()
|
|
if (c.type === 'colspan' && c.subcols) {
|
c = loopCol(c)
|
} else if (c.type === 'custom' && c.elements) {
|
c.elements = c.elements.map(cell => {
|
cell.uuid = this.getuuid()
|
return cell
|
})
|
} else if (c.type === 'action' && c.elements) {
|
c.elements = c.elements.map(cell => {
|
cell.uuid = this.getuuid()
|
return cell
|
})
|
}
|
return c
|
})
|
|
return col
|
}
|
|
item.cols = item.cols.map(col => {
|
col.uuid = this.getuuid()
|
|
if (col.type === 'colspan' && col.subcols) {
|
col = loopCol(col)
|
} else if (col.type === 'custom' && col.elements) {
|
col.elements = col.elements.map(cell => {
|
cell.uuid = this.getuuid()
|
return cell
|
})
|
} else if (col.type === 'action' && col.elements) {
|
col.elements = col.elements.map(cell => {
|
cell.uuid = this.getuuid()
|
return cell
|
})
|
}
|
return col
|
})
|
}
|
|
if (item.btnlog) {
|
item.btnlog = []
|
}
|
|
if (item.action) {
|
item.action = item.action.map(cell => {
|
cell.uuid = this.getuuid()
|
return cell
|
})
|
}
|
if (item.search) {
|
item.search = item.search.map(cell => {
|
cell.uuid = this.getuuid()
|
return cell
|
})
|
}
|
if (item.columns) {
|
item.columns = item.columns.map(cell => {
|
cell.uuid = this.getuuid()
|
return cell
|
})
|
}
|
|
return item
|
})
|
}
|
}
|
|
/**
|
* @description 重置移动端style
|
* @return {Object} style
|
*/
|
export function resetStyle (style) {
|
if (!style) return {}
|
if (sessionStorage.getItem('appType') === 'mob') {
|
let _style = JSON.stringify(style)
|
|
// scaleview
|
_style = _style.replace(/\d+vw/ig, (word) => {
|
return parseFloat(word) * (window.GLOB.winWidth || 420) / 100 + 'px'
|
// return parseFloat(word) * 350 / 100 + 'px'
|
}).replace(/\d+vh/ig, (word) => {
|
return parseFloat(word) * (window.GLOB.winHeight || 738) / 100 + 'px'
|
// return parseFloat(word) * 615 / 100 + 'px'
|
})
|
|
return JSON.parse(_style)
|
}
|
return JSON.parse(JSON.stringify(style))
|
}
|
