2024-03-03

king

2024-03-03 67036fb0ed31d77ca33b660ce5f9f47c29ae65c0

 src/tabviews/custom/components/table/edit-table/normalTable/index.jsx

@@ -15,12 +15,13 @@

const { Paragraph } = Typography
const MkIcon = asyncComponent(() => import('@/components/mk-icon'))
const MKPopSelect = asyncComponent(() => import('./mkPopSelect'))
const CardCellComponent = asyncComponent(() => import('@/tabviews/custom/components/card/cardcellList'))

class CusSwitch extends Component {
class MkSwitch extends Component {
  static propTpyes = {
    autoFocus: PropTypes.bool,
    defaultValue: PropTypes.any,
    autoFocus: PropTypes.any,
    config: PropTypes.object,
    onChange: PropTypes.func
  }
@@ -28,6 +29,8 @@
  state = {
    status: false
  }

  node = null

  UNSAFE_componentWillMount () {
    const { defaultValue, config } = this.props
@@ -42,29 +45,67 @@
  }

  changeStatus = (val) => {
    const { config } = this.props
    this.setState({ status: val }, () => {
      let _val = val ? config.openVal : config.closeVal
      let _text = val ? config.openText : config.closeText
      this.props.onChange(_val, _text)
    })
    const { config, lineId } = this.props

    this.setState({ status: val })

    let values = {[config.field]: val ? config.openVal : config.closeVal}
    
    this.props.onChange(values, '')

    this.node.blur()
    
    if (/\$noAct/.test(config.enter)) return

    if (/\$next/.test(config.enter)) {
      MKEmitter.emit('nextLine' + config.tableId, lineId, config.enter.replace('$next_', ''))
    } else {
      MKEmitter.emit('setFocus' + config.tableId, lineId, config.enter)
    }
  }

  onFocus = () => {
    const { config, lineId } = this.props

    if (!config.$ctrl) return

    MKEmitter.emit('colFocus' + config.tableId, lineId, config.uuid)
  }

  onBlur = () => {
    const { config, lineId } = this.props

    if (config.$ctrl) {
      MKEmitter.emit('colBlur' + config.tableId, lineId, config.uuid)
    }

    this.props.onBlur && this.props.onBlur()
  }

  render() {
    const { config, autoFocus } = this.props
    const { status } = this.state

    return (
      <Switch checkedChildren={config.openText} autoFocus={autoFocus} onBlur={this.props.onBlur} unCheckedChildren={config.closeText} checked={status} onChange={this.changeStatus} />
      <Switch
        ref={ref => this.node = ref}
        checkedChildren={config.openText}
        checked={status}
        autoFocus={autoFocus}
        onFocus={this.onFocus}
        onBlur={this.onBlur}
        unCheckedChildren={config.closeText}
        onChange={this.changeStatus}
      />
    )
  }
}

class CusDatePicker extends Component {
class MkDatePicker extends Component {
  static propTpyes = {
    defaultValue: PropTypes.any,
    config: PropTypes.object,
    onChange: PropTypes.func,
    blur: PropTypes.func
    onChange: PropTypes.func
  }
  
  state = {
@@ -73,21 +114,89 @@
  }

  UNSAFE_componentWillMount () {
    const { value, open } = this.props
    const { defaultValue } = this.props
    
    let _value = value || null
    let _value = defaultValue || null
    if (_value) {
      _value = moment(_value, 'YYYY-MM-DD HH:mm:ss')
    }
    
    this.setState({value: _value, open: open === true})
    this.setState({value: _value})
  }

  componentDidMount() {
    const { config, autoFocus, lineId } = this.props

    if (autoFocus === true) {
      this.setState({open: true})

      if (config.$ctrl) {
        MKEmitter.emit('colFocus' + config.tableId, lineId, config.uuid)
      }
    }

    MKEmitter.addListener('setFocus' + config.tableId, this.setFocus)
  }

  componentWillUnmount () {
    this.setState = () => {
      return
    }

    MKEmitter.removeListener('setFocus' + this.props.config.tableId, this.setFocus)
  }

  setFocus = (lId, colId) => {
    const { config, lineId } = this.props

    if (lId !== lineId || config.uuid !== colId) return

    this.setState({open: true})

    if (config.$ctrl) {
      MKEmitter.emit('colFocus' + config.tableId, lineId, config.uuid)
    }
  }

  onOpenChange = (open) => {
    const { config, lineId } = this.props

    this.setState({open})

    if (open === false) {
      this.props.blur()
    if (!open) {
      this.props.onBlur && this.props.onBlur()
    }

    if (!config.$ctrl) return

    if (open) {
      MKEmitter.emit('colFocus' + config.tableId, lineId, config.uuid)
    } else {
      MKEmitter.emit('colBlur' + config.tableId, lineId, config.uuid)
    }
  }

  onChange = (val) => {
    const { config, lineId } = this.props

    let _val = val ? moment(val).format(config.format) : ''

    if (config.precision === 'hour') {
      _val = _val + ':00:00'
    } else if (config.precision === 'minute') {
      _val = _val + ':00'
    }

    let values = {[config.field]: _val}

    this.props.onChange(values)

    if (/\$noAct/.test(config.enter)) return

    if (/\$next/.test(config.enter)) {
      MKEmitter.emit('nextLine' + config.tableId, lineId, config.enter.replace('$next_', ''))
    } else {
      MKEmitter.emit('setFocus' + config.tableId, lineId, config.enter)
    }
  }

@@ -96,7 +205,395 @@
    const { value, open } = this.state

    return (
      <DatePicker dropdownClassName={'mk-date-picker ' + config.precision} showTime={config.format !== 'YYYY-MM-DD'} format={config.format} open={open} defaultValue={value} onChange={this.props.onChange} onOpenChange={this.onOpenChange}/>
      <DatePicker dropdownClassName={'mk-date-picker ' + config.precision} showTime={config.format !== 'YYYY-MM-DD'} format={config.format} open={open} defaultValue={value} onChange={this.onChange} onOpenChange={this.onOpenChange}/>
    )
  }
}

class MkSelect extends Component {
  static propTpyes = {
    defaultValue: PropTypes.any,
    lineId: PropTypes.string,
    config: PropTypes.object,
    onChange: PropTypes.func,
  }
  
  state = {
    value: ''
  }

  node = null

  UNSAFE_componentWillMount() {
    const { defaultValue } = this.props

    this.setState({value: defaultValue})
  }

  componentDidMount() {
    const { config, autoFocus, lineId } = this.props

    if (autoFocus) {
      let node = document.getElementById(config.uuid + lineId)
      node && node.click()
    }
    MKEmitter.addListener('setFocus' + config.tableId, this.setFocus)
  }

  UNSAFE_componentWillReceiveProps(nextProps) {
    if (nextProps.defaultValue !== this.props.defaultValue) {
      this.setState({value: nextProps.defaultValue})
    }
  }

  componentWillUnmount () {
    this.setState = () => {
      return
    }

    MKEmitter.removeListener('setFocus' + this.props.config.tableId, this.setFocus)
  }

  setFocus = (lId, colId) => {
    const { config, lineId } = this.props

    if (lId !== lineId || config.uuid !== colId) return

    let node = document.getElementById(config.uuid + lineId)
    node && node.click()
  }

  onSelectChange = (val, option) => {
    const { config, lineId } = this.props

    let values = {}
    let _option = config.options.filter(m => m.key === option.key)[0]

    if (_option) {
      if (config.linkSubField) {
        config.linkSubField.forEach((m, i) => {
          values[m] = _option[m] !== undefined ? _option[m] : ''
        })
      }

      values[config.field] = val
    }

    this.setState({value: val})

    this.props.onChange(values, val)

    if (config.enter === '$noActX') return

    this.node.blur()
    
    if (/\$noAct/.test(config.enter)) return

    setTimeout(() => {
      if (/\$next/.test(config.enter)) {
        MKEmitter.emit('nextLine' + config.tableId, lineId, config.enter.replace('$next_', ''))
      } else {
        MKEmitter.emit('setFocus' + config.tableId, lineId, config.enter)
      }
    }, 100)
  }

  onFocus = () => {
    const { config, lineId } = this.props

    if (!config.$ctrl) return

    MKEmitter.emit('colFocus' + config.tableId, lineId, config.uuid)
  }

  onBlur = () => {
    const { config, lineId } = this.props

    if (config.$ctrl) {
      MKEmitter.emit('colBlur' + config.tableId, lineId, config.uuid, true)
    }

    setTimeout(() => {
      this.props.onBlur && this.props.onBlur()
    }, 10)
  }

