2021-08-26

king

2021-08-26 e9c48bd7356462ba9257540b130a47a65ad1861d

 src/menu/modalconfig/index.jsx

@@ -16,6 +16,7 @@
import SettingForm from '@/templates/modalconfig/settingform'
import asyncComponent from '@/utils/asyncComponent'
import { SearchItems } from '@/templates/modalconfig/source'
import MKEmitter from '@/utils/events.js'
import './index.scss'

const { Panel } = Collapse
@@ -43,7 +44,8 @@
    originConfig: null,    // 原始菜单
    sqlVerifing: false,    // sql验证
    showField: false,      // 显示表单字段值
    standardform: null
    standardform: null,
    saving: false
  }

  /**
@@ -61,6 +63,10 @@
    })
  }

  componentDidMount () {
    MKEmitter.addListener('completeSave', this.completeSave)
  }

  /**
   * @description 组件销毁，清除state更新
   */
@@ -68,6 +74,7 @@
    this.setState = () => {
      return
    }
    MKEmitter.removeListener('completeSave', this.completeSave)
  }

  /**
@@ -288,13 +295,16 @@
  submitConfig = () => {
    const { config } = this.state

    this.setState({originConfig: fromJS(config).toJS()})
    this.setState({originConfig: fromJS(config).toJS(), saving: true})
    this.props.handleSave(config)
    notification.success({
      top: 92,
      message: '保存成功。',
      duration: 2
    })

    setTimeout(() => {
      MKEmitter.emit('triggerMenuSave')
    }, 100)
  }

  completeSave = () => {
    this.setState({saving: false})
  }

  cancelConfig = () => {
@@ -400,7 +410,7 @@
  }

  render () {
    const { config, dict } = this.state
    const { config, dict, saving } = this.state

    return (
      <div className="modal-form-board">
@@ -425,7 +435,7 @@
            <Card title={dict['header.menu.form.configurable']} bordered={false} extra={
              <div>
                <EditComponent dict={dict} options={['form']} config={this.state.config} refresh={(res) => this.updateConfig(res.config)}/>
                <Button type="primary" onClick={this.submitConfig}>保存</Button>
                <Button type="primary" loading={saving} onClick={this.submitConfig}>保存</Button>
                <Button onClick={this.cancelConfig}>返回</Button>
              </div>
            } style={{ width: '100%' }}>