From bd1dfc9e6c9b9f8076ca2783ce598e0936b4c664 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 22 十二月 2021 14:36:03 +0800 Subject: [PATCH] 2021-12-22 --- src/templates/sharecomponent/actioncomponent/actionform/index.jsx | 659 ++++++++++++++++++++++++++++++++++++----------------------- 1 files changed, 402 insertions(+), 257 deletions(-) diff --git a/src/templates/sharecomponent/actioncomponent/actionform/index.jsx b/src/templates/sharecomponent/actioncomponent/actionform/index.jsx index 5bb6f79..20d48f2 100644 --- a/src/templates/sharecomponent/actioncomponent/actionform/index.jsx +++ b/src/templates/sharecomponent/actioncomponent/actionform/index.jsx @@ -1,11 +1,26 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' -import { Form, Row, Col, Input, Select, Icon, Radio, notification, Tooltip, InputNumber } from 'antd' +import { fromJS } from 'immutable' +import { Form, Row, Col, Input, Select, Radio, notification, Tooltip, InputNumber, Cascader } from 'antd' +import { QuestionCircleOutlined } from '@ant-design/icons' + import { btnIcons, btnClasses, formRule } from '@/utils/option.js' +import MkIcon from '@/components/mk-icon' import Utils from '@/utils/utils.js' import './index.scss' const { TextArea } = Input +const actionTypeOptions = { + pop: ['label', 'position', 'OpenType', 'intertype', 'Ot', 'icon', 'class', 'execSuccess', 'execError', 'openmenu', 'output'], + prompt: ['label', 'position', 'OpenType', 'intertype', 'Ot', 'icon', 'class', 'execSuccess', 'execError', 'openmenu', 'output'], + exec: ['label', 'position', 'OpenType', 'intertype', 'Ot', 'icon', 'class', 'execSuccess', 'execError', 'openmenu', 'output'], + excelIn: ['label', 'Ot', 'OpenType', 'intertype', 'icon', 'class', 'sheet', 'execSuccess', 'execError'], + excelOut: ['label', 'OpenType', 'intertype', 'icon', 'class', 'execSuccess', 'execError', 'pagination', 'search'], + popview: ['label', 'Ot', 'OpenType', 'icon', 'class', 'position', 'tabType', 'linkTab', 'popClose', 'display', 'ratio', 'placement', 'clickouter'], + tab: ['label', 'Ot', 'OpenType', 'icon', 'class', 'position'], + innerpage: ['label', 'Ot', 'OpenType', 'pageTemplate', 'icon', 'class', 'position'], + funcbutton: ['label', 'OpenType', 'funcType', 'icon', 'class'] +} class MainSearch extends Component { static propTpyes = { @@ -23,18 +38,11 @@ interType: null, // 鎺ュ彛绫诲瀷锛氬唴閮ㄣ�佸閮� funcType: null, // 鍔熻兘绫诲瀷 position: null, // 鎸夐挳浣嶇疆 - reqOptionSgl: [{ - value: 'requiredSgl', - text: this.props.dict['header.form.requiredSgl'] - }], - reqOptions: [{ - value: 'notRequired', - text: this.props.dict['header.form.notRequired'] - }, { - value: 'requiredSgl', - text: this.props.dict['header.form.requiredSgl'] - }], - reqOptionsMutil: [{ + procMode: null, // 澶栭儴鎺ュ彛鍙傛暟澶勭悊鏂瑰紡 + control: '', + pageTemplate: null, + Ot: null, + requireOptions: [{ value: 'notRequired', text: this.props.dict['header.form.notRequired'] }, { @@ -48,115 +56,91 @@ text: this.props.dict['header.form.requiredOnce'] }], insertUpdateOptions: [{ - value: '', - text: this.props.dict['header.form.empty'] - }, { value: 'insert', text: this.props.dict['header.form.action.insert'] }, { value: 'update', text: this.props.dict['header.form.action.update'] + }, { + value: 'audit', + text: this.props.dict['header.form.action.audit'] }], deleteOptions: [{ - value: '', - text: this.props.dict['header.form.empty'] - }, { value: 'LogicDelete', - text: this.props.dict['header.form.action.LogicDelete'] + text: '閫昏緫鍒犻櫎' }, { value: 'delete', - text: this.props.dict['header.form.action.delete'] + text: '鐗╃悊鍒犻櫎' }, { value: 'custom', text: this.props.dict['header.form.custom'] + }], + interTypeOptions: [{ + value: 'system', + text: this.props.dict['model.interface.system'] + }, { + value: 'inner', + text: this.props.dict['model.interface.inner'] + }, { + value: 'outer', + text: this.props.dict['model.interface.outer'] + }, { + value: 'custom', + text: '鑷畾涔�' }] } UNSAFE_componentWillMount () { - let _opentype = '' // 鎵撳紑鏂瑰紡 - let _intertype = '' // 鎺ュ彛绫诲瀷 - let _position = '' // 鎸夐挳浣嶇疆 - let _tabType = '' // 鎸夐挳涓哄脊绐楋紙鏍囩锛夋椂锛屾爣绛剧殑绫诲瀷 - let _funcType = '' // 鍔熻兘鎸夐挳绫诲瀷 - let _options = null // 閫夐」鍒楄〃 + const { card } = this.props - this.props.formlist.forEach(form => { - if (form.key === 'OpenType') { - if (this.props.card.execMode) { // 杞崲鎵撳嵃鏃舵墦寮�鏂瑰紡 - _opentype = 'funcbutton' - } else { - _opentype = form.initVal - } - } else if (form.key === 'intertype') { - _intertype = form.initVal - } else if (form.key === 'position') { - _position = form.initVal - } else if (form.key === 'tabType') { - _tabType = form.initVal - } else if (form.key === 'funcType') { - _funcType = form.initVal - } - }) + let _opentype = card.OpenType // 鎵撳紑鏂瑰紡 + // let _tabType = card.tabType || 'SubTable' // 鎸夐挳涓哄脊绐楋紙鏍囩锛夋椂锛屾爣绛剧殑绫诲瀷 + let _intertype = card.intertype || 'system' // 鎺ュ彛绫诲瀷 + let _procMode = card.procMode || 'system' // 鍙傛暟澶勭悊鏂瑰紡 + let _funcType = card.funcType || '' // 鍔熻兘鎸夐挳榛樿绫诲瀷 + let _pageTemplate = card.pageTemplate // 鏂伴〉闈㈢被鍨� + let _Ot = card.Ot || 'requiredSgl' + let control = card.control || '' - let _tabs = this.props.tabs.filter(tab => tab.type === _tabType) - - if (_opentype === 'innerpage') { // 鏂伴〉闈紙鍐呴儴锛夛紝鍙�夋ā鏉� - _options = ['label', 'Ot', 'OpenType', 'pageTemplate', 'icon', 'class', 'position'] - } else if (_opentype === 'outerpage') { // 鏂伴〉闈紙澶栭儴锛夛紝闇�瑕侀〉闈㈠湴鍧� - _options = ['label', 'Ot', 'OpenType', 'url', 'icon', 'class', 'position'] - } else if (_opentype === 'blank' || _opentype === 'tab') { // 鏂版爣绛炬垨褰撳墠椤甸潰鏇挎崲 - _options = ['label', 'Ot', 'OpenType', 'icon', 'class', 'position', 'tabTemplate'] - } else if (_opentype === 'popview') { // 妯℃�佹鏍囩椤� - _options = ['label', 'Ot', 'OpenType', 'icon', 'class', 'position', 'tabType', 'linkTab', 'popClose'] - } else if (_opentype === 'excelOut') { // 瀵煎叆瀵煎嚭 - if (_intertype === 'outer') { - _options = ['label', 'OpenType', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'icon', 'class', 'execSuccess', 'execError', 'pagination', 'search'] - } else { - _options = ['label', 'OpenType', 'intertype', 'innerFunc', 'icon', 'class', 'execSuccess', 'execError', 'pagination', 'search'] - } - } else if (_opentype === 'excelIn') { // 瀵煎叆瀵煎嚭 - if (_intertype === 'outer') { - _options = ['label', 'Ot', 'OpenType', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc', 'icon', 'class', 'sheet', 'execSuccess', 'execError'] - } else { - _options = ['label', 'Ot', 'OpenType', 'intertype', 'innerFunc', 'icon', 'class', 'sheet', 'execSuccess', 'execError'] - } - } else if (_opentype === 'funcbutton') { - if (!_funcType) { - _options = ['label', 'OpenType', 'funcType', 'icon', 'class'] - } else if (_funcType === 'changeuser') { - _options = ['label', 'OpenType', 'funcType', 'icon', 'class'] - } else if (_funcType === 'print') { - if (_intertype === 'outer') { - _options = ['label', 'OpenType', 'funcType', 'execMode', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError'] - } else { - _options = ['label', 'OpenType', 'funcType', 'execMode', 'intertype', 'innerFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError'] - } - } - } else { - if (_intertype === 'outer') { - _options = ['label', 'position', 'OpenType', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError'] - } else { - _options = ['label', 'position', 'OpenType', 'intertype', 'innerFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError', 'sql', 'sqlType'] - } + if (_opentype === 'outerpage') { + card.pageTemplate = 'custom' + _opentype = 'innerpage' } + + let _tabs = this.props.tabs.filter(tab => tab.type === 'SubTable') + let _options = this.getOptions(_opentype, _intertype, _funcType, _pageTemplate, _procMode, _Ot, control) + this.setState({ + control: control, + Ot: _Ot, openType: _opentype, + pageTemplate: _pageTemplate, interType: _intertype, - position: _position, + procMode: _procMode, + position: card.position || 'toolbar', funcType: _funcType, formlist: this.props.formlist.map(item => { if (item.key === 'class') { item.options = btnClasses + } else if (item.key === 'innerFunc' && _procMode === 'inner') { + item.required = true } else if (item.key === 'icon') { item.options = btnIcons + } 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 (_opentype === 'innerpage' || _position === 'grid') { - item.options = this.state.reqOptionSgl - } else if (['outerpage', 'blank', 'tab', 'popview', 'excelIn'].includes(_opentype)) { - item.options = this.state.reqOptions + if (card.position === 'grid' || _pageTemplate === 'pay') { // 琛岀骇鎸夐挳銆佹敮浠樻寜閽紝鍙兘閫夊崟琛� + item.options = this.state.requireOptions.filter(op => ['requiredSgl'].includes(op.value)) + } else if (_opentype === 'innerpage' && _pageTemplate === 'billprint') { + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl', 'required'].includes(op.value)) + } else if (['innerpage', 'tab', 'popview', 'excelIn'].includes(_opentype)) { + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) + } else if (card.sqlType === 'insert') { + item.options = this.state.requireOptions.filter(op => ['notRequired'].includes(op.value)) } else { - item.options = this.state.reqOptionsMutil + item.options = this.state.requireOptions } } else if (item.key === 'sqlType') { if (['prompt', 'exec'].includes(_opentype)) { @@ -189,82 +173,118 @@ try { let _form = document.getElementById('label') _form.select() - } catch { + } catch (e) { console.warn('琛ㄥ崟focus澶辫触锛�') } } } - /** - * @description 涓嬫媺鍒囨崲 - * 1銆佹墦寮�鏂瑰紡鍒囨崲锛岄噸缃彲瑙佽〃鍗曞拰琛ㄥ崟鍊� - * 2銆佹樉绀轰綅缃垏鎹紝閲嶇疆閫夋嫨琛� - * 3銆佸垏鎹㈡爣绛剧被鍨嬶紝閲嶇疆鍙�夋爣绛� - */ - openTypeChange = (key, value) => { - if (key === 'OpenType') { - let _options = null - if (value === 'innerpage') { - _options = ['label', 'Ot', 'OpenType', 'pageTemplate', 'icon', 'class', 'position'] - } else if (value === 'outerpage') { - _options = ['label', 'Ot', 'OpenType', 'url', 'icon', 'class', 'position'] - } else if (value === 'blank' || value === 'tab') { - _options = ['label', 'Ot', 'OpenType', 'icon', 'class', 'position', 'tabTemplate'] - } else if (value === 'popview') { - _options = ['label', 'Ot', 'OpenType', 'icon', 'class', 'position', 'tabType', 'linkTab', 'popClose'] - } else if (value === 'excelOut') { - if (this.state.interType === 'outer') { - _options = ['label', 'OpenType', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'icon', 'class', 'execSuccess', 'execError', 'pagination', 'search'] - } else { - _options = ['label', 'OpenType', 'intertype', 'innerFunc', 'icon', 'class', 'execSuccess', 'execError', 'pagination', 'search'] - } - } else if (value === 'excelIn') { - if (this.state.interType === 'outer') { - _options = ['label', 'Ot', 'OpenType', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc', 'icon', 'class', 'sheet', 'execSuccess', 'execError'] - } else { - _options = ['label', 'Ot', 'OpenType', 'intertype', 'innerFunc', 'icon', 'class', 'sheet', 'execSuccess', 'execError'] - } - } else if (value === 'funcbutton') { - if (!this.state.funcType) { - _options = ['label', 'OpenType', 'funcType', 'icon', 'class'] - } else if (this.state.funcType === 'changeuser') { - _options = ['label', 'OpenType', 'funcType', 'icon', 'class'] - } else if (this.state.funcType === 'print') { - if (this.state.interType === 'outer') { - _options = ['label', 'OpenType', 'funcType', 'execMode', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError'] - } else { - _options = ['label', 'OpenType', 'funcType', 'execMode', 'intertype', 'innerFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError'] - } - } - } else { - if (this.state.interType === 'inner') { - _options = ['label', 'position', 'OpenType', 'intertype', 'innerFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError', 'sql', 'sqlType'] - } else { - _options = ['label', 'position', 'OpenType', 'intertype', 'innerFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc'] - } + getOptions = (_opentype, _intertype, _funcType, _pageTemplate, _procMode, _Ot, _control) => { + let _options = fromJS(actionTypeOptions[_opentype]).toJS() // 閫夐」鍒楄〃 + + if (_opentype === 'innerpage') { // 鏂伴〉闈紝鍙�夋ā鏉�(鑷畾涔夋椂锛屽彲濉叆澶栭儴閾炬帴) + if (_pageTemplate === 'custom') { + _options.push('url', 'joint') + } else if (_pageTemplate === 'billprint') { + _options.push('printTemp') } + } else if (_opentype === 'tab') { // 鏍囩椤� + if (this.props.card.tabTemplate !== 'FormTab') { + _options.push('linkmenu') + } + } else if (_opentype === 'excelOut') { // 瀵煎叆瀵煎嚭 + if (_intertype === 'outer') { + _options.push('innerFunc', 'sysInterface', 'interface', 'proInterface', 'outerFunc') + } else if (_intertype === 'inner') { + _options.push('innerFunc') + } + } else if (_opentype === 'excelIn') { // 瀵煎叆瀵煎嚭 + if (_intertype === 'outer') { + _options.push('innerFunc', 'sysInterface', 'interface', 'proInterface', 'outerFunc', 'callbackFunc') + } else if (_intertype === 'inner') { + _options.push('innerFunc') + } + } else if (_opentype === 'funcbutton') { + if (_funcType === 'print') { + _options.push('execMode', 'intertype', 'Ot', 'execSuccess', 'execError') + if (_intertype === 'outer') { + _options.push('innerFunc', 'sysInterface', 'interface', 'proInterface', 'outerFunc', 'callbackFunc') + } else if (_intertype === 'inner') { + _options.push('innerFunc') + } + } else if (_funcType === 'closetab') { + _options.push('refreshTab') + } + } else if (_opentype !== 'popview') { // 鎵撳紑鏂瑰紡涓嶆槸寮圭獥椤甸潰鏃� + if (_intertype === 'custom') { + _options.push('procMode', 'interface', 'callbackType', 'cbTable', 'proInterface', 'method', 'cross') + if (_procMode === 'system') { + _options.push('sql', 'sqlType') + } else { + _options.push('innerFunc') + } + } else if (_intertype === 'outer') { + _options.push('innerFunc', 'sysInterface', 'interface', 'proInterface', 'outerFunc', 'callbackFunc') + } else if (_intertype === 'inner') { + _options.push('innerFunc', 'preFunc') + } else { + _options.push('sql', 'sqlType') + } + } + if (_options.includes('execSuccess') || _options.includes('popClose')) { + _options.push('resetPageIndex') + } + + if (_Ot !== 'notRequired' && _opentype !== 'excelOut') { + _options.push('control') + if (_control) { + _options.push('controlField', 'controlVal') + } + } + + return _options + } + + /** + * @description 鍒囨崲 + */ + optionChange = (key, value) => { + const { openType, funcType, procMode, Ot, control } = this.state + const { card } = this.props + + if (key === 'OpenType') { + let _options = this.getOptions(value, 'system', '', this.state.pageTemplate, 'system', Ot, control) let _fieldval = {} - let _formlist = this.state.formlist.map(item => { item.hidden = !_options.includes(item.key) + + 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 = this.state.interType + _fieldval.intertype = 'system' } else if (item.key === 'Ot') { - if (value === 'innerpage' || this.state.position === 'grid') { - item.options = this.state.reqOptionSgl + if (this.state.position === 'grid' || this.state.pageTemplate === 'pay') { + item.options = this.state.requireOptions.filter(op => ['requiredSgl'].includes(op.value)) _fieldval.Ot = 'requiredSgl' - } else if (['outerpage', 'blank', 'tab', 'popview'].includes(value)) { - item.options = this.state.reqOptions + } else if (value === 'innerpage' && this.state.pageTemplate === 'billprint') { + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl', 'required'].includes(op.value)) + _fieldval.Ot = 'requiredSgl' + } else if (['innerpage', 'tab', 'popview'].includes(value)) { + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) _fieldval.Ot = 'requiredSgl' } else if (value === 'excelIn') { - item.options = this.state.reqOptions + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) _fieldval.Ot = 'notRequired' } else { - item.options = this.state.reqOptionsMutil + item.options = this.state.requireOptions } } else if (item.key === 'sqlType') { if (['prompt', 'exec'].includes(value)) { @@ -280,8 +300,19 @@ this.setState({ openType: value, + funcType: '', + intertype: 'system', + procMode: 'system', formlist: _formlist }, () => { + if (value === 'excelIn') { + _fieldval.label = this.props.dict['model.form.excelIn'] + _fieldval.class = 'border-dgreen' + } else if (value === 'excelOut') { + _fieldval.label = this.props.dict['model.form.excelOut'] + _fieldval.class = 'dgreen' + } + this.props.form.setFieldsValue(_fieldval) }) } else if (key === 'position') { @@ -291,14 +322,17 @@ position: value, formlist: this.state.formlist.map(item => { if (item.key === 'Ot') { - if (this.state.openType === 'innerpage' || value === 'grid') { - item.options = this.state.reqOptionSgl + if (value === 'grid' || this.state.pageTemplate === 'pay') { + item.options = this.state.requireOptions.filter(op => ['requiredSgl'].includes(op.value)) _fieldval.Ot = 'requiredSgl' - } else if (['outerpage', 'blank', 'tab', 'popview'].includes(this.state.openType)) { - item.options = this.state.reqOptions + } else if (openType === 'innerpage' && this.state.pageTemplate === 'billprint') { + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl', 'required'].includes(op.value)) + _fieldval.Ot = 'requiredSgl' + } else if (['innerpage', 'tab', 'popview'].includes(openType)) { + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) _fieldval.Ot = 'requiredSgl' } else { - item.options = this.state.reqOptionsMutil + item.options = this.state.requireOptions } } return item @@ -306,97 +340,143 @@ }, () => { this.props.form.setFieldsValue(_fieldval) }) - } else if (key === 'tabType') { - let _tabs = this.props.tabs.filter(tab => tab.type === value) + } else if (key === 'funcType') { + let _options = this.getOptions('funcbutton', this.state.interType, value, card.pageTemplate, procMode, Ot, control) let _fieldval = {} - this.setState({ - formlist: this.state.formlist.map(item => { - if (item.key === 'linkTab') { - item.options = [ - { - value: '', - text: '鏂板缓' - }, - ..._tabs - ] - } - return item - }) - }, () => { - this.props.form.setFieldsValue(_fieldval) - }) - } else if (key === 'funcType') { - let _options = null - if (!value) { - _options = ['label', 'OpenType', 'funcType', 'icon', 'class'] - } else if (value === 'changeuser') { - _options = ['label', 'OpenType', 'funcType', 'icon', 'class'] - } else if (value === 'print') { - if (this.state.interType === 'outer') { - _options = ['label', 'OpenType', 'funcType', 'execMode', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError'] - } else { - _options = ['label', 'OpenType', 'funcType', 'execMode', 'intertype', 'innerFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError'] - } + if (value === 'print') { + _fieldval.label = '鎵撳嵃' + } else if (value === 'closetab') { + _fieldval.label = '鍏抽棴' } this.setState({ + funcType: value, formlist: this.state.formlist.map(item => { item.hidden = !_options.includes(item.key) if (item.hidden) return item - if (item.key === 'Ot' && value === 'print') { - item.options = this.state.reqOptionsMutil + if (item.key === 'intertype') { + _fieldval.intertype = this.state.interType + } else if (item.key === 'Ot' && value === 'print') { + item.options = this.state.requireOptions } return item }) + }, () => { + this.props.form.setFieldsValue(_fieldval) }) - } - } + } else if (key === 'sqlType') { + let _fieldval = {} + this.setState({ + formlist: this.state.formlist.map(item => { + if (item.key === 'Ot' && value === 'insert') { + item.options = this.state.requireOptions.filter(op => ['notRequired'].includes(op.value)) + } else if (item.key === 'Ot') { + item.options = this.state.requireOptions + } + return item + }) + }, () => { + if (value === 'insert') { + _fieldval.label = '娣诲姞' + _fieldval.class = 'green' + _fieldval.Ot = 'notRequired' + } else if (value === 'update') { + _fieldval.label = '淇敼' + _fieldval.class = 'purple' + _fieldval.Ot = 'requiredSgl' + } else if (value === 'audit') { + _fieldval.label = '瀹℃牳' + _fieldval.class = 'primary' + _fieldval.Ot = 'requiredSgl' + } else if (value === 'LogicDelete' || value === 'delete') { + _fieldval.label = '鍒犻櫎' + _fieldval.class = 'danger' + _fieldval.Ot = 'required' + } - onChange = (e, key) => { - const { openType } = this.state - let value = e.target.value - if (key === 'intertype') { - let _options = null - if (openType === 'excelOut') { - if (value === 'outer') { - _options = ['label', 'OpenType', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'icon', 'class', 'execSuccess', 'execError', 'pagination', 'search'] - } else { - _options = ['label', 'OpenType', 'intertype', 'innerFunc', 'icon', 'class', 'execSuccess', 'execError', 'pagination', 'search'] - } - } else if (openType === 'excelIn') { - if (value === 'outer') { - _options = ['label', 'Ot', 'OpenType', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc', 'icon', 'class', 'sheet', 'execSuccess', 'execError'] - } else { - _options = ['label', 'Ot', 'OpenType', 'intertype', 'innerFunc', 'icon', 'class', 'sheet', 'execSuccess', 'execError'] - } - } else if (openType === 'funcbutton') { - if (value === 'outer') { - _options = ['label', 'OpenType', 'funcType', 'execMode', 'intertype', 'innerFunc', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError'] - } else { - _options = ['label', 'OpenType', 'funcType', 'execMode', 'intertype', 'innerFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError'] - } - } else { - if (value === 'inner') { - _options = ['label', 'position', 'OpenType', 'intertype', 'innerFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError', 'sql', 'sqlType'] - } else { - _options = ['label', 'position', 'OpenType', 'intertype', 'innerFunc', 'Ot', 'icon', 'class', 'execSuccess', 'execError', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc'] - } - } + this.props.form.setFieldsValue(_fieldval) + }) + } else if (key === 'pageTemplate') { + let _options = this.getOptions('innerpage', this.state.interType, this.state.funcType, value, procMode, Ot, control) + let _fieldval = {} + + this.setState({ + pageTemplate: value, + formlist: this.state.formlist.map(item => { + item.hidden = !_options.includes(item.key) + + if (item.key === 'Ot') { + if (value === 'pay') { + item.options = this.state.requireOptions.filter(op => ['requiredSgl'].includes(op.value)) + _fieldval.Ot = 'requiredSgl' + } else if (value === 'billprint') { + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl', 'required'].includes(op.value)) + _fieldval.Ot = 'requiredSgl' + } else { + item.options = this.state.requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) + } + } + + return item + }) + }, () => { + this.props.form.setFieldsValue(_fieldval) + }) + } else if (key === 'intertype') { + let _options = this.getOptions(openType, value, funcType, '', procMode, Ot, control) this.setState({ interType: value, formlist: this.state.formlist.map(item => { item.hidden = !_options.includes(item.key) - if (item.key === 'interface') { + if (item.key === 'innerFunc') { + item.required = value === 'inner' + } else if (item.key === 'interface') { item.readonly = false } else if (item.key === 'sysInterface') { item.initVal = 'false' + } else if (item.key === 'Ot') { + item.options = this.state.requireOptions } + return item + }) + }) + } else if (key === 'procMode') { + let _options = this.getOptions(openType, this.state.interType, funcType, '', value, Ot, control) + + this.setState({ + procMode: value, + formlist: this.state.formlist.map(item => { + item.hidden = !_options.includes(item.key) + + if (item.key === 'innerFunc') { + item.required = true + } + return item + }) + }) + } else if (key === 'Ot') { + let _options = this.getOptions(openType, this.state.interType, funcType, this.state.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, funcType, this.state.pageTemplate, procMode, Ot, value) + + this.setState({ + control: value, + formlist: this.state.formlist.map(item => { + item.hidden = !_options.includes(item.key) return item }) }) @@ -437,7 +517,7 @@ if (item.type === 'text') { // 鏂囨湰鎼滅储 let _rules = [] - if (item.key === 'innerFunc') { + if (item.key === 'innerFunc' || item.key === 'preFunc') { let str = '^(' + item.fields.join('|') + ')' let _patten = new RegExp(str + formRule.func.innerPattern + '$', 'g') _rules = [{ @@ -465,7 +545,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 }> @@ -487,7 +567,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 }> @@ -499,7 +579,7 @@ message: this.props.dict['form.required.input'] + item.label + '!' } ] - })(<InputNumber min={0} max={10000} precision={0} />)} + })(<InputNumber min={0} max={10000} precision={0} onPressEnter={this.handleSubmit}/>)} </Form.Item> </Col> ) @@ -508,7 +588,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 }> @@ -524,12 +604,13 @@ <Select showSearch filterOption={(input, option) => option.props.children[2].toLowerCase().indexOf(input.toLowerCase()) >= 0} - onChange={(value) => {this.openTypeChange(item.key, value)}} + onChange={(value) => {this.optionChange(item.key, value)}} + allowClear={item.key === 'icon'} getPopupContainer={() => document.getElementById('winter')} > {item.options.map((option, index) => - <Select.Option id={`${index}`} title={option.text} key={`${index}`} value={option.value}> - {item.key === 'icon' && option.value && <Icon type={option.value} />} {option.text} + <Select.Option id={`${index}`} title={option.text} key={`${index}`} value={option.value || option.field}> + {item.key === 'icon' && option.value ? <MkIcon type={option.value} /> : null} {option.text || option.label} </Select.Option> )} </Select> @@ -540,7 +621,12 @@ } else if (item.type === 'radio') { fields.push( <Col span={12} key={index}> - <Form.Item label={item.label}> + <Form.Item label={item.tooltip ? + <Tooltip placement="topLeft" overlayClassName={item.tooltipClass} title={item.tooltip}> + <QuestionCircleOutlined className="mk-form-tip" /> + {item.label} + </Tooltip> : item.label + }> {getFieldDecorator(item.key, { initialValue: item.initVal, rules: [ @@ -550,7 +636,7 @@ } ] })( - <Radio.Group onChange={(e) => {this.onChange(e, item.key)}} disabled={item.readonly}> + <Radio.Group onChange={(e) => {this.optionChange(item.key, e.target.value)}} disabled={item.readonly}> { item.options.map(option => { return ( @@ -568,8 +654,37 @@ <Col span={24} key={index}> <Form.Item label={item.label} className="textarea"> {getFieldDecorator(item.key, { - initialValue: item.initVal - })(<TextArea rows={4} />)} + initialValue: item.initVal, + rules: [ + { + required: item.readonly ? false : !!item.required, + message: this.props.dict['form.required.input'] + item.label + '!' + } + ] + })(<TextArea rows={2} readOnly={item.readonly} />)} + </Form.Item> + </Col> + ) + } else if (item.type === 'cascader') { // 澶氶�� + fields.push( + <Col span={12} key={index}> + <Form.Item label={item.tooltip ? + <Tooltip placement="topLeft" overlayClassName={item.tooltipClass} title={item.tooltip}> + <QuestionCircleOutlined className="mk-form-tip" /> + {item.label} + </Tooltip> : item.label + }> + {getFieldDecorator(item.key, { + initialValue: item.initVal || [], + rules: [ + { + required: !!item.required, + message: this.props.dict['form.required.select'] + item.label + '!' + } + ] + })( + <Cascader allowClear options={item.options || []} placeholder="" /> + )} </Form.Item> </Col> ) @@ -579,55 +694,85 @@ } handleConfirm = () => { - const { setting } = this.props + const { setting, card } = this.props // 琛ㄥ崟鎻愪氦鏃舵鏌ヨ緭鍏ュ�兼槸鍚︽纭� return new Promise((resolve, reject) => { this.props.form.validateFieldsAndScroll((err, values) => { if (!err) { - values.uuid = this.props.card.uuid - values.verify = this.props.card.verify || null + values.uuid = card.uuid + values.verify = card.verify || null if (values.OpenType === 'excelIn') { values.position = 'toolbar' } else if (values.OpenType === 'excelOut') { - if (values.intertype === 'inner' && !values.innerFunc) { - if ((setting.interType === 'inner' && setting.innerFunc) || setting.interType === 'outer') { - notification.warning({ - top: 92, - message: '琛ㄦ牸鏁版嵁鏌ヨ鏈娇鐢ㄦ暟鎹簮锛屽鍑篍xcel浣跨敤鍐呴儴鎺ュ彛鏃讹紝闇�鑷畾涔夊唴閮ㄥ嚱鏁帮紒', - duration: 5 - }) - return - } + if (values.intertype === 'system' && setting.interType !== 'system') { // 瀵煎嚭excel闇�浣跨敤鏌ヨ鏁版嵁婧� + notification.warning({ + top: 92, + message: '琛ㄦ牸鏁版嵁鏌ヨ鏈娇鐢ㄧ郴缁熷嚱鏁帮紝瀵煎嚭Excel涓嶅彲浣跨敤绯荤粺鍑芥暟锛�', + duration: 5 + }) + return } values.position = 'toolbar' values.Ot = 'notRequired' } else if (values.OpenType === 'popview' && !values.linkTab) { // 娌℃湁鍏宠仈鏍囩锛堟柊寤烘椂锛夛紝鍒涘缓鏂版爣绛綢d values.linkTab = Utils.getuuid() - values.createTab = true // 鐢ㄤ簬鏍囪鎸夐挳澶嶅埗鏃讹紝鏄惁澶嶅埗鍘熸湁鏍囩 } else if (values.OpenType === 'funcbutton') { // 杞崲鎵撳嵃鏃舵墦寮�鏂瑰紡 values.position = 'toolbar' - if (values.funcType === 'print') { - values.OpenType = values.execMode + } else if (['pop', 'prompt', 'exec'].includes(values.OpenType) && values.verify) { + if ((values.Ot === 'requiredOnce' || card.Ot === 'requiredOnce') && card.Ot !== values.Ot) { + values.verify.uniques = [] + } + if (card.Ot !== values.Ot) { + if (values.Ot === 'notRequired') { + values.verify.invalid = 'false' + } else if (card.Ot === 'notRequired' && values.Ot !== 'notRequired') { + values.verify.invalid = 'true' + } + } + } else if (values.OpenType === 'tab' && values.linkmenu) { + if (sessionStorage.getItem('thdMenuList')) { + let list = null + try { + list = JSON.parse(sessionStorage.getItem('thdMenuList')) || [] + } catch (e) { + list = [] + } + + 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 (values.openmenu && Array.isArray(values.openmenu) && values.openmenu.length > 0) { + let list = null + try { + list = JSON.parse(sessionStorage.getItem('thdMenuList')) || [] + } catch (e) { + list = [] + } - if (values.innerFunc === '' && values.sql === '') { - notification.warning({ - top: 92, - message: this.props.dict['header.form.actionhelp.tablename'], - duration: 5 + let id = values.openmenu[values.openmenu.length - 1] + + list.forEach(item => { + if (item.MenuID === id) { + values.MenuID = id + values.MenuName = item.MenuName + values.MenuNo = item.MenuNo + values.tabType = item.type + } }) - } else if (values.innerFunc === '' && values.sql !== '' && values.sqlType === '') { - notification.warning({ - top: 92, - message: this.props.dict['header.form.actionhelp.sqlType'], - duration: 5 - }) - } else { - resolve(values) } + + resolve(values) } else { reject(err) } @@ -647,7 +792,7 @@ } } return ( - <Form {...formItemLayout} className="ant-advanced-search-form commontable-action-form" id="winter"> + <Form {...formItemLayout} className="normal-action-list-form" id="winter"> <Row gutter={24}>{this.getFields()}</Row> </Form> ) -- Gitblit v1.8.0