| | |
| | | </el-row> |
| | | </template> |
| | | |
| | | <el-table v-loading="loading" :data="taskList" @selection-change="handleSelectionChange"> |
| | | <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="50"></el-table-column> |
| | | <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> |
| | |
| | | </template> |
| | | <template v-else> |
| | | <el-tag type="success"> |
| | | {{ scope.row.assigneeName }} |
| | | {{ scope.row.assigneeName || '无'}} |
| | | </el-tag> |
| | | </template> |
| | | </template> |
| | | <template v-else-if="tab === 'finish'" #default="scope"> |
| | | <el-tag type="success"> |
| | | {{ scope.row.assigneeName }} |
| | | {{ scope.row.assigneeName || '无'}} |
| | | </el-tag> |
| | | </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 v-if="tab === 'waiting'" type="success">{{ scope.row.businessStatusName }}</el-tag> |
| | | <dict-tag v-if="tab === 'waiting'" :options="wf_business_status" :value="scope.row.businessStatus"></dict-tag> |
| | | <el-tag v-else type="success">已完成</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column align="center" v-if="tab === 'waiting'" prop="createTime" label="创建时间" width="160"></el-table-column> |
| | | <el-table-column align="center" v-if="tab === 'finish'" 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="tab === 'finish' ? '80' : '151'"> |
| | | <template #default="scope"> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button link type="primary" size="small" icon="Document" @click="handleApprovalRecord(scope.row)">审批记录</el-button> |
| | | </el-col> |
| | | <el-col v-if="scope.row.multiInstance" :span="1.5"> |
| | | <el-button link type="primary" size="small" icon="CirclePlus" @click="addMultiInstanceUser(scope.row)">加签</el-button> |
| | | </el-col> |
| | | <el-col v-if="scope.row.multiInstance" :span="1.5"> |
| | | <el-button link type="primary" size="small" icon="Remove" @click="deleteMultiInstanceUser(scope.row)">减签</el-button> |
| | | <el-button link type="primary" size="small" icon="View" @click="handleView(scope.row)">查看</el-button> |
| | | </el-col> |
| | | <el-col v-if="tab === 'waiting'" :span="1.5"> |
| | | <el-button link type="primary" size="small" icon="Document" @click="handleInstanceVariable(scope.row)">流程变量</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="10" class="mb8" v-if="scope.row.multiInstance" > |
| | | <el-col :span="1.5"> |
| | | <el-button link type="primary" size="small" icon="Remove" @click="deleteMultiInstanceUser(scope.row)">减签</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button link type="primary" size="small" icon="CirclePlus" @click="addMultiInstanceUser(scope.row)">加签</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | </template> |
| | |
| | | @pagination="handleQuery" |
| | | /> |
| | | </el-card> |
| | | <!-- 审批记录 --> |
| | | <approvalRecord ref="approvalRecordRef" /> |
| | | <!-- 加签组件 --> |
| | | <multiInstanceUser ref="multiInstanceUserRef" :title="title" @submit-callback="handleQuery" /> |
| | | <!-- 选人组件 --> |
| | |
| | | |
| | | <script lang="ts" setup> |
| | | import { getPageByAllTaskWait, getPageByAllTaskFinish, updateAssignee, getInstanceVariable } from '@/api/workflow/task'; |
| | | import ApprovalRecord from '@/components/Process/approvalRecord.vue'; |
| | | import MultiInstanceUser from '@/components/Process/multiInstanceUser.vue'; |
| | | import UserSelect from '@/components/UserSelect'; |
| | | import { TaskQuery, TaskVO, VariableVo } from '@/api/workflow/task/types'; |
| | | import workflowCommon from '@/api/workflow/workflowCommon'; |
| | | import { RouterJumpVo } from '@/api/workflow/workflowCommon/types'; |
| | | //审批记录组件 |
| | | const approvalRecordRef = ref<InstanceType<typeof ApprovalRecord>>(); |
| | | //加签组件 |
| | | const multiInstanceUserRef = ref<InstanceType<typeof MultiInstanceUser>>(); |
| | | //选人组件 |
| | |
| | | |
| | | const queryFormRef = ref<ElFormInstance>(); |
| | | const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
| | | const { wf_business_status } = toRefs<any>(proxy?.useDict('wf_business_status')); |
| | | // 遮罩层 |
| | | const loading = ref(true); |
| | | // 选中数组 |
| | |
| | | processDefinitionKey: undefined |
| | | }); |
| | | const tab = ref('waiting'); |
| | | onMounted(() => { |
| | | getWaitingList(); |
| | | }); |
| | | //审批记录 |
| | | const handleApprovalRecord = (row: TaskVO) => { |
| | | if (approvalRecordRef.value) { |
| | | approvalRecordRef.value.init(row.processInstanceId); |
| | | } |
| | | }; |
| | | |
| | | //加签 |
| | | const addMultiInstanceUser = (row: TaskVO) => { |
| | | if (multiInstanceUserRef.value) { |
| | |
| | | multiple.value = !selection.length; |
| | | }; |
| | | const changeTab = async (data: string) => { |
| | | taskList.value = [] |
| | | queryParams.value.pageNum = 1; |
| | | if ('waiting' === data) { |
| | | getWaitingList(); |
| | |
| | | variableList.value = data.data |
| | | variableLoading.value = false |
| | | }; |
| | | /** 查看按钮操作 */ |
| | | const handleView = (row) => { |
| | | const routerJumpVo = reactive<RouterJumpVo>({ |
| | | wfDefinitionConfigVo: row.wfDefinitionConfigVo, |
| | | wfNodeConfigVo: row.wfNodeConfigVo, |
| | | businessKey: row.businessKey, |
| | | taskId: row.id, |
| | | type: 'view' |
| | | }); |
| | | workflowCommon.routerJump(routerJumpVo,proxy) |
| | | }; |
| | | onMounted(() => { |
| | | getWaitingList(); |
| | | }); |
| | | </script> |