king
2024-05-07 2aa5ab63b4bbce5c36dbb3511b205b3b5f6af9bd
src/tabviews/custom/components/form/step-form/index.jsx
@@ -1,7 +1,7 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { is, fromJS } from 'immutable'
import { Spin, notification, Button, Modal } from 'antd'
import { Spin, Button } from 'antd'
import Api from '@/api'
import UtilsDM from '@/utils/utils-datamanage.js'
@@ -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,
@@ -131,6 +133,7 @@
    MKEmitter.addListener('reloadData', this.reloadData)
    MKEmitter.addListener('mkFormSubmit', this.mkFormSubmit)
    MKEmitter.addListener('resetSelectLine', this.resetParentParam)
    MKEmitter.addListener('queryModuleParam', this.queryModuleParam)
    MKEmitter.addListener('refreshByButtonResult', this.refreshByButtonResult)
    if (config.setting.sync === 'true') {
@@ -160,6 +163,7 @@
    MKEmitter.removeListener('searchRefresh', this.searchRefresh)
    MKEmitter.removeListener('resetSelectLine', this.resetParentParam)
    MKEmitter.removeListener('transferSyncData', this.transferSyncData)
    MKEmitter.removeListener('queryModuleParam', this.queryModuleParam)
    MKEmitter.removeListener('refreshByButtonResult', this.refreshByButtonResult)
  }
@@ -224,6 +228,24 @@
    })
  }
  /**
   * @description 获取组件搜索
   */
  queryModuleParam = (menuId, callback) => {
    const { config } = this.state
    if (config.uuid !== menuId) return
    let searches = []
    if (config.setting.useMSearch) { // 主表搜索条件
      searches = window.GLOB.SearchBox.get(config.$searchId) || []
    }
    callback({
      search: searches
    })
  }
  reloadData = (menuId, id) => {
    const { config } = this.state
@@ -239,9 +261,9 @@
   * @param {*} btn        // 执行的按钮
   */
  refreshByButtonResult = (menuId, position, btn, id) => {
    const { config, group, BID } = this.state
    const { config, BID } = this.state
    if (group.uuid !== menuId) return
    if (config.uuid !== menuId) return
    if ((position === 'mainline' || position === 'popclose') && config.setting.supModule && BID) {
      MKEmitter.emit('reloadData', config.setting.supModule, BID)
@@ -385,36 +407,13 @@
      MKEmitter.emit('resetSelectLine', config.uuid, _data.$$uuid, _data)
      if (result.message) {
        if (result.ErrCode === 'Y') {
          Modal.success({
            title: result.message
          })
        } else if (result.ErrCode === 'S') {
          notification.success({
            top: 92,
            message: result.message,
            duration: 2
          })
        }
      }
      UtilsDM.querySuccess(result)
    } else {
      this.setState({
        loading: false,
      })
      
      if (!result.message) return
      if (result.ErrCode === 'N') {
        Modal.error({
          title: result.message,
        })
      } else if (result.ErrCode !== '-2') {
        notification.error({
          top: 92,
          message: result.message,
          duration: 10
        })
      }
      UtilsDM.queryFail(result)
    }
  }
@@ -460,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
@@ -474,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}