| | |
| | | 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, Typography } from 'antd' |
| | | import { QuestionCircleOutlined } from '@ant-design/icons' |
| | | import { formRule } from '@/utils/option.js' |
| | | |
| | |
| | | import './index.scss' |
| | | |
| | | const { TextArea } = Input |
| | | const { Paragraph } = Typography |
| | | const MkEditIcon = asyncComponent(() => import('@/components/mkIcon')) |
| | | const acTyOptions = { |
| | | pop: ['label', 'OpenType', 'intertype', 'Ot', 'show', 'swipe', 'icon', 'class', 'color', 'execSuccess', 'execError', 'syncComponent', 'switchTab', 'anchors', 'width', 'openmenu', 'refreshTab', 'position', 'tipTitle', 'hidden'], |
| | |
| | | }], |
| | | interTypeOptions: [{ |
| | | value: 'system', |
| | | text: this.props.dict['model.interface.system'] |
| | | text: '系统' |
| | | }, { |
| | | value: 'inner', |
| | | text: this.props.dict['model.interface.inner'] |
| | | text: '内部' |
| | | }, { |
| | | value: 'outer', |
| | | text: this.props.dict['model.interface.outer'] |
| | | text: '外部' |
| | | }, { |
| | | value: 'custom', |
| | | text: '自定义' |
| | |
| | | reOptions.intertype = this.state.interTypeOptions |
| | | |
| | | if (intertype === 'custom') { |
| | | shows.push('procMode', 'interface', 'callbackType', 'cbTable', 'proInterface', 'method', 'cross') |
| | | shows.push('procMode', 'interface', 'callbackType', 'proInterface', 'method', 'cross') |
| | | if (this.record.procMode === 'system') { |
| | | shows.push('sql', 'sqlType') |
| | | } else { |
| | | } else if (this.record.procMode === 'inner') { |
| | | reRequired.innerFunc = true |
| | | shows.push('innerFunc') |
| | | } |
| | | if (this.record.callbackType === 'func') { |
| | | shows.push('callbackFunc') |
| | | } else if (this.record.callbackType !== 'none') { |
| | | shows.push('cbTable') |
| | | } |
| | | reReadonly.interface = false |
| | | reRequired.interface = true |
| | | } else if (intertype === 'outer') { |
| | | shows.push('innerFunc', 'sysInterface', 'interface', 'proInterface', 'outerFunc', 'callbackFunc', 'output') |
| | | reRequired.innerFunc = false |
| | | shows.push('procMode', 'sysInterface', 'interface', 'outerFunc', 'callbackType', 'output') |
| | | if (this.record.procMode === 'system') { |
| | | shows.push('sql', 'sqlType') |
| | | } else if (this.record.procMode === 'inner') { |
| | | reRequired.innerFunc = true |
| | | shows.push('innerFunc') |
| | | } |
| | | if (this.record.callbackType === 'func') { |
| | | shows.push('callbackFunc') |
| | | } else if (this.record.callbackType !== 'none') { |
| | | shows.push('cbTable') |
| | | } |
| | | |
| | | if (this.record.sysInterface === 'false') { |
| | | reReadonly.interface = false |
| | | reRequired.interface = true |
| | | |
| | | shows.push('proInterface') |
| | | } else { |
| | | reReadonly.interface = true |
| | | reRequired.interface = false |
| | |
| | | |
| | | if (this.record.formType === 'switch') { |
| | | shows.push('field', 'size', 'openVal', 'closeVal', 'openText', 'closeText') |
| | | } else { |
| | | } else if (this.record.formType === 'radio') { |
| | | shows.push('field', 'openVal', 'closeVal') |
| | | } else { |
| | | shows.push('field') |
| | | } |
| | | |
| | | reOptions.intertype = this.state.interTypeOptions.filter(item => item.value !== 'custom') |
| | | |
| | | if (intertype === 'outer') { |
| | | shows.push('innerFunc', 'sysInterface', 'interface', 'proInterface', 'outerFunc', 'callbackFunc') |
| | | reRequired.innerFunc = false |
| | | shows.push('procMode', 'sysInterface', 'interface', 'outerFunc', 'callbackType') |
| | | if (this.record.procMode === 'system') { |
| | | shows.push('sql', 'sqlType') |
| | | } else if (this.record.procMode === 'inner') { |
| | | reRequired.innerFunc = true |
| | | shows.push('innerFunc') |
| | | } |
| | | if (this.record.callbackType === 'func') { |
| | | shows.push('callbackFunc') |
| | | } else if (this.record.callbackType !== 'none') { |
| | | shows.push('cbTable') |
| | | } |
| | | |
| | | if (this.record.sysInterface === 'false') { |
| | | reReadonly.interface = false |
| | | reRequired.interface = true |
| | | |
| | | shows.push('proInterface') |
| | | } else { |
| | | reReadonly.interface = true |
| | | reRequired.interface = false |
| | |
| | | reOptions.Ot = requireOptions.filter(op => ['notRequired', 'requiredSgl'].includes(op.value)) |
| | | |
| | | if (this.record.intertype === 'outer') { |
| | | shows.push('innerFunc', 'sysInterface', 'interface', 'proInterface', 'outerFunc', 'callbackFunc') |
| | | shows.push('innerFunc', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc') |
| | | reRequired.innerFunc = false |
| | | reRequired.callbackFunc = false |
| | | |
| | | if (this.record.sysInterface === 'false') { |
| | | reReadonly.interface = false |
| | | reRequired.interface = true |
| | | |
| | | shows.push('proInterface') |
| | | } else { |
| | | reReadonly.interface = true |
| | | reRequired.interface = false |
| | |
| | | reOptions.intertype = this.state.interTypeOptions.filter(op => op.value !== 'custom') |
| | | |
| | | if (this.record.intertype === 'outer') { |
| | | shows.push('innerFunc', 'sysInterface', 'interface', 'proInterface', 'outerFunc') |
| | | shows.push('innerFunc', 'sysInterface', 'interface', 'outerFunc') |
| | | reRequired.innerFunc = false |
| | | |
| | | if (this.record.sysInterface === 'false') { |
| | | reReadonly.interface = false |
| | | reRequired.interface = true |
| | | |
| | | shows.push('proInterface') |
| | | } else { |
| | | reReadonly.interface = true |
| | | reRequired.interface = false |
| | |
| | | if (_funcType === 'print') { |
| | | shows.push('execMode', 'intertype', 'Ot', 'execSuccess', 'execError') |
| | | if (this.record.intertype === 'outer') { |
| | | shows.push('innerFunc', 'sysInterface', 'interface', 'proInterface', 'outerFunc', 'callbackFunc') |
| | | shows.push('innerFunc', 'sysInterface', 'interface', 'outerFunc', 'callbackFunc') |
| | | reRequired.innerFunc = false |
| | | reRequired.callbackFunc = false |
| | | |
| | | if (this.record.sysInterface === 'false') { |
| | | reReadonly.interface = false |
| | | reRequired.interface = true |
| | | |
| | | shows.push('proInterface') |
| | | } else { |
| | | reReadonly.interface = true |
| | | reRequired.interface = false |
| | |
| | | shows.push('reload') |
| | | } else if (_funcType === 'megvii') { |
| | | shows.push('subFunc', 'progress') |
| | | } else if (_funcType === 'filezip') { |
| | | reOptions.Ot = requireOptions |
| | | reRequired.innerFunc = false |
| | | |
| | | shows.push('innerFunc', 'Ot', 'execSuccess', 'execError', 'urlkey') |
| | | } else if (_funcType === 'pay') { |
| | | shows.push('payType', 'Ot', 'execSuccess', 'execError', 'syncComponent', 'openmenu') |
| | | if (this.record.openmenu && this.record.openmenu !== 'goback') { |
| | | shows.push('open') |
| | | } |
| | | reOptions.Ot = requireOptions.filter(op => ['requiredSgl'].includes(op.value)) |
| | | } else if (_funcType === 'refund') { |
| | | shows.push('Ot', 'execSuccess', 'execError', 'syncComponent', 'openmenu') |
| | | reOptions.Ot = requireOptions.filter(op => ['requiredSgl'].includes(op.value)) |
| | | } |
| | | } |
| | |
| | | if (value === 'pop' || value === 'prompt' || value === 'exec') { |
| | | _fieldval.intertype = 'system' |
| | | _fieldval.sqlType = '' |
| | | |
| | | } else if (value === 'form') { |
| | | _fieldval.Ot = 'requiredSgl' |
| | | |
| | |
| | | _fieldval.intertype = 'system' |
| | | _fieldval.label = this.props.dict['model.form.excelOut'] |
| | | _fieldval.class = 'dgreen' |
| | | _fieldval.execSuccess = 'never' |
| | | this.record.Ot = 'notRequired' |
| | | this.record.label = this.props.dict['model.form.excelOut'] |
| | | this.record.class = 'dgreen' |
| | | this.record.execSuccess = 'never' |
| | | |
| | | } else if (value === 'popview') { |
| | | _fieldval.display = 'modal' |
| | |
| | | } |
| | | } else if (value === 'audit') { |
| | | _fieldval.label = '审核' |
| | | _fieldval.Ot = 'requiredSgl' |
| | | _fieldval.Ot = 'required' |
| | | if (hasclass) { |
| | | _fieldval.class = 'primary' |
| | | } else { |
| | |
| | | } |
| | | } else if (value === 'LogicDelete' || value === 'delete') { |
| | | _fieldval.label = '删除' |
| | | _fieldval.Ot = 'requiredSgl' |
| | | _fieldval.Ot = 'required' |
| | | if (hasclass) { |
| | | _fieldval.class = 'danger' |
| | | } else { |
| | | _fieldval.color = 'danger' |
| | | } |
| | | } else if (value === 'custom') { |
| | | _fieldval.Ot = 'required' |
| | | } |
| | | |
| | | if (this.props.type === 'card' && _fieldval.Ot === 'required') { // 卡片中无多行选项 |
| | | _fieldval.Ot = 'requiredSgl' |
| | | } |
| | | |
| | | this.record.label = _fieldval.label || this.record.label || '' |
| | |
| | | ] |
| | | |
| | | if (item.key === 'innerFunc') { |
| | | let str = '^(' + item.fields.join('|') + ')' |
| | | let str = item.fields && item.fields.length ? '^(' + item.fields.join('|') + ')' : '^' |
| | | let _patten = new RegExp(str + formRule.func.innerPattern + '$', 'g') |
| | | rules.push( |
| | | { pattern: _patten, message: formRule.func.innerMessage }, |
| | | { max: formRule.func.max, message: formRule.func.maxMessage } |
| | | ) |
| | | } else if (item.key === 'sql' || item.key === 'sheet') { |
| | | rules.push( |
| | | { pattern: /^[a-zA-Z_]+$/, message: '表名只可使用字母以及_' }, |
| | | { max: formRule.func.max, message: formRule.func.maxMessage } |
| | | ) |
| | | } else if (item.key === 'outerFunc' || item.key === 'callbackFunc') { |
| | |
| | | { max: formRule.func.max, message: formRule.func.maxMessage } |
| | | ) |
| | | } else if (item.key === 'output') { |
| | | if (this.record.intertype === 'system') { |
| | | if (this.record.intertype === 'system' || ((this.record.intertype === 'outer' || this.record.intertype === 'custom') && this.record.callbackType === 'script')) { |
| | | rules = [{ |
| | | pattern: /^@[0-9a-zA-Z_]+@?$/, |
| | | message: '变量以@符开头,可使用字母、数字以及_' |
| | |
| | | </Col> |
| | | ) |
| | | }) |
| | | |
| | | 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> |
| | | ) |
| | | } |
| | | |
| | | return fields |
| | | } |
| | | |
| | |
| | | values.modal = card.modal || null |
| | | |
| | | if (values.OpenType === 'form') { |
| | | if (/^(0|[1-9]\d*)$/.test(values.openVal) && /^(0|[1-9]\d*)$/.test(values.closeVal)) { |
| | | values.openVal = +values.openVal |
| | | values.closeVal = +values.closeVal |
| | | if (values.formType !== 'scan') { |
| | | if (/^(0|[1-9]\d*)$/.test(values.openVal) && /^(0|[1-9]\d*)$/.test(values.closeVal)) { |
| | | values.openVal = +values.openVal |
| | | values.closeVal = +values.closeVal |
| | | } |
| | | } else { |
| | | values.show = 'icon' |
| | | values.icon = 'scan' |
| | | } |
| | | } else if (values.OpenType === 'excelOut') { |
| | | values.Ot = 'notRequired' |