流程表单标题配置

zzq
刘妍 2024-06-11 10:18:22 +08:00
parent ef05780cbf
commit 01be1d3280
8 changed files with 77 additions and 12 deletions

View File

@ -229,6 +229,7 @@
authFields: [], authFields: [],
messageType: '', messageType: '',
isInit: true, isInit: true,
formTitle: '',
}; };
break; break;
case 'bpmn:EndEvent': case 'bpmn:EndEvent':
@ -256,6 +257,7 @@
formRelations: [], formRelations: [],
formType: '1', formType: '1',
formCode: '', formCode: '',
formTitle: '',
formVerison: '', formVerison: '',
formRelationId: '', formRelationId: '',
formUrl: '', formUrl: '',

View File

@ -62,6 +62,9 @@
:options="data.formRelations" :options="data.formRelations"
/> />
</a-space-compact> </a-space-compact>
<a-space-compact block>
<a-input v-model:value="node.formTitle" placeholder="请输入表单标题" />
</a-space-compact>
</a-space> </a-space>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="系统表单"> <a-tab-pane key="2" tab="系统表单">
@ -73,6 +76,9 @@
@change="updateWfData('formUrl')" @change="updateWfData('formUrl')"
/> />
</a-space-compact> </a-space-compact>
<a-space-compact block>
<a-input v-model:value="node.formTitle" placeholder="请输入PC端表单标题" />
</a-space-compact>
<a-space-compact block> <a-space-compact block>
<a-input <a-input
v-model:value="node.formAppUrl" v-model:value="node.formAppUrl"
@ -262,6 +268,7 @@
onMounted(() => { onMounted(() => {
if (props.element.type == 'bpmn:StartEvent') { if (props.element.type == 'bpmn:StartEvent') {
const currentNode = flowWfDataStore.getWfDataNode(props.element.id); const currentNode = flowWfDataStore.getWfDataNode(props.element.id);
console.log(currentNode);
if (currentNode) { if (currentNode) {
node.value = currentNode; node.value = currentNode;
} else { } else {
@ -285,6 +292,7 @@
function tabsChange() { function tabsChange() {
data.formName = ''; data.formName = '';
node.value.formCode = ''; node.value.formCode = '';
node.value.formTitle = '';
node.value.formVerison = ''; node.value.formVerison = '';
node.value.formRelationId = ''; node.value.formRelationId = '';
node.value.formUrl = ''; node.value.formUrl = '';
@ -340,13 +348,13 @@
obj.label = `${optionsElement.label} - ${childrenElement.label}`; obj.label = `${optionsElement.label} - ${childrenElement.label}`;
obj.fieldName = childrenElement.componentProps.fieldName; obj.fieldName = childrenElement.componentProps.fieldName;
result.push(obj); result.push(obj);
if(childrenElement.component === 'CardGroup'){ if (childrenElement.component === 'CardGroup') {
result = cardComponentChild(childrenElement.componentProps.options, result) result = cardComponentChild(childrenElement.componentProps.options, result);
} }
}); });
}); });
return result return result;
} };
function loadFormScheme(strScheme, isChange) { function loadFormScheme(strScheme, isChange) {
const scheme = JSON.parse(strScheme); const scheme = JSON.parse(strScheme);
let fields: any[] = []; let fields: any[] = [];
@ -462,7 +470,7 @@
obj.fieldName = element.componentProps.fieldName; obj.fieldName = element.componentProps.fieldName;
obj.label = `卡片组-${element.label}`; obj.label = `卡片组-${element.label}`;
fields.push(obj); fields.push(obj);
fields = cardComponentChild(element.componentProps.options, fields) fields = cardComponentChild(element.componentProps.options, fields);
} }
}, },
); );

View File

