模型基础信息

This commit is contained in:
2024-05-06 13:57:06 +08:00
parent d7fbf3fe64
commit 917dc4e665
67 changed files with 9894 additions and 1104 deletions

View File

@@ -1,20 +1,20 @@
<template>
<div
class="process-panel__container"
class='process-panel__container'
:style="{ width: `${width}px`, height: `700px`, overflow: 'auto', background: '#fff' }"
>
<el-collapse v-model="activeTab">
<el-collapse-item name="base">
<el-collapse v-model='activeTab'>
<el-collapse-item name='base'>
<!-- class="panel-tab__title" -->
<template #title>
<Icon name="el-icon-InfoFilled" />
<Icon name='el-icon-InfoFilled' />
常规
</template>
<ElementBaseInfo
:id-edit-disabled="idEditDisabled"
:business-object="elementBusinessObject"
:type="elementType"
:model="model"
:id-edit-disabled='idEditDisabled'
:business-object='elementBusinessObject'
:type='elementType'
:model='model'
/>
</el-collapse-item>
<!-- <el-collapse-item name="condition" v-if="elementType === 'Process'" key="message">
@@ -24,76 +24,76 @@
</template>
<SignalAndMassage />
</el-collapse-item>-->
<el-collapse-item name="condition" v-if="conditionFormVisible" key="condition">
<el-collapse-item name='condition' v-if='conditionFormVisible' key='condition'>
<template #title>
<Icon name="el-icon-Promotion" />
<Icon name='el-icon-Promotion' />
流转条件
</template>
<FlowCondition :business-object="elementBusinessObject" :type="elementType" />
<FlowCondition :business-object='elementBusinessObject' :type='elementType' />
</el-collapse-item>
<!-- <el-collapse-item name="condition" v-if="formVisible" key="form">
<template #title>
<Icon name="el-icon-List" />
表单
</template>
<ElementForm :id="elementId" :type="elementType" />
</el-collapse-item>
<el-collapse-item name="task" v-if="elementType.indexOf('Task') !== -1" key="task">
<template #title>
<Icon name="el-icon-Checked" />
任务审批人
</template>
<ElementTask :id="elementId" :type="elementType" />
</el-collapse-item>
<el-collapse-item name="multiInstance" v-if="elementType.indexOf('Task') !== -1" key="multiInstance">
<template #title>
<Icon name="el-icon-HelpFilled" />
多实例会签配置
</template>
<ElementMultiInstance :business-object="elementBusinessObject" :type="elementType" />
</el-collapse-item>
<el-collapse-item name="listeners" key="listeners">
<template #title>
<Icon name="el-icon-BellFilled" />
执行监听器
</template>
<ElementListeners :id="elementId" :type="elementType" />
</el-collapse-item>
<el-collapse-item name="taskListeners" v-if="elementType === 'UserTask'" key="taskListeners">
<template #title>
<Icon name="el-icon-BellFilled" />
任务监听器
</template>
<UserTaskListeners :id="elementId" :type="elementType" />
</el-collapse-item>
<el-collapse-item name="extensions" key="extensions">
<template #title>
<Icon name="el-icon-CirclePlusFilled" />
扩展属性
</template>
<ElementProperties :id="elementId" :type="elementType" />
</el-collapse-item> -->
<el-collapse-item name="other" key="other">
<el-collapse-item name='condition' v-if='formVisible' key='form'>
<template #title>
<Icon name="el-icon-Promotion" />
<Icon name='el-icon-List' />
表单
</template>
<ElementForm :id='elementId' :type='elementType' />
</el-collapse-item>
<el-collapse-item name='task' v-if="elementType.indexOf('Task') !== -1" key='task'>
<template #title>
<Icon name='el-icon-Checked' />
任务审批人
</template>
<ElementTask :id='elementId' :type='elementType' />
</el-collapse-item>
<!-- <el-collapse-item name='multiInstance' v-if="elementType.indexOf('Task') !== -1" key='multiInstance'>-->
<!-- <template #title>-->
<!-- <Icon name='el-icon-HelpFilled' />-->
<!-- 多实例会签配置-->
<!-- </template>-->
<!-- <ElementMultiInstance :business-object='elementBusinessObject' :type='elementType' />-->
<!-- </el-collapse-item>-->
<!-- <el-collapse-item name='listeners' key='listeners'>-->
<!-- <template #title>-->
<!-- <Icon name='el-icon-BellFilled' />-->
<!-- 执行监听器-->
<!-- </template>-->
<!-- <ElementListeners :id='elementId' :type='elementType' />-->
<!-- </el-collapse-item>-->
<!-- <el-collapse-item name='taskListeners' v-if="elementType === 'UserTask'" key='taskListeners'>-->
<!-- <template #title>-->
<!-- <Icon name='el-icon-BellFilled' />-->
<!-- 任务监听器-->
<!-- </template>-->
<!-- <UserTaskListeners :id='elementId' :type='elementType' />-->
<!-- </el-collapse-item>-->
<!-- <el-collapse-item name='extensions' key='extensions'>-->
<!-- <template #title>-->
<!-- <Icon name='el-icon-CirclePlusFilled' />-->
<!-- 扩展属性-->
<!-- </template>-->
<!-- <ElementProperties :id='elementId' :type='elementType' />-->
<!-- </el-collapse-item>-->
<el-collapse-item name='other' key='other'>
<template #title>
<Icon name='el-icon-Promotion' />
其他
</template>
<ElementOtherConfig :id="elementId" />
<ElementOtherConfig :id='elementId' />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script lang="ts" setup>
<script lang='ts' setup>
import { onMounted, provide, ref, watch, onBeforeUnmount } from 'vue'
import ElementBaseInfo from './base/ElementBaseInfo.vue'
import ElementOtherConfig from './other/ElementOtherConfig.vue'
// // import ElementTask from './task/ElementTask.vue'
import ElementTask from './task/ElementTask.vue'
// import ElementMultiInstance from './multi-instance/ElementMultiInstance.vue'
import FlowCondition from './flow-condition/FlowCondition.vue'
// import SignalAndMassage from './signal-message/SignalAndMessage.vue'
// import ElementListeners from './listeners/ElementListeners.vue'
// import ElementProperties from './properties/ElementProperties.vue'
// // import ElementForm from './form/ElementForm.vue'
import ElementForm from './form/ElementForm.vue'
// import UserTaskListeners from './listeners/UserTaskListeners.vue'
defineOptions({ name: 'MyPropertiesPanel' })
@@ -107,7 +107,8 @@ defineOptions({ name: 'MyPropertiesPanel' })
const props = defineProps({
bpmnModeler: {
type: Object,
default: () => {}
default: () => {
}
},
prefix: {
type: String,