From 913f2f50772c8c459ea29b35b32681981b20d68b Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Mon, 15 Sep 2025 16:56:17 +0800
Subject: [PATCH] fix: menu status mismatch

---
 config/routes.ts                                     |  6 +++++-
 src/layouts/sider-menu.tsx                           | 12 ++++++++----
 .../llmodels/components/deploy-builtin-modal.tsx     |  2 +-
 src/pages/llmodels/components/deploy-modal.tsx       |  2 +-
 src/pages/llmodels/download/index.tsx                |  2 +-
 5 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/config/routes.ts b/config/routes.ts
index 3fe45971..b0e6de18 100644
--- a/config/routes.ts
+++ b/config/routes.ts
@@ -164,7 +164,11 @@ export default [
         icon: 'icon-cluster2-outline',
         selectedIcon: 'icon-cluster2-filled',
         defaultIcon: 'icon-cluster2-outline',
-        component: './cluster-management/clusters'
+        component: './cluster-management/clusters',
+        subMenu: [
+          '/cluster-management/clusters/detail',
+          '/cluster-management/clusters/create'
+        ]
       },
       {
         name: 'clusterDetail',
diff --git a/src/layouts/sider-menu.tsx b/src/layouts/sider-menu.tsx
index 9439595f..35e8053e 100644
--- a/src/layouts/sider-menu.tsx
+++ b/src/layouts/sider-menu.tsx
@@ -128,7 +128,7 @@ const SiderMenu: React.FC<SiderMenuProps> = (props) => {
   const { styles, cx } = useStyles();
   const location = useLocation();
   const [collapseKeys, setCollapseKeys] = useState<Set<string>>(new Set());
-  console.log('SiderMenu', props);
+  console.log('SiderMenu', location.pathname);
 
   const dividerStyles = useMemo(() => {
     if (collapsed) {
@@ -167,7 +167,9 @@ const SiderMenu: React.FC<SiderMenuProps> = (props) => {
           to={menuItem.path.replace('/*', '')}
           target={menuItem.target}
           className={cx(styles.menuItemWrapper, 'menu-item', {
-            'menu-item-selected': location.pathname === menuItem.path
+            'menu-item-selected':
+              location.pathname === menuItem.path ||
+              menuItem.subMenu?.includes(location.pathname)
           })}
         >
           {collapsed ? (
@@ -175,7 +177,8 @@ const SiderMenu: React.FC<SiderMenuProps> = (props) => {
               <span className="icon-wrapper">
                 <IconFont
                   type={
-                    location.pathname === menuItem.path
+                    location.pathname === menuItem.path ||
+                    menuItem.subMenu?.includes(location.pathname)
                       ? menuItem.selectedIcon || ''
                       : menuItem.defaultIcon || ''
                   }
@@ -186,7 +189,8 @@ const SiderMenu: React.FC<SiderMenuProps> = (props) => {
             <>
               <IconFont
                 type={
-                  location.pathname === menuItem.path
+                  location.pathname === menuItem.path ||
+                  menuItem.subMenu?.includes(location.pathname)
                     ? menuItem.selectedIcon || ''
                     : menuItem.defaultIcon || ''
                 }
diff --git a/src/pages/llmodels/components/deploy-builtin-modal.tsx b/src/pages/llmodels/components/deploy-builtin-modal.tsx
index 9824c243..82631c24 100644
--- a/src/pages/llmodels/components/deploy-builtin-modal.tsx
+++ b/src/pages/llmodels/components/deploy-builtin-modal.tsx
@@ -349,7 +349,7 @@ const AddModal: React.FC<AddModalProps> = (props) => {
 
   const initClusterId = () => {
     const cluster_id =
-      clusterList?.find((item) => item.provider === ProviderValueMap.Custom)
+      clusterList?.find((item) => item.provider === ProviderValueMap.Docker)
         ?.value || clusterList?.[0]?.value;
 
     console.log('cluster_id:', cluster_id);
diff --git a/src/pages/llmodels/components/deploy-modal.tsx b/src/pages/llmodels/components/deploy-modal.tsx
index 3b6ae130..4f56b44d 100644
--- a/src/pages/llmodels/components/deploy-modal.tsx
+++ b/src/pages/llmodels/components/deploy-modal.tsx
@@ -369,7 +369,7 @@ const AddModal: FC<AddModalProps> = (props) => {
 
   const initClusterId = () => {
     const cluster_id =
-      clusterList?.find((item) => item.provider === ProviderValueMap.Custom)
+      clusterList?.find((item) => item.provider === ProviderValueMap.Docker)
         ?.value || clusterList?.[0]?.value;
 
     return cluster_id;
diff --git a/src/pages/llmodels/download/index.tsx b/src/pages/llmodels/download/index.tsx
index 52c1eb7a..33aa1517 100644
--- a/src/pages/llmodels/download/index.tsx
+++ b/src/pages/llmodels/download/index.tsx
@@ -109,7 +109,7 @@ const DownloadModel: React.FC<AddModalProps> = (props) => {
     ];
 
     const customWorker = workerOptions.find(
-      (item) => item.provider === ProviderValueMap.Custom
+      (item) => item.provider === ProviderValueMap.Docker
     );
 
     const worker_id = getWorkerId(customWorker || workerOptions[0]);