From 9f4a1cf5f91f85c49d3e609f19c9e833a08ca8ee Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 22 三月 2024 08:29:48 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/components/Flow/GraphDrawer.jsx | 64 ++++++-------------------------
1 files changed, 13 insertions(+), 51 deletions(-)
diff --git a/zy-asrs-flow/src/components/Flow/GraphDrawer.jsx b/zy-asrs-flow/src/components/Flow/GraphDrawer.jsx
index 00cd43f..b07de64 100644
--- a/zy-asrs-flow/src/components/Flow/GraphDrawer.jsx
+++ b/zy-asrs-flow/src/components/Flow/GraphDrawer.jsx
@@ -1,56 +1,18 @@
import React, { useRef, useEffect, useState } from "react";
-import { Button, Drawer, Input } from 'antd';
-
-const { TextArea } = Input;
+import { GraphDrawerNode } from "./Drawer/GraphDrawerNode";
+import { GraphDrawerEdge } from "./Drawer/GraphDrawerEdge";
+import { GraphDrawerCrn } from "./Drawer/GraphDrawerCrn";
+import { GraphDrawerDevp } from "./Drawer/GraphDrawerDevp";
+import './css/GrapDrawer.less';
export const GraphDrawer = ({ graphRef, isReady }) => {
- const [open, setOpen] = useState(false);
-
- const [init, setInit] = useState(false);
-
- const [nodeData, setNodeData] = useState(null);
-
- const [codeContent,setCodeContent] = useState(null);
-
- const showDrawer = (graph, node) => {
- setOpen(true);
- setNodeData(node);
- };
-
- const onClose = (e) => {
- setOpen(false);
- setNodeData(null);
- console.log(codeContent);
- };
-
- const textAreaChange = (e) => {
- setCodeContent(e.target.value);
- }
-
- useEffect(() => {
- if (isReady) {
- const graph = graphRef.current;
-
- if (!init) {
- graph.on("node:dblclick", ({ node }) => {
- console.log(node);
- showDrawer(graph, node);
- })
- setInit(true);
- }
- }
- })
-
- if(nodeData){
- return (
- <>
- <Drawer title={nodeData.label} onClose={onClose} open={open} size="large">
- <p>ID锛歿nodeData.id}</p>
- <p>鍙墽琛屼唬鐮侊細</p>
- <TextArea onChange={textAreaChange} rows={10} />
- </Drawer>
- </>
- );
- }
+ return (
+ <>
+ <GraphDrawerNode graphRef={graphRef} isReady={isReady} />
+ <GraphDrawerEdge graphRef={graphRef} isReady={isReady} />
+ <GraphDrawerCrn graphRef={graphRef} isReady={isReady} />
+ <GraphDrawerDevp graphRef={graphRef} isReady={isReady} />
+ </>
+ );
}
\ No newline at end of file
--
Gitblit v1.9.1