fix

@@ -501,7 +501,6 @@
     </div>
     </div>
     <template #footer>
     <template #footer>
       <span class="dialog-footer">
       <span class="dialog-footer">
-        <!~~ <el-button @click="state.dialogPreviewVisible = false">取消</el-button> ~~>
         <el-button color="#009688" @click="state.dialogPreviewVisible = false">关闭</el-button>
         <el-button color="#009688" @click="state.dialogPreviewVisible = false">关闭</el-button>
       </span>
       </span>
     </template>
     </template>
@@ -821,7 +820,7 @@ export default {
           // 内部刷新graph数据
           // 内部刷新graph数据
           nextTick(() => {
           nextTick(() => {
             editor.editorState.graph.read(flowData.value)
             editor.editorState.graph.read(flowData.value)
-            editor1?.editorState.graph.read(rawFlowData.value)
+            editor1?.editorState.graph?.read(rawFlowData.value)
           });
           });
         }
         }
 
 
@@ -2324,7 +2323,7 @@ export default {
           $('.preview-container').find('.g6-grid').parent().css('zIndex', '0');
           $('.preview-container').find('.g6-grid').parent().css('zIndex', '0');
           $('.preview-container').find('canvas').css('zIndex', '1').css('position', 'relative');
           $('.preview-container').find('canvas').css('zIndex', '1').css('position', 'relative');
         })
         })
-      }, 500);
+      }, 1000);
     }
     }
 
 
     /**
     /**
@@ -2336,13 +2335,11 @@ export default {
       console.warn('点击节点，如果预览状态，可以预览表单内容');
       console.warn('点击节点，如果预览状态，可以预览表单内容');
 
 
       const model = G6.Util.clone(e.item.get('model')); // 节点的基本属性
       const model = G6.Util.clone(e.item.get('model')); // 节点的基本属性
+      console.log("🚀 ~ file: App.vue:2338 ~ onClickNodePreview ~ model.id:", model.id);
       model.style = model.style || {}
       model.style = model.style || {}
       model.labelCfg = model.labelCfg || { style: {} }
       model.labelCfg = model.labelCfg || { style: {} }
-
       model.data = model.data ? model.data : {};
       model.data = model.data ? model.data : {};
 
 
-      // state.detailModel = model;
-      console.warn(model);
       if (model.id === 'end-node' || model.id === 'start-node') {
       if (model.id === 'end-node' || model.id === 'start-node') {
         ElNotification.error('该节点无法预览');
         ElNotification.error('该节点无法预览');
         state.preview_form_url = null;
         state.preview_form_url = null;

@@ -29,7 +29,7 @@ export default {
                     editorState.graph.destroy()
                     editorState.graph.destroy()
                 }
                 }
                 const target = proxy.$refs.target as HTMLElement
                 const target = proxy.$refs.target as HTMLElement
-
+                if (proxy.$refs.root) {
                     const {offsetHeight: height, offsetWidth: width} = proxy.$refs.root as HTMLElement
                     const {offsetHeight: height, offsetWidth: width} = proxy.$refs.root as HTMLElement
 
 
                     const behaviors = useBehavior({
                     const behaviors = useBehavior({
@@ -74,6 +74,7 @@ export default {
                     graph.read(props.data)
                     graph.read(props.data)
                     useEditorPlugins(props, graph)
                     useEditorPlugins(props, graph)
                     editorState.setGraph(graph)
                     editorState.setGraph(graph)
+                }
             })
             })
             // const target = proxy.$refs.target as HTMLElement
             // const target = proxy.$refs.target as HTMLElement