geg-gas-web/src/views/workflow/task/components/flow/FlowPanel.vue

<template>
  <a-tabs :tab-position="props.position" v-model:activeKey="activeKey">
    <a-tab-pane :key="1" :tab="t('表单信息')" force-render><slot></slot></a-tab-pane>
    <a-tab-pane :key="2" :tab="t('流程信息')">
      <ProcessInformation :xml="xml" :processId="processId" :schemaId="schemaId"
        :currentTaskAssigneeNames="currentTaskAssigneeNames" :currentTaskAssignees="currentTaskAssignees"
        :canClick="true"
    /></a-tab-pane>
    <a-tab-pane :key="3" :tab="t('流转记录')" style="overflow: auto"
      ><FlowRecord :list="taskRecords" :processId="processId"
    /></a-tab-pane>
    <a-tab-pane :key="4" :tab="t('附件汇总')"
      ><SummaryOfAttachments :processId="processId"
    /></a-tab-pane>
    <a-tab-pane :key="5" :tab="t('流程变更记录')">
      <ChangeRecord :processId="processId" :formDataId="formDataId" :formInfos="formInfos" />
    </a-tab-pane>
    <a-tab-pane :key="6" :tab="t('审批记录')">
      <AuditRecord :processId="processId" :schemaId="schemaId" :xml="xml" />
    </a-tab-pane>
    <a-tab-pane :key="7" :tab="t('流程变量')">
      <ProcVarPage :processId="processId" :schemaId="schemaId" :xml="xml" />
    </a-tab-pane>
    <a-tab-pane :key="8 + index" v-for="(item, index) in predecessorTasks" :tab="item.schemaName">
      <LookRelationTask
        v-if="activeKey === 8 + index"
        :taskId="item.taskId"
        :processId="item.processId"
        position="left"
      />
    </a-tab-pane>
  </a-tabs>
</template>

<script setup lang="ts">
  import FlowRecord from './FlowRecord.vue';
  import ProcessInformation from './ProcessInformation.vue';
  import SummaryOfAttachments from './SummaryOfAttachments.vue';
  import LookRelationTask from './LookRelationTask.vue';
  import { ref } from 'vue';
  import { SchemaTaskItem } from '/@/model/workflow/bpmnConfig';
  import { useI18n } from '/@/hooks/web/useI18n';
  import ChangeRecord from '/@/views/formChange/formChangeLog/index.vue';
  import AuditRecord from '/@/views/auditOpt/auditRecord/index.vue';
  import ProcVarPage from '/@/views/editProVar/procVarManage/index.vue';
  const { t } = useI18n();
  let props = withDefaults(
    defineProps<{
      position: string;
      xml: string | undefined;
      taskRecords: Array<any> | undefined;
      processId: string | undefined;
      predecessorTasks: Array<SchemaTaskItem> | undefined;
      currentTaskAssignees: any;
      currentTaskAssigneeNames: string;
      currentTaskInfo: any;
      schemaId: string;
      formDataId: number;
      formInfos: Array<any>;
    }>(),
    {
      xml: '',
      processId: '',
      predecessorTasks: () => {
        return [];
      },
      currentTaskAssigneeNames: '无',
      currentTaskAssignees: {},
      currentTaskInfo: {},
      schemaId: '',
      formDataId: 0,
      formInfos: () => {
        return [];
      }
    },
  );

  const activeKey = ref(1);
</script>