From 04c038af25f79ac7fc80e93054856a614f22b63b Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 12 六月 2024 16:43:39 +0800 Subject: [PATCH] 2024-06-12 --- src/menu/components/share/actioncomponent/actionform/index.jsx | 301 ++++++++++++++++++++++++++++++++++++------------- 1 files changed, 218 insertions(+), 83 deletions(-) diff --git a/src/menu/components/share/actioncomponent/actionform/index.jsx b/src/menu/components/share/actioncomponent/actionform/index.jsx index 1f430f5..104c448 100644 --- a/src/menu/components/share/actioncomponent/actionform/index.jsx +++ b/src/menu/components/share/actioncomponent/actionform/index.jsx @@ -1,29 +1,30 @@ 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, Typography } 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' import asyncComponent from '@/utils/asyncComponent' import KeyInterface from '@/components/keyInterface' +import MkPrintTemps from './mkPrintTemps' import './index.scss' const { TextArea } = Input -const { Paragraph } = Typography 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'], - 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,13 +161,13 @@ 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 if (intertype === 'custom') { - shows.push('procMode', 'interface', 'callbackType', 'proInterface', 'method', 'cross', 'stringify') + shows.push('procMode', 'interface', 'callbackType', 'proInterface', 'method', 'cross', 'stringify', 'ContentType', 'outerBlacklist') if (this.record.procMode === 'system') { shows.push('sql', 'sqlType') } else if (this.record.procMode === 'inner') { @@ -174,14 +175,16 @@ shows.push('innerFunc') } if (this.record.callbackType === 'func') { - shows.push('callbackFunc') + shows.push('callbackFunc', 'output') + } else if (this.record.callbackType === 'script') { + shows.push('cbTable', 'output') } else if (this.record.callbackType !== 'none') { shows.push('cbTable') } reReadonly.interface = false reRequired.interface = true } else if (intertype === 'outer') { - shows.push('procMode', 'sysInterface', 'outerFunc', 'callbackType', 'output') + shows.push('procMode', 'sysInterface', 'outerFunc', 'callbackType') if (this.record.procMode === 'system') { shows.push('sql', 'sqlType') } else if (this.record.procMode === 'inner') { @@ -189,7 +192,9 @@ shows.push('innerFunc') } if (this.record.callbackType === 'func') { - shows.push('callbackFunc') + shows.push('callbackFunc', 'output') + } else if (this.record.callbackType === 'script') { + shows.push('cbTable', 'output') } else if (this.record.callbackType !== 'none') { shows.push('cbTable') } @@ -210,13 +215,13 @@ shows.push('exInterface', 'exProInterface') } } else if (intertype === 'inner') { - shows.push('innerFunc', 'output') + shows.push('innerFunc', 'output', 'extraParam') if (Ot === 'requiredOnce') { // 鍓嶇疆鍑芥暟 shows.push('preFunc') } reRequired.innerFunc = true } else { - shows.push('sql', 'sqlType', 'output') + shows.push('sql', 'sqlType', 'output', 'database') } if (Ot === 'required') { @@ -291,10 +296,10 @@ shows.push('exInterface', 'exProInterface') } } else if (intertype === 'inner') { - shows.push('innerFunc') + shows.push('innerFunc', 'extraParam') reRequired.innerFunc = true } else { - shows.push('sql', 'sqlType') + shows.push('sql', 'sqlType', 'database') } if (this.record.execSuccess === 'goback') { @@ -342,15 +347,22 @@ shows.push('exInterface', 'exProInterface') } } else if (this.record.intertype === 'inner') { - shows.push('innerFunc') + shows.push('innerFunc', 'extraParam') reRequired.innerFunc = true + } else { + shows.push('database') } if (this.record.execSuccess === 'grid' || this.record.execError === 'grid') { shows.push('resetPageIndex') } } else if (openType === 'excelOut') { reOptions.intertype = this.state.interTypeOptions.filter(op => op.value !== 'custom') - reOptions.Ot = requireOptions.filter(op => ['notRequired', 'requiredOnce'].includes(op.value)) + + if (appType === 'mob') { + reOptions.Ot = requireOptions.filter(op => ['notRequired'].includes(op.value)) + } else { + reOptions.Ot = requireOptions.filter(op => ['notRequired', 'requiredOnce'].includes(op.value)) + } if (this.record.intertype === 'outer') { shows.push('innerFunc', 'sysInterface', 'outerFunc') @@ -372,13 +384,17 @@ shows.push('exInterface', 'exProInterface') } } else if (this.record.intertype === 'inner') { - shows.push('innerFunc') + shows.push('innerFunc', 'extraParam') reRequired.innerFunc = true + } else { + shows.push('database') } if (this.record.execSuccess === 'grid' || this.record.execError === 'grid') { shows.push('resetPageIndex') } - if (this.record.Ot !== 'notRequired' && this.record.Ot !== 'requiredOnce') { + if (this.record.Ot !== 'notRequired' && appType === 'mob') { + this.record.Ot = 'notRequired' + } else if (this.record.Ot !== 'notRequired' && this.record.Ot !== 'requiredOnce') { this.record.Ot = 'notRequired' } } else if (openType === 'popview') { @@ -388,12 +404,24 @@ shows.push('placement') } else if (this.record.display === 'drawer') { shows.push('placement') + } else if (this.record.display === 'modal') { + shows.push('popshow') } if (this.record.popClose === 'grid') { 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 = '' @@ -401,19 +429,18 @@ reOptions.Ot = requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) if (this.record.pageTemplate === 'custom') { - shows.push('url', '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') - reOptions.Ot = requireOptions.filter(op => ['notRequired', 'requiredSgl', 'required'].includes(op.value)) + 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') } @@ -446,7 +473,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') { @@ -490,13 +517,17 @@ } 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') } } if (appType === 'mob') { - if (Ot !== 'notRequired' && openType !== 'excelOut') { + if (openType !== 'excelOut') { shows.push('control') reOptions.control = [ { value: '', text: '鏃�' }, @@ -510,8 +541,8 @@ shows.push('reason') } } - } else { - if (Ot !== 'notRequired' && openType !== 'excelOut') { + } else if (openType !== 'funcbutton' || !['expPdf', 'shareLink'].includes(this.record.funcType)) { + if (openType !== 'excelOut') { reOptions.control = [ { value: '', text: '鏃�' }, { value: 'disabled', text: '绂佺敤' }, @@ -537,15 +568,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 { @@ -565,6 +602,7 @@ * 3銆佸垏鎹㈡爣绛剧被鍨嬶紝閲嶇疆鍙�夋爣绛� */ optionChange = (key, value) => { + const { type } = this.props const { hasclass, appType, requireOptions } = this.state this.record[key] = value @@ -599,9 +637,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' @@ -682,6 +727,10 @@ } else if (value === 'custom') { _fieldval.Ot = 'required' } + if (_fieldval.Ot === 'required' && this.record.execError === 'never') { + this.record.execError = 'grid' + _fieldval.execError = 'grid' + } if (this.props.type === 'card' && _fieldval.Ot === 'required') { // 鍗$墖涓棤澶氳閫夐」 _fieldval.Ot = 'requiredSgl' @@ -700,6 +749,9 @@ if (appType !== 'mob' && value === 'notRequired') { this.record.control = '' _fieldval.control = '' + } else if (value === 'required' && this.record.execError === 'never') { + this.record.execError = 'grid' + _fieldval.execError = 'grid' } } else if (key === 'pageTemplate') { if (value === 'pay') { @@ -767,6 +819,7 @@ let className = '' let content = null let initVal = item.initVal || '' + let help = item.help || null if (item.type === 'splitLine') { fields.push( @@ -797,6 +850,10 @@ rules.push( { pattern: formRule.func.pattern, message: formRule.func.message }, { max: formRule.func.max, message: formRule.func.maxMessage } + ) + } else if (item.key === 'outerBlacklist') { + rules.push( + { max: 512, message: '鏈�澶�512涓瓧绗�' } ) } else if (item.key === 'output') { if (this.record.intertype === 'system' || ((this.record.intertype === 'outer' || this.record.intertype === 'custom') && this.record.callbackType === 'script')) { @@ -840,6 +897,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) => @@ -857,7 +915,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> )} @@ -892,7 +950,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 + '!' } @@ -906,7 +964,20 @@ { required: item.readonly ? false : item.required, message: '璇疯緭鍏�' + item.label + '!' } ] + if (item.key === 'url' || item.key === 'proUrl') { + rules.push({ + pattern: /^[^\s]*$/, + message: '鍦板潃涓笉鍙娇鐢ㄧ┖鏍硷紒' + }) + } + content = <TextArea rows={2} readOnly={item.readonly}/> + } else if (item.type === 'printTemps') { + rules = [ + { required: item.required, message: '璇烽�夋嫨' + item.label + '!' } + ] + + content = <MkPrintTemps onChange={(value) => {this.optionChange(item.key, value)}}/> } else if (item.type === 'keyinterface') { span = 24 className = 'textarea' @@ -915,34 +986,54 @@ ] 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" title={item.tooltip}> - <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 (window.debugger && this.props.card.uuid) { - fields.push( - <Col span={12} key="uuid"> - <Form.Item label="鎸夐挳ID"> - <Paragraph copyable>{this.props.card.uuid}</Paragraph> - </Form.Item> - </Col> - ) - } + 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 } @@ -957,13 +1048,24 @@ values.verify = card.verify || null values.modal = card.modal || null 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)' @@ -986,11 +1088,12 @@ return col }) - values.verify.sheet = values.verify.sheet || 'Sheet1' + 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' @@ -1045,15 +1148,39 @@ 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) { + values.outerBlacklist = values.outerBlacklist.replace(/\s/ig, '') } if (values.openmenu && Array.isArray(values.openmenu) && values.openmenu.length > 0) { @@ -1076,6 +1203,14 @@ }) } + if (values.extraParam) { + values.extraParam.forEach(n => { + values[n] = 'true' + }) + + delete values.extraParam + } + resolve(values) } else { reject(err) -- Gitblit v1.8.0