  render() {
    const { config, lineId } = this.props
    const { value } = this.state

    return (
      <Select
        showSearch
        dropdownClassName="edit-table-dropdown"
        dropdownMatchSelectWidth={config.dropdown === 'fixed'}
        value={value}
        id={config.uuid + lineId}
        ref={ref => this.node = ref}
        onFocus={this.onFocus}
        onBlur={this.onBlur}
        filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
        onSelect={this.onSelectChange}
      >
        {config.options.map(item => (<Select.Option key={item.key} disabled={item.$disabled} value={item.value}>{item.label}</Select.Option>))}
      </Select>
    )
  }
}

class MkInput extends Component {
  static propTpyes = {
    defaultValue: PropTypes.any,
    lineId: PropTypes.string,
    config: PropTypes.object,
    onChange: PropTypes.func
  }
  
  state = {
    value: null,
    err: null
  }

  node = null

  UNSAFE_componentWillMount() {
    const { defaultValue } = this.props

    this.setState({value: defaultValue})
  }

  componentDidMount() {
    const { config, autoFocus } = this.props

    if (autoFocus) {
      this.node.select()
    }
    MKEmitter.addListener('setFocus' + config.tableId, this.setFocus)
  }

  UNSAFE_componentWillReceiveProps(nextProps) {
    if (nextProps.defaultValue !== this.props.defaultValue) {
      this.setState({value: nextProps.defaultValue})
    }
  }

  componentWillUnmount () {
    this.setState = () => {
      return
    }

    MKEmitter.removeListener('setFocus' + this.props.config.tableId, this.setFocus)
  }

  setFocus = (lId, colId) => {
    const { config, lineId } = this.props

    if (lId !== lineId || config.uuid !== colId) return

    this.node.select()
  }

  onChange = (val) => {
    this.setState({value: val})
  }

  onFocus = () => {
    const { config, lineId } = this.props

    if (!config.$ctrl) return

    MKEmitter.emit('colFocus' + config.tableId, lineId, config.uuid)
  }

  enterPress = () => {
    const { config, lineId } = this.props

    this.node.blur()
    
    if (/\$noAct/.test(config.enter)) return

    if (/\$next/.test(config.enter)) {
      MKEmitter.emit('nextLine' + config.tableId, lineId, config.enter.replace('$next_', ''))
    } else {
      MKEmitter.emit('setFocus' + config.tableId, lineId, config.enter)
    }
  }

  onBlur = () => {
    const { config, lineId } = this.props
    const { value } = this.state
    
    let err = null

    if (config.required === 'true' && !value) {
      err = '请填写' + config.label
    }

    this.setState({err})

    this.props.onChange({[config.field]: value})

    if (config.$ctrl) {
      MKEmitter.emit('colBlur' + config.tableId, lineId, config.uuid)
    }

    this.props.onBlur && this.props.onBlur()
  }

  render() {
    const { value, err } = this.state

    return (
      <Input
        title={err}
        className={err ? 'has-error' : ''}
        ref={ref => this.node = ref}
        value={value}
        onChange={(e) => this.onChange(e.target.value)}
        onPressEnter={this.enterPress}
        onFocus={this.onFocus}
        onBlur={this.onBlur}
      />
    )
  }
}

class MkInputNumber extends Component {
  static propTpyes = {
    defaultValue: PropTypes.any,
    lineId: PropTypes.string,
    config: PropTypes.object,
    onChange: PropTypes.func
  }
  
  state = {
    value: null,
    err: null,
    clear: false
  }

  node = null

  UNSAFE_componentWillMount() {
    const { defaultValue } = this.props

    this.setState({value: defaultValue})
  }

  componentDidMount() {
    const { config, autoFocus } = this.props

    if (autoFocus) {
      this.node.focus()
    }
    MKEmitter.addListener('setFocus' + config.tableId, this.setFocus)
  }

  UNSAFE_componentWillReceiveProps(nextProps) {
    if (nextProps.defaultValue !== this.props.defaultValue) {
      this.setState({value: nextProps.defaultValue})
    }
  }

  componentWillUnmount () {
    this.setState = () => {
      return
    }

    MKEmitter.removeListener('setFocus' + this.props.config.tableId, this.setFocus)
  }

  setFocus = (lId, colId) => {
    const { config, lineId } = this.props

    if (lId !== lineId || config.uuid !== colId) return

    this.node.focus()
  }

  onChange = (val) => {
    const { config } = this.props

    this.setState({value: val})

    if (config.clearField && val && !this.state.clear) {
      this.setState({clear: true})

      this.props.onChange({[config.clearField]: ''})
    }
  }

  onFocus = () => {
    const { config, lineId } = this.props

    this.setState({clear: false})

    if (!config.$ctrl) return

    MKEmitter.emit('colFocus' + config.tableId, lineId, config.uuid)
  }

  enterPress = () => {
    const { config, lineId } = this.props

    this.node.blur()
    
    if (/\$noAct/.test(config.enter)) return

    setTimeout(() => {
      if (/\$next/.test(config.enter)) {
        MKEmitter.emit('nextLine' + config.tableId, lineId, config.enter.replace('$next_', ''))
      } else {
        MKEmitter.emit('setFocus' + config.tableId, lineId, config.enter)
      }
    }, 10)
  }

  onBlur = () => {
    const { config, lineId } = this.props

    if (config.$ctrl) {
      MKEmitter.emit('colBlur' + config.tableId, lineId, config.uuid)
    }

    setTimeout(() => {
      let err = null
      let value = this.state.value

      if (config.noValue === 'hide' && !value) {
        value = 0
      } else {
        if (typeof(config.max) === 'number' && value > config.max) {
          err = config.label + '最大为' + config.max
        } else if (typeof(config.min) === 'number' && value < config.min) {
          err = config.label + '最小为' + config.min
        }
      }

      this.setState({err})

      this.props.onChange({[config.field]: value})

      this.props.onBlur && this.props.onBlur()
    }, 5)
  }

  render() {
    const { config } = this.props
    const { value, err } = this.state

    return (
      <InputNumber
        title={err}
        className={err ? 'has-error' : ''}
        ref={ref => this.node = ref}
        precision={config.decimal || 0}
        value={value}
        onChange={(value) => this.onChange(value)}
        onPressEnter={this.enterPress}
        onFocus={this.onFocus}
        onBlur={this.onBlur}
      />
    )
  }
}
@@ -179,9 +676,15 @@

class BodyCell extends React.Component {
  state = {
    editing: false,
    err: null,
    value: ''
    editing: false
  }

  componentDidMount() {
    const { col } = this.props

    if (col && col.editable === 'true') {
      MKEmitter.addListener('setFocus' + col.tableId, this.setFocus)
    }
  }

  shouldComponentUpdate (nextProps, nextState) {
@@ -195,190 +698,43 @@
    this.setState = () => {
      return
    }
    if (this.props.col) {
      MKEmitter.removeListener('setFocus' + this.props.col.tableId, this.setFocus)
    }
  }

