| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="startTime" label="创建时间" width="160"></el-table-column> |
| | | <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width"> |
| | | <el-table-column label="操作" align="center" width="200"> |
| | | <template #default="scope"> |
| | | <el-button link type="primary" size="small" icon="Document" @click="handleApprovalRecord(scope.row)">审批记录</el-button> |
| | | <el-button type="primary" size="small" icon="View" @click="handleView(scope.row)">查看</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | @pagination="handleQuery" |
| | | /> |
| | | </el-card> |
| | | <!-- 审批记录 --> |
| | | <approvalRecord ref="approvalRecordRef" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { getPageByTaskFinish } from '@/api/workflow/task'; |
| | | import ApprovalRecord from '@/components/Process/approvalRecord.vue'; |
| | | import { TaskQuery, TaskVO } from '@/api/workflow/task/types'; |
| | | //审批记录组件 |
| | | const approvalRecordRef = ref<InstanceType<typeof ApprovalRecord>>(); |
| | | const queryFormRef = ref<ElFormInstance>(); |
| | | const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
| | | // 遮罩层 |
| | |
| | | processDefinitionName: undefined, |
| | | processDefinitionKey: undefined |
| | | }); |
| | | onMounted(() => { |
| | | getFinishList(); |
| | | }); |
| | | //审批记录 |
| | | const handleApprovalRecord = (row: TaskVO) => { |
| | | if (approvalRecordRef.value) { |
| | | approvalRecordRef.value.init(row.processInstanceId); |
| | | } |
| | | }; |
| | | /** 搜索按钮操作 */ |
| | | const handleQuery = () => { |
| | | getFinishList(); |
| | |
| | | loading.value = false; |
| | | }); |
| | | }; |
| | | /** 查看按钮操作 */ |
| | | const handleView = (row) => { |
| | | proxy.$tab.closePage(proxy.$route); |
| | | proxy.$router.push(`/demo/leaveEdit/index/${row.id}/view`); |
| | | }; |
| | | |
| | | onMounted(() => { |
| | | getFinishList(); |
| | | }); |
| | | </script> |