Browse Source

新测量页面填写表单后跳转到测量页面,左侧菜单也应当是选中状态

feature/rail
白凤吉 5 months ago
parent
commit
aad3951c69
  1. 12
      src/components/SideMenu.tsx

12
src/components/SideMenu.tsx

@ -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}
/>

Loading…
Cancel
Save