king
2025-05-08 400fee62fb40006a9839f1c3a8244b82566b5057
src/menu/replaceField/index.jsx
@@ -6,6 +6,7 @@
import Api from '@/api'
import Utils from '@/utils/utils.js'
import { setLangSingleTrans } from '@/utils/utils-custom.js'
import SettingForm from './settingform'
import { queryTableSql } from '@/utils/option.js'
import './index.scss'
@@ -104,6 +105,8 @@
  
          this.execLabel(map)
        }
      } else if (res.resource === 'langs') {
        this.getDicts()
      } else {
        let param = {func: 'sPC_Get_FieldName', TBName: res.table}
        if (window.GLOB.cloudServiceApi) { // 且存在云端地址
@@ -152,10 +155,226 @@
    })
  }
  getDicts = () => {
    let sql = `select mother_tongue as reg,translation as value,use_type as type,case when use_type='menu' then '菜单' when  use_type='button' then '按钮'  when  use_type='title' then '标题'   when  use_type='list' then '选项' else '文本' end as use_type_text from s_app_lang_translation where appkey=@appkey@ and deleted=0 and translation != '' and lang='${sessionStorage.getItem('lang') || ''}'`
    let param = {
      func: 'sPC_Get_SelectedList',
      LText: Utils.formatOptions(sql, 'x'),
      obj_name: 'data',
      arr_field: 'reg,value,type',
      exec_type: 'x'
    }
    param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
    param.secretkey = Utils.encrypt('', param.timestamp)
    param.open_key = Utils.encryptOpenKey(param.secretkey, param.timestamp)
    this.$Api.getCloudConfig(param).then(result => {
      if (!result.status) {
        notification.warning({
          top: 92,
          message: result.message,
          duration: 5
        })
        this.setState({
          confirming: false
        })
        return
      } else if (!result.data || result.data.length === 0) {
        notification.warning({
          top: 92,
          message: '替换数据为空,请检查当前语言下是否存在语言包!',
          duration: 5
        })
        this.setState({
          confirming: false
        })
        return
      }
      let btnDict = {}
      let titDict = {}
      let lisDict = {}
      let menuDict = {}
      let regs = []
      result.data.forEach(item => {
        if (item.type === 'button') {
          btnDict[item.reg] = item.value
        } else if (item.type === 'title') {
          titDict[item.reg] = item.value
        } else if (item.type === 'list') {
          lisDict[item.reg] = item.value
        } else if (item.type === 'text') {
          regs.push({reg: new RegExp(item.reg, 'g'), value: item.value, sort: item.reg.length})
        } else if (item.type === 'menu') {
          menuDict[item.reg] = item.value
        }
      })
      regs.sort((a, b) => b.sort - a.sort)
      let config = fromJS(this.props.config).toJS()
      setLangSingleTrans(config, btnDict, titDict, lisDict, menuDict, regs)
      this.setState({
        confirming: false,
        visible: false
      })
      if (is(fromJS(this.props.config), fromJS(config))) {
        notification.success({
          top: 92,
          message: '未发现需要替换的信息。',
          duration: 3
        })
        return
      }
      notification.success({
        top: 92,
        message: '替换已完成。',
        duration: 3
      })
      this.props.updateConfig(config)
    })
  }
  // 依据原字段替换为新字段
  exec = (map) => {
    let config = fromJS(this.props.config).toJS()
    let getVal = (val) => {
      let _val = val.toLowerCase()
      if (map[_val]) {
        return map[_val].FieldName
      }
      return val
    }
    let resetForm = (m) => {
      if (m.field) {
        m.field = getVal(m.field)
      }
      if (m.type === 'split' && m.splitctrl) {
        m.splitctrl = getVal(m.splitctrl)
      }
      if (m.tabField) {
        m.tabField = getVal(m.tabField)
      }
      if (m.linkField) {
        m.linkField = getVal(m.linkField)
      }
      if (m.supField) {
        m.supField = getVal(m.supField)
      }
      if (m.phoneField) {
        m.phoneField = getVal(m.phoneField)
      }
      if (m.linkSubField) {
        m.linkSubField = m.linkSubField.map(n => getVal(n))
        m.linkSubField = Array.from(new Set(m.linkSubField))
      }
    }
    let resetMark = (m) => {
      m.marks = m.marks.map(n => {
        if (n.field && Array.isArray(n.field)) {
          if (n.field[1] === 'static') {
            n.field[0] = getVal(n.field[0])
          } else {
            if (n.field[0]) {
              n.field[0] = getVal(n.field[0])
            }
            if (n.field[2]) {
              n.field[2] = getVal(n.field[2])
            }
          }
        }
        return n
      })
    }
    let resetElement = (m) => {
      if (m.field) {
        m.field = getVal(m.field)
      }
      if (m.posterField) {
        m.posterField = getVal(m.posterField)
      }
      if (m.bgImage) {
        m.bgImage = getVal(m.bgImage)
      }
      if (m.linkurl && /^[a-zA-Z0-9_]+$/.test(m.linkurl)) {
        m.linkurl = getVal(m.linkurl)
      }
      if (m.modal && m.modal.fields) {
        if (m.modal.setting) {
          if (m.modal.setting.focus) {
            m.modal.setting.focus = getVal(m.modal.setting.focus)
          }
          if (m.modal.setting.errFocus) {
            m.modal.setting.errFocus = getVal(m.modal.setting.errFocus)
          }
        }
        m.modal.fields = m.modal.fields.map(col => {
          resetForm(col)
          return col
        })
      }
      if (m.verify) {
        if (m.verify.columns) {
          m.verify.columns = m.verify.columns.map(col => {
            if (col.Column) {
              col.Column = getVal(col.Column)
            }
            return col
          })
        }
        if (m.verify.uniques) {
          m.verify.uniques = m.verify.uniques.map(col => {
            if (col.field) {
              col.field = col.field.split(',').map(_field => {
                if (_field === 'BID') return _field
                return getVal(_field)
              }).join(',')
            }
            return col
          })
        }
        if (m.verify.billcodes) {
          m.verify.billcodes = m.verify.billcodes.map(col => {
            if (col.field) {
              col.field = getVal(col.field)
            }
            if (col.linkField && col.linkField !== 'BID') {
              col.linkField = getVal(col.linkField)
            }
            return col
          })
        }
        if (m.verify.accountfield && m.verify.accountfield !== 'BID') {
          m.verify.accountfield = getVal(m.verify.accountfield)
        }
        if (m.verify.voucher && m.verify.voucher.linkField && m.verify.voucher.linkField !== 'BID') {
          m.verify.voucher.linkField = getVal(m.verify.voucher.linkField)
        }
      }
      if (m.controlField) {
        m.controlField = getVal(m.controlField)
      }
      if (m.marks && m.marks.length) {
        resetMark(m)
      }
      if (m.config && m.config.components) {
        m.config.components = _replace(m.config.components)
      }
    }
    let _replace = (components) => {
      return components.map(item => {
        if (item.type === 'tabs') {
@@ -182,8 +401,8 @@
        }
        if (item.search) {
          item.search = item.search.map(col => {
            if (col.field && map[col.field.toLowerCase()]) {
              col.field = map[col.field.toLowerCase()].FieldName
            if (col.field) {
              col.field = getVal(col.field)
            }
            return col
          })
@@ -191,163 +410,93 @@
        if (item.action) {
          item.action.forEach(m => {
            if (m.modal && m.modal.fields) {
              m.modal.fields = m.modal.fields.map(col => {
                if (col.field && map[col.field.toLowerCase()]) {
                  col.field = map[col.field.toLowerCase()].FieldName
                }
                return col
              })
            }
            if (m.verify && m.verify.columns) {
              m.verify.columns = m.verify.columns.map(col => {
                if (col.Column && map[col.Column.toLowerCase()]) {
                  col.Column = map[col.Column.toLowerCase()].FieldName
                }
                return col
              })
            }
            if (m.config && m.config.components) {
              m.config.components = _replace(m.config.components)
            }
            resetElement(m)
          })
        }
        if (item.subcards) {
          item.subcards.forEach(card => {
            if (card.setting) {
              if (card.setting.controlField) {
                card.setting.controlField = getVal(card.setting.controlField)
              }
              if (card.setting.bgField) {
                card.setting.bgField = getVal(card.setting.bgField)
              }
              if (card.setting.menuType) {
                card.setting.menuType = getVal(card.setting.menuType)
              }
            }
            if (card.elements) { // 卡片
              card.elements = card.elements.map(m => {
                if (m.datatype === 'dynamic' && map[m.field.toLowerCase()]) {
                  m.field = map[m.field.toLowerCase()].FieldName
                }
                if (m.modal && m.modal.fields) {
                  m.modal.fields = m.modal.fields.map(col => {
                    if (col.field && map[col.field.toLowerCase()]) {
                      col.field = map[col.field.toLowerCase()].FieldName
                    }
                    return col
                  })
                }
                if (m.verify && m.verify.columns) {
                  m.verify.columns = m.verify.columns.map(col => {
                    if (col.Column && map[col.Column.toLowerCase()]) {
                      col.Column = map[col.Column.toLowerCase()].FieldName
                    }
                    return col
                  })
                }
                if (m.config && m.config.components) {
                  m.config.components = _replace(m.config.components)
                }
                resetElement(m)
                return m
              })
            }
            if (card.backElements) { // 卡片
              card.backElements = card.backElements.map(m => {
                if (m.datatype === 'dynamic' && map[m.field.toLowerCase()]) {
                  m.field = map[m.field.toLowerCase()].FieldName
                }
                if (m.modal && m.modal.fields) {
                  m.modal.fields = m.modal.fields.map(col => {
                    if (col.field && map[col.field.toLowerCase()]) {
                      col.field = map[col.field.toLowerCase()].FieldName
                    }
                    return col
                  })
                }
                if (m.verify && m.verify.columns) {
                  m.verify.columns = m.verify.columns.map(col => {
                    if (col.Column && map[col.Column.toLowerCase()]) {
                      col.Column = map[col.Column.toLowerCase()].FieldName
                    }
                    return col
                  })
                }
                if (m.config && m.config.components) {
                  m.config.components = _replace(m.config.components)
                }
                resetElement(m)
                return m
              })
            }
            if (card.fields) { // 表单
              card.fields = card.fields.map(m => {
                if (m.field && map[m.field.toLowerCase()]) {
                  m.field = map[m.field.toLowerCase()].FieldName
                }
                resetForm(m)
                return m
              })
            }
            if (card.subButton) {
              resetElement(card.subButton)
              if (card.subButton.resetForms) {
                card.subButton.resetForms = card.subButton.resetForms.map(n => getVal(n))
              }
            }
          })
        }
        if (item.elements) {
          item.elements = item.elements.map(m => {
            if (m.datatype === 'dynamic' && map[m.field.toLowerCase()]) {
              m.field = map[m.field.toLowerCase()].FieldName
            }
            if (m.modal && m.modal.fields) {
              m.modal.fields = m.modal.fields.map(col => {
                if (col.field && map[col.field.toLowerCase()]) {
                  col.field = map[col.field.toLowerCase()].FieldName
                }
                return col
              })
            }
            if (m.verify && m.verify.columns) {
              m.verify.columns = m.verify.columns.map(col => {
                if (col.Column && map[col.Column.toLowerCase()]) {
                  col.Column = map[col.Column.toLowerCase()].FieldName
                }
                return col
              })
            }
            if (m.config && m.config.components) {
              m.config.components = _replace(m.config.components)
            }
            resetElement(m)
            return m
          })
        }
        if (item.plot) {
          if (item.plot.Xaxis && map[item.plot.Xaxis.toLowerCase()]) {
            item.plot.Xaxis = map[item.plot.Xaxis.toLowerCase()].FieldName
          if (item.plot.Xaxis) {
            item.plot.Xaxis = getVal(item.plot.Xaxis)
          }
          // 统计图
          if (item.plot.InfoValue && map[item.plot.InfoValue.toLowerCase()]) {
            item.plot.InfoValue = map[item.plot.InfoValue.toLowerCase()].FieldName
          if (item.plot.InfoValue) {
            item.plot.InfoValue = getVal(item.plot.InfoValue)
          }
          if (item.plot.InfoType && map[item.plot.InfoType.toLowerCase()]) {
            item.plot.InfoType = map[item.plot.InfoType.toLowerCase()].FieldName
          if (item.plot.InfoType) {
            item.plot.InfoType = getVal(item.plot.InfoType)
          }
          // 占比图
          if (item.plot.valueField && map[item.plot.valueField.toLowerCase()]) {
            item.plot.valueField = map[item.plot.valueField.toLowerCase()].FieldName
          if (item.plot.valueField) {
            item.plot.valueField = getVal(item.plot.valueField)
          }
          if (item.plot.labelField && map[item.plot.labelField.toLowerCase()]) {
            item.plot.labelField = map[item.plot.labelField.toLowerCase()].FieldName
          if (item.plot.labelField) {
            item.plot.labelField = getVal(item.plot.labelField)
          }
          // 饼图
          if (item.plot.type && map[item.plot.type.toLowerCase()]) {
            item.plot.type = map[item.plot.type.toLowerCase()].FieldName
          if (item.plot.type) {
            item.plot.type = getVal(item.plot.type)
          }
          // 散点图
          if (item.plot.gender && map[item.plot.gender.toLowerCase()]) {
            item.plot.gender = map[item.plot.gender.toLowerCase()].FieldName
          if (item.plot.gender) {
            item.plot.gender = getVal(item.plot.gender)
          }
          if (item.Yaxis) {
            if (Array.isArray(item.Yaxis)) {
              item.Yaxis = item.Yaxis.map(m => {
                if (map[m.toLowerCase()]) {
                  return map[m.toLowerCase()].FieldName
                }
                return m
              })
              item.Yaxis = item.Yaxis.map(m => getVal(m))
            } else {
              if (item.Yaxis && map[item.Yaxis.toLowerCase()]) {
                item.Yaxis = map[item.Yaxis.toLowerCase()].FieldName
              }
              item.Yaxis = getVal(item.Yaxis)
            }
          }
        }
@@ -357,40 +506,13 @@
            return cols.map(col => {
              if (col.type === 'custom' && col.elements) {
                col.elements = col.elements.map(m => {
                  if (m.eleType === 'button') {
                    if (m.modal && m.modal.fields) {
                      m.modal.fields = m.modal.fields.map(col => {
                        if (col.field && map[col.field.toLowerCase()]) {
                          col.field = map[col.field.toLowerCase()].FieldName
                        }
                        return col
                      })
                    }
                    if (m.verify && m.verify.columns) {
                      m.verify.columns = m.verify.columns.map(col => {
                        if (col.Column && map[col.Column.toLowerCase()]) {
                          col.Column = map[col.Column.toLowerCase()].FieldName
                        }
                        return col
                      })
                    }
                    if (m.config && m.config.components) {
                      m.config.components = _replace(m.config.components)
                    }
                  } else {
                    if (m.datatype === 'dynamic' && map[m.field.toLowerCase()]) {
                      m.field = map[m.field.toLowerCase()].FieldName
                    }
                  }
                  resetElement(m)
                  return m
                })
              } else if (col.type === 'colspan') {
                col.subcols = _update(col.subcols)
              } else if (col.field) {
                if (map[col.field.toLowerCase()]) {
                  col.field = map[col.field.toLowerCase()].FieldName
                }
                col.field = getVal(col.field)
              }
              
              return col
@@ -398,15 +520,100 @@
          }
          item.cols = _update(item.cols)
          if (item.lineMarks) {
            item.lineMarks = item.lineMarks.map(n => {
              if (n.field && Array.isArray(n.field)) {
                if (n.field[1] === 'static') {
                  n.field[0] = getVal(n.field[0])
                } else {
                  if (n.field[0]) {
                    n.field[0] = getVal(n.field[0])
                  }
                  if (n.field[2]) {
                    n.field[2] = getVal(n.field[2])
                  }
                }
              }
              return n
            })
          }
        }
        if (item.subtype === 'basetable') {
          item.cols = item.cols.map(col => {
            if (col.field && map[col.field.toLowerCase()]) {
              col.field = map[col.field.toLowerCase()].FieldName
        if (item.subMenus) {
          item.subMenus = item.subMenus.map(m => {
            if (m.setting && m.setting.tip) {
              m.setting.tip = getVal(m.setting.tip)
            }
            return col
            return m
          })
        }
        if (item.wrap) {
          if (item.wrap.field) {
            item.wrap.field = getVal(item.wrap.field)
          }
          if (item.wrap.tipField) {
            item.wrap.tipField = getVal(item.wrap.tipField)
          }
          if (item.wrap.controlField) {
            item.wrap.controlField = getVal(item.wrap.controlField)
          }
          if (item.wrap.valueField) {
            item.wrap.valueField = getVal(item.wrap.valueField)
          }
          if (item.wrap.labelField) {
            item.wrap.labelField = getVal(item.wrap.labelField)
          }
          if (item.wrap.parentField) {
            item.wrap.parentField = getVal(item.wrap.parentField)
          }
          if (item.wrap.broadcast) {
            item.wrap.broadcast = getVal(item.wrap.broadcast)
          }
          if (item.wrap.jumpField) {
            item.wrap.jumpField = getVal(item.wrap.jumpField)
          }
          if (item.wrap.link) {
            item.wrap.link = getVal(item.wrap.link)
          }
          if (item.wrap.linkField) {
            item.wrap.linkField = getVal(item.wrap.linkField)
          }
          if (item.wrap.focus) {
            item.wrap.focus = getVal(item.wrap.focus)
          }
          if (item.wrap.refocus) {
            item.wrap.refocus = getVal(item.wrap.refocus)
          }
          if (item.wrap.statusControl) {
            item.wrap.statusControl = getVal(item.wrap.statusControl)
          }
          if (item.wrap.timeField) {
            item.wrap.timeField = getVal(item.wrap.timeField)
          }
          if (item.wrap.endField) {
            item.wrap.endField = getVal(item.wrap.endField)
          }
          if (item.wrap.remarkField) {
            item.wrap.remarkField = getVal(item.wrap.remarkField)
          }
          if (item.wrap.colorField) {
            item.wrap.colorField = getVal(item.wrap.colorField)
          }
          if (item.wrap.menuType) {
            item.wrap.menuType = getVal(item.wrap.menuType)
          }
          if (item.type === 'timeline') {
            if (item.wrap.label) {
              item.wrap.label = getVal(item.wrap.label)
            }
            if (item.wrap.node) {
              item.wrap.node = getVal(item.wrap.node)
            }
          }
        }
        return item
@@ -434,6 +641,15 @@
      confirming: false,
      visible: false
    })
    if (is(fromJS(this.props.config), fromJS(config))) {
      notification.success({
        top: 92,
        message: '未查询到需要替换的字段。',
        duration: 3
      })
      return
    }
    notification.success({
      top: 92,
@@ -544,15 +760,6 @@
          item.cols = _update(item.cols)
        }
        if (item.subtype === 'basetable') {
          item.cols = item.cols.map(col => {
            if (col.field && map[col.field.toLowerCase()]) {
              col.label = map[col.field.toLowerCase()].FieldDec
            }
            return col
          })
        }
        return item
      })
    }
@@ -575,6 +782,15 @@
      visible: false
    })
    if (is(fromJS(this.props.config), fromJS(config))) {
      notification.success({
        top: 92,
        message: '未查询到需要替换的字段。',
        duration: 3
      })
      return
    }
    notification.success({
      top: 92,
      message: '更新已完成。',