From b69b5f6329ca5f87932436b7a6c1ddfc3377e10f Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 16 五月 2024 10:56:41 +0800 Subject: [PATCH] 2024-05-16 --- src/menu/components/share/actioncomponent/actionform/index.jsx | 239 ++++++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 176 insertions(+), 63 deletions(-) diff --git a/src/menu/components/share/actioncomponent/actionform/index.jsx b/src/menu/components/share/actioncomponent/actionform/index.jsx index 4a4bd91..c00ec97 100644 --- a/src/menu/components/share/actioncomponent/actionform/index.jsx +++ b/src/menu/components/share/actioncomponent/actionform/index.jsx @@ -1,28 +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 } 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 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 { @@ -159,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 @@ -213,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') } @@ -294,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') @@ -345,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') { @@ -353,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') @@ -375,13 +382,15 @@ 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') { 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') { @@ -398,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 = '' @@ -406,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') @@ -451,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') { @@ -495,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') } } @@ -515,7 +537,7 @@ shows.push('reason') } } - } else { + } else if (openType !== 'funcbutton' || !['expPdf', 'shareLink'].includes(this.record.funcType)) { if (openType !== 'excelOut') { reOptions.control = [ { value: '', text: '鏃�' }, @@ -542,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 { @@ -570,6 +598,7 @@ * 3銆佸垏鎹㈡爣绛剧被鍨嬶紝閲嶇疆鍙�夋爣绛� */ optionChange = (key, value) => { + const { type } = this.props const { hasclass, appType, requireOptions } = this.state this.record[key] = value @@ -604,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' @@ -772,6 +808,7 @@ let className = '' let content = null let initVal = item.initVal || '' + let help = item.help || null if (item.type === 'splitLine') { fields.push( @@ -849,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) => @@ -866,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> )} @@ -901,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 + '!' } @@ -923,6 +961,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' @@ -931,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 @@ -965,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)' @@ -993,11 +1077,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' @@ -1052,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) { @@ -1087,6 +1192,14 @@ }) } + if (values.extraParam) { + values.extraParam.forEach(n => { + values[n] = 'true' + }) + + delete values.extraParam + } + resolve(values) } else { reject(err) -- Gitblit v1.8.0