  enterPress = () => {
  setFocus = (lId, colId) => {
    const { col, record } = this.props
    const { value } = this.state

    this.setState({editing: false})
    setTimeout(() => {
      if (/\$next/.test(col.enter)) {
        MKEmitter.emit('nextLine', col, record.$$uuid)
      } else if (col.enter === '$sub') {
        MKEmitter.emit('subLine', col, record)
      } else if (col.enter !== '$noAct') {
        let node = document.getElementById(col.enter + record.$$uuid)
        node && node.click()
      }
    }, 50)
    if (lId !== record.$$uuid || col.uuid !== colId) return
    if (col.ctrlField && col.ctrlValue.includes(record[col.ctrlField] + '')) return

    if (value !== record[col.field]) {
      MKEmitter.emit('changeRecord', col.tableId, {...record, [col.field]: value})
    }
    this.setState({editing: true})
  }

  focus = () => {
    const { col, record } = this.props

    if (col.ctrlField && col.ctrlValue.includes(record[col.ctrlField])) return
    if (col.ctrlField && col.ctrlValue.includes(record[col.ctrlField] + '')) return

    if (col.editType === 'switch' || col.editType === 'select') {
      this.setState({editing: true}, () => {
        let node = document.getElementById(col.uuid + record.$$uuid)
        node && node.click()
      })
    } else {
      let err = null
      let val = record[col.field] !== undefined ? record[col.field] : ''
  
      if (col.type === 'number') {
        val = +val
        if (isNaN(val)) {
          val = 0
        }
        if (typeof(col.max) === 'number' && val > col.max) {
          err = col.label + '最大为' + col.max
        } else if (typeof(col.min) === 'number' && val < col.min) {
          err = col.label + '最小为' + col.min
        }
      } else if (col.required === 'true' && !val) {
        err = '请填写' + col.label
      }
  
      this.setState({editing: true, value: val, err}, () => {
        let node = document.getElementById(col.uuid + record.$$uuid)
        node && node.select()
      })
    }
    this.setState({editing: true})
  }

  onBlur = () => {
    const { col, record } = this.props
    const { value } = this.state

    this.setState({editing: false})

    if (value !== record[col.field]) {
      MKEmitter.emit('changeRecord', col.tableId, {...record, [col.field]: value})
    }
  }
  
  onChange = (val) => {
    const { col } = this.props
    
    let err = null

    if (col.type === 'number') {
      val = +val
      if (isNaN(val)) {
        val = 0
      }
      if (typeof(col.max) === 'number' && val > col.max) {
        err = col.label + '最大为' + col.max
      } else if (typeof(col.min) === 'number' && val < col.min) {
        err = col.label + '最小为' + col.min
      }
    } else if (col.required === 'true' && !val) {
      err = '请填写' + col.label
    }
    
    this.setState({value: val, err})
  }

  onSwitchChange = (val, label) => {
  onColChange = (values) => {
    const { col, record } = this.props

    this.setState({editing: false})

    setTimeout(() => {
      if (/\$next/.test(col.enter)) {
        MKEmitter.emit('nextLine', col, record.$$uuid)
      } else if (col.enter === '$sub') {
        MKEmitter.emit('subLine', col, record)
      } else if (col.enter !== '$noAct') {
        let node = document.getElementById(col.enter + record.$$uuid)
        node && node.click()
      }
    }, 50)

    MKEmitter.emit('changeRecord', col.tableId, {...record, [col.field]: val})
  }

  onSelectChange = (val, option) => {
    const { col, record } = this.props

    let values = {}
    let _option = col.options.filter(m => m.key === option.key)[0]

    if (_option) {
      if (col.linkSubField) {
        col.linkSubField.forEach(m => {
          values[m] = _option[m] !== undefined ? _option[m] : ''
        })
      }

      values[col.field] = val
    }

    this.setState({editing: false})

    setTimeout(() => {
      if (/\$next/.test(col.enter)) {
        MKEmitter.emit('nextLine', col, record.$$uuid)
      } else if (col.enter === '$sub') {
        MKEmitter.emit('subLine', col, record)
      } else if (col.enter !== '$noAct') {
        let node = document.getElementById(col.enter + record.$$uuid)
        node && node.click()
      }
    }, 50)

    MKEmitter.emit('changeRecord', col.tableId, {...record, ...values})
  }

  onDateChange = (val) => {
    const { col, record } = this.props

    let _val = val ? moment(val).format(col.format) : ''

    if (col.precision === 'hour') {
      _val = _val + ':00:00'
    } else if (col.precision === 'minute') {
      _val = _val + ':00'
    }

    this.setState({editing: false})

    setTimeout(() => {
      if (/\$next/.test(col.enter)) {
        MKEmitter.emit('nextLine', col, record.$$uuid)
      } else if (col.enter === '$sub') {
        MKEmitter.emit('subLine', col, record)
      } else if (col.enter !== '$noAct') {
        let node = document.getElementById(col.enter + record.$$uuid)
        node && node.click()
      }
    }, 50)

    MKEmitter.emit('changeRecord', col.tableId, {...record, [col.field]: _val})
  }

  switchBlur = () => {
    setTimeout(() => {
      this.setState({editing: false})
    }, 10)
    MKEmitter.emit('changeRecord' + col.tableId, {...record, ...values})
  }

  render() {
    let { col, config, record, style, className, ...resProps } = this.props
    const { editing, value, err } = this.state
    const { editing } = this.state

    if (!col) return (<td {...resProps} className={className} style={style}/>)

    let disabled = false
    if (col.ctrlField) {
      disabled = col.ctrlValue.includes(record[col.ctrlField])
      disabled = col.ctrlValue.includes(record[col.ctrlField] + '')
    }

    let children = null
@@ -390,6 +746,16 @@

      if (col.editType === 'select' && col.options.length > 0) {
        content = col.map.get(content) || content
      } else if (col.editType === 'switch') {
        if (content === config.openVal) {
          content = config.openText
        } else if (content === config.closeVal) {
          content = config.closeText
        }
      } else if (col.editType === 'popSelect') {
        if (col.showField) {
          content = record[col.showField] || content
        }
      }

      if (content !== '') {
@@ -399,6 +765,10 @@
          content = `${content.substr(0, 4)}-${content.substr(5, 2)}-${content.substr(8, 2)} ${content.substr(11, 2)}:${content.substr(14, 2)}:${content.substr(17, 2)}`
        } else if (col.textFormat === 'encryption') {
          content = <span>{col.prefix || ''}<Encrypts value={content} />{col.postfix || ''}</span>
        }

        if (col.noValue === 'hide' && content < '1949-10-02') {
          content = ''
        }

        if (col.textFormat !== 'encryption') {
@@ -432,36 +802,32 @@

      if (col.editable === 'true' && !disabled) {
        if (editing) {
          let _value = record[col.field] !== undefined ? record[col.field] : ''

          if (!col.editType || col.editType === 'text') {
            return (<td onClick={(e) => e.stopPropagation()} className="editing_table_cell">
              <Input className={err ? 'has-error' : ''} title={err} id={col.uuid + record.$$uuid} defaultValue={value} onChange={(e) => this.onChange(e.target.value)} onPressEnter={this.enterPress} onBlur={this.onBlur}/>
              <MkInput config={col} lineId={record.$$uuid} defaultValue={_value} autoFocus={true} onChange={this.onColChange} onBlur={() => this.setState({editing: false})}/>
            </td>)
          } else if (col.editType === 'switch') {
            return (<td onClick={(e) => e.stopPropagation()} className="editing_table_cell">
              <MkSwitch config={col} lineId={record.$$uuid} defaultValue={_value} autoFocus={true} onChange={this.onColChange} onBlur={() => this.setState({editing: false})}/>
            </td>)
          } else if (col.editType === 'date') {
            return (<td onClick={(e) => e.stopPropagation()} className="editing_table_cell">
              <CusDatePicker config={col} value={record[col.field] || null} open={true} onChange={this.onDateChange} blur={() => this.setState({editing: false})}/>
              <MkDatePicker config={col} lineId={record.$$uuid} defaultValue={_value || null} autoFocus={true} onChange={this.onColChange} onBlur={() => this.setState({editing: false})}/>
            </td>)
          } else if (col.editType === 'switch') {
            let _value = record[col.field] !== undefined ? record[col.field] : ''
          } else if (col.editType === 'popSelect') {
            let showValue = ''
            if (col.showField) {
              showValue = record[col.showField] || ''
            }

            return (<td onClick={(e) => e.stopPropagation()} className="editing_table_cell">
              <CusSwitch config={col} defaultValue={_value} autoFocus={true} onChange={this.onSwitchChange} onBlur={this.switchBlur}/>
              <MKPopSelect config={col} lineId={record.$$uuid} defaultValue={_value} showValue={showValue} BID={record.$$BID} autoFocus={true} onChange={this.onColChange} onBlur={() => this.setState({editing: false})}/>
            </td>)
          } else {
            let _value = record[col.field] !== undefined ? record[col.field] : ''

            return (<td onClick={(e) => e.stopPropagation()} className="editing_table_cell">
              <Select
                showSearch
                defaultValue={_value}
                dropdownClassName="edit-table-dropdown"
                dropdownMatchSelectWidth={col.dropdown === 'fixed'}
                id={col.uuid + record.$$uuid}
                onBlur={() => this.setState({editing: false})}
                filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
                onSelect={this.onSelectChange}
              >
                {col.options.map((item, i) => (<Select.Option key={item.key} disabled={item.$disabled} value={item.value}>{item.label}</Select.Option>))}
              </Select>
              <MkSelect config={col} lineId={record.$$uuid} defaultValue={_value} autoFocus={true} onChange={this.onColChange} onBlur={() => this.setState({editing: false})}/>
            </td>)
          }
        } else {
@@ -532,12 +898,12 @@

      if (col.editable === 'true' && !disabled) {
        if (editing) {
          let val = value
          if (col.noValue === 'hide' && value === 0) {
          let val = record[col.field] !== undefined ? record[col.field] : ''
          if (col.noValue === 'hide' && val === 0) {
            val = ''
          }
          return (<td onClick={(e) => e.stopPropagation()} className="editing_table_cell">
            <InputNumber className={err ? 'has-error' : ''} precision={col.decimal || 0} title={err} id={col.uuid + record.$$uuid} defaultValue={val} onChange={(val) => this.onChange(val)} onPressEnter={this.enterPress} onBlur={this.onBlur}/>
            <MkInputNumber config={col} lineId={record.$$uuid} defaultValue={val} autoFocus={true} onChange={this.onColChange} onBlur={() => this.setState({editing: false})}/>
          </td>)
        } else {
          return (<td onClick={(e) => e.stopPropagation()} className={className + ' pointer'} style={style}>
@@ -652,30 +1018,10 @@
}

class BodyAllCell extends React.Component {
  state = {
    err: null,
    value: ''
  }
  state = {}

  shouldComponentUpdate (nextProps, nextState) {
    return !is(fromJS(this.props.record), fromJS(nextProps.record)) || !is(fromJS(this.state), fromJS(nextState))
  }

  UNSAFE_componentWillMount() {
    const { col } = this.props

    if (col && col.editable === 'true') {
      this.setState({value: this.props.record[col.field]})
    }
  }

  UNSAFE_componentWillReceiveProps(nextProps) {
    const { col } = this.props
    const { value } = this.state

    if (col && col.editable === 'true' && nextProps.record[col.field] !== value) {
      this.setState({value: nextProps.record[col.field]})
    }
  }

  /**
@@ -687,162 +1033,21 @@
    }
  }

  enterPress = () => {
  onColChange = (values) => {
    const { col, record } = this.props

    this.onBlur()

    setTimeout(() => {
      if (/\$next/.test(col.enter)) {
        MKEmitter.emit('nextLine', col, record.$$uuid)
      } else if (col.enter === '$sub') {
        MKEmitter.emit('subLine', col, record)
      } else if (col.enter !== '$noAct') {
        let node = document.getElementById(col.enter + record.$$uuid)

        if (node) {
          if (col.triType === 'click') {
            node.click()
          } else {
            node.select && node.select()
          }
        }
      }
    }, 50)
  }
  
  onChange = (val) => {
    const { col } = this.props

    if (col.noValue === 'hide' && val === null) {
      this.setState({value: 0})
    } else {
      this.setState({value: val})
    }
  }

  onBlur = () => {
    const { col, record } = this.props
    const { value } = this.state
    
    let err = null
    let val = value

    if (col.type === 'number') {
      val = +val
      if (isNaN(val)) {
        val = 0
      }
      if (typeof(col.max) === 'number' && val > col.max) {
        err = col.label + '最大为' + col.max
      } else if (typeof(col.min) === 'number' && val < col.min) {
        err = col.label + '最小为' + col.min
      }
    } else if (col.required === 'true' && !val) {
      err = '请填写' + col.label
    }

    this.setState({err})

    if (value !== record[col.field]) {
      MKEmitter.emit('changeRecord', col.tableId, {...record, [col.field]: val})
    }
  }

  onSwitchChange = (val, label) => {
    const { col, record } = this.props

    setTimeout(() => {
      if (/\$next/.test(col.enter)) {
        MKEmitter.emit('nextLine', col, record.$$uuid)
      } else if (col.enter === '$sub') {
        MKEmitter.emit('subLine', col, record)
      } else if (col.enter !== '$noAct') {
        let node = document.getElementById(col.enter + record.$$uuid)
        if (node) {
          if (col.triType === 'click') {
            node.click()
          } else {
            node.select && node.select()
          }
        }
      }
    }, 50)

    MKEmitter.emit('changeRecord', col.tableId, {...record, [col.field]: val})
  }

  onSelectChange = (val, option) => {
    const { col, record } = this.props

    let values = {}
    let _option = col.options.filter(m => m.key === option.key)[0]

    if (_option) {
      if (col.linkSubField) {
        col.linkSubField.forEach(m => {
          values[m] = _option[m] !== undefined ? _option[m] : ''
        })
      }

      values[col.field] = val
    }

    setTimeout(() => {
      if (/\$next/.test(col.enter)) {
        MKEmitter.emit('nextLine', col, record.$$uuid)
      } else if (col.enter === '$sub') {
        MKEmitter.emit('subLine', col, record)
      } else if (col.enter !== '$noAct') {
        let node = document.getElementById(col.enter + record.$$uuid)
        if (node) {
          if (col.triType === 'click') {
            node.click()
          } else {
            node.select && node.select()
          }
        }
      }
    }, 50)

    MKEmitter.emit('changeRecord', col.tableId, {...record, ...values})
  }

  onDateChange = (val) => {
    const { col, record } = this.props

    let _val = val ? moment(val).format(col.format) : ''

    if (col.precision === 'hour') {
      _val = _val + ':00:00'
    } else if (col.precision === 'minute') {
      _val = _val + ':00'
    }

    setTimeout(() => {
      if (/\$next/.test(col.enter)) {
        MKEmitter.emit('nextLine', col, record.$$uuid)
      } else if (col.enter === '$sub') {
        MKEmitter.emit('subLine', col, record)
      } else if (col.enter !== '$noAct') {
        let node = document.getElementById(col.enter + record.$$uuid)
        node && node.click()
      }
    }, 50)

    MKEmitter.emit('changeRecord', col.tableId, {...record, [col.field]: _val})
    MKEmitter.emit('changeRecord' + col.tableId, {...record, ...values})
  }

  render() {
    let { col, config, record, style, className, ...resProps } = this.props
    const { err } = this.state

    if (!col) return (<td {...resProps} className={className} style={style}/>)

    let disabled = false
    let editable = false
    if (col.ctrlField) {
      disabled = col.ctrlValue.includes(record[col.ctrlField])
      disabled = col.ctrlValue.includes(record[col.ctrlField] + '')
    }

    let children = null
@@ -852,31 +1057,30 @@
        let _value = record[col.field] !== undefined ? record[col.field] : ''
        
        if (!col.editType || col.editType === 'text') {
          children = (<>
            <Input className={err ? 'has-error' : ''} title={err} id={col.uuid + record.$$uuid} defaultValue={_value} onChange={(e) => this.onChange(e.target.value)} onPressEnter={this.enterPress} onBlur={this.onBlur}/>
          </>)
          children = (
            <MkInput config={col} lineId={record.$$uuid} defaultValue={_value} autoFocus={false} onChange={this.onColChange}/>
          )
        } else if (col.editType === 'switch') {
          children = (
            <CusSwitch config={col} autoFocus={false} defaultValue={_value} onChange={this.onSwitchChange} onBlur={() => {}}/>
            <MkSwitch config={col} lineId={record.$$uuid} defaultValue={_value} autoFocus={false} onChange={this.onColChange}/>
          )
        } else if (col.editType === 'date') {
          children = (
            <CusDatePicker config={col} value={record[col.field] || null} onChange={this.onDateChange} blur={() => {}}/>
            <MkDatePicker config={col} lineId={record.$$uuid} defaultValue={_value || null} autoFocus={false} onChange={this.onColChange}/>
          )
        } else if (col.editType === 'popSelect') {
          let showValue = ''
          if (col.showField) {
            showValue = record[col.showField] || ''
          }
          
          children = (
            <MKPopSelect config={col} lineId={record.$$uuid} defaultValue={_value} showValue={showValue} BID={record.$$BID} autoFocus={false} onChange={this.onColChange}/>
          )
        } else {
          children = (<>
            <Select
              showSearch
              dropdownClassName="edit-table-dropdown"
              dropdownMatchSelectWidth={col.dropdown === 'fixed'}
              defaultValue={_value}
              id={col.uuid + record.$$uuid}
              filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
              onSelect={this.onSelectChange}
            >
              {col.options.map((item, i) => (<Select.Option key={item.key} disabled={item.$disabled} value={item.value}>{item.label}</Select.Option>))}
            </Select>
          </>)
          children = (
            <MkSelect config={col} lineId={record.$$uuid} defaultValue={_value} autoFocus={false} onChange={this.onColChange} />
          )
        }
      } else {
        let content = ''
@@ -886,6 +1090,16 @@

        if (col.editType === 'select' && col.options.length > 0) {
          content = col.map.get(content) || content
        } else if (col.editType === 'switch') {
          if (content === config.openVal) {
            content = config.openText
          } else if (content === config.closeVal) {
            content = config.closeText
          }
        } else if (col.editType === 'popSelect') {
          if (col.showField) {
            content = record[col.showField] || content
          }
        }

        if (content !== '') {
@@ -895,6 +1109,10 @@
            content = `${content.substr(0, 4)}-${content.substr(5, 2)}-${content.substr(8, 2)} ${content.substr(11, 2)}:${content.substr(14, 2)}:${content.substr(17, 2)}`
          } else if (col.textFormat === 'encryption') {
            content = <span>{col.prefix || ''}<Encrypts value={content} />{col.postfix || ''}</span>
          }

          if (col.noValue === 'hide' && content < '1949-10-02') {
            content = ''
          }

          if (col.textFormat !== 'encryption') {
@@ -941,9 +1159,9 @@
          _value = ''
        }

        children = (<>
          <InputNumber className={err ? 'has-error' : ''} title={err} precision={col.decimal || 0} id={col.uuid + record.$$uuid} defaultValue={_value} onChange={(val) => this.onChange(val)} onPressEnter={this.enterPress} onBlur={this.onBlur}/>
        </>)
        children = (
          <MkInputNumber config={col} lineId={record.$$uuid} defaultValue={_value} autoFocus={false} onChange={this.onColChange}/>
        )
      } else {
        let content = ''
        try {
@@ -1140,7 +1358,6 @@
    pageSize: 10,         // 每页数据条数
    columns: null,        // 显示列
    forms: [],
    signForms: [],
    orderfields: {},      // 排序id与field转换
    loading: false,
    pageOptions: [],
@@ -1148,8 +1365,15 @@
    visible: false,
    midData: null,
    allColumns: null,
    checkForms: [],
    allForms: [],
    reseting: false
  }

  timer = null
  focusId = ''
  blurId = ''
  colId = ''

  UNSAFE_componentWillMount () {
    const { setting, fields, columns, BID, colsCtrls } = this.props
@@ -1159,31 +1383,42 @@
    let deForms = []
    let _forms = {}
    let hasBid = false
    let signForms = []
    let index = 0
    let checkForms = []
    let allForms = []

    let getColumns = (cols) => {
    let getColumns = (cols, sk) => {
      return cols.map(item => {
        let cell = null
  
        if (item.type === 'colspan') {
          cell = { title: item.label, align: item.Align, $key: item.uuid }
          cell.children = getColumns(item.subcols)
          cell.children = getColumns(item.subcols, sk || item.uuid)
        } else {
          if (item.editable === 'true') {
            item.$sort = index
            index++
            _forms[item.field] = item

            signForms.push(item.field)
            allForms.push({uuid: sk || item.uuid, field: item.field})
            checkForms.push(item.field)

            if (item.ctrlField) {
              item.ctrlValue = item.ctrlValue.split(',')
            }
            
            if (item.type === 'text' && item.editType === 'select') {
            if (item.type === 'number' && item.clearField) {
              fields.forEach(cell => {
                if (cell.field === item.clearField) {
                  item.clearName = cell.label
                }
              })
            } else if (item.type === 'text' && item.editType === 'select') {
              item.map = new Map()
              if (item.resourceType === '1') {
                let _option = Utils.getSelectQueryOptions(item)
  
                if (/@BID@/ig.test(_option.sql)) {
                if (/@BID@/ig.test(_option.sql) && setting.supModule) {
                  hasBid = true
                }
        
@@ -1221,7 +1456,6 @@
            title: item.editable === 'true' ? <span>{item.label}<EditOutlined className="system-color mk-edit-sign"/></span> : item.label,
            sorter: (item.field || item.sortField) && item.IsSort === 'true',
            width: item.Width || 120,
            // $type: item.type,
            $key: item.uuid,
            onCell: record => ({
              record,
@@ -1248,11 +1482,14 @@
        } else {
          _item.datatype = item.datatype
        }

        forms.push(_item)
      } else {
        forms.push(item)
        forms.push({...item, $sort: 999})
      }
    })

    forms.sort((a, b) => a.$sort - b.$sort)

    let size = (setting.pageSize || 10) + ''
    let pageOptions = ['10', '25', '50', '100', '500', '1000']
@@ -1262,35 +1499,36 @@
      pageOptions = pageOptions.sort((a, b) => a - b)
    }

    if (setting.maxPageSize) {
      pageOptions = pageOptions.filter(item => item <= setting.maxPageSize)
    }

    let allColumns = null
    if (colsCtrls) {
      allColumns = [..._columns]
      _columns = this.getCurColumns(_columns, this.props.allSearch)
      checkForms = []
      _columns = this.getCurColumns(_columns, this.props.allSearch, allForms, checkForms)
    } else {
      allForms = null
    }

    checkForms = Array.from(new Set(checkForms))

    this.setState({
      forms,
      signForms,
      allForms,
      allColumns,
      checkForms,
      pageSize: setting.pageSize || 10,
      pageOptions,
      columns: _columns,
      tableId: setting.tableId,
      orderfields
      orderfields,
      deForms: hasBid ? deForms : null
    }, () => {
      if (deForms.length > 0) {
        if (hasBid && setting.supModule && !BID) {
          this.setState({ deForms })
        } else {
          this.improveActionForm(deForms, BID)
        }
      if (deForms.length > 0 && (!hasBid || BID)) {
        this.improveActionForm(deForms, BID)
      }

      const element = document.getElementById(setting.tableId)
      element && element.style.setProperty('--mk-table-border-color', setting.borderColor || '#e8e8e8')
      element && element.style.setProperty('--mk-table-color', setting.color || 'rgba(0, 0, 0, 0.65)')
      element && element.style.setProperty('--mk-table-font-size', setting.fontSize || '14px')
      element && element.style.setProperty('--mk-table-font-weight', setting.fontWeight || 'normal')
    })
  }

@@ -1308,32 +1546,152 @@
  }

  componentDidMount () {
    MKEmitter.addListener('subLine', this.subLine)
    MKEmitter.addListener('nextLine', this.nextLine)
    MKEmitter.addListener('addRecord', this.addRecord)
    MKEmitter.addListener('delRecord', this.delRecord)
    const { setting } = this.props
    const { tableId } = this.state
    
    if (setting.commit === 'change') {
      MKEmitter.addListener('colBlur' + tableId, this.colBlur)
      MKEmitter.addListener('colFocus' + tableId, this.colFocus)
    }

    MKEmitter.addListener('resetTable', this.resetTable)
    MKEmitter.addListener('transferData', this.transferData)
    MKEmitter.addListener('changeRecord', this.changeRecord)
    MKEmitter.addListener('nextLine' + tableId, this.nextLine)
    MKEmitter.addListener('addRecord' + tableId, this.plusLine)
    MKEmitter.addListener('delRecord' + tableId, this.delRecord)
    MKEmitter.addListener('transferData' + tableId, this.transferData)
    MKEmitter.addListener('changeRecord' + tableId, this.changeRecord)
  }

  /**
   * @description 组件销毁，清除state更新
   */
  componentWillUnmount () {
    const { tableId } = this.state

    this.setState = () => {
      return
    }
    MKEmitter.removeListener('subLine', this.subLine)
    MKEmitter.removeListener('nextLine', this.nextLine)
    MKEmitter.removeListener('addRecord', this.addRecord)
    MKEmitter.removeListener('delRecord', this.delRecord)

    MKEmitter.removeListener('resetTable', this.resetTable)
    MKEmitter.removeListener('transferData', this.transferData)
    MKEmitter.removeListener('changeRecord', this.changeRecord)
    MKEmitter.removeListener('colBlur' + tableId, this.colBlur)
    MKEmitter.removeListener('colFocus' + tableId, this.colFocus)
    MKEmitter.removeListener('nextLine' + tableId, this.nextLine)
    MKEmitter.removeListener('addRecord' + tableId, this.plusLine)
    MKEmitter.removeListener('delRecord' + tableId, this.delRecord)
    MKEmitter.removeListener('transferData' + tableId, this.transferData)
    MKEmitter.removeListener('changeRecord' + tableId, this.changeRecord)
  }

  getCurColumns = (columns, allSearch) => {
  colBlur = (lineId, colId, defer) => {
    if (defer && this.focusId === lineId && this.colId !== colId) {
      return
    }
    
    this.blurId = lineId
    this.focusId = ''

    this.timer && clearTimeout(this.timer)

    this.timer = setTimeout(() => {
      if (!this.focusId || this.focusId !== this.blurId) {
        this.checkLine()
      }
    }, 150)
  }

  colFocus = (lineId, colId) => {
    this.focusId = lineId
    this.colId = colId
  }

  checkLine = () => {
    const { edData, forms, checkForms } = this.state

    let data = edData.filter(item => item.$$uuid === this.blurId)[0]

    if (!data) return

    let record = fromJS(data).toJS()

    let value = ''
    Object.keys(record).sort().forEach(key => {
      if (/^\$/.test(key)) return
      value += record[key]
    })

    if (record.$sign === md5(value)) return

    let err = ''
    forms.forEach(col => {
      let check = true
      if (col.editable !== 'true' || !checkForms.includes(col.field)) {
        check = false
      }
      if (col.ctrlField && col.ctrlValue.includes(record[col.ctrlField] + '')) {
        check = false
      }

      if (!check) {
        if (col.type === 'number') {
          record[col.field] = +record[col.field]
          if (isNaN(record[col.field])) {
            record[col.field] = 0
          }
        } else {
          record[col.field] = record[col.field] !== undefined ? (record[col.field] + '') : ''
        }
        return
      }

      if (err) return

      if (col.type === 'text') {
        let val = record[col.field] !== undefined ? (record[col.field] + '') : ''
        if (col.required === 'true' && !val) {
          err = `${col.label}不可为空`
        } else if (col.datatype === 'datetime' && !val) {
          val = '1949-10-01'
        }
        record[col.field] = val
      } else if (col.type === 'number') {
        let val = record[col.field]

        if (col.noValue === 'hide' && !val) {
          if (col.clearField && checkForms.includes(col.clearField) && !record[col.clearField]) {
            err = `请填写 ${col.label} 或 ${col.clearName}`
          }
          val = 0
        } else if (!val && val !== 0) {
          err = `${col.label}不可为空`
        } else {
          val = +val
          if (isNaN(val)) {
            err = `${col.label}数据格式错误`
            return
          }
  
          val = +val.toFixed(col.decimal || 0)
          
          if (typeof(col.max) === 'number' && val > col.max) {
            err = `${col.label}不可大于${col.max}`
          } else if (typeof(col.min) === 'number' && val < col.min) {
            err = `${col.label}不可小于${col.min}`
          }
        }

        record[col.field] = val
      }
    })

    if (err) {
      message.warning(err)
      return
    }

    this.submit(record)
  }

  getCurColumns = (columns, allSearch, allForms, checkForms) => {
    const { colsCtrls } = this.props

    let values = {}
@@ -1350,6 +1708,9 @@
        result = originVal === contrastVal
      } else if (item.match === '!=') {
        result = originVal !== contrastVal
      } else if (item.match === 'regexp') {
        let reg = new RegExp(item.contrastValue, 'ig')
        result = reg.test(originVal)
      } else {
        originVal = isNaN(originVal) ? originVal : +originVal
        contrastVal = isNaN(contrastVal) ? contrastVal : +contrastVal
@@ -1368,44 +1729,57 @@
    })

    if (cols) {
      allForms.forEach(item => {
        if (cols.includes(item.uuid)) {
          checkForms.push(item.field)
        }
      })

      return columns.filter(col => cols.includes(col.$key))
    }

    allForms.forEach(item => {
      checkForms.push(item.field)
    })

    return columns
  }

  transferData = (menuid, data, type) => {
    const { MenuID, setting } = this.props
    const { edData, signForms } = this.state
  transferData = (data, type) => {
    const { edData, tableId } = this.state

    if (menuid !== MenuID) return
    if (type === 'delete') {

    if (setting.commit !== 'all' && setting.commit !== 'blur' && setting.standard !== 'change') {
      if (type !== 'line') {
        data.forEach(item => {
          let value = ''
          signForms.forEach(field => {
            value += item[field]
          })
          item.$sign = md5(value)
        })
      } else {
    } else if (type === 'line') {
      let value = ''
      Object.keys(data).sort().forEach(key => {
        if (/^\$/.test(key)) return
        value += data[key]
      })
      data.$sign = md5(value)
    } else {
      data.forEach(item => {
        let value = ''
        signForms.forEach(field => {
          value += data[field]
        Object.keys(item).sort().forEach(key => {
          if (/^\$/.test(key)) return
          value += item[key]
        })
        data.$sign = md5(value)
      }
        item.$sign = md5(value)
      })
    }

    if (type !== 'line') {
      let index = edData.findIndex(item => !item.$origin && !item.$forbid)
    if (type === 'delete') {
      let _edData = this.state.edData.filter(item => item.$$uuid !== data)

      if (index > -1) {
        this.setState({visible: true, midData: data})
      } else {
        this.updateMutil(data)
      }
      this.setState({edData: _edData, reseting: true}, () => {
        this.setState({reseting: false})

        if (this.focusId) {
          setTimeout(() => {
            MKEmitter.emit('setFocus' + tableId, this.focusId, this.colId)
          }, 10)
        }
      })
    } else if (type === 'line') {
      let _edData = this.state.edData.map(item => {
        if (item.$$uuid === data.$$uuid) {
@@ -1415,17 +1789,39 @@
        }
      })

      this.setState({edData: _edData})
      this.setState({edData: _edData, reseting: true}, () => {
        this.setState({reseting: false})

        if (this.focusId) {
          setTimeout(() => {
            MKEmitter.emit('setFocus' + tableId, this.focusId, this.colId)
          }, 10)
        }
      })
    } else {
      let index = edData.findIndex(item => !item.$origin && !item.$forbid)

      if (index > -1) {
        this.setState({visible: true, midData: data})
      } else {
        this.updateMutil(data)
      }
    }
  }

  updateMutil = (data) => {
    const { setting, colsCtrls, allSearch } = this.props
    const { allColumns } = this.state
    const { allColumns, allForms } = this.state

    if (colsCtrls) {
      let checkForms = []
      let columns = this.getCurColumns(allColumns, allSearch, allForms, checkForms)

      checkForms = Array.from(new Set(checkForms))

      this.setState({
        columns: this.getCurColumns(allColumns, allSearch),
        checkForms,
        columns: columns,
        reseting: true,
        edData: data,
        visible: false,
@@ -1440,8 +1836,8 @@
    }

    if (setting.editType === 'multi' && data.length > 0) {
      this.setState({edData: []}, () => {
        this.setState({edData: data, visible: false, midData: null})
      this.setState({edData: data, visible: false, midData: null, reseting: true}, () => {
        this.setState({reseting: false})
      })
    } else {
      this.setState({edData: data, visible: false, midData: null})
@@ -1449,18 +1845,15 @@

    if (setting.addable && data.length === 0) {
      setTimeout(() => {
        this.plusLine(true)
        this.plusLine()
      }, 10)
    }
  }

  improveActionForm = (deForms, BID) => {
    const { setting } = this.props

    let deffers = []
    let mainItems = []  // 云端或单点数据
    let localItems = [] // 本地数据
    let cache = setting.cache !== 'false'
    let debug = window.GLOB.debugger === true
    let _sql = `Declare @mk_departmentcode nvarchar(512),@mk_organization nvarchar(512),@mk_user_type nvarchar(20)  select @mk_departmentcode='${sessionStorage.getItem('departmentcode') || ''}',@mk_organization='${sessionStorage.getItem('organization') || ''}',@mk_user_type='${sessionStorage.getItem('mk_user_type') || ''}'\n`
    let _sso = _sql
@@ -1506,13 +1899,17 @@
    }

    if (param.LText) {
      param.LText = Utils.formatOptions(param.LText)
      if (window.GLOB.execType === 'x') {
        param.exec_type = 'x'
      }
      
      param.LText = Utils.formatOptions(param.LText, param.exec_type)
      param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
      param.secretkey = Utils.encrypt(param.LText, param.timestamp)
      param.secretkey = Utils.encrypt(window.GLOB.execType === 'x' ? '' : param.LText, param.timestamp)

      deffers.push(
        new Promise(resolve => {
          Api.getSystemCacheConfig(param, cache).then(res => {
          Api.getSystemCacheConfig(param, false).then(res => {
            if (!res.status) {
              notification.warning({
                top: 92,
@@ -1537,9 +1934,13 @@
    }

    if (mainparam.LText) {
      mainparam.LText = Utils.formatOptions(mainparam.LText)
      if (window.GLOB.execType === 'x') {
        mainparam.exec_type = 'x'
      }

      mainparam.LText = Utils.formatOptions(mainparam.LText, mainparam.exec_type)
      mainparam.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
      mainparam.secretkey = Utils.encrypt(mainparam.LText, mainparam.timestamp)
      mainparam.secretkey = Utils.encrypt(window.GLOB.execType === 'x' ? '' : mainparam.LText, mainparam.timestamp)

      if (window.GLOB.mainSystemApi) {
        mainparam.rduri = window.GLOB.mainSystemApi
@@ -1547,7 +1948,7 @@

      deffers.push(
        new Promise(resolve => {
          Api.getSystemCacheConfig(mainparam, cache).then(res => {
          Api.getSystemCacheConfig(mainparam, false).then(res => {
            if (!res.status) {
              notification.warning({
                top: 92,
@@ -1650,205 +2051,48 @@
    })
  }
  
  nextLine = (col, uuid) => {
  nextLine = (lineId, colId) => {
    const { setting } = this.props
    const { edData, tableId } = this.state

    if (col.tableId !== tableId) return

    let index = edData.findIndex(item => item.$$uuid === uuid)
    let index = edData.findIndex(item => item.$$uuid === lineId)
    let next = edData[index + 1] || null
    
    if (next) {
      let nextId = setting.initId + next.$$uuid
      if (/^\$next_/.test(col.enter)) {
        nextId = col.enter.split('_')[1] + next.$$uuid
      }
      
      let node = document.getElementById(nextId)
      if (node) {
        if (setting.editType === 'multi') {
          if (setting.triType === 'click') {
            node.click()
          } else {
            node.select && node.select()
          }
        } else {
          node.click()
        }
      }
      MKEmitter.emit('setFocus' + tableId, next.$$uuid, colId)
    } else if (setting.addable) {
      setTimeout(() => {
        this.plusLine()
        this.plusLine(colId)
      }, 10)
    } else if (edData[index]) {
    } else if (edData[index] && (setting.commit === 'all' || setting.commit === 'amend')) {
      setTimeout(() => {
        this.subLine(col, edData[index])
        this.submit()
      }, 10)
    }
  }

  subLine = (col, record) => {
    const { tableId, edData } = this.state

    if (col && col.tableId !== tableId) return

    let _data = edData.map(item => {
      if (item.$$uuid === record.$$uuid) {
        item.$origin = false
      }
      return item
    })

    this.setState({edData: _data}, () => {
      this.submit()
    })
  }

  plusLine = (auto) => {
    const { setting } = this.props
    const { edData, forms } = this.state

    let item = edData.length > 0 ? {...edData[edData.length - 1]} : {}

    item.$$uuid = Utils.getguid()
    item.$type = 'add'
    item.$forbid = true
    item.$Index = ''

    forms.forEach(col => {
      if (col.initval !== '$copy') {
        item[col.field] = col.initval
      }
      if (col.type === 'number') {
        item[col.field] = +item[col.field]
        if (isNaN(item[col.field])) {
          item[col.field] = 0
        }
      }
      if (item[col.field] === undefined) {
        item[col.field] = ''
      }
    })

    this.setState({edData: [...edData, item]}, () => {
      let node = document.getElementById(setting.initId + item.$$uuid)
      if (node && !auto) {
        if (setting.editType === 'multi') {
          if (setting.triType === 'click') {
            node.click()
          } else {
            node.select && node.select()
          }
        } else {
          node.click()
        }
      }
    })
  }

  delRecord = (id, record) => {
    const { setting } = this.props
    const { tableId, edData } = this.state

    if (id !== tableId) return
    
    if (record.$type === 'add') {
      let _data = edData.filter(item => item.$$uuid !== record.$$uuid)
      this.setState({edData: _data})
    } else {
      let _data = fromJS(edData).toJS().map(item => {
        if (item.$$uuid === record.$$uuid) {
          item.$deleted = true
          item.$origin = false
          item.$type = 'del'
        }

        return item
      })

      this.setState({edData: _data}, () => {
        if (setting.commit === 'simple') {
          this.submit()
        } else if (setting.commit === 'blur') {
          this.submit(record)
        }
      })
    }
  }

  changeRecord = (id, record) => {
    const { setting } = this.props
    const { tableId, signForms } = this.state

    if (id !== tableId) return

    if (setting.commit === 'blur') {

    } else if (!record.$sign) {
      record.$origin = false
      record.$lock = true
      delete record.$forbid
    } else {
      let value = ''
      signForms.forEach(field => {
        value += record[field]
      })

      if (record.$sign !== md5(value)) {
        record.$origin = false
        record.$lock = true
      } else {
        record.$origin = true
        record.$lock = false
      }
    }

    let _data = this.state.edData.map(item => {
      if (item.$$uuid === record.$$uuid) {
        return record
      } else {
        return item
      }
    })

    this.setState({edData: _data}, () => {
      if (setting.tableType && setting.hasAction && this.state.selectedRowKeys.includes(record.$$uuid)) {
        this.selectdata(this.state.selectedRowKeys)
      }
      if (setting.commit === 'blur') {
        this.submit(record)
      }
    })

  }

  addRecord = (id, record) => {
  plusLine = (colId, lineId) => {
    const { BID } = this.props
    const { edData, forms, tableId } = this.state
    const { forms, tableId } = this.state

    if (id !== tableId) return

    let _edData = fromJS(edData).toJS()
    let item = {}
    let edData = fromJS(this.state.edData).toJS()
    let item = edData.length > 0 ? {...edData[edData.length - 1]} : {}
    let index = null
    let copy = edData.length > 0 ? {...edData[edData.length - 1]} : null

    if (record) {
      index = _edData.findIndex(item => record.$$uuid === item.$$uuid)
    
    if (lineId) {
      index = edData.findIndex(item => lineId === item.$$uuid)
      index = index === -1 ? null : index

      copy = {...record}
      
      if (index !== null) {
        item = {...edData[index]}
      }
    }

    if (copy) {
      item = {...copy}
    }

    item.key = edData.length
    item.$$uuid = Utils.getguid()
    item.$type = 'add'
    item.$Index = ''
    item.$forbid = true
    item.$Index = ''
    item.$$BID = BID || ''

    forms.forEach(col => {
@@ -1861,39 +2105,125 @@
          item[col.field] = 0
        }
      }

      if (item[col.field] === undefined) {
        item[col.field] = ''
      }
    })

    let value = ''
    Object.keys(item).sort().forEach(key => {
      if (/^\$/.test(key)) return
      value += item[key]
    })
    item.$sign = md5(value)

    if (index === null) {
      _edData.push(item)
      edData.push(item)
    } else {
      _edData.splice(index, 0, item)
      edData.splice(index, 0, item)
    }

    this.setState({edData: _edData})
    this.setState({edData: edData}, () => {
      if (colId) {
        MKEmitter.emit('setFocus' + tableId, item.$$uuid, colId)
      }
    })
  }

  delRecord = (record) => {
    const { setting } = this.props
    const { edData } = this.state

    if (record.$type === 'add') {
      let _data = edData.filter(item => item.$$uuid !== record.$$uuid)
      this.setState({edData: _data})
    } else {
      let _data = fromJS(edData).toJS().map(item => {
        if (item.$$uuid === record.$$uuid) {
          item.$deleted = true
          item.$origin = false
          item.$type = 'del'

          record.$deleted = true
          record.$origin = false
          record.$type = 'del'
        }

        return item
      })

      this.setState({edData: _data}, () => {
        if (setting.commit === 'change') {
          this.submit(record)
        }
      })
    }
  }

  changeRecord = (record) => {
    const { setting } = this.props
    const { edData } = this.state

    let data = edData.filter(item => item.$$uuid === record.$$uuid)[0]

    if (!data) return
    
    if (is(fromJS(data), fromJS(record))) return

    delete record.$forbid

    let value = ''
    Object.keys(record).sort().forEach(key => {
      if (/^\$/.test(key)) return
      value += record[key]
    })

    let sign = md5(value)

    if (record.$sign === sign) {
      record.$origin = true
      record.$lock = false
    } else {
      record.$origin = false
      record.$lock = true
    }

    let _data = edData.map(item => {
      if (item.$$uuid === record.$$uuid) {
        return record
      } else {
        return item
      }
    })

    this.setState({edData: _data}, () => {
      if (setting.tableType && setting.hasAction && this.state.selectedRowKeys.includes(record.$$uuid)) {
        this.selectdata(this.state.selectedRowKeys)
      }
    })
  }

  checkData = () => {
    const { setting } = this.props
    const { edData, forms } = this.state

    if (edData.length === 0) {
      notification.warning({
        top: 92,
        message: '提交数据不可为空！',
        duration: 5
      })
      return null
    }
    const { edData, forms, checkForms, selectedRowKeys } = this.state

    let data = fromJS(edData).toJS()

    data = data.filter(item => !item.$forbid)
    if (setting.commit === 'change' || setting.commit === 'simple') {

    if (setting.commit === 'amend') {
      data = data.filter(item => !item.$origin)
    } else if (setting.commit === 'check') {
      data = data.filter(item => selectedRowKeys.includes(item.$$uuid))

      if (data.length === 0) {
        notification.warning({
          top: 92,
          message: '请选择需要提交的数据！',
          duration: 5
        })
        return null
      }
    }

    if (data.length === 0) {
@@ -1910,7 +2240,15 @@
    data = data.map(item => {
      let line = []
      forms.forEach(col => {
        if (col.editable !== 'true' || item.$deleted) {
        let check = true
        if (col.editable !== 'true' || item.$deleted || !checkForms.includes(col.field)) {
          check = false
        }
        if (col.ctrlField && col.ctrlValue.includes(item[col.ctrlField] + '')) {
          check = false
        }

        if (!check) {
          if (col.type === 'number') {
            item[col.field] = +item[col.field]
            if (isNaN(item[col.field])) {
@@ -1921,6 +2259,7 @@
          }
          return
        }

        if (col.type === 'text') {
          let val = item[col.field] !== undefined ? (item[col.field] + '') : ''
          if (col.required === 'true' && !val) {
@@ -1932,23 +2271,30 @@
        } else if (col.type === 'number') {
          let val = item[col.field]
          if (col.noValue === 'hide' && !val) {
            if (col.clearField && checkForms.includes(col.clearField) && !item[col.clearField]) {
              let msg = `请填写 ${col.label} 或 ${col.clearName}`
              if (!line.includes(msg)) {
                line.push(msg)
              }
            }
            val = 0
          } else if (!val && val !== 0) {
            line.push(`${col.label}不可为空`)
            return
          }
          val = +val
          if (isNaN(val)) {
            line.push(`${col.label}数据格式错误`)
            return
          }

          val = +val.toFixed(col.decimal || 0)
          
          if (typeof(col.max) === 'number' && val > col.max) {
            line.push(`${col.label}不可大于${col.max}`)
          } else if (typeof(col.min) === 'number' && val < col.min) {
            line.push(`${col.label}不可小于${col.min}`)
          } else {
            val = +val
            if (isNaN(val)) {
              line.push(`${col.label}数据格式错误`)
              return
            }
  
            val = +val.toFixed(col.decimal || 0)
            
            if (typeof(col.max) === 'number' && val > col.max) {
              line.push(`${col.label}不可大于${col.max}`)
            } else if (typeof(col.min) === 'number' && val < col.min) {
              line.push(`${col.label}不可小于${col.min}`)
            }
          }

          item[col.field] = val
@@ -1978,70 +2324,6 @@
    return data
  }

  checkLineData = (item) => {
    const { forms } = this.state

    let record = fromJS(item).toJS()
    let err = ''
    forms.forEach(col => {
      if (col.editable !== 'true' || record.$deleted) {
        if (col.type === 'number') {
          record[col.field] = +record[col.field]
          if (isNaN(record[col.field])) {
            record[col.field] = 0
          }
        } else {
          record[col.field] = record[col.field] !== undefined ? (record[col.field] + '') : ''
        }
        return
      }
      if (col.type === 'text') {
        let val = record[col.field] !== undefined ? (record[col.field] + '') : ''
        if (col.required === 'true' && !val) {
          err = `${col.label}不可为空`
        } else if (col.datatype === 'datetime' && !val) {
          val = '1949-10-01'
        }
        record[col.field] = val
      } else if (col.type === 'number') {
        let val = record[col.field]
        if (col.noValue === 'hide' && !val) {
          val = 0
        } else if (!val && val !== 0) {
          err = `${col.label}不可为空`
          return
        }
        val = +val
        if (isNaN(val)) {
          err = `${col.label}数据格式错误`
          return
        }

        val = +val.toFixed(col.decimal || 0)
        
        if (typeof(col.max) === 'number' && val > col.max) {
          err = `${col.label}不可大于${col.max}`
        } else if (typeof(col.min) === 'number' && val < col.min) {
          err = `${col.label}不可小于${col.min}`
        }

        record[col.field] = val
      }
    })

    if (err) {
      notification.warning({
        top: 92,
        message: err,
        duration: 5
      })

      return null
    }

    return [record]
  }

  submit = (record) => {
    const { submit, BID, setting } = this.props
    const { forms } = this.state
@@ -2058,11 +2340,9 @@
      return
    }

    if (setting.commit === 'blur' && !record) return

    let data = null
    if (setting.commit === 'blur') {
      data = this.checkLineData(record)
    if (record) {
      data = [record]
    } else {
      data = this.checkData()
    }
@@ -2085,8 +2365,8 @@
      
      delete param.excel_in

      param.exec_type = 'y'
      param.LText = Utils.formatOptions(result.sql)
      param.exec_type = window.GLOB.execType || 'y'
      param.LText = Utils.formatOptions(result.sql, param.exec_type)
      param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
      param.secretkey = Utils.encrypt('', param.timestamp)

@@ -2098,9 +2378,9 @@

      Api.genericInterface(param).then((res) => {
        if (res.status) {
          this.execSuccess(res)
          this.execSuccess(res, record)
        } else {
          this.execError(res)
          this.execError(res, record)
        }
      }, (error) => {
        if (error && error.ErrCode === 'LoginError') return
@@ -2117,9 +2397,9 @@

      Api.genericInterface(param).then((res) => {
        if (res.status) {
          this.execSuccess(res)
          this.execSuccess(res, record)
        } else {
          this.execError(res)
          this.execError(res, record)
        }
      }, (error) => {
        if (error && error.ErrCode === 'LoginError') return
@@ -2129,7 +2409,7 @@
    }
  }

  execSuccess = (res) => {
  execSuccess = (res, record) => {
    const { submit } = this.props
    const { edData } = this.state

@@ -2149,11 +2429,24 @@

    let _edData = fromJS(edData).toJS()

    _edData = _edData.map(item => {
    _edData = _edData.filter(item => {
      if (item.$deleted) return false

      if (!item.$forbid) {
        item.$type = 'upt'
        item.$origin = true
        item.$lock = false
      }
      return item

      let value = ''
      Object.keys(item).sort().forEach(key => {
        if (/^\$/.test(key)) return
        value += item[key]
      })

      item.$sign = md5(value)

      return true
    })

    this.setState({
@@ -2166,13 +2459,13 @@
    }

    if (submit.execSuccess !== 'never') {
      MKEmitter.emit('refreshByButtonResult', submit.$menuId, submit.execSuccess, submit)
      MKEmitter.emit('refreshByButtonResult', submit.$menuId, submit.execSuccess, submit, '', record ? [record] : null)
    }

    submit.syncComponentId && MKEmitter.emit('reloadData', submit.syncComponentId)
  }

  execError = (res) => {
  execError = (res, record) => {
    const { submit } = this.props

    if (res.ErrCode === 'E') {
@@ -2201,7 +2494,7 @@
    })

    if (submit.execError !== 'never') {
      MKEmitter.emit('refreshByButtonResult', submit.$menuId, submit.execError, submit)
      MKEmitter.emit('refreshByButtonResult', submit.$menuId, submit.execError, submit, '', record ? [record] : null)
    }
  }

@@ -2307,7 +2600,7 @@

  render() {
    const { setting, lineMarks, submit } = this.props
    const { tableId, edData, columns, loading, pageOptions, selectedRowKeys, visible, midData, reseting } = this.state
    const { edData, columns, loading, pageOptions, selectedRowKeys, visible, midData, reseting } = this.state

    if (reseting) return null

@@ -2347,12 +2640,19 @@
      height = height + 'vh'
    }

    let style = {
      '--mk-table-border-color': setting.borderColor || '#e8e8e8',
      '--mk-table-color': setting.color || 'rgba(0, 0, 0, 0.65)',
      '--mk-table-font-size': setting.fontSize || '14px',
      '--mk-table-font-weight': setting.fontWeight || 'normal'
    }

    return (
      <>
        {setting.hasSubmit ? <div className="edit-custom-table-btn-wrap" style={submit.wrapStyle}>
        {setting.hasSubmit && edData.length > 0 ? <div className="edit-custom-table-btn-wrap" style={submit.wrapStyle}>
          <Button style={submit.style} onClick={() => setTimeout(() => {this.submit()}, 10)} loading={loading} className="submit-table" type="link">提交</Button>
        </div> : null}
        <div className={`edit-custom-table ${setting.tableHeader || ''} ${height ? 'fixed-height' : ''} ${setting.mode || ''} table-vertical-${setting.vertical || ''} mk-edit-${setting.editType || 'simple'}`} id={tableId}>
        <div className={`edit-custom-table ${setting.tableHeader || ''} ${height ? 'fixed-height' : ''} ${setting.mode || ''} table-vertical-${setting.vertical || ''} mk-edit-${setting.editType || 'simple'}`} style={style}>
          <Table
            rowKey="$$uuid"
            components={components}