diff --git a/src/views/workflow/task/WorkflowPreviewForm.vue b/src/views/workflow/task/WorkflowPreviewForm.vue
index d8ce109..3528254 100644
--- a/src/views/workflow/task/WorkflowPreviewForm.vue
+++ b/src/views/workflow/task/WorkflowPreviewForm.vue
@@ -2,7 +2,7 @@
   <div id="formPreview" v-loading="state.loading"/>
 </template>
 <script lang="ts" setup>
-  import { PropType, reactive } from 'vue';
+  import { PropType, reactive, onDeactivated, onUpdated } from 'vue';
   import { loadMicroApp, MicroApp } from 'qiankun';
   import { getSubDefineProps } from '/@/qiankun/state';
   import { GlStateEnum } from '/@/enums/microAppEnum';
@@ -92,6 +92,10 @@
     } else createMessage.info('没有关联流程表单!');
   }
 
+  onDeactivated(() => {
+    state.formDesignApp?.unmount();
+  });
+
   async function startFormProcessDefinition(data: Partial<Workflow>, callback: Fn) {
     const processVarsity = Object.assign(data.vars || {}, state.formData);
     const processInsId = await startProcessDefinition({ ...data, vars: processVarsity });