feat: 路由调试

src/api/resourceCenter.ts

@@ -56,7 +56,7 @@ const getActorenvList = (params: {
 const deleteActorenv = (params: {id: string}) => {
   return request({
     url:`${Api.API_ACTORENV_DELETE}/${params.id}`,
-    method: "get",
+    method: "delete",
   });
 };
 

src/components/MyRouter/useMyRouter.ts

@@ -42,12 +42,18 @@ const useMyRouter = () => {
           }
         });
       }
-     
       for (let item of menuInfo.res.data) {
         for (let route of item.routes) {
           route.element = elements[route.element] || NotFound;
           route.path = `/product/${item.id}${route.path}`;
+          if (Array.isArray(route.children)) {
+            route.children.forEach((childrenItem: any, index: number) => {
+              route.children[index].element = elements[childrenItem.element] || NotFound;
+              route.children[index].path = `${route.path}${childrenItem.path}`;
+            })
+          }
         }
+        console.log(item.routes)
         permissionStore.setAddRoutes(item.routes);
       }
       menuStore.initMenu(menuInfo.res.data);

src/router/index.ts

@@ -13,6 +13,7 @@ import MenuLayout from "@/views/MenuLayout";
 import * as React from "react";
 import NotFound from "@/views/404";
 import Demo from "@/views/demo";
+import SeeEnv from "@/views/ResourceCenter/UserResources/UserResourcesEnvironment/SeeEnv";
 import ProjectSetting from "@/views/Project/ProjectSetting";
 import ProjectData from "@/views/Project/ProjectData";
 import ProjectWorkbench from "@/views/Project/ProjectWorkbench";
@@ -54,6 +55,7 @@ export const elements: {
   Demo: Demo,
   SeeTemplate: Demo,
   UserResources: UserResources,
+  SeeEnv: SeeEnv,
   ProjectSetting: ProjectSetting,
   ProjectData: ProjectData,
   ProjectWorkbench: ProjectWorkbench,

src/views/ResourceCenter/UserResources/UserResourcesEnvironment/EnvironmentDetails/index.tsx → src/views/ResourceCenter/UserResources/UserResourcesEnvironment/SeeEnv/index.tsx

-const EnvironmentDetails = () => {
+const SeeEnv = () => {
 	return <div>EnvironmentDetails</div>;
 };
 
-export default EnvironmentDetails;
+export default SeeEnv;

src/views/ResourceCenter/UserResources/UserResourcesEnvironment/index.tsx

 // 应用环境
 import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
 import style from "./index.module.css";
 import SearchInput from "@/components/BusinessComponents/SearchInput";
 import MySelect from "@/components/mui/MySelect";
@@ -7,6 +8,7 @@ import MyButton from "@/components/mui/MyButton";
 import MyTable from "@/components/mui/MyTableNew";
 import useMyRequest from "@/hooks/useMyRequest";
 import { getActorenvList } from "@/api/resourceCenter";
+import Add from "@mui/icons-material/Add";
 import moment from "moment";
 import jobFail from "@/assets/project/jobFail.svg";
 import jobRun from "@/assets/project/jobRun.svg";
@@ -15,6 +17,7 @@ import AddEnvironment from "./AddEnvironment";
 import DeleteEnvironment from "./DeleteEnvironment";
 
 const UserResourcesEnvironment = () => {
+	const navigate = useNavigate();
 	const [addOpen, setAddopen] = useState(false);
 	const [title, setTitle] = useState("");
 	const [type, setType] = useState<"BATCH" | "FLOW" | "">("");
@@ -126,6 +129,16 @@ const UserResourcesEnvironment = () => {
 		setDeleteOpen(true);
 	};
 
+	const hanleToSeeEnv = (item: any) => {
+		console.log("hanleToSeeEnv");
+		console.log(item.id);
+		// /product/userCenter/userInformation
+		// navigate("/product/resourceCenter/userResources/seeEnv", {
+		navigate("/product/userCenter/userInformation", {
+			state: { id: item.id },
+		});
+	};
+
 	const renderButtons = (item: any) => {
 		if (item.status === "FAILED") {
 			return (
@@ -141,6 +154,7 @@ const UserResourcesEnvironment = () => {
 						}}
 						variant="text"
 						size="medium"
+						onClick={() => hanleToSeeEnv(item)}
 					/>
 					<MyButton
 						onClick={() => handleDelete(item)}
@@ -171,7 +185,7 @@ const UserResourcesEnvironment = () => {
 					}}
 					variant="text"
 					size="medium"
-					// onClick={() => hanleDownloadFile(item)}
+					onClick={() => hanleToSeeEnv(item)}
 				/>
 			);
 		}
@@ -212,13 +226,8 @@ const UserResourcesEnvironment = () => {
 				<div className={style.topRight}>
 					<MyButton
 						text="构建应用环境"
-						img={
-							<span
-								style={{ fontSize: "14px", marginRight: "8px" }}
-								className="iconfont icon-dianzan"
-							></span>
-						}
 						onClick={() => setAddopen(true)}
+						startIcon={<Add />}
 					></MyButton>
 				</div>
 			</div>