From c98e45bfac25e9110ad0383faac54a54d98ea9d5 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 18 十一月 2021 20:47:04 +0800 Subject: [PATCH] 2021-11-18 --- src/menu/components/share/actioncomponent/actionform/index.jsx | 103 ++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 80 insertions(+), 23 deletions(-) diff --git a/src/menu/components/share/actioncomponent/actionform/index.jsx b/src/menu/components/share/actioncomponent/actionform/index.jsx index a1d74e9..8bc29d8 100644 --- a/src/menu/components/share/actioncomponent/actionform/index.jsx +++ b/src/menu/components/share/actioncomponent/actionform/index.jsx @@ -1,7 +1,8 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' import { fromJS } from 'immutable' -import { Form, Row, Col, Input, Select, Icon, Radio, notification, Tooltip, InputNumber, Cascader } from 'antd' +import { Form, Row, Col, Input, Select, Radio, notification, Tooltip, InputNumber, Cascader } from 'antd' +import { QuestionCircleOutlined } from '@ant-design/icons' import { btnCustomClasses, formRule } from '@/utils/option.js' import asyncComponent from '@/utils/asyncComponent' @@ -10,9 +11,9 @@ const { TextArea } = Input const MkIcon = asyncComponent(() => import('@/components/mkIcon')) const actionTypeOptions = { - pop: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'icon', 'class', 'execSuccess', 'execError', 'resetPageIndex', 'syncComponent', 'switchTab', 'width', 'openmenu', 'open', 'output', 'refreshTab'], - prompt: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'icon', 'class', 'execSuccess', 'execError', 'resetPageIndex', 'syncComponent', 'switchTab', 'width', 'openmenu', 'open', 'output', 'refreshTab'], - exec: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'icon', 'class', 'execSuccess', 'execError', 'resetPageIndex', 'syncComponent', 'switchTab', 'width', 'openmenu', 'open', 'output', 'refreshTab'], + pop: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'icon', 'class', 'execSuccess', 'execError', 'resetPageIndex', 'syncComponent', 'switchTab', 'width', 'openmenu', 'open', 'output', 'refreshTab', 'reload'], + prompt: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'icon', 'class', 'execSuccess', 'execError', 'resetPageIndex', 'syncComponent', 'switchTab', 'width', 'openmenu', 'open', 'output', 'refreshTab', 'reload'], + exec: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'icon', 'class', 'execSuccess', 'execError', 'resetPageIndex', 'syncComponent', 'switchTab', 'width', 'openmenu', 'open', 'output', 'refreshTab', 'reload'], excelIn: ['label', 'Ot', 'OpenType', 'intertype', 'show', 'icon', 'class', 'sheet', 'execSuccess', 'execError', 'resetPageIndex', 'syncComponent', 'switchTab', 'width'], excelOut: ['label', 'OpenType', 'intertype', 'show', 'icon', 'class', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'resetPageIndex', 'pagination', 'search', 'width'], popview: ['label', 'Ot', 'OpenType', 'show', 'icon', 'class', 'popClose', 'resetPageIndex', 'width', 'display', 'ratio', 'placement'], @@ -37,6 +38,7 @@ interType: null, // 鎺ュ彛绫诲瀷锛氬唴閮ㄣ�佸閮� funcType: null, // 鍔熻兘绫诲瀷 procMode: null, // 鍙傛暟鏂瑰紡 + control: '', pageTemplate: null, appType: sessionStorage.getItem('appType'), Ot: null, @@ -98,11 +100,13 @@ let _procMode = card.procMode || 'system' let _Ot = card.Ot || 'requiredSgl' let _pageTemplate = card.pageTemplate || '' + let control = card.control || '' - let _options = this.getOptions(_opentype, _intertype, _funcType, _pageTemplate, _procMode, _Ot) + let _options = this.getOptions(_opentype, _intertype, _funcType, _pageTemplate, _procMode, _Ot, control) this.setState({ Ot: _Ot, + control: control, openType: _opentype, interType: _intertype, procMode: _procMode, @@ -113,12 +117,24 @@ item.options = btnCustomClasses } else if (item.key === 'innerFunc' && _procMode === 'inner') { item.required = true + } else if (item.key === 'linkmenu') { + if (_opentype === 'funcbutton' && _funcType === 'scan') { + item.required = false + item.tooltip = '浣跨敤鎵爜鐧诲綍鍔熻兘鎴栬彍鍗曡烦杞姛鑳芥椂锛岄渶閫夋嫨璺宠浆鐨勮彍鍗曘��' + } else { + item.tooltip = '' + item.required = true + } } else if (item.key === 'intertype') { let iscustom = ['pop', 'prompt', 'exec'].includes(_opentype) item.options = this.state.interTypeOptions.filter(op => (iscustom || op.value !== 'custom')) } else if (item.key === 'Ot') { if (type === 'card') { - item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) + if (card.sqlType === 'insert') { + item.options = this.state.requireOptions.filter(op => ['notRequired'].includes(op.value)) + } else { + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) + } } else if (_pageTemplate === 'pay') { // 琛岀骇鎸夐挳銆佹敮浠樻寜閽紝鍙兘閫夊崟琛� item.options = this.state.requireOptions.filter(op => ['requiredSgl'].includes(op.value)) } else if (['innerpage', 'tab', 'popview', 'excelIn'].includes(_opentype)) { @@ -144,7 +160,7 @@ }) } - getOptions = (_opentype, _intertype, _funcType, _pageTemplate, _procMode, _Ot) => { + getOptions = (_opentype, _intertype, _funcType, _pageTemplate, _procMode, _Ot, _control) => { let _options = actionTypeOptions[_opentype] ? fromJS(actionTypeOptions[_opentype]).toJS() : [] // 閫夐」鍒楄〃 if (_opentype === 'innerpage') { // 鏂伴〉闈紝鍙�夋ā鏉�(鑷畾涔夋椂锛屽彲濉叆澶栭儴閾炬帴) @@ -169,7 +185,7 @@ } } else if (_opentype === 'funcbutton') { if (_funcType === 'print') { - _options.push('execMode', 'intertype', 'Ot', 'execSuccess', 'execError', 'resetPageIndex', 'controlField', 'controlVal') + _options.push('execMode', 'intertype', 'Ot', 'execSuccess', 'execError', 'resetPageIndex') if (_intertype === 'outer') { _options.push('innerFunc', 'sysInterface', 'interface', 'proInterface', 'outerFunc', 'callbackFunc') } else if (_intertype === 'inner') { @@ -179,6 +195,10 @@ _options.push('execSuccess', 'execError') } else if (_funcType === 'closetab') { _options.push('refreshTab') + } else if (_funcType === 'scan') { + _options.push('linkmenu') + } else if (_funcType === 'goBack') { + _options.push('reload') } } else if (_opentype !== 'popview' && _opentype !== 'tab') { if (_intertype === 'custom') { @@ -198,8 +218,11 @@ } } - if (_Ot !== 'notRequired' && _opentype !== 'excelOut' && _opentype !== 'funcbutton') { - _options.push('controlField', 'controlVal') + if (_Ot !== 'notRequired' && _opentype !== 'excelOut') { + _options.push('control') + if (_control) { + _options.push('controlField', 'controlVal') + } } if (_Ot === 'requiredSgl' && ['pop', 'prompt', 'exec'].includes(_opentype)) { _options.push('swipe') @@ -229,10 +252,10 @@ */ optionChange = (key, value) => { const { card, type } = this.props - const { openType, procMode, Ot, pageTemplate } = this.state + const { openType, procMode, Ot, pageTemplate, control } = this.state if (key === 'OpenType') { - let _options = this.getOptions(value, 'system', this.state.funcType, '', 'system', Ot) + let _options = this.getOptions(value, 'system', this.state.funcType, '', 'system', Ot, control) let _fieldval = {} let _formlist = this.state.formlist.map(item => { @@ -241,12 +264,16 @@ if (item.key === 'intertype') { let iscustom = ['pop', 'prompt', 'exec'].includes(value) item.options = this.state.interTypeOptions.filter(op => (iscustom || op.value !== 'custom')) + } else if (item.key === 'control') { + item.initVal = control } if (item.hidden) return item if (item.key === 'intertype') { _fieldval.intertype = 'system' + } else if (item.key === 'popClose' && value === 'popview') { + _fieldval.popClose = 'grid' } else if (item.key === 'Ot') { if (type === 'card') { item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) @@ -268,6 +295,14 @@ _fieldval.sqlType = '' } else if (item.key === 'pageTemplate') { item.initVal = '' + } else if (item.key === 'linkmenu') { + if (value === 'funcbutton' && this.state.funcType === 'scan') { + item.required = false + item.tooltip = '浣跨敤鎵爜鐧诲綍鍔熻兘鎴栬彍鍗曡烦杞姛鑳芥椂锛岄渶閫夋嫨璺宠浆鐨勮彍鍗曘��' + } else { + item.tooltip = '' + item.required = true + } } return item @@ -291,7 +326,7 @@ this.props.form.setFieldsValue(_fieldval) }) } else if (key === 'funcType') { - let _options = this.getOptions(openType, this.state.interType, value, pageTemplate, procMode, Ot) + let _options = this.getOptions(openType, this.state.interType, value, pageTemplate, procMode, Ot, control) let _fieldval = {} if (value === 'print') { @@ -315,6 +350,14 @@ } else { item.options = this.state.requireOptions } + } else if (item.key === 'linkmenu') { + if (value === 'scan') { + item.required = false + item.tooltip = '浣跨敤鎵爜鐧诲綍鍔熻兘鎴栬彍鍗曡烦杞姛鑳芥椂锛岄渶閫夋嫨璺宠浆鐨勮彍鍗曘��' + } else { + item.tooltip = '' + item.required = true + } } return item @@ -327,7 +370,11 @@ this.setState({ formlist: this.state.formlist.map(item => { if (item.key === 'Ot' && type === 'card') { - item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) + if (value === 'insert') { + item.options = this.state.requireOptions.filter(op => ['notRequired'].includes(op.value)) + } else { + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) + } } else if (item.key === 'Ot' && value === 'insert') { item.options = this.state.requireOptions.filter(op => ['notRequired'].includes(op.value)) } else if (item.key === 'Ot') { @@ -362,7 +409,7 @@ }) } else if (key === 'pageTemplate') { let _fieldval = {} - let _options = this.getOptions(openType, this.state.interType, this.state.funcType, value, procMode, Ot) + let _options = this.getOptions(openType, this.state.interType, this.state.funcType, value, procMode, Ot, control) this.setState({ pageTemplate: value, @@ -386,7 +433,7 @@ this.props.form.setFieldsValue(_fieldval) }) } else if (key === 'intertype') { - let _options = this.getOptions(openType, value, this.state.funcType, pageTemplate, procMode, Ot) + let _options = this.getOptions(openType, value, this.state.funcType, pageTemplate, procMode, Ot, control) this.setState({ interType: value, @@ -408,7 +455,7 @@ }) }) } else if (key === 'procMode') { - let _options = this.getOptions(openType, this.state.interType, this.state.funcType, pageTemplate, value, Ot) + let _options = this.getOptions(openType, this.state.interType, this.state.funcType, pageTemplate, value, Ot, control) this.setState({ procMode: value, @@ -422,10 +469,20 @@ }) }) } else if (key === 'Ot') { - let _options = this.getOptions(openType, this.state.interType, this.state.funcType, pageTemplate, procMode, value) + let _options = this.getOptions(openType, this.state.interType, this.state.funcType, pageTemplate, procMode, value, control) this.setState({ Ot: value, + formlist: this.state.formlist.map(item => { + item.hidden = !_options.includes(item.key) + return item + }) + }) + } else if (key === 'control') { + let _options = this.getOptions(openType, this.state.interType, this.state.funcType, pageTemplate, procMode, Ot, value) + + this.setState({ + control: value, formlist: this.state.formlist.map(item => { item.hidden = !_options.includes(item.key) return item @@ -496,7 +553,7 @@ <Col span={12} key={index}> <Form.Item label={item.tooltip ? <Tooltip placement="topLeft" overlayClassName={item.tooltipClass} title={item.tooltip}> - <Icon type="question-circle" /> + <QuestionCircleOutlined className="mk-form-tip" /> {item.label} </Tooltip> : item.label }> @@ -526,7 +583,7 @@ <Col span={12} key={index}> <Form.Item label={item.tooltip ? <Tooltip placement="topLeft" overlayClassName={item.tooltipClass} title={item.tooltip}> - <Icon type="question-circle" /> + <QuestionCircleOutlined className="mk-form-tip" /> {item.label} </Tooltip> : item.label }> @@ -547,7 +604,7 @@ <Col span={12} key={index}> <Form.Item label={item.tooltip ? <Tooltip placement="topLeft" overlayClassName={item.tooltipClass} title={item.tooltip}> - <Icon type="question-circle" /> + <QuestionCircleOutlined className="mk-form-tip" /> {item.label} </Tooltip> : item.label }> @@ -582,7 +639,7 @@ <Col span={12} key={index}> <Form.Item label={item.tooltip ? <Tooltip placement="topLeft" overlayClassName={item.tooltipClass} title={item.tooltip}> - <Icon type="question-circle" /> + <QuestionCircleOutlined className="mk-form-tip" /> {item.label} </Tooltip> : item.label }> @@ -629,7 +686,7 @@ <Col span={12} key={index}> <Form.Item label={item.tooltip ? <Tooltip placement="topLeft" overlayClassName={item.tooltipClass} title={item.tooltip}> - <Icon type="question-circle" /> + <QuestionCircleOutlined className="mk-form-tip" /> {item.label} </Tooltip> : item.label }> -- Gitblit v1.8.0