flow-info-modal.vue
851 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!-- 弹窗查看流程信息 -->
<script setup lang="ts">
import type { TaskInfo } from '#/api/workflow/task/model';
import { ref } from 'vue';
import { useVbenModal } from '@vben/common-ui';
import { getTaskByBusinessId } from '#/api/workflow/instance';
import { ApprovalPanel } from '.';
interface ModalProps {
businessId: string;
}
const taskInfo = ref<TaskInfo>();
const [BasicModal, modalApi] = useVbenModal({
title: '流程信息',
class: 'w-[1000px]',
footer: false,
onOpenChange: async (isOpen) => {
if (!isOpen) {
return null;
}
const { businessId } = modalApi.getData() as ModalProps;
const taskResp = await getTaskByBusinessId(businessId);
taskInfo.value = taskResp;
},
});
</script>
<template>
<BasicModal>
<ApprovalPanel :task="taskInfo" type="readonly" />
</BasicModal>
</template>