diff --git a/src/views/workflow/model/index.vue b/src/views/workflow/model/index.vue
index 3353e0e..9fafedb 100644
--- a/src/views/workflow/model/index.vue
+++ b/src/views/workflow/model/index.vue
@@ -99,7 +99,7 @@
       </el-col>
     </el-row>
     <!-- 设计流程开始 -->
-    <BpmnDesign ref="bpmnDesignRef"></BpmnDesign>
+    <Design ref="designRef"></Design>
     <!-- 设计流程结束 -->
     <!-- 添加模型对话框 -->
     <el-dialog v-model="dialog.visible" :title="dialog.title" width="650px" append-to-body :close-on-click-modal="false">
@@ -135,7 +135,7 @@
 </template>
 
 <script lang="ts" setup name="Model">
-import BpmnDesign from '@/components/BpmnDesign/index.vue';
+import Design from './design.vue';
 import { listModel, addModel, delModel, modelDeploy, getInfo, update } from '@/api/workflow/model';
 import { ModelQuery, ModelForm, ModelVO } from '@/api/workflow/model/types';
 import { listCategory } from '@/api/workflow/category';
@@ -145,7 +145,7 @@ const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const formRef = ref<ElFormInstance>();
 const queryFormRef = ref<ElFormInstance>();
 const categoryTreeRef = ref<ElTreeInstance>();
-const bpmnDesignRef = ref<InstanceType<typeof BpmnDesign>>();
+const designRef = ref<InstanceType<typeof Design>>();
 
 type CategoryOption = {
   categoryCode: string;
@@ -321,8 +321,7 @@ const reset = () => {
 
 // 打开设计流程
 const clickDesign = async (id: string) => {
-  const res = await getInfo(id);
-  bpmnDesignRef.value?.open(res.data.xml);
+  await designRef.value.open(id);
 };
 // 导出流程模型
 const clickExportZip = (data: any) => {