diff --git a/src/components/custom/workflow/flow-preview.vue b/src/components/custom/workflow/flow-preview.vue
index 6588388e..16c724ee 100644
--- a/src/components/custom/workflow/flow-preview.vue
+++ b/src/components/custom/workflow/flow-preview.vue
@@ -25,6 +25,6 @@ const iframeUrl = `${baseURL}/warm-flow-ui/index.html?${stringify(urlParams)}`;
 
 <template>
   <div>
-    <iframe :src="iframeUrl" class="h-[600px] w-full" />
+    <iframe :src="iframeUrl" class="h-[450px] w-full" />
   </div>
 </template>
diff --git a/src/components/custom/workflow/leave-edit/index.vue b/src/components/custom/workflow/leave-edit/index.vue
index 8008cc8d..0f78626c 100644
--- a/src/components/custom/workflow/leave-edit/index.vue
+++ b/src/components/custom/workflow/leave-edit/index.vue
@@ -281,7 +281,7 @@ watch(visible, initializeData, { immediate: true });
         </NForm>
       </div>
       <div v-else>
-        <NDescriptions bordered :column="2" label-placement="left">
+        <NDescriptions size="small" bordered :column="2" label-placement="left">
           <NDescriptionsItem label="流程类型">
             {{ flowCodeTypeRecord[modelDetail.flowCode] }}
           </NDescriptionsItem>
diff --git a/src/views/workflow/process-instance/index.vue b/src/views/workflow/process-instance/index.vue
index 4263e221..8972a0b4 100644
--- a/src/views/workflow/process-instance/index.vue
+++ b/src/views/workflow/process-instance/index.vue
@@ -323,10 +323,9 @@ const businessId = ref<CommonType.IdType>();
 async function handlePreview(row: Api.Workflow.Instance) {
   businessId.value = row.businessId;
   const formPath = row.formPath;
-  if (formPath) {
-    dynamicComponent.value = await loadDynamicComponent(modules, formPath);
-    showPreviewDrawer();
-  }
+  if (!formPath) return;
+  dynamicComponent.value = await loadDynamicComponent(modules, formPath);
+  showPreviewDrawer();
 }
 </script>
 
diff --git a/src/views/workflow/task/my-document/index.vue b/src/views/workflow/task/my-document/index.vue
index 332c5a7d..04d2bcb7 100644
--- a/src/views/workflow/task/my-document/index.vue
+++ b/src/views/workflow/task/my-document/index.vue
@@ -169,7 +169,7 @@ const {
         }
 
         return (
-          <div class="flex-center gap-8px">
+          <div class="flex-center gap-1px">
             {buttons.map((btn, index) => (index > 0 ? [<NDivider vertical />, btn] : btn))}
           </div>
         );
@@ -222,10 +222,9 @@ async function handleOpen(row: Api.Workflow.Instance, type: 'edit' | 'detail') {
   operateType.value = type;
   businessId.value = row.businessId;
   const formPath = row.formPath;
-  if (formPath) {
-    dynamicComponent.value = await loadDynamicComponent(modules, formPath);
-    showViewDrawer();
-  }
+  if (!formPath) return;
+  dynamicComponent.value = await loadDynamicComponent(modules, formPath);
+  showViewDrawer();
 }
 
 async function handleDelete(row: Api.Workflow.Instance) {
diff --git a/src/views/workflow/task/task-copy/index.vue b/src/views/workflow/task/task-copy/index.vue
index cf5be5b0..531c0b29 100644
--- a/src/views/workflow/task/task-copy/index.vue
+++ b/src/views/workflow/task/task-copy/index.vue
@@ -171,10 +171,9 @@ async function handleView(row: Api.Workflow.Task) {
   businessId.value = row.businessId;
   taskId.value = row.id;
   const formPath = row.formPath;
-  if (formPath) {
-    dynamicComponent.value = await loadDynamicComponent(modules, formPath);
-    showViewDrawer();
-  }
+  if (!formPath) return;
+  dynamicComponent.value = await loadDynamicComponent(modules, formPath);
+  showViewDrawer();
 }
 </script>
 
@@ -240,6 +239,7 @@ async function handleView(row: Api.Workflow.Task) {
         />
         <component
           :is="dynamicComponent"
+          v-if="dynamicComponent"
           :visible="viewVisible"
           operate-type="detail"
           :business-id="businessId"
diff --git a/src/views/workflow/task/task-finish/index.vue b/src/views/workflow/task/task-finish/index.vue
index a3b38b76..4ba9f0f8 100644
--- a/src/views/workflow/task/task-finish/index.vue
+++ b/src/views/workflow/task/task-finish/index.vue
@@ -184,10 +184,9 @@ async function handleView(row: Api.Workflow.HisTask) {
   businessId.value = row.businessId;
   taskId.value = row.id;
   const formPath = row.formPath;
-  if (formPath) {
-    dynamicComponent.value = await loadDynamicComponent(modules, formPath);
-    showViewDrawer();
-  }
+  if (!formPath) return;
+  dynamicComponent.value = await loadDynamicComponent(modules, formPath);
+  showViewDrawer();
 }
 </script>
 
diff --git a/src/views/workflow/task/task-waiting/index.vue b/src/views/workflow/task/task-waiting/index.vue
index 748cc724..98e56dbb 100644
--- a/src/views/workflow/task/task-waiting/index.vue
+++ b/src/views/workflow/task/task-waiting/index.vue
@@ -165,10 +165,9 @@ async function handleApproval(row: Api.Workflow.Task) {
   businessId.value = row.businessId;
   taskId.value = row.id;
   const formPath = row.formPath;
-  if (formPath) {
-    dynamicComponent.value = await loadDynamicComponent(modules, formPath);
-    showViewDrawer();
-  }
+  if (!formPath) return;
+  dynamicComponent.value = await loadDynamicComponent(modules, formPath);
+  showViewDrawer();
 }
 </script>