Merge branch 'feat-20220620-taskSubmission' into 'release'

cn-Feat 20220620 task submission

See merge request sunyihao/bkunyun!73

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/store/modules/currentProject.ts

@@ -11,22 +11,39 @@ type productInfo = {
   id?: string;
   name?: string;
 };
+
+const sessionStorageCurrentProjectInfo = JSON.parse(
+  sessionStorage.getItem("currentProjectInfo") || "{}"
+);
+const sessionStorageCurrentProductInfo = JSON.parse(
+  sessionStorage.getItem("currentProductInfo") || "{}"
+);
+const sessionStorageProjectList = JSON.parse(
+  sessionStorage.getItem("projectList") || "[]"
+);
+
 class currentProject {
   constructor() {
     makeAutoObservable(this);
   }
 
   // 选中的项目
-  currentProjectInfo: projectInfo = {};
+  currentProjectInfo: projectInfo = sessionStorageCurrentProjectInfo;
   // 选中的产品下的项目列表
-  projectList: Array<projectInfo> = [];
+  projectList: Array<projectInfo> = sessionStorageProjectList;
   // 选中的产品
-  currentProductInfo: productInfo = {};
+  currentProductInfo: productInfo = sessionStorageCurrentProductInfo;
   setProjectList = (list: Array<projectInfo>) => {
     this.projectList = list;
+    sessionStorage.setItem("projectList", JSON.stringify(list));
   };
   changeProject = (project: projectInfo) => {
     this.currentProjectInfo = project;
+    sessionStorage.setItem("currentProjectInfo", JSON.stringify(project));
+  };
+  changeProductInfo = (productInfo: productInfo) => {
+    this.currentProductInfo = productInfo;
+    sessionStorage.setItem("currentProductInfo", JSON.stringify(productInfo));
   };
 }
 

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,41 @@ 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) => {
+    currentProjectStore.changeProductInfo({ id: item.name, name: item.name });
+    setCurrentProduct(item);
+    runGetProjectList({
+      product: item.name,
+    });
+  };
+
   const navigate = useNavigate();
   const location = useLocation();
   const { permissionStore, menuStore } = useStores();
@@ -86,7 +126,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/AddProject/index.tsx

@@ -84,17 +84,16 @@ const AddProject = (props: any) => {
 
   const handleClickOpen = () => {
     DialogRef.current.handleClickOpen();
-    initData()
+    initData();
   };
 
   const initData = () => {
-    setName('')
-    setDesc('')
+    setName("");
+    setDesc("");
     if (zoneIdOptions.length > 0) {
-      setZoneId(zoneIdOptions[0].id)
+      setZoneId(zoneIdOptions[0].id);
     }
-  }
-
+  };
 
   const checkName = (name: string) => {
     if (name) {

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

@@ -45,7 +45,6 @@ const CurrentProject = observer(() => {
 
   const openAddProject = () => {
     addProjectRef.current.handleClickOpen();
-    // setAddProjectOpen(true);
     setProjectListOpen(false);
   };
 
@@ -59,9 +58,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;
 };