fix 主屏幕的流程保存后，预览界面流程需要更新节点信息

@@ -519,7 +519,7 @@
       <vue-flow-editor-form
       <vue-flow-editor-form
         ref="editor1"
         ref="editor1"
         :height="state.window_height"
         :height="state.window_height"
-        :data="flowData"
+        :data="rawFlowData"
         :miniMap="showMiniMap"
         :miniMap="showMiniMap"
         :onRef="onRef1"
         :onRef="onRef1"
         :multipleSelect="showMultipleSelect"
         :multipleSelect="showMultipleSelect"
@@ -796,6 +796,8 @@ export default {
 
 
     // TAG: 接口获取流程图数据
     // TAG: 接口获取流程图数据
     const flowData = ref<any>(null);
     const flowData = ref<any>(null);
+    const rawFlowData = ref<any>(null); // 预览数据
+
     const getFlowData = async (flow_id: any) => {
     const getFlowData = async (flow_id: any) => {
       flowData.value = null;
       flowData.value = null;
       state.reloadLoading = true; // 打开loading
       state.reloadLoading = true; // 打开loading
@@ -810,12 +812,14 @@ export default {
         // 没有流程图数据
         // 没有流程图数据
         if (!nodes.length && !edges.length) {
         if (!nodes.length && !edges.length) {
           flowData.value = AppData; // 设置默认的数据
           flowData.value = AppData; // 设置默认的数据
+          rawFlowData.value = AppData; // 设置默认的数据
         } else {
         } else {
           flowData.value = { nodes, edges }; // 获取已存在的数据
           flowData.value = { nodes, edges }; // 获取已存在的数据
-
+          rawFlowData.value = _.cloneDeep({ nodes, edges }); // 获取已存在的数据
           // 内部刷新graph数据
           // 内部刷新graph数据
           nextTick(() => {
           nextTick(() => {
             editor.editorState.graph.read(flowData.value)
             editor.editorState.graph.read(flowData.value)
+            editor1.editorState.graph.read(rawFlowData.value)
           });
           });
         }
         }
 
 
@@ -1467,6 +1471,22 @@ export default {
         }
         }
       }
       }
     }
     }
+    let editor1: {
+      clearStates(arg0: any): () => void
+      openModel: () => void
+      closeModel: () => void
+      openPreview1: () => void
+      addNode: (arg0: any) => void
+      updateModel: (arg0: any) => void
+      editorState: {
+        graph: {
+          addItem: any
+          removeItem: any
+          save: () => { nodes: any; edges: any }
+          read: any
+        }
+      }
+    }
 
 
     /**
     /**
      * 双击节点回调
      * 双击节点回调
@@ -1852,6 +1872,7 @@ export default {
             type: 'success',
             type: 'success',
             message: '保存流程图成功',
             message: '保存流程图成功',
           });
           });
+          rawFlowData.value = flowData.value;
         }
         }
       } else {
       } else {
         ElNotification.error('缺少一条从开始节点到结束节点的完整流程！');
         ElNotification.error('缺少一条从开始节点到结束节点的完整流程！');
@@ -2284,7 +2305,10 @@ export default {
     }
     }
 
 
     const openPreview = () => {
     const openPreview = () => {
+      // 打开弹框
       state.dialogPreviewVisible = true;
       state.dialogPreviewVisible = true;
+      // 获取最新数据
+      getFlowData(flow_id);
       // 创建一个resize事件
       // 创建一个resize事件
       const resizeEvent = new Event('resize');
       const resizeEvent = new Event('resize');
 
 
@@ -2341,6 +2365,7 @@ export default {
       rules,
       rules,
       formRef,
       formRef,
       flowData,
       flowData,
+      rawFlowData,
 
 
       showGrid: true, // 是否开启网格
       showGrid: true, // 是否开启网格
       showMiniMap: false, // 是否开启缩略图
       showMiniMap: false, // 是否开启缩略图
@@ -2399,6 +2424,7 @@ export default {
       handleDrawerClosed,
       handleDrawerClosed,
 
 
       onRef: (e: any) => (editor = e),
       onRef: (e: any) => (editor = e),
+      onRef1: (e: any) => (editor1 = e),
       staticPath,
       staticPath,
     }
     }
   },
   },