From b559d26ca7e75d4551d9189f6b5298dcaf7bf2f5 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Tue, 26 Aug 2025 14:40:29 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=88=9B=E5=BB=BA=E5=AD=90=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E6=A0=8F=EF=BC=8C=E5=90=8C=E6=97=B6=E4=BD=BF=E7=94=A8?=
 =?UTF-8?q?resizebox=E5=AF=B9=E9=A1=B5=E9=9D=A2=E8=BF=9B=E8=A1=8C=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6=E5=88=86=E5=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ideContainer/index.tsx              | 27 +++++++++++++++++++
 .../ideContainer/style/index.module.less      | 10 ++++---
 2 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/src/pages/ideContainer/index.tsx b/src/pages/ideContainer/index.tsx
index 260c659..fe0f843 100644
--- a/src/pages/ideContainer/index.tsx
+++ b/src/pages/ideContainer/index.tsx
@@ -5,6 +5,7 @@ import LogBar from './logBar';
 import RightSideBar from './rightSideBar';
 import { getUrlParams } from '@/utils/common';
 import ProjectContainer from '@/pages/orchestration/project';
+import { ResizeBox } from '@arco-design/web-react';
 
 interface Selected {
   currentPath?: string;
@@ -31,6 +32,7 @@ function IDEContainer() {
 
   const [selected, setSelected] = useState<Selected>({});
   const [urlParams, setUrlParams] = useState<UrlParamsOptions>({});
+  const [subMenuWidth, setSubMenuWidth] = useState(200); // 子菜单宽度状态
 
   useEffect(() => {
     setUrlParams(getUrlParams(window.location.href) as UrlParamsOptions);
@@ -65,6 +67,12 @@ function IDEContainer() {
         return <div>点击左侧菜单选择需要查看的功能</div>;
     }
   };
+
+  // 处理子菜单区域的拖拽调整大小
+  const handleSubMenuResize = (e: MouseEvent, { width }: { width: number }) => {
+    setSubMenuWidth(width);
+  };
+
   return (
     <>
       <div className={styles.IDEContainer}>
@@ -74,6 +82,25 @@ function IDEContainer() {
           identity={urlParams.identity}
         />
         <div className={styles.content}>
+          <ResizeBox
+            directions={['right']}
+            style={{
+              width: subMenuWidth,
+              height: '100%',
+              minHeight: 'calc(100vh - 40px)'
+            }}
+            onMoving={handleSubMenuResize}
+          >
+            {/* 这里是子菜单区域，可以根据需要添加具体内容 */}
+            <div style={{
+              width: '100%',
+              height: '100%',
+              backgroundColor: '#f5f5f5',
+              borderRight: '1px solid #ddd'
+            }}>
+              子菜单区域
+            </div>
+          </ResizeBox>
           <div className={styles.mainContent}>
             {renderContent()}
           </div>
diff --git a/src/pages/ideContainer/style/index.module.less b/src/pages/ideContainer/style/index.module.less
index 9badd68..dd14bf0 100644
--- a/src/pages/ideContainer/style/index.module.less
+++ b/src/pages/ideContainer/style/index.module.less
@@ -4,20 +4,24 @@
   width: 100%;
   height: 100%;
   padding: 0;
+  display: flex;
+  flex-direction: row;
 
   .content {
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     height: 100%;
     background-color: var(--color-fill-2);
     min-width: @layout-max-width;
     transition: padding-left 0.2s;
     box-sizing: border-box;
-    padding-left: 200px;
-
+    flex: 1;
+    position: relative;
 
     .mainContent {
+      flex: 1;
       overflow: auto;
+      padding: 16px;
 
       > div {
         flex: 1;