2024-05-07

king

2024-05-07 2aa5ab63b4bbce5c36dbb3511b205b3b5f6af9bd

 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,
@@ -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}