Blame view

Yi.Vben5.Vue3/apps/web-antd/src/views/workflow/components/flow-info-modal.vue 851 Bytes
515fceeb   “wangming”   框架初始化
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>