feat: 增加项目设置页面

src/mocks/demo.ts

@@ -30,6 +30,22 @@ const demo = [
           icon: "",
           type: "product",
           routes: [
+            {
+              id: "PROJECT_SETTING",
+              type: "page",
+              name: "项目设置",
+              path: "/setting",
+              icon: "",
+              element: "ProjectSetting",
+              show: "true",
+              // children: [
+              //   {
+              //     id: "PROJECT_OVERIVEW_CREATE",
+              //     type: "operation",
+              //     name: "创建项目",
+              //   },
+              // ],
+            },
             {
               id: "PROJECT_OVERIVEW",
               type: "page",

src/router/index.ts

@@ -4,6 +4,7 @@ import MenuLayout from "@/views/MenuLayout";
 import * as React from "react";
 import NotFound from "@/views/404";
 import Demo from "@/views/demo";
+import ProjectSetting from "@/views/Project/ProjectSetting";
 
 export type route = {
   id?: string;
@@ -36,6 +37,7 @@ export const elements: {
   }) => JSX.Element;
 } = {
   Demo: Demo,
+  ProjectSetting: ProjectSetting,
 };
 
 export const routes: Array<route | navigate> = [

src/views/MenuLayout/index.module.css

@@ -3,3 +3,6 @@
   align-items: flex-start;
   justify-content: center;
 }
+.content{
+  flex: 1;
+}

src/views/MenuLayout/index.tsx

@@ -18,7 +18,7 @@ const MenuLayout = observer(() => {
 
   return (
     <Box className={style.container}>
-      <Box sx={{ width: "10%" }}>
+      <Box sx={{ width: "10%", minWidth: "220px" }}>
         <List>
           {permissionStore.sidebarRouters.map((item, index) => {
             return (
@@ -33,7 +33,7 @@ const MenuLayout = observer(() => {
           })}
         </List>
       </Box>
-      <Box sx={{ width: "90%" }}>
+      <Box className={style.content}>
         <Outlet></Outlet>
       </Box>
     </Box>

src/views/Project/ProjectSetting/index.tsx

+import { useMessage } from "@/components/MySnackbar";
+import usePass from "@/hooks/usePass";
+import { operation, route } from "@/router";
+import { Button } from "@mui/material";
+import { Box } from "@mui/system";
+import { useEffect } from "react";
+
+const ProjectSetting = ({
+  childrenRoutes,
+}: {
+  childrenRoutes?: Array<route | operation>;
+}) => {
+  const message = useMessage();
+  const isPass = usePass();
+
+  useEffect(() => {
+    console.log(isPass("PROJECT_OVERIVEW_CREATE"), "11111111111");
+    console.log(isPass("PROJECT_SUMMARY_MEMBER"), "2222222");
+    console.log(isPass("test"), "33333");
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <Box>
+      <Box>ProjectSetting123</Box>
+      <Box>{JSON.stringify(childrenRoutes)}</Box>
+      <Box>{JSON.stringify(process.env.NODE_ENV)}</Box>
+      <Button onClick={() => message.success("测试测试")}>message测试</Button>
+    </Box>
+  );
+};
+
+export default ProjectSetting;