king
2024-05-21 8a6ce370f1aa1c061b76fa3e9d2d4d1df53ca4c5
src/tabviews/custom/components/form/step-form/index.jsx
@@ -115,6 +115,8 @@
      _config.sortStyle = {width: s, height: s, lineHeight: s, borderRadius: s}
    }
    _config.style['--mk-active-color'] = _config.wrap.color || '#1890ff'
    this.setState({
      data: _data,
      group: _group,
@@ -263,8 +265,8 @@
    if (config.uuid !== menuId) return
    if ((position === 'mainline' || position === 'popclose') && config.setting.supModule && BID) {
      MKEmitter.emit('reloadData', config.setting.supModule, BID)
    if (['mainline', 'maingrid', 'popclose'].includes(position) && config.setting.supModule) {
      MKEmitter.emit('reloadData', config.setting.supModule, position === 'maingrid' ? '' : BID)
    } else if (position === 'grid' && config.wrap.datatype === 'static') {
      this.setState({
        data: null
@@ -457,6 +459,18 @@
    })
  }
  changeGroup = (sort) => {
    const { config, step } = this.state
    if (config.wrap.labelJump !== 'true' || sort > step) return
    let _group = config.subcards.filter(item => item.sort === sort)[0]
    this.setState({group: null, step: sort - 1}, () => {
      this.setState({group: _group})
    })
  }
  render() {
    const { config, loading, BID, BData, data, group, step } = this.state
@@ -471,13 +485,14 @@
            <Spin />
          </div> : null
        }
        {config.wrap.groupLabel !== 'hidden' ? <div className="mk-normal-form-title">
        {config.wrap.groupLabel !== 'hidden' ? <div className={'mk-normal-form-title' + (config.wrap.labelJump === 'true' ? ' jumpable' : '')}>
          {config.subcards.map(card => (
            <div key={card.uuid} style={config.titleStyle} className={'form-title' + (card.sort <= step ? ' active' : '')}>
              <span className="form-sort" style={{background: config.wrap.color, ...config.sortStyle}}>{card.sort}</span>
              <span className="before-line" style={{background: config.wrap.color}}></span>
              <span className="after-line" style={{background: config.wrap.color}}></span>
              {card.setting.title}
              <span className="form-sort" onClick={() => this.changeGroup(card.sort)} style={config.sortStyle}>{card.sort}</span>
              <br/>
              <span className="form-label" onClick={() => this.changeGroup(card.sort)}>{card.setting.title}</span>
              <span className="before-line"></span>
              <span className="after-line"></span>
            </div>))
          }
        </div> : null}