From fd92d838a40a7c771edabe6c7f0fe3881e3819b4 Mon Sep 17 00:00:00 2001 From: YaHoo94 <673964817@qq.com> Date: Sat, 2 Mar 2024 09:17:22 +0800 Subject: [PATCH 1/2] 111 --- .../Pipeline/editPipeline/editPipeline.less | 21 +++++ .../src/pages/Pipeline/editPipeline/index.jsx | 76 ++++++++++++++----- 2 files changed, 77 insertions(+), 20 deletions(-) diff --git a/react-ui/src/pages/Pipeline/editPipeline/editPipeline.less b/react-ui/src/pages/Pipeline/editPipeline/editPipeline.less index d0562f67..a809a14d 100644 --- a/react-ui/src/pages/Pipeline/editPipeline/editPipeline.less +++ b/react-ui/src/pages/Pipeline/editPipeline/editPipeline.less @@ -27,4 +27,25 @@ height:45px; background:#ffffff; box-shadow:0px 3px 6px rgba(146, 146, 146, 0.09); +} +.rightmenu { + position: absolute; + width: 120px; + height: 146px; + left: 0px; + top: 0px; + + background-color: #ffffff; + font-size: 12px; + color: #333333; + overflow-y: auto; +} + +.rightmenuItem { + padding: 10px 20px; + cursor: pointer; +} +.rightmenuItem:hover { + background-color: rgba(24, 144, 255, 0.3); + color: #ffffff; } \ No newline at end of file diff --git a/react-ui/src/pages/Pipeline/editPipeline/index.jsx b/react-ui/src/pages/Pipeline/editPipeline/index.jsx index c3f37b14..a68f219a 100644 --- a/react-ui/src/pages/Pipeline/editPipeline/index.jsx +++ b/react-ui/src/pages/Pipeline/editPipeline/index.jsx @@ -13,7 +13,8 @@ import { useNavigate} from 'react-router-dom'; const editPipeline = React.FC = () => { const propsRef=useRef() const navgite=useNavigate(); - const [contextMenu,setContextMenu]=useState({}) + // const [contextMenu,setContextMenu]=useState({}) + let contextMenu={} const locationParams =useParams () //新版本获取路由参数接口 let graph=null const pipelineContainer = useEmotionCss(() => { @@ -23,6 +24,25 @@ const editPipeline = React.FC = () => { height:'81vh' }; }); + const rightmenu= useEmotionCss(() => { + return { + position: 'absolute', + width: '120px', + height: '146px', + left: '0px', + top: '0px', + + color: '#333333', + overflowY: 'auto' + }; + }); + const rightmenuItem =useEmotionCss(() => { + return { + padding: '10px 20px', + cursor: 'pointer', + fontSize: '12px', + }; + }); const graphStyle = useEmotionCss(() => { return { width:'100%', @@ -125,20 +145,29 @@ const editPipeline = React.FC = () => { } const initMenu=()=> { // const selectedNodes = this.selectedNodes; - setContextMenu(new G6.Menu({ + contextMenu=new G6.Menu({ getContent(evt) { - console.log(11111, evt); - - let ul = `