fix(projects): 修复动态组件弹窗动画问题

src/views/workflow/process-instance/index.vue

@@ -321,11 +321,15 @@ const businessId = ref<CommonType.IdType>();
 
 /** 流程预览，动态加载组件 */
 async function handlePreview(row: Api.Workflow.Instance) {
+  dynamicComponent.value = null;
+  previewVisible.value = false;
   businessId.value = row.businessId;
   const formPath = row.formPath;
   if (!formPath) return;
   dynamicComponent.value = await loadDynamicComponent(modules, formPath);
-  showPreviewDrawer();
+  setTimeout(() => {
+    showPreviewDrawer();
+  }, 300);
 }
 </script>
 

src/views/workflow/task/all-task-waiting/index.vue

@@ -225,10 +225,14 @@ const taskId = ref<CommonType.IdType>('');
 const assigneeIds = ref<CommonType.IdType[]>([]);
 const assigneeNames = ref<string[]>([]);
 function handleIntervene(row: Api.Workflow.Task) {
+  dynamicComponent.value = null;
+  interveneVisible.value = false;
   taskId.value = row.id;
   assigneeIds.value = row.assigneeIds?.split(',') || [];
   assigneeNames.value = row.assigneeNames?.split(',') || [];
-  showInterveneDrawer();
+  setTimeout(() => {
+    showInterveneDrawer();
+  }, 300);
 }
 </script>
 

src/views/workflow/task/my-document/index.vue

@@ -219,12 +219,16 @@ const businessId = ref<CommonType.IdType>();
 const operateType = ref<CommonType.WorkflowTableOperateType>();
 
 async function handleOpen(row: Api.Workflow.Instance, type: 'edit' | 'detail') {
+  dynamicComponent.value = null;
+  viewVisible.value = false;
   operateType.value = type;
   businessId.value = row.businessId;
   const formPath = row.formPath;
   if (!formPath) return;
   dynamicComponent.value = await loadDynamicComponent(modules, formPath);
-  showViewDrawer();
+  setTimeout(() => {
+    showViewDrawer();
+  }, 300);
 }
 
 async function handleDelete(row: Api.Workflow.Instance) {

src/views/workflow/task/task-copy/index.vue

@@ -168,12 +168,16 @@ const businessId = ref<CommonType.IdType>();
 const taskId = ref<CommonType.IdType>();
 
 async function handleView(row: Api.Workflow.Task) {
+  dynamicComponent.value = null;
+  viewVisible.value = false;
   businessId.value = row.businessId;
   taskId.value = row.id;
   const formPath = row.formPath;
   if (!formPath) return;
   dynamicComponent.value = await loadDynamicComponent(modules, formPath);
-  showViewDrawer();
+  setTimeout(() => {
+    showViewDrawer();
+  }, 300);
 }
 </script>
 

src/views/workflow/task/task-finish/index.vue

@@ -181,12 +181,16 @@ const businessId = ref<CommonType.IdType>();
 const taskId = ref<CommonType.IdType>();
 
 async function handleView(row: Api.Workflow.HisTask) {
+  dynamicComponent.value = null;
+  viewVisible.value = false;
   businessId.value = row.businessId;
   taskId.value = row.id;
   const formPath = row.formPath;
   if (!formPath) return;
   dynamicComponent.value = await loadDynamicComponent(modules, formPath);
-  showViewDrawer();
+  setTimeout(() => {
+    showViewDrawer();
+  }, 300);
 }
 </script>
 

src/views/workflow/task/task-waiting/index.vue

@@ -162,12 +162,16 @@ const businessId = ref<CommonType.IdType>();
 const taskId = ref<CommonType.IdType>();
 
 async function handleApproval(row: Api.Workflow.Task) {
+  dynamicComponent.value = null;
+  viewVisible.value = false;
   businessId.value = row.businessId;
   taskId.value = row.id;
   const formPath = row.formPath;
   if (!formPath) return;
   dynamicComponent.value = await loadDynamicComponent(modules, formPath);
-  showViewDrawer();
+  setTimeout(() => {
+    showViewDrawer();
+  }, 300);
 }
 </script>