2021-10-11

king

2021-10-11 d17368d4a5bdec6db2d8a85c7901cdb25cc59cd4

 src/utils/utils-custom.js

@@ -16,10 +16,12 @@
        }
      } else if (item.type === 'tabs') {
        let _item = {
          type: 'tabs',
          value: item.uuid,
          label: item.name,
          children: item.subtabs.map(f_tab => {
            let subItem = {
              type: 'tab',
              value: f_tab.uuid,
              label: f_tab.label,
              children: this.getSubModules(f_tab.components, selfId)
@@ -97,6 +99,11 @@
          value: item.uuid,
          label: item.name
        }
      } else if (item.type === 'form') { // 数据格式，存在数据源
        return {
          value: item.uuid,
          label: item.name
        }
      } else if (item.type === 'tabs') {
        let _item = {
          value: item.uuid,
@@ -166,11 +173,89 @@
  }

  /**
   * @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 => {
@@ -183,48 +268,41 @@
          getUuids(c)
        })
      } else {
        if (item.action && item.action.length > 0) {
          item.action.forEach(act => {
            if (!act.origin) {
              uuids.push(act.uuid)
            }
          })
        }
        if (item.type === 'card') {
        item.action && item.action.forEach(act => {
          if (act.origin || (appType === 'pc' && act.OpenType !== 'popview')) return

          uuids.push(act.uuid)
        })

        if (item.type === 'card' || item.type === 'carousel' || (item.type === 'table' && item.subtype === 'tablecard')) {
          item.subcards.forEach(_card => {
            _card.elements && _card.elements.forEach(cell => {
              if (cell.eleType === 'button') {
                uuids.push(cell.uuid)
              }
              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') {
                uuids.push(cell.uuid)
              }
              if (cell.eleType !== 'button') return
              if (appType === 'pc' && cell.OpenType !== 'popview') return
  
              uuids.push(cell.uuid)
            })
          })
        } else if (item.type === 'carousel') {
          item.subcards.forEach(_card => {
            _card.elements && _card.elements.forEach(cell => {
              if (cell.eleType === 'button') {
                uuids.push(cell.uuid)
              }
            })
          })
        } else if (item.type === 'table' && item.subtype === 'tablecard') {
          item.subcards.forEach(_card => {
            _card.elements && _card.elements.forEach(cell => {
              if (cell.eleType === 'button') {
                uuids.push(cell.uuid)
              }
            })
          })
        } else if (item.type === 'table' && item.subtype === 'normaltable') {
        } else if (item.type === 'table' && (item.subtype === 'normaltable' || item.subtype === 'editable')) {
          item.cols && item.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 (item.type === 'balcony') {
          item.elements && item.elements.forEach(cell => {
            if (appType === 'pc' && cell.OpenType !== 'popview') return

            uuids.push(cell.uuid)
          })
        }
      }
@@ -251,7 +329,7 @@
  }

  /**
   * @description 重置菜单配置
   * @description 重置菜单配置，页面整体复制
   * @return {String}  components 配置信息
   */
  static resetConfig = (components) => {
@@ -280,6 +358,11 @@
          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()
@@ -296,7 +379,14 @@
            })
          }
        })
      } else if (item.type === 'table' && item.subtype === 'normaltable' && item.cols) {
      } else if (item.type === 'balcony') {
        if (item.elements) {
          item.elements = item.elements.map(cell => {
            cell.uuid = this.getuuid()
            return cell
          })
        }
      } else if (item.type === 'table' && (item.subtype === 'normaltable' || item.subtype === 'editable') && item.cols) {
        let loopCol = (col) => {
          col.subcols = col.subcols.map(c => {
            c.uuid = this.getuuid()
@@ -319,9 +409,12 @@
  
          return col
        }
  
        let _uuids = {}
        item.cols = item.cols.map(col => {
          col.uuid = this.getuuid()
          let uuid = this.getuuid()

          _uuids[col.uuid] = uuid
          col.uuid = uuid
  
          if (col.type === 'colspan' && col.subcols) {
            col = loopCol(col)
@@ -338,19 +431,50 @@
          }
          return col
        })

        if (item.subtype === 'editable') {
          item.cols = item.cols.map(col => {
            if (col.editable === 'true' && col.enter && _uuids[col.enter]) {
              col.enter = _uuids[col.enter]
            }
            return col
          })
        }
      }
  
      if (item.btnlog) {
        item.btnlog = []
      }
  
      let oriUids = {}
      if (item.action) {
        item.action = item.action.map(cell => {
          cell.uuid = this.getuuid()
          let _uuid = this.getuuid()

          oriUids[cell.uuid] = _uuid
          cell.uuid = _uuid

          return cell
        })
      }
      if (item.search) {
      if (item.type === 'topbar') {
        if (item.search && item.search.fields) {
          item.search.fields = item.search.fields.map(cell => {
            cell.uuid = this.getuuid()
            return cell
          })
        }
        if (item.search && item.search.groups) {
          item.search.groups = item.search.groups.map(cell => {
            cell.uuid = this.getuuid()
            cell.fields = cell.fields.map(m => {
              m.uuid = this.getuuid()
              return m
            })
            return cell
          })
        }
      } else if (item.search) {
        item.search = item.search.map(cell => {
          cell.uuid = this.getuuid()
          return cell
@@ -362,8 +486,276 @@
          return cell
        })
      }

      if (item.wrap && item.wrap.doubleClick) {
        item.wrap.doubleClick = oriUids[item.wrap.doubleClick] || ''
      }
  
      return item
    })
  }

  /**
   * @description 数据源名称，用于统一查询
   * @return {String}  name
   */
  static getdataName () {
    let name = []
    let _options = 'abcdefghigklmnopqrstuvwxyz'
    for (let i = 0; i < 6; i++) {
      name.push(_options.substr(Math.floor(Math.random() * 26), 1))
    }
    name.splice(3, 0, new Date().getTime())
    return name.join('')
  }

  /**
  * @description 重置组件配置
  * @return {String}  item 组件信息
  */
  static resetComponentConfig = (item, copyBtns) => {
    if (item.type === 'navbar') {
      return item
    }

    item.uuid = this.getuuid()
    if (item.dataName) {
      item.dataName = this.getdataName()
    }

    // 重置组件名称
    let sign = this.getdataName().toUpperCase().substr(-4)
    if (item.plot) { // 图表
      item.plot.name = item.plot.name + sign
      item.name = item.plot.name
    } else if (item.wrap) { // 通用
      item.wrap.name = item.wrap.name + sign
      item.name = item.wrap.name
    } else if (item.setting) { // 分组、标签页等
      item.setting.name = item.setting.name + sign
      item.name = item.setting.name
    }

    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) {
          if (sessionStorage.getItem('editMenuType') === 'popview') {
            card.elements = card.elements.filter(b => b.OpenType !== 'popview' && b.OpenType !== 'funcbutton')
          }
          card.elements = card.elements.map(cell => {
            let _uuid = this.getuuid()
            if (cell.OpenType === 'popview' && copyBtns) {
              let _cell = JSON.parse(JSON.stringify(cell))
              _cell.$originUuid = _cell.uuid
              _cell.uuid = _uuid
              copyBtns.set(_uuid, _cell)
            }
            cell.uuid = _uuid
            return cell
          })
        }
        if (card.backElements) {
          if (sessionStorage.getItem('editMenuType') === 'popview') {
            card.elements = card.elements.filter(b => b.OpenType !== 'popview' && b.OpenType !== 'funcbutton')
          }
          card.backElements = card.backElements.map(cell => {
            let _uuid = this.getuuid()
            if (cell.OpenType === 'popview' && copyBtns) {
              let _cell = JSON.parse(JSON.stringify(cell))
              _cell.$originUuid = _cell.uuid
              _cell.uuid = _uuid
              copyBtns.set(_uuid, _cell)
            }
            cell.uuid = _uuid
            return cell
          })
        }
      })
    } else if (item.type === 'balcony') {
      if (item.elements) {
        if (sessionStorage.getItem('editMenuType') === 'popview') {
          item.elements = item.elements.filter(b => b.OpenType !== 'popview' && b.OpenType !== 'funcbutton')
        }
        item.elements = item.elements.map(cell => {
          let _uuid = this.getuuid()
          if (cell.OpenType === 'popview' && copyBtns) {
            let _cell = JSON.parse(JSON.stringify(cell))
            _cell.$originUuid = _cell.uuid
            _cell.uuid = _uuid
            copyBtns.set(_uuid, _cell)
          }
          cell.uuid = _uuid
          return cell
        })
      }
    } else if (item.type === 'table' && (item.subtype === 'normaltable' || item.subtype === 'editable') && 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
            })
          }
          return c
        })

        return col
      }

      let _uuids = {}
      item.cols = item.cols.map(col => {
        let uuid = this.getuuid()

        _uuids[col.uuid] = uuid
        col.uuid = uuid

        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) {
          if (sessionStorage.getItem('editMenuType') === 'popview') {
            col.elements = col.elements.filter(c => c.OpenType !== 'popview' && c.OpenType !== 'funcbutton')
          }
          col.elements = col.elements.map(cell => {
            let _uuid = this.getuuid()
            if (cell.OpenType === 'popview' && copyBtns) {
              let _cell = JSON.parse(JSON.stringify(cell))
              _cell.$originUuid = _cell.uuid
              _cell.uuid = _uuid
              copyBtns.set(_uuid, _cell)
            }
            cell.uuid = _uuid
            return cell
          })
        }
        return col
      })

      if (item.subtype === 'editable') {
        item.cols = item.cols.map(col => {
          if (col.editable === 'true' && col.enter && _uuids[col.enter]) {
            col.enter = _uuids[col.enter]
          }
          return col
        })
      }
    } else if (item.type === 'form') {
      item.subcards = item.subcards.map(cell => {
        cell.uuid = this.getuuid()

        cell.fields = cell.fields.map(m => {
          m.uuid = this.getuuid()
  
          return m
        })
        return cell
      })
    }

    if (item.btnlog) {
      item.btnlog = []
    }

    let oriUids = {}
    if (item.action) {
      if (sessionStorage.getItem('editMenuType') === 'popview') {
        item.action = item.action.filter(c => c.OpenType !== 'popview' && c.OpenType !== 'funcbutton')
      }
      item.action = item.action.map(cell => {
        let _uuid = this.getuuid()

        oriUids[cell.uuid] = _uuid

        if (cell.OpenType === 'popview' && copyBtns) {
          let _cell = JSON.parse(JSON.stringify(cell))
          _cell.$originUuid = _cell.uuid
          _cell.uuid = _uuid
          copyBtns.set(_uuid, _cell)
        }

        cell.uuid = _uuid

        return cell
      })
    }
    if (item.type === 'topbar') {
      item.wrap.name = ''
      item.name = ''
      if (item.search && item.search.fields) {
        item.search.fields = item.search.fields.map(cell => {
          cell.uuid = this.getuuid()
          return cell
        })
      }
      if (item.search && item.search.groups) {
        item.search.groups = item.search.groups.map(cell => {
          cell.uuid = this.getuuid()
          cell.fields = cell.fields.map(m => {
            m.uuid = this.getuuid()
            return m
          })
          return cell
        })
      }
    } else 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
      })
    }

    if (item.setting && item.setting.supModule) {
      item.setting.supModule = ''
    }

    if (item.wrap && item.wrap.doubleClick) {
      item.wrap.doubleClick = oriUids[item.wrap.doubleClick] || ''
    }

    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))
}