From f128d679cacda2a6b5b730ad0368b5fe73f887f7 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 14 二月 2025 15:27:02 +0800 Subject: [PATCH] Merge branch 'master' into positec --- src/menu/components/form/simple-form/index.jsx | 173 +++++++++++++-------------------------------------------- 1 files changed, 39 insertions(+), 134 deletions(-) diff --git a/src/menu/components/form/simple-form/index.jsx b/src/menu/components/form/simple-form/index.jsx index 974b624..6200b70 100644 --- a/src/menu/components/form/simple-form/index.jsx +++ b/src/menu/components/form/simple-form/index.jsx @@ -2,12 +2,12 @@ import PropTypes from 'prop-types' import { is, fromJS } from 'immutable' import { Popover, Modal, Button, Switch, message } from 'antd' -import { PlusOutlined, SettingOutlined, EditOutlined, ToolOutlined, DeleteOutlined, FontColorsOutlined } from '@ant-design/icons' +import { PlusOutlined, SettingOutlined, EditOutlined, ToolOutlined, DeleteOutlined, SwapOutlined, FontColorsOutlined } from '@ant-design/icons' import asyncComponent from '@/utils/asyncComponent' import asyncIconComponent from '@/utils/asyncIconComponent' import { getModalForm } from '@/templates/zshare/formconfig' -import { resetStyle, getTables, checkComponent } from '@/utils/utils-custom.js' +import { resetStyle, getTables, checkComponent, getInterfaces } from '@/utils/utils-custom.js' import MKEmitter from '@/utils/events.js' import Utils from '@/utils/utils.js' import getWrapForm from './options' @@ -19,6 +19,7 @@ const CardComponent = asyncComponent(() => import('@/templates/modalconfig/dragelement')) const MobCardComponent = asyncComponent(() => import('@/mob/components/formdragelement')) const FormAction = asyncComponent(() => import('../formaction')) +const FormFork = asyncComponent(() => import('@/menu/modalconfig/formfork')) const NormalHeader = asyncComponent(() => import('@/menu/components/share/normalheader')) const CopyComponent = asyncIconComponent(() => import('@/menu/components/share/copycomponent')) const PasteForms = asyncIconComponent(() => import('@/menu/components/share/pasteforms')) @@ -120,72 +121,19 @@ card.width = card.wrap.width card.name = card.wrap.name card.errors = [] - let idCtrl = false + card.$c_fc = true if (card.wrap.datatype === 'dynamic') { - let supModule = card.setting.supModule ? card.setting.supModule[card.setting.supModule.length - 1] || '' : '' - if (supModule === 'empty') { - supModule = '' - } - card.$c_ds = true - card.errors = checkComponent(card) - - if (card.errors.length === 0) { - card.$tables = getTables(card) - } - - card.subcards.forEach(item => { - if (item.subButton.intertype === 'system' && !item.subButton.sqlType) { - card.errors.push({ level: 0, detail: `${item.subButton.label} 鎸夐挳璇疯缃搷浣滅被鍨媊}) - } - if (item.subButton.verify && !item.subButton.output) { - if (item.subButton.verify.noteEnable === 'true') { - card.errors.push({ level: 0, detail: `${item.subButton.label} 鎸夐挳鏈缃繑鍥炲�肩煭淇″彂閫佹棤鏁堬紒`}) - } else if (item.subButton.verify.emailEnable === 'true') { - card.errors.push({ level: 0, detail: `${item.subButton.label} 鎸夐挳鏈缃繑鍥炲�奸偖浠跺彂閫佹棤鏁堬紒`}) - } - } - item.fields.forEach(m => { - if (m.dataSource && /@ID@/ig.test(m.dataSource)) { - idCtrl = true - } - if (m.type === 'linkMain' && !supModule) { - card.errors.push({ level: 1, detail: `璇锋鏌ュ叧鑱斾富琛ㄢ��${m.label}鈥濇槸鍚︽湁鏁坄}) - } - }) - }) } else { - let supModule = '' - if (card.wrap.datatype === 'static') { - supModule = card.wrap.supModule ? card.wrap.supModule[card.wrap.supModule.length - 1] : '' - } - - card.$tables = getTables(card) - - card.subcards.forEach(item => { - if (item.subButton.intertype === 'system' && !item.subButton.sqlType) { - card.errors.push({ level: 0, detail: `${item.subButton.label} 鎸夐挳璇疯缃搷浣滅被鍨媊}) - } - if (item.subButton.verify && !item.subButton.output) { - if (item.subButton.verify.noteEnable === 'true') { - card.errors.push({ level: 0, detail: `${item.subButton.label} 鎸夐挳鏈缃繑鍥炲�肩煭淇″彂閫佹棤鏁堬紒`}) - } else if (item.subButton.verify.emailEnable === 'true') { - card.errors.push({ level: 0, detail: `${item.subButton.label} 鎸夐挳鏈缃繑鍥炲�奸偖浠跺彂閫佹棤鏁堬紒`}) - } - } - item.fields.forEach(m => { - if (m.dataSource && /@ID@/ig.test(m.dataSource)) { - idCtrl = true - } - if (m.type === 'linkMain' && !supModule && card.wrap.datatype === 'static') { - card.errors.push({ level: 1, detail: `璇锋鏌ュ叧鑱斾富琛ㄢ��${m.label}鈥濇槸鍚︽湁鏁坄}) - } - }) - }) + delete card.$c_ds } - card.idCtrl = idCtrl + card.errors = checkComponent(card) + card.$tables = getTables(card) + + delete card.$c_ds + delete card.$c_fc this.setState({ card: card @@ -240,7 +188,7 @@ changecols = (type) => { let card = fromJS(this.state.card).toJS() - let _this = this + let that = this card.subcards[0].fields = card.subcards[0].fields.map(item => { item.labelwidth = 33.3 @@ -266,7 +214,7 @@ confirm({ content: `纭畾鍒囨崲涓�${type}鍒楀悧锛焋, onOk() { - _this.updateComponent(card) + that.updateComponent(card) }, onCancel() {} }) @@ -287,14 +235,14 @@ closeForm = (cell) => { let card = fromJS(this.state.card).toJS() - let _this = this + let that = this card.subcards[0].fields = card.subcards[0].fields.filter(item => item.uuid !== cell.uuid) confirm({ content: `纭畾鍒犻櫎<<${cell.label}>>鍚楋紵`, onOk() { - _this.updateComponent(card) + that.updateComponent(card) }, onCancel() {} }) @@ -324,6 +272,7 @@ orderType: 'asc', readonly: 'false', required: 'true', + readin: 'top', focus: true } @@ -339,6 +288,8 @@ card.subcards[0].fields = card.subcards[0].fields.filter(item => !item.focus) this.setState({card, visible: false, editform: null}) + + this.updateComponent(card) } /** @@ -346,69 +297,13 @@ */ handleForm = (_item) => { const { card } = this.state + let _form = fromJS(_item).toJS() - let _inputfields = [] - let _tabfields = [] - let _linkableFields = [] - let _linksupFields = [] - - card.subcards[0].fields.forEach((item, i) => { - if (!item.field || _form.field === item.field) return - - if (['text', 'number', 'textarea', 'select'].includes(item.type)) { - _inputfields.push({ - field: item.field, - label: item.label - }) - } - if (item.hidden !== 'true' && ['text', 'number', 'select', 'link'].includes(item.type)) { - _tabfields.push({ - field: item.field, - label: item.label - }) - } - - if (['switch', 'check', 'popSelect'].includes(item.type)) { - _linksupFields.push({ - field: item.field, - label: item.label - }) - } - - if (!['select', 'link', 'radio', 'checkcard', 'multiselect'].includes(item.type)) return - - _linksupFields.push({ - field: item.field, - label: item.label - }) - - if (item.type === 'multiselect' || (item.type === 'checkcard' && item.multiple === 'true')) return - - _linkableFields.push({ - field: item.field, - label: item.label + '-琛ㄥ崟' - }) - }) - - let _fields = _linkableFields.map(cell => cell.field) - card.columns.forEach(col => { - if (col.field && !_fields.includes(col.field)) { - _linkableFields.push({ - field: col.field, - label: col.label + '-鏄剧ず鍒�' - }) - } - }) - - if (_form.linkSubField && _form.linkSubField.length > 0) { - let fields = _inputfields.map(item => item.field) - _form.linkSubField = _form.linkSubField.filter(item => fields.includes(item)) - } this.setState({ visible: true, editform: _form, - formlist: getModalForm(_form, _inputfields, _tabfields, _linkableFields, _linksupFields, card.columns) + formlist: getModalForm(_form, card.subcards[0].fields, card.columns) }) } @@ -521,9 +416,9 @@ _card.setting.supModule = '' } } else if (res.datatype === 'public') { - let interfaces = window.GLOB.customMenu.interfaces || [] + let interfaces = getInterfaces() - let d = interfaces.filter(m => m.uuid === res.publicId && m.status === 'true')[0] + let d = interfaces.filter(m => m.value === res.publicId)[0] if (d) { _card.columns = fromJS(d.columns).toJS() @@ -556,14 +451,14 @@ clearGroup = () => { let card = fromJS(this.state.card).toJS() - let _this = this + let that = this card.subcards[0].fields = [] confirm({ content: `纭畾娓呯┖琛ㄥ崟鍚楋紵`, onOk() { - _this.updateComponent(card) + that.updateComponent(card) }, onCancel() {} }) @@ -605,12 +500,22 @@ <div className={`form-area mk-${card.wrap.formStyle || ''}`}> <PlusOutlined className="plus" title="娣诲姞琛ㄥ崟" onClick={this.addForm}/> <FieldsComponent config={card.subcards[0]} type="form" plusFields={this.plusFields} /> - <span style={{color: 'red', marginLeft: '30px', cursor: 'pointer'}} onClick={this.clearGroup}>娓呯┖</span> - <Switch checkedChildren="寮�" unCheckedChildren="鍏�" defaultChecked={this.state.showField} onChange={(val) => this.setState({showField: val})} /> - {appType !== 'mob' ? <Button className="mk-cols-change" onClick={() => this.changecols(1)}>1鍒�</Button> : null} - {appType !== 'mob' ? <Button className="mk-cols-change" onClick={() => this.changecols(2)}>2鍒�</Button> : null} - {appType !== 'mob' ? <Button className="mk-cols-change" onClick={() => this.changecols(3)}>3鍒�</Button> : null} - {appType !== 'mob' ? <Button className="mk-cols-change" onClick={() => this.changecols(4)}>4鍒�</Button> : null} + <div className="mk-form-tool"> + <DeleteOutlined title="娓呯┖" onClick={this.clearGroup} /> + {appType !== 'mob' ? <Popover title="鍒囨崲甯冨眬" overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ + <> + <Button style={{marginRight: '10px'}} onClick={() => this.changecols(1)}>1鍒�</Button> + <Button style={{marginRight: '10px'}} onClick={() => this.changecols(2)}>2鍒�</Button> + <Button style={{marginRight: '10px'}} onClick={() => this.changecols(3)}>3鍒�</Button> + <Button onClick={() => this.changecols(4)}>4鍒�</Button> + </> + } trigger="hover"> + <SwapOutlined /> + </Popover> : null} + <FormFork forms={card.subcards[0].fields}/> + {/* <CopyOutlined title="澶嶅埗" onClick={this.triggerCopy} /> */} + <Switch checkedChildren="寮�" unCheckedChildren="鍏�" defaultChecked={this.state.showField} onChange={(val) => this.setState({showField: val})} /> + </div> <div style={{clear: 'both'}}></div> {appType !== 'mob' ? <CardComponent list={card.subcards[0].fields} -- Gitblit v1.8.0