From a9b02f6862522b54d0824152017bf2acfec2af7b Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 21 三月 2024 10:29:50 +0800 Subject: [PATCH] 2024-03-21 --- src/menu/components/share/actioncomponent/actionform/index.jsx | 172 +++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 117 insertions(+), 55 deletions(-) diff --git a/src/menu/components/share/actioncomponent/actionform/index.jsx b/src/menu/components/share/actioncomponent/actionform/index.jsx index 45a8b3a..7dea9d8 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 } 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'], + pop: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'swipe', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'anchors', 'width', 'openmenu', 'refreshTab', 'position', 'tipTitle', 'hoverTitle', 'hidden', 'preButton', 'formCache'], + prompt: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'swipe', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'anchors', 'width', 'openmenu', 'refreshTab', 'position', 'tipTitle', 'hoverTitle', 'hidden', 'preButton', 'formCache'], + exec: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'swipe', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'anchors', 'width', 'openmenu', 'refreshTab', 'hoverTitle', 'hidden', 'preButton', 'formCache'], 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'] + 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 @@ -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,7 +215,7 @@ shows.push('exInterface', 'exProInterface') } } else if (intertype === 'inner') { - shows.push('innerFunc', 'output') + shows.push('innerFunc', 'output', 'recordUser') if (Ot === 'requiredOnce') { // 鍓嶇疆鍑芥暟 shows.push('preFunc') } @@ -291,7 +296,7 @@ shows.push('exInterface', 'exProInterface') } } else if (intertype === 'inner') { - shows.push('innerFunc') + shows.push('innerFunc', 'recordUser') reRequired.innerFunc = true } else { shows.push('sql', 'sqlType') @@ -342,7 +347,7 @@ shows.push('exInterface', 'exProInterface') } } else if (this.record.intertype === 'inner') { - shows.push('innerFunc') + shows.push('innerFunc', 'recordUser') reRequired.innerFunc = true } if (this.record.execSuccess === 'grid' || this.record.execError === 'grid') { @@ -350,7 +355,12 @@ } } 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 +382,15 @@ shows.push('exInterface', 'exProInterface') } } else if (this.record.intertype === 'inner') { - shows.push('innerFunc') + shows.push('innerFunc', 'recordUser') reRequired.innerFunc = true } 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') { @@ -395,7 +407,7 @@ 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)) reRequired.linkmenu = true reTooltip.linkmenu = '' @@ -414,7 +426,10 @@ 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') @@ -448,7 +463,7 @@ shows.push('exInterface', 'exProInterface') } } else if (this.record.intertype === 'inner') { - shows.push('innerFunc') + shows.push('innerFunc', 'recordUser') reRequired.innerFunc = true } if (this.record.execSuccess === 'grid' || this.record.execError === 'grid') { @@ -494,11 +509,15 @@ } else if (_funcType === 'refund') { shows.push('Ot', 'execSuccess', 'execError', 'syncComponent', 'openmenu') 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: '鏃�' }, @@ -512,8 +531,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: '绂佺敤' }, @@ -548,6 +567,9 @@ reRequired.icon = true } else { reRequired.icon = false + if (['pop', 'prompt', 'exec', 'popview', 'tab', 'innerpage'].includes(openType)) { + shows.push('showName') + } } return { @@ -769,6 +791,7 @@ let className = '' let content = null let initVal = item.initVal || '' + let help = item.help || null if (item.type === 'splitLine') { fields.push( @@ -799,6 +822,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')) { @@ -842,6 +869,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) => @@ -859,7 +887,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> )} @@ -894,7 +922,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 + '!' } @@ -916,6 +944,12 @@ } 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' @@ -924,34 +958,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 } @@ -969,11 +1023,12 @@ values.$fixed = card.$fixed || false 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)' @@ -996,11 +1051,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' @@ -1064,6 +1120,12 @@ } }) } + } 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) { -- Gitblit v1.8.0