hookehuyr

fix 优化点击预览时,主流程显示保持不变

...@@ -554,7 +554,7 @@ import qs from 'qs' ...@@ -554,7 +554,7 @@ import qs from 'qs'
554 import { after } from 'lodash-es'; 554 import { after } from 'lodash-es';
555 // import { VueSpinner } from 'vue3-spinners'; 555 // import { VueSpinner } from 'vue3-spinners';
556 import { flowVersionAPI, saveFlowAPI, flowNodesAPI, enableFlowVersionAPI, flowNodePropertyAPI, checkAllFlowNodePropertyAPI, saveAllFlowNodePropertyAPI, saveNodeSortAPI } from "./api"; 556 import { flowVersionAPI, saveFlowAPI, flowNodesAPI, enableFlowVersionAPI, flowNodePropertyAPI, checkAllFlowNodePropertyAPI, saveAllFlowNodePropertyAPI, saveNodeSortAPI } from "./api";
557 -import draggable from 'vuedraggable' 557 +import draggable from 'vuedraggable';
558 558
559 const G6 = (window as any).G6.default as any 559 const G6 = (window as any).G6.default as any
560 560
...@@ -2305,12 +2305,39 @@ export default { ...@@ -2305,12 +2305,39 @@ export default {
2305 } 2305 }
2306 } 2306 }
2307 2307
2308 + const getRowData = async (flow_id: any) => {
2309 + rawFlowData.value = null;
2310 + state.reloadLoading = true; // 打开loading
2311 + const { code, data } = await flowNodesAPI({ flow_id });
2312 + if (code) {
2313 + state.reloadLoading = false;
2314 + let { nodes, edges } = data;
2315 + nodes = nodes.map((node: any) => {
2316 + node.text = node.text.slice(0, 8);
2317 + return node;
2318 + });
2319 + // 没有流程图数据
2320 + if (!nodes.length && !edges.length) {
2321 + rawFlowData.value = AppData; // 设置默认的数据
2322 + } else {
2323 + rawFlowData.value = { nodes, edges }; // 获取已存在的数据
2324 + // 内部刷新graph数据
2325 + nextTick(() => {
2326 + editor1?.editorState.graph?.read(rawFlowData.value)
2327 + });
2328 + }
2329 +
2330 + } else {
2331 + state.reloadLoading = false;
2332 + }
2333 + }
2334 +
2308 const openPreview = () => { 2335 const openPreview = () => {
2309 // 打开弹框 2336 // 打开弹框
2310 state.dialogPreviewVisible = true; 2337 state.dialogPreviewVisible = true;
2311 // 获取最新数据 2338 // 获取最新数据
2312 let flow_id = getFlowId(); // flow_id 流程ID 2339 let flow_id = getFlowId(); // flow_id 流程ID
2313 - getFlowData(flow_id); 2340 + getRowData(flow_id);
2314 // 创建一个resize事件 2341 // 创建一个resize事件
2315 const resizeEvent = new Event('resize'); 2342 const resizeEvent = new Event('resize');
2316 2343
......
...@@ -14,9 +14,7 @@ ...@@ -14,9 +14,7 @@
14 "remove_dist": "rm -rf custom_flow", 14 "remove_dist": "rm -rf custom_flow",
15 "dev_upload": "npm run build_tar && npm run scp-dev && npm run dec-dev && npm run remove_tar && npm run remove_dist" 15 "dev_upload": "npm run build_tar && npm run scp-dev && npm run dec-dev && npm run remove_tar && npm run remove_dist"
16 }, 16 },
17 - "repository": { 17 + "repository": {},
18 - "gitee": "https://gitee.com/martsforever-pot/vue-flow-editor"
19 - },
20 "files": [ 18 "files": [
21 "docs" 19 "docs"
22 ], 20 ],
......