2023-11-08

king

2023-11-08 076c2b693da1d42cf3a468c0f3d631c1ed424285

 src/tabviews/custom/components/form/simple-form/index.jsx

@@ -25,8 +25,7 @@
    loading: false,
    data: null,
    group: null,
    BData: '',
    step: 0
    BData: ''
  }

  UNSAFE_componentWillMount () {
@@ -46,7 +45,9 @@
      BID = BData.$BID || ''
    }

    if (_config.wrap.datatype !== 'static') {
    if (_config.wrap.datatype === 'dynamic') {
      _config.setting.onload = _config.setting.sync === 'true' ? 'false' : 'true'

      if (_config.setting.sync === 'true' && window.GLOB.SyncData.has(_config.dataName)) {
        _data = window.GLOB.SyncData.get(_config.dataName) || []
        _data = _data[0] || {$$empty: true}
@@ -62,7 +63,7 @@

    let _group = _config.subcards[0]

    if (_group.subButton.enable === 'false' && (!_group.closeButton || _group.closeButton.enable !== 'true')) {
    if (_group.subButton.enable === 'false' && (!_group.closeButton || _group.closeButton.enable !== 'true') && (!_group.resetButton || _group.resetButton.enable !== 'true')) {
      _group.subButton.style.display = 'none'
      _group.$button = 'no-button'
    }
@@ -72,14 +73,7 @@
      group: _group,
      BID: BID || '',
      BData: BData || '',
      config: _config,
      arr_field: _config.columns.map(col => col.field).join(','),
    }, () => {
      if (config.wrap.datatype !== 'static' && config.setting.sync !== 'true' && config.setting.onload === 'true') {
        setTimeout(() => {
          this.loadData()
        }, config.setting.delay || 0)
      }
      config: _config
    })
  }

@@ -98,6 +92,8 @@
    if (config.setting.sync === 'true') {
      MKEmitter.addListener('transferSyncData', this.transferSyncData)
    }

    this.initExec()
  }

  shouldComponentUpdate (nextProps, nextState) {
@@ -114,6 +110,16 @@
    MKEmitter.removeListener('resetSelectLine', this.resetParentParam)
    MKEmitter.removeListener('transferSyncData', this.transferSyncData)
    MKEmitter.removeListener('refreshByButtonResult', this.refreshByButtonResult)
  }

  initExec = () => {
    const { config } = this.state
    
    if (config.wrap.datatype === 'dynamic' && config.setting.onload === 'true') {
      setTimeout(() => {
        this.loadData()
      }, config.setting.delay || 0)
    }
  }

  transferSyncData = (syncId) => {
@@ -163,6 +169,12 @@

    if ((position === 'mainline' || position === 'popclose') && config.setting.supModule && BID) {
      MKEmitter.emit('reloadData', config.setting.supModule, BID)
    } else if (position === 'grid' && config.wrap.datatype === 'static') {
      this.setState({
        data: null
      }, () => {
        this.setState({data: {$$empty: true}})
      })
    } else {
      this.loadData()
    }
@@ -201,7 +213,7 @@
  execSuccess = (btn, id) => {
    if (btn.linkmenu && btn.linkmenu.length > 0) {
      let menu_id = btn.linkmenu[btn.linkmenu.length - 1]
      let menu = window.GLOB.mkThdMenus.filter(m => m.MenuID === menu_id)[0] || ''
      let menu = window.GLOB.mkThdMenus.get(menu_id) || ''

      if (!menu) return

@@ -215,7 +227,7 @@
  }

  async loadData () {
    const { config, arr_field, BID } = this.state
    const { config, BID } = this.state

    if (config.wrap.datatype === 'static') {
      this.setState({
@@ -246,7 +258,7 @@
    })

    let _orderBy = config.setting.order || ''
    let param = UtilsDM.getQueryDataParams(config.setting, arr_field, searches, _orderBy, 1, 1, BID)
    let param = UtilsDM.getQueryDataParams(config.setting, searches, _orderBy, 1, 1, BID)

    let result = await Api.genericInterface(param)
    if (result.status) {
@@ -296,13 +308,15 @@
    }
  }

  mkFormSubmit = (btnId) => {
  mkFormSubmit = (btnId, callback) => {
    const { group } = this.state

    if (group.uuid !== btnId) return

    this.formRef.handleConfirm().then(res => {
      MKEmitter.emit('triggerFormSubmit', {menuId: btnId, form: res})
    }, () => {
      callback && callback()
    })
  }

@@ -310,6 +324,16 @@
    const { group } = this.state

    MKEmitter.emit('closeTabView', group.subButton.$MenuID)
  }

  resetTab = () => {
    const { data } = this.state

    this.setState({
      data: null
    }, () => {
      this.setState({data: data})
    })
  }

  render() {
@@ -344,6 +368,7 @@
            columns={config.columns}
            selectedData={data.$$empty ? [] : [data]}
          />
          {group.resetButton && group.resetButton.enable === 'true' ? <Button type="link" onClick={this.resetTab} style={group.resetButton.style}>{group.resetButton.label}</Button> : null}
          {group.closeButton && group.closeButton.enable === 'true' ? <Button type="link" onClick={this.closeTab} style={group.closeButton.style}>{group.closeButton.label}</Button> : null}
        </div> : null}
      </div>