| | |
| | | <el-tab-pane label="流程图" name="bpmn"> |
| | | <BpmnView ref="bpmnViewRef"></BpmnView> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="审批信息" name="info" v-loading="loading"> |
| | | <el-tab-pane v-loading="loading" label="审批信息" name="info"> |
| | | <div> |
| | | <el-table :data="historyList" style="width: 100%" border fit> |
| | | <el-table-column type="index" label="序号" align="center" width="60"></el-table-column> |
| | | <el-table-column prop="name" label="任务名称" sortable align="center"></el-table-column> |
| | | <el-table-column prop="nickName" label="办理人" sortable align="center"> |
| | | <el-table-column prop="nickName" :show-overflow-tooltip="true" label="办理人" sortable align="center"> |
| | | <template #default="scope"> |
| | | <el-tag type="success">{{ scope.row.nickName||'无' }}</el-tag> |
| | | <el-tag type="success">{{ scope.row.nickName || '无' }}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="状态" sortable align="center"> |
| | |
| | | const loading = ref(false); |
| | | const visible = ref(false); |
| | | const historyList = ref<Array<any>>([]); |
| | | const deleteReason = ref<string>(''); |
| | | const tabActiveName = ref('bpmn'); |
| | | |
| | | const bpmnViewRef = ref<BpmnView>(); |
| | | |
| | | //初始化查询审批记录 |
| | | const init = async (instanceId: string) => { |
| | | const init = async (businessKey: string | number) => { |
| | | visible.value = true; |
| | | loading.value = true; |
| | | tabActiveName.value = 'bpmn' |
| | | tabActiveName.value = 'bpmn'; |
| | | historyList.value = []; |
| | | processApi.getHistoryRecord(instanceId).then((resp) => { |
| | | historyList.value = resp.data.historyRecordList; |
| | | deleteReason.value = resp.data.deleteReason; |
| | | processApi.getHistoryRecord(businessKey).then((resp) => { |
| | | historyList.value = resp.data; |
| | | loading.value = false; |
| | | }); |
| | | await nextTick(() => { |
| | | bpmnViewRef.value.init(instanceId); |
| | | bpmnViewRef.value.init(businessKey); |
| | | }); |
| | | }; |
| | | |