@ -206,6 +206,9 @@
:options="data.formRelations" :options="data.formRelations"
/> />
</a-space-compact> </a-space-compact>
<a-space-compact block>
<a-input v-model:value="node.formTitle" placeholder="请输入表单标题" />
</a-space-compact>
</a-space> </a-space>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="系统表单"> <a-tab-pane key="2" tab="系统表单">
@ -217,6 +220,9 @@
@change="updateWfData('formUrl')" @change="updateWfData('formUrl')"
/> />
</a-space-compact> </a-space-compact>
<a-space-compact block>
<a-input v-model:value="node.formTitle" placeholder="请输入PC端表单标题" />
</a-space-compact>
<a-space-compact block> <a-space-compact block>
<a-input <a-input
v-model:value="node.formAppUrl" v-model:value="node.formAppUrl"
@ -848,6 +854,7 @@
// //
function tabsChange() { function tabsChange() {
data.formName = ''; data.formName = '';
node.value.formTitle = '';
node.value.formCode = ''; node.value.formCode = '';
node.value.formVerison = ''; node.value.formVerison = '';
node.value.formRelationId = ''; node.value.formRelationId = '';

View File

@ -21,7 +21,15 @@
</a-button> </a-button>
</div> </div>
<a-tabs v-model:activeKey="activeName" @change="changeActive"> <a-tabs v-model:activeKey="activeName" @change="changeActive">
<a-tab-pane key="form" tab="表单信息" v-if="formVisble"> <a-tab-pane
key="form"
:tab="
designerData.formCurrentNode.formTitle
? designerData.formCurrentNode.formTitle
: '表单信息'
"
v-if="formVisble"
>
<FormViewer <FormViewer
ref="formBoxRef" ref="formBoxRef"
:formConfig="formConfig" :formConfig="formConfig"

View File

@ -17,7 +17,15 @@
</a-button> </a-button>
</div> </div>
<a-tabs v-model:activeKey="activeName" @change="changeActive"> <a-tabs v-model:activeKey="activeName" @change="changeActive">
<a-tab-pane key="form" tab="表单信息" v-if="formVisble"> <a-tab-pane
key="form"
:tab="
designerData.formCurrentNode.formTitle
? designerData.formCurrentNode.formTitle
: '表单信息'
"
v-if="formVisble"
>
<FormViewer <FormViewer
ref="formBoxRef" ref="formBoxRef"
:formConfig="formConfig" :formConfig="formConfig"
@ -25,7 +33,15 @@
v-if="formVisble" v-if="formVisble"
/> />
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="form" tab="系统表单信息" v-if="formUrlVisble"> <a-tab-pane
key="form"
:tab="
designerData.formCurrentNode.formTitle
? designerData.formCurrentNode.formTitle
: '系统表单信息'
"
v-if="formUrlVisble"
>
<AsyncComponent ref="pcForm" /> <AsyncComponent ref="pcForm" />
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="flow" tab="流程信息" force-render> <a-tab-pane key="flow" tab="流程信息" force-render>

View File

@ -10,7 +10,15 @@
<a-layout> <a-layout>
<a-layout-content> <a-layout-content>
<a-tabs v-model:activeKey="activeName" @change="changeActive"> <a-tabs v-model:activeKey="activeName" @change="changeActive">
<a-tab-pane key="form" tab="表单信息" v-if="formVisble"> <a-tab-pane
key="form"
:tab="
designerData.formCurrentNode.formTitle
? designerData.formCurrentNode.formTitle
: '表单信息'
"
v-if="formVisble"
>
<FormViewer <FormViewer
ref="formBoxRef" ref="formBoxRef"
:formConfig="formConfig" :formConfig="formConfig"
@ -21,7 +29,15 @@
v-if="formVisble" v-if="formVisble"
/> />
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="form" tab="系统表单信息" v-if="formUrlVisble"> <a-tab-pane
key="form"
:tab="
designerData.formCurrentNode.formTitle
? designerData.formCurrentNode.formTitle
: '系统表单信息'
"
v-if="formUrlVisble"
>
<AsyncComponent ref="pcForm" /> <AsyncComponent ref="pcForm" />
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="flow" tab="流程信息" force-render> <a-tab-pane key="flow" tab="流程信息" force-render>

View File

@ -13,7 +13,15 @@
<a-layout> <a-layout>
<a-layout-content> <a-layout-content>
<a-tabs v-model:activeKey="activeName" @change="changeActive"> <a-tabs v-model:activeKey="activeName" @change="changeActive">
<a-tab-pane key="form" tab="表单信息" v-if="formVisble"> <a-tab-pane
key="form"
:tab="
designerData.formCurrentNode.formTitle
? designerData.formCurrentNode.formTitle
: '表单信息'
"
v-if="formVisble"
>
<FormViewer <FormViewer
ref="formBoxRef" ref="formBoxRef"
:formConfig="formConfig" :formConfig="formConfig"

View File

@ -71,7 +71,7 @@
const auditOpen = ref(false); const auditOpen = ref(false);
const previewOpen = ref(false); const previewOpen = ref(false);
const childRecord = ref(); const childRecord = ref();
// searchInfo.name = 'deded';
const [registerTable, { reload }] = useTable({ const [registerTable, { reload }] = useTable({
api: getLoadMyUncompletedPage, api: getLoadMyUncompletedPage,
columns: [ columns: [