lxd/FlowBL
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化“流程表单：使用异步组件的方式动态加载业务表单指定的查看表单的组件”的命名

Browse Source
This commit is contained in:
YunaiV 2023-04-19 20:04:06 +08:00
parent d87c02b232
commit 730e287d86
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/bpm/processInstance/detail/index.vue
View File

@ -73,7 +73,7 @@
</el-col> </el-col>
<!-- 情况二：业务表单 --> <!-- 情况二：业务表单 -->
<div v-if="processInstance?.processDefinition?.formType === 20"> <div v-if="processInstance?.processDefinition?.formType === 20">
<autoComponent :id="processInstance.businessKey" /> <BusinessFormComponent :id="processInstance.businessKey" />
</div> </div>
</el-card> </el-card>
@ -183,8 +183,9 @@ const getDetail = () => {
// 2. 获得流程任务列表（审批记录） // 2. 获得流程任务列表（审批记录）
getTaskList() getTaskList()
} }
const autoComponent = ref(null) // 异步组件
/** 加载流程实例 */ /** 加载流程实例 */
const BusinessFormComponent = ref(null) // 异步组件
const getProcessInstance = async () => { const getProcessInstance = async () => {
try { try {
processInstanceLoading.value = true processInstanceLoading.value = true
@ -194,7 +195,7 @@ const getProcessInstance = async () => {
return return
} }
processInstance.value = data processInstance.value = data
autoComponent.value = registerComponent(data.processDefinition.formCustomViewPath)
// 设置表单信息 // 设置表单信息
const processDefinition = data.processDefinition const processDefinition = data.processDefinition
if (processDefinition.formType === 10) { if (processDefinition.formType === 10) {
@ -209,6 +210,8 @@ const getProcessInstance = async () => {
fApi.value?.fapi?.resetBtn.show(false) fApi.value?.fapi?.resetBtn.show(false)
fApi.value?.fapi?.disabled(true) fApi.value?.fapi?.disabled(true)
}) })
} else {
BusinessFormComponent.value = registerComponent(data.processDefinition.formCustomViewPath)
} }
// 加载流程图 // 加载流程图