| | |
| | | |
| | | <el-table v-loading="loading" border :data="taskList" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column fixed align="center" type="index" label="序号" width="60"></el-table-column> |
| | | <el-table-column fixed align="center" prop="processDefinitionName" label="流程定义名称"></el-table-column> |
| | | <el-table-column fixed align="center" prop="processDefinitionKey" label="流程定义KEY"></el-table-column> |
| | | <el-table-column fixed align="center" prop="name" label="任务名称"></el-table-column> |
| | | <el-table-column fixed align="center" prop="assigneeName" label="办理人"> |
| | | <el-table-column align="center" type="index" label="序号" width="60"></el-table-column> |
| | | <el-table-column :show-overflow-tooltip="true" align="center" label="流程定义名称"> |
| | | <template #default="scope"> |
| | | <span>{{ scope.row.processDefinitionName }}v{{ scope.row.processDefinitionVersion }}.0</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="processDefinitionKey" label="流程定义KEY"></el-table-column> |
| | | <el-table-column align="center" prop="name" label="任务名称"></el-table-column> |
| | | <el-table-column align="center" prop="assigneeName" label="办理人"> |
| | | <template #default="scope"> |
| | | <template v-if="scope.row.participantVo && scope.row.assignee === null"> |
| | | <el-tag v-for="(item, index) in scope.row.participantVo.candidateName" :key="index" type="success"> |
| | |
| | | </template> |
| | | <template v-else> |
| | | <el-tag type="success"> |
| | | {{ scope.row.assigneeName }} |
| | | {{ scope.row.assigneeName || '无' }} |
| | | </el-tag> |
| | | </template> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column align="center" prop="businessStatusName" label="流程状态" min-width="70"> |
| | | <el-table-column align="center" label="流程状态" min-width="70"> |
| | | <template #default="scope"> |
| | | <el-tag type="success">{{ scope.row.businessStatusName }}</el-tag> |
| | | <dict-tag :options="wf_business_status" :value="scope.row.businessStatus"></dict-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <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 |
| | | 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 |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <script lang="ts" setup> |
| | | import { getPageByTaskWait, claim, returnTask } 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'; |
| | | const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
| | | const { wf_business_status } = toRefs<any>(proxy?.useDict('wf_business_status')); |
| | | //提交组件 |
| | | const queryFormRef = ref<ElFormInstance>(); |
| | | const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
| | | // 遮罩层 |
| | | const loading = ref(true); |
| | | // 选中数组 |
| | |
| | | }; |
| | | //办理 |
| | | const handleOpen = async (row: TaskVO) => { |
| | | if (row.formKey != null) { |
| | | proxy.$tab.closePage(proxy.$route); |
| | | proxy.$router.push({ |
| | | path: `${row.formKey}`, |
| | | query: { |
| | | id: row.businessKey, |
| | | type: 'approval', |
| | | taskId: row.id |
| | | } |
| | | }); |
| | | } else if (row.wfFormDefinitionVo) { |
| | | proxy.$tab.closePage(proxy.$route); |
| | | proxy.$router.push({ |
| | | path: `${row.wfFormDefinitionVo.path}`, |
| | | query: { |
| | | id: row.businessKey, |
| | | type: 'approval', |
| | | taskId: row.id |
| | | } |
| | | }); |
| | | } else { |
| | | proxy?.$modal.msgError('请到流程定义菜单配置路由!'); |
| | | } |
| | | const routerJumpVo = reactive<RouterJumpVo>({ |
| | | wfDefinitionConfigVo: row.wfDefinitionConfigVo, |
| | | wfNodeConfigVo: row.wfNodeConfigVo, |
| | | businessKey: row.businessKey, |
| | | taskId: row.id, |
| | | type: 'approval' |
| | | }); |
| | | workflowCommon.routerJump(routerJumpVo, proxy); |
| | | }; |
| | | |
| | | /** 认领任务 */ |