| | |
| | | <el-card shadow="hover"> |
| | | <template #header> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <right-toolbar v-model:showSearch="showSearch" @query-table="handleQuery"></right-toolbar> |
| | | <right-toolbar v-model:show-search="showSearch" @query-table="handleQuery"></right-toolbar> |
| | | </el-row> |
| | | </template> |
| | | |
| | |
| | | <el-table-column align="center" prop="createTime" label="创建时间" width="160"></el-table-column> |
| | | <el-table-column label="操作" align="center" width="200"> |
| | | <template #default="scope"> |
| | | <el-button |
| | | v-if="scope.row.participantVo && (scope.row.participantVo.claim === null || scope.row.participantVo.claim === true)" |
| | | type="primary" |
| | | size="small" |
| | | icon="Edit" |
| | | @click="handleOpen(scope.row)" |
| | | >办理</el-button |
| | | > |
| | | <el-button |
| | | v-if="scope.row.participantVo && scope.row.participantVo.claim === true" |
| | | type="primary" |
| | | size="small" |
| | | icon="Document" |
| | | @click="handleReturnTask(scope.row.id)" |
| | | >归还</el-button |
| | | > |
| | | <el-button |
| | | v-if="scope.row.participantVo && scope.row.participantVo.claim === false" |
| | | type="primary" |
| | | size="small" |
| | | icon="Document" |
| | | @click="handleClaimTask(scope.row.id)" |
| | | >认领</el-button |
| | | > |
| | | <el-button type="primary" size="small" icon="Edit" @click="handleOpen(scope.row)">办理</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | </template> |
| | | |
| | | <script lang="ts" setup> |
| | | import { getPageByTaskWait, claim, returnTask } from '@/api/workflow/task'; |
| | | import { getPageByTaskWait } from '@/api/workflow/task'; |
| | | import { TaskQuery, TaskVO } from '@/api/workflow/task/types'; |
| | | import workflowCommon from '@/api/workflow/workflowCommon'; |
| | | import { RouterJumpVo } from '@/api/workflow/workflowCommon/types'; |
| | |
| | | type: 'approval' |
| | | }); |
| | | workflowCommon.routerJump(routerJumpVo, proxy); |
| | | }; |
| | | |
| | | /** 认领任务 */ |
| | | const handleClaimTask = async (taskId: string) => { |
| | | loading.value = true; |
| | | await claim(taskId).finally(() => (loading.value = false)); |
| | | getWaitingList(); |
| | | proxy?.$modal.msgSuccess('操作成功'); |
| | | }; |
| | | |
| | | /** 归还任务 */ |
| | | const handleReturnTask = async (taskId: string) => { |
| | | loading.value = true; |
| | | await returnTask(taskId).finally(() => (loading.value = false)); |
| | | getWaitingList(); |
| | | proxy?.$modal.msgSuccess('操作成功'); |
| | | }; |
| | | </script> |