|
|
@ -2,7 +2,7 @@ import type { MenuProps } from "antd"; |
|
|
|
import { Menu } from "antd"; |
|
|
|
import icon_logo from "../assets/icon_logo.svg"; |
|
|
|
import icon_measure from "../assets/menu/icon_measure.svg"; |
|
|
|
import { useNavigate, useLocation } from 'react-router-dom'; |
|
|
|
import { useNavigate, useLocation } from "react-router-dom"; |
|
|
|
import "./SideMenu.scss"; |
|
|
|
|
|
|
|
type MenuItem = Required<MenuProps>["items"][number]; |
|
|
@ -28,8 +28,13 @@ const items: MenuItem[] = [ |
|
|
|
export default function SideMenu() { |
|
|
|
const navigate = useNavigate(); |
|
|
|
const location = useLocation(); |
|
|
|
const key = |
|
|
|
location.pathname === "/measure/detail" |
|
|
|
? "/measure/detail" |
|
|
|
: location.pathname.startsWith("/measure") |
|
|
|
? "/measure/config" |
|
|
|
: location.pathname; |
|
|
|
const onClick: MenuProps["onClick"] = e => { |
|
|
|
console.log("click menu----", e); |
|
|
|
navigate(e.key); |
|
|
|
}; |
|
|
|
return ( |
|
|
@ -39,9 +44,8 @@ export default function SideMenu() { |
|
|
|
className="side-menu" |
|
|
|
onClick={onClick} |
|
|
|
style={{ width: "100%", backgroundColor: "transparent", color: "#fff" }} |
|
|
|
defaultSelectedKeys={["1"]} |
|
|
|
defaultOpenKeys={["measure"]} |
|
|
|
selectedKeys={[location.pathname]} |
|
|
|
selectedKeys={[key]} |
|
|
|
mode="inline" |
|
|
|
items={items} |
|
|
|
/> |
|
|
|