80 lines
2.8 KiB
Vue
80 lines
2.8 KiB
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>
|