feat: 修改获取产品信息时机，之前：进入页面获取，现在：在切换产品时获取产品信息

src/api/project_api.ts

@@ -21,7 +21,7 @@ type projectListParams = {
 };
 
 // 查询当前用户可以看到的项目列表
-const product = (params: projectListParams) => {
+const getProjectList = (params: projectListParams) => {
   return request({
     url: Api.API_PROJECT_LIST,
     method: "get",
@@ -246,7 +246,7 @@ const getworkFlowTaskInfo = (params: { jobId: string; taskId: string }) => {
 export {
   current,
   menu,
-  product,
+  getProjectList,
   hpczone,
   addProject,
   getProject,

src/components/MyRouter/useMyRouter.ts

 import { useStores } from "@/store/index";
 import { elements } from "@/router";
 import { current } from "@/api/demo_api";
-import { product } from "@/api/project_api";
 
 import localStorageKey from "@/utils/localStorageKey";
 import NotFound from "@/views/404";
 import useMyRequest from "@/hooks/useMyRequest";
 import { useEffect } from "react";
 import { menu } from "@/api/routes_api";
-import {
-  setFileServerEndPointLocalStorage,
-  getFiletokenAccordingToId,
-} from "@/views/Project/project";
 
 const useMyRouter = () => {
-  const { permissionStore, menuStore, currentProjectStore } = useStores();
+  const { permissionStore, menuStore } = useStores();
   const userInfo = useMyRequest(current);
   const menuInfo = useMyRequest(menu);
-  const productInfo = useMyRequest(product);
 
   useEffect(() => {
     userInfo.run();
     menuInfo.run();
-    productInfo.run({
-      product: "CADD",
-    });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
@@ -47,24 +38,8 @@ const useMyRouter = () => {
       permissionStore.initAllRoutes();
     }
 
-    if (productInfo.res) {
-      let list = productInfo.data?.data;
-      if (list.length === 0) {
-        currentProjectStore.setProjectList([]);
-        currentProjectStore.changeProject({});
-      } else {
-        currentProjectStore.setProjectList(list);
-        currentProjectStore.changeProject(list[0]);
-        setFileServerEndPointLocalStorage(list[0].zoneId);
-        getFiletokenAccordingToId(list[0].id).then((res) => {
-          list[0].filetoken = res;
-          currentProjectStore.changeProject(list[0]);
-        });
-      }
-    }
-
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [userInfo.data, menuInfo.data, productInfo.data]);
+  }, [userInfo.data, menuInfo.data]);
 
   return permissionStore.allRoutes;
 };

src/views/ConsoleLayout/index.tsx

-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
 import cx from "classnames";
 import { observer } from "mobx-react-lite";
@@ -14,7 +14,12 @@ import Button from "@/components/mui/Button";
 import logo from "@/assets/img/logo.svg";
 import MyPopover from "@/components/mui/MyPopover";
 import TranSferList from "./components/TransferList";
-
+import { getProjectList } from "@/api/project_api";
+import useMyRequest from "@/hooks/useMyRequest";
+import {
+  setFileServerEndPointLocalStorage,
+  getFiletokenAccordingToId,
+} from "@/views/Project/project";
 import style from "./index.module.css";
 
 const ConsoleLayout = observer(() => {
@@ -28,6 +33,40 @@ const ConsoleLayout = observer(() => {
     handleClose,
   } = useIndex();
 
+  const [currentProduct, setCurrentProduct] = useState<{
+    path: string;
+    name: string;
+  }>();
+
+  const { currentProjectStore } = useStores();
+  const { run: runGetProjectList } = useMyRequest(getProjectList, {
+    onSuccess: (res) => {
+      let list = res.data;
+      if (list.length === 0) {
+        currentProjectStore.setProjectList([]);
+        currentProjectStore.changeProject({});
+        navigate(currentProduct?.path as string);
+      } else {
+        currentProjectStore.setProjectList(list);
+        currentProjectStore.changeProject(list[0]);
+        setFileServerEndPointLocalStorage(list[0].zoneId);
+        getFiletokenAccordingToId(list[0].id).then((res) => {
+          list[0].filetoken = res;
+          currentProjectStore.changeProject(list[0]);
+        });
+        navigate(currentProduct?.path as string);
+      }
+    },
+  });
+
+  // 切换产品
+  const getProduct = (item: any) => {
+    setCurrentProduct(item);
+    runGetProjectList({
+      product: item.name,
+    });
+  };
+
   const navigate = useNavigate();
   const location = useLocation();
   const { permissionStore, menuStore } = useStores();
@@ -86,7 +125,7 @@ const ConsoleLayout = observer(() => {
                       root: style.menuItemRoot,
                     }}
                     onClick={() => {
-                      navigate(item.path);
+                      getProduct(item);
                       handleClose();
                     }}
                   >

src/views/MenuLayout/index.tsx

@@ -6,13 +6,21 @@ import style from "./index.module.css";
 import { observer } from "mobx-react-lite";
 import { useStores } from "@/store/index";
 import classnames from "classnames";
+import { toJS } from "mobx";
 
 const MenuLayout = observer(() => {
-  const { permissionStore } = useStores();
+  const { permissionStore, currentProjectStore } = useStores();
   let pathname = new URL(window.location.href).pathname;
 
   const navigate = useNavigate();
 
+  const productInfo = toJS(currentProjectStore.currentProductInfo);
+
+  // 未选择产品时 直接跳转home页面
+  if (!productInfo.name) {
+    navigate("/home");
+  }
+
   return (
     <Box className={style.container}>
       <Box className={style.aside}>

src/views/Project/components/CurrentProject/index.tsx

@@ -59,9 +59,12 @@ const CurrentProject = observer(() => {
         <img src={logo} alt="" className={style.logo} />
         <div className={style.info}>
           <div className={style.productName}>
-            {currentProjectStore.currentProductInfo.name || "CADD"}
+            {currentProjectStore.currentProductInfo.name}
           </div>
-          <div className={style.projectName} title={currentProjectStore.currentProjectInfo.name}>
+          <div
+            className={style.projectName}
+            title={currentProjectStore.currentProjectInfo.name}
+          >
             {currentProjectStore.currentProjectInfo.name || "暂无项目"}
           </div>
         </div>

src/views/Project/project.ts

@@ -6,10 +6,14 @@
  * @FilePath: /bkunyun/src/views/Project/project.ts
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-import { product, hpczone, getDataFileToken } from "@/api/project_api";
+import {
+  getProjectList as getProjectListApi,
+  hpczone,
+  getDataFileToken,
+} from "@/api/project_api";
 
 export const getProjectList = async () => {
-  const res = await product({ product: "CADD" });
+  const res = await getProjectListApi({ product: "CADD" });
   return res.data;
 };