feat: 增强用户选择弹窗功能,添加关闭事件处理,优化用户ID去重逻辑,改进流程实例创建界面,支持分类和搜索功能

This commit is contained in:
子夜
2025-05-09 20:23:19 +08:00
parent bc50357548
commit 730786b61e
5 changed files with 443 additions and 30 deletions

View File

@@ -151,7 +151,6 @@ const customApproveUsers = ref<Record<string, any[]>>({}); // keyactivityId
// 打开选择用户弹窗
const handleSelectUser = (activityId: string, selectedList: any[]) => {
console.log(userSelectFormRef.value);
userSelectFormRef.value.open(activityId, selectedList);
};
@@ -218,6 +217,16 @@ const shouldShowApprovalReason = (task: any, nodeType: NodeTypeEnum) => {
)
);
};
// 用户选择弹窗关闭
const handleUserSelectClosed = () => {
selectedUsers.value = [];
};
// 用户选择弹窗取消
const handleUserSelectCancel = () => {
selectedUsers.value = [];
};
</script>
<template>
@@ -283,7 +292,7 @@ const shouldShowApprovalReason = (task: any, nodeType: NodeTypeEnum) => {
<!-- 需要自定义选择审批人 -->
<div
v-if="true || shouldShowCustomUserSelect(activity)"
v-if="shouldShowCustomUserSelect(activity)"
class="flex flex-wrap items-center gap-2"
>
<Tooltip title="添加用户" placement="left">
@@ -447,5 +456,7 @@ const shouldShowApprovalReason = (task: any, nodeType: NodeTypeEnum) => {
:multiple="true"
title="选择用户"
@confirm="handleUserSelectConfirm"
@closed="handleUserSelectClosed"
@cancel="handleUserSelectCancel"
/>
</template>