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 = (props) => { const { styles, cx } = useStyles(); const location = useLocation(); const [collapseKeys, setCollapseKeys] = useState>(new Set()); - console.log('SiderMenu', props); + console.log('SiderMenu', location.pathname); const dividerStyles = useMemo(() => { if (collapsed) { @@ -167,7 +167,9 @@ const SiderMenu: React.FC = (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 = (props) => { = (props) => { <> = (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 = (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 = (props) => { ]; const customWorker = workerOptions.find( - (item) => item.provider === ProviderValueMap.Custom + (item) => item.provider === ProviderValueMap.Docker ); const worker_id = getWorkerId(customWorker || workerOptions[0]);