Showing
2 changed files
with
30 additions
and
5 deletions
| ... | @@ -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 | ], | ... | ... |
-
Please register or login to post a comment