2024-05-16

king

2024-05-16 b69b5f6329ca5f87932436b7a6c1ddfc3377e10f

 src/menu/components/share/actioncomponent/actionform/index.jsx

@@ -1,7 +1,7 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { fromJS } from 'immutable'
import { Form, Row, Col, Input, Select, Radio, Tooltip, InputNumber, Cascader, Checkbox } from 'antd'
import { Form, Row, Col, Input, Select, Radio, Tooltip, InputNumber, Cascader, Checkbox, notification } from 'antd'
import { QuestionCircleOutlined } from '@ant-design/icons'
import { formRule } from '@/utils/option.js'

@@ -12,18 +12,19 @@

const { TextArea } = Input
const MkEditIcon = asyncComponent(() => import('@/components/mkIcon'))
const CodeMirror = asyncComponent(() => import('@/templates/zshare/codemirror'))
const MKTable = asyncComponent(() => import('@/components/normalform/modalform/mkTable'))
const acTyOptions = {
  pop: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'swipe', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'anchors', 'width', 'openmenu', 'refreshTab', 'position', 'tipTitle', 'hidden'],
  prompt: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'swipe', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'anchors', 'width', 'openmenu', 'refreshTab', 'position', 'tipTitle', 'hidden'],
  exec: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'swipe', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'anchors', 'width', 'openmenu', 'refreshTab', 'hidden'],
  excelIn: ['label', 'Ot', 'OpenType', 'intertype', 'show', 'icon', 'class', 'color', 'sheet', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'width', 'hidden'],
  excelOut: ['label', 'Ot', 'OpenType', 'intertype', 'show', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'pagination', 'search', 'width', 'hidden'],
  popview: ['label', 'Ot', 'OpenType', 'show', 'icon', 'class', 'color', 'popClose', 'width', 'display', 'ratio', 'syncComponent', 'clickouter', 'maskStyle', 'closeButton', 'hidden'],
  tab: ['label', 'Ot', 'OpenType', 'show', 'icon', 'class', 'color', 'linkmenu', 'width', 'hidden', 'openTab'],
  innerpage: ['label', 'Ot', 'OpenType', 'pageTemplate', 'show', 'swipe', 'icon', 'class', 'color', 'width', 'hidden'],
  funcbutton: ['label', 'OpenType', 'funcType', 'show', 'swipe', 'icon', 'class', 'color', 'width', 'hidden'],
  form: ['label', 'OpenType', 'formType', 'intertype', 'Ot', 'execSuccess', 'execError', 'syncComponent', 'width', 'refreshTab', 'title', 'hidden']
  pop: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'hover', 'swipe', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'anchors', 'width', 'openmenu', 'refreshTab', 'position', 'hoverTitle', 'hidden', 'preButton'],
  prompt: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'hover', 'swipe', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'anchors', 'width', 'openmenu', 'refreshTab', 'position', 'tipTitle', 'hoverTitle', 'hidden', 'preButton'],
  exec: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'hover', 'swipe', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'anchors', 'width', 'openmenu', 'refreshTab', 'hoverTitle', 'hidden', 'preButton'],
  excelIn: ['label', 'Ot', 'OpenType', 'intertype', 'show', 'hover', 'icon', 'class', 'color', 'sheet', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'width', 'hidden'],
  excelOut: ['label', 'Ot', 'OpenType', 'intertype', 'show', 'hover', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'pagination', 'search', 'width', 'hidden'],
  popview: ['label', 'Ot', 'OpenType', 'show', 'hover', 'icon', 'class', 'color', 'popClose', 'width', 'display', 'ratio', 'syncComponent', 'clickouter', 'maskStyle', 'closeButton', 'hidden'],
  tab: ['label', 'Ot', 'OpenType', 'show', 'hover', 'icon', 'class', 'color', 'linkmenu', 'width', 'hidden', 'openTab'],
  innerpage: ['label', 'Ot', 'OpenType', 'pageTemplate', 'show', 'hover', 'swipe', 'icon', 'class', 'color', 'width', 'hidden'],
  funcbutton: ['label', 'OpenType', 'funcType', 'show', 'hover', 'swipe', 'icon', 'class', 'color', 'width', 'hidden'],
  form: ['label', 'OpenType', 'formType', 'intertype', 'Ot', 'execSuccess', 'execError', 'syncComponent', 'width', 'openmenu', 'refreshTab', 'title', 'hidden']
}

class ActionForm extends Component {
@@ -160,7 +161,7 @@
    let reRequired = {}
    let reReadonly = {}

    if (openType === 'pop' || openType === 'prompt' || openType === 'exec') {
    if (['pop', 'prompt', 'exec'].includes(openType)) {
      let intertype = this.record.intertype

      reOptions.intertype = this.state.interTypeOptions
@@ -214,7 +215,7 @@
          shows.push('exInterface', 'exProInterface')
        }
      } else if (intertype === 'inner') {
        shows.push('innerFunc', 'output')
        shows.push('innerFunc', 'output', 'extraParam')
        if (Ot === 'requiredOnce') { // 前置函数
          shows.push('preFunc')
        }
@@ -295,7 +296,7 @@
          shows.push('exInterface', 'exProInterface')
        }
      } else if (intertype === 'inner') {
        shows.push('innerFunc')
        shows.push('innerFunc', 'extraParam')
        reRequired.innerFunc = true
      } else {
        shows.push('sql', 'sqlType')
@@ -346,7 +347,7 @@
          shows.push('exInterface', 'exProInterface')
        }
      } else if (this.record.intertype === 'inner') {
        shows.push('innerFunc')
        shows.push('innerFunc', 'extraParam')
        reRequired.innerFunc = true
      }
      if (this.record.execSuccess === 'grid' || this.record.execError === 'grid') {
@@ -381,7 +382,7 @@
          shows.push('exInterface', 'exProInterface')
        }
      } else if (this.record.intertype === 'inner') {
        shows.push('innerFunc')
        shows.push('innerFunc', 'extraParam')
        reRequired.innerFunc = true
      }
      if (this.record.execSuccess === 'grid' || this.record.execError === 'grid') {
@@ -406,7 +407,17 @@
        shows.push('resetPageIndex')
      }
    } else if (openType === 'tab') {
      reOptions.Ot = requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value))
      reOptions.Ot = requireOptions.filter(op => ['notRequired', 'requiredSgl', 'requiredOnce'].includes(op.value))

      if (Ot === 'notRequired') {
        shows.push('sysId')
      }

      if (shows.includes('linkmenu') && this.record.linkmenu[0] === 'multiMenu') {
        shows.push('multiMenus')
      } else if (Ot === 'notRequired' && this.record.sysId === 'js') {
        shows.push('sign')
      }

      reRequired.linkmenu = true
      reTooltip.linkmenu = ''
@@ -414,18 +425,17 @@
      reOptions.Ot = requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value))

      if (this.record.pageTemplate === 'custom') {
        shows.push('url', 'proUrl', 'joint', 'open')
        shows.push('url', 'proUrl', 'open')
      } else if (this.record.pageTemplate === 'linkpage') {
        shows.push('linkmenu', 'open')

        if (Ot === 'requiredSgl') {
          shows.push('joint')
        }

        reRequired.linkmenu = true
        reTooltip.linkmenu = ''
      } else if (this.record.pageTemplate === 'billprint') {
        shows.push('printTemp')
        shows.push('printTemp', 'preHandle')
        if (this.record.preHandle === 'true') {
          shows.push('pre_func')
        }
        reOptions.Ot = requireOptions
      } else if (this.record.pageTemplate === 'pay') {
        reOptions.Ot = requireOptions.filter(op => op.value === 'requiredSgl')
@@ -459,7 +469,7 @@
            shows.push('exInterface', 'exProInterface')
          }
        } else if (this.record.intertype === 'inner') {
          shows.push('innerFunc')
          shows.push('innerFunc', 'extraParam')
          reRequired.innerFunc = true
        }
        if (this.record.execSuccess === 'grid' || this.record.execError === 'grid') {
@@ -503,8 +513,12 @@
        }
        reOptions.Ot = requireOptions.filter(op => ['requiredSgl'].includes(op.value))
      } else if (_funcType === 'refund') {
        shows.push('Ot', 'execSuccess', 'execError', 'syncComponent', 'openmenu')
        shows.push('Ot', 'execSuccess', 'execError', 'syncComponent', 'openmenu', 'tipTitle')
        reOptions.Ot = requireOptions.filter(op => ['requiredSgl'].includes(op.value))
      } else if (_funcType === 'shareLink') {
        shows.push('shortUrl', 'shareUrl', 'shareProUrl', 'shareTip')
      // } else if (_funcType === 'expPdf') {
      //   shows.push('exportType')
      }
    }
    
@@ -523,7 +537,7 @@
          shows.push('reason')
        }
      }
    } else {
    } else if (openType !== 'funcbutton' || !['expPdf', 'shareLink'].includes(this.record.funcType)) {
      if (openType !== 'excelOut') {
        reOptions.control = [
          { value: '', text: '无' },
@@ -550,15 +564,21 @@
        shows.push('reason')
      }
    }

    
    if (shows.includes('syncComponent') && this.record.syncComponent[0] === 'multiComponent') {
      shows.push('syncComponents')
    }

    
    if (this.record.hidden !== 'true') {
      shows.push('permission')
    }
    if (this.record.show === 'icon') {
      reRequired.icon = true
    } else {
      reRequired.icon = false
      if (['pop', 'prompt', 'exec', 'popview', 'tab', 'innerpage'].includes(openType)) {
        shows.push('showName')
      }
    }

    return {
@@ -578,6 +598,7 @@
   * 3、切换标签类型，重置可选标签
   */
  optionChange = (key, value) => {
    const { type } = this.props
    const { hasclass, appType, requireOptions } = this.state

    this.record[key] = value
@@ -612,9 +633,16 @@
        _fieldval.label = '导出Excel'
        _fieldval.class = 'dgreen'
        _fieldval.execSuccess = 'never'
        _fieldval.Ot = 'requiredOnce'
        _fieldval.control = ''
        this.record.Ot = 'requiredOnce'

        if (type !== 'card') {
          _fieldval.Ot = 'requiredOnce'
          this.record.Ot = 'requiredOnce'
        } else {
          _fieldval.Ot = 'notRequired'
          this.record.Ot = 'notRequired'
        }

        this.record.label = '导出Excel'
        this.record.class = 'dgreen'
        this.record.execSuccess = 'never'
@@ -780,6 +808,7 @@
      let className = ''
      let content = null
      let initVal = item.initVal || ''
      let help = item.help || null

      if (item.type === 'splitLine') {
        fields.push(
@@ -857,6 +886,7 @@
            filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0 ||
              option.props.extend.toLowerCase().indexOf(input.toLowerCase()) >= 0}
            onChange={(value) => {this.optionChange(item.key, value)}}
            on
            getPopupContainer={() => document.getElementById('winter')}
          >
            {item.options.map((option, index) =>
@@ -874,7 +904,7 @@
            getPopupContainer={() => document.getElementById('winter')}
          >
            {item.options.map((option, index) =>
              <Select.Option key={index} title={option.text || option.label} value={(option.value || option.field)}>
              <Select.Option key={index} title={option.text || option.label} disabled={option.$disabled || false} value={(option.value || option.field)}>
                {(option.text || option.label)}
              </Select.Option>
            )}
@@ -909,7 +939,7 @@
        rules = [
          { required: item.required, message: '请添加' + item.label + '!' }
        ]
        content = (<MKTable tip={''} columns={item.columns || []} actions={[]}/>)
        content = (<MKTable columns={item.columns || []} actions={item.actions}/>)
      } else if (item.type === 'icon') {
        rules = [
          { required: item.required, message: '请选择' + item.label + '!' }
@@ -936,7 +966,7 @@
          { required: item.required, message: '请选择' + item.label + '!' }
        ]

        content = <MkPrintTemps />
        content = <MkPrintTemps onChange={(value) => {this.optionChange(item.key, value)}}/>
      } else if (item.type === 'keyinterface') {
        span = 24
        className = 'textarea'
@@ -945,23 +975,53 @@
        ]

        content = <KeyInterface type={item.key === 'exInterface' ? 'develop' : 'product'}/>
      } else if (item.type === 'codemirror') {
        span = 24
        className = 'codemirror'
        rules = [
          { required: item.readonly ? false : item.required, message: '请输入' + item.label + '!' }
        ]

        content = <CodeMirror mode="text/javascript"/>
      }

      fields.push(
        <Col span={span} key={index}>
          <Form.Item className={className} help={item.help} label={item.tooltip ?
            <Tooltip placement="topLeft" overlayStyle={{maxWidth: item.tooltip.length > 25 ? 350 : 250 }} title={<span onClick={(e) => e.stopPropagation()}>{item.tooltip}</span>}>
              <QuestionCircleOutlined className="mk-form-tip" />
              {item.label}
            </Tooltip> : item.label
          }>
            {getFieldDecorator(item.key, {
              initialValue: initVal,
              rules: rules
            })(content)}
          </Form.Item>
        </Col>
      )
      if (help && typeof(help) === 'function') {
        help = help(this.record)
      }

      if (help) {
        fields.push(
          <Col span={span} key={index}>
            <Form.Item className={className} help={help} label={item.tooltip ?
              <Tooltip placement="topLeft" overlayStyle={{maxWidth: item.tooltip.length > 25 ? 350 : 250 }} title={<span onClick={(e) => e.stopPropagation()}>{item.tooltip}</span>}>
                <QuestionCircleOutlined className="mk-form-tip" />
                {item.label}
              </Tooltip> : item.label
            }>
              {getFieldDecorator(item.key, {
                initialValue: initVal,
                rules: rules
              })(content)}
            </Form.Item>
          </Col>
        )
      } else {
        fields.push(
          <Col span={span} key={index}>
            <Form.Item className={className} label={item.tooltip ?
              <Tooltip placement="topLeft" overlayStyle={{maxWidth: item.tooltip.length > 25 ? 350 : 250 }} title={<span onClick={(e) => e.stopPropagation()}>{item.tooltip}</span>}>
                <QuestionCircleOutlined className="mk-form-tip" />
                {item.label}
              </Tooltip> : item.label
            }>
              {getFieldDecorator(item.key, {
                initialValue: initVal,
                rules: rules
              })(content)}
            </Form.Item>
          </Col>
        )
      }
    })

    return fields
@@ -979,12 +1039,22 @@
          values.config = card.config || null
          values.$fixed = card.$fixed || false

          if (['pop', 'prompt', 'exec'].includes(values.OpenType) && values.Ot === 'required' && values.execError === 'never') {
            notification.warning({
              top: 92,
              message: '选择多行时，需设置失败后的刷新项!',
              duration: 5
            })
            return
          }

          if (card.OpenType === 'excelOut' && values.OpenType === 'excelIn') {
            if (values.verify && values.verify.columns && values.verify.columns.length > 0) {
              values.verify.columns = values.verify.columns.map(col => {
            values.verify = {columns: [], scripts: [], sheet: 'Sheet1', default: 'true', range: 1, uniques: []}
            if (card.verify && card.verify.columns) {
              values.verify.columns = card.verify.columns.map(col => {
                col.required = col.required || 'true'
                col.type = col.type || 'Nvarchar(50)'
                col.import = col.import || 'true'
                col.import = 'true'
          
                if (col.type === 'text' || col.type === 'image') {
                  col.type = 'Nvarchar(50)'
@@ -1007,15 +1077,12 @@
                return col
              })

              values.verify.sheet = values.verify.sheet || 'Sheet1'
            }

            if (values.verify) {
              values.verify.scripts = []
              values.verify.sheet = card.verify.sheet || 'Sheet1'
            }
          } else if (card.OpenType === 'excelIn' && values.OpenType === 'excelOut') {
            if (values.verify && values.verify.columns && values.verify.columns.length > 0) {
              values.verify.columns = values.verify.columns.map(col => {
            values.verify = {columns: [], scripts: [], dataType: 'default'}
            if (card.verify && card.verify.columns) {
              values.verify.columns = card.verify.columns.map(col => {
                col.type = col.type || 'text'
                col.output = col.output || 'true'
                col.required = col.required || 'false'
@@ -1033,10 +1100,6 @@
          
                return col
              })
            }

            if (values.verify) {
              values.verify.scripts = []
            }
          }

@@ -1074,15 +1137,35 @@
        
              let id = values.linkmenu[values.linkmenu.length - 1]
        
              list.forEach(item => {
                if (item.MenuID === id) {
                  values.MenuID = id
                  values.MenuName = item.MenuName
                  values.MenuNo = item.MenuNo
                  values.tabType = item.type
                }
              })
              if (id !== 'multiMenu') {
                list.forEach(item => {
                  if (item.MenuID === id) {
                    values.MenuID = id
                    values.MenuName = item.MenuName
                    values.MenuNo = item.MenuNo
                    values.tabType = item.type
                  }
                })
                delete values.multiMenus
              } else {
                values.multiMenus.forEach(menu => {
                  menu.sign = menu.sign || ''

                  let _id = menu.menuId[menu.menuId.length - 1]

                  list.forEach(item => {
                    if (item.MenuID === _id) {
                      menu.MenuID = _id
                      menu.MenuName = item.MenuName
                      menu.MenuNo = item.MenuNo
                      menu.tabType = item.type
                    }
                  })
                })
              }
            }
          } else if (values.OpenType === 'funcbutton' && values.funcType === 'expPdf') {
            values.Ot = 'notRequired'
          }
          
          if (values.outerBlacklist) {
@@ -1109,6 +1192,14 @@
            })
          }

          if (values.extraParam) {
            values.extraParam.forEach(n => {
              values[n] = 'true'
            })

            delete values.extraParam
          }

          resolve(values)
        } else {
          reject(err)