feat: 工作台增加无项目判断

src/views/Project/ProjectWorkbench/index.tsx

@@ -10,11 +10,13 @@ import { memo, useMemo } from "react";
 import { Box } from "@mui/system";
 import { observer } from "mobx-react-lite";
 import { useLocation } from "react-router-dom";
+import { useStores } from "@/store/index";
 
 import WorkbenchTemplate from "./workbenchTemplate";
 import WorkbenchList from "./workbenchList";
 import Tabs from "@/components/mui/Tabs";
 import usePass from "@/hooks/usePass";
+import NoProject from "@/components/BusinessComponents/NoProject";
 import Template from "@/assets/project/workbenchTemplate.svg";
 import TemplateSelect from "@/assets/project/workbenchTemplate_select.svg";
 import TemplateHover from "@/assets/project/workbenchTemplate_hover.svg";
@@ -23,6 +25,7 @@ import ListHover from "@/assets/project/workbenchList_hover.svg";
 import ListSelect from "@/assets/project/workbenchList_select.svg";
 
 const ProjectWorkbench = observer(() => {
+	const { currentProjectStore } = useStores();
 	const isPass = usePass();
 	const location: any = useLocation();
 
@@ -48,30 +51,33 @@ const ProjectWorkbench = observer(() => {
 			},
 		];
 	}, [isPass]);
-
-	return (
-		<div style={{ padding: "28px 24px 24px" }}>
-			<div style={{ display: "flex", alignItems: "center" }}>
-				<span
-					style={{
-						fontSize: "18px",
-						lineHeight: "26px",
-						fontWeight: "600",
-						color: "#1E2633",
-						marginBottom: "3px",
-					}}
-				>
-					工作台
-				</span>
+	if (currentProjectStore.currentProjectInfo.name) {
+		return (
+			<div style={{ padding: "28px 24px 24px" }}>
+				<div style={{ display: "flex", alignItems: "center" }}>
+					<span
+						style={{
+							fontSize: "18px",
+							lineHeight: "26px",
+							fontWeight: "600",
+							color: "#1E2633",
+							marginBottom: "3px",
+						}}
+					>
+						工作台
+					</span>
+				</div>
+				<Box sx={{ width: "100%", typography: "body1" }}>
+					<Tabs
+						tabList={tabList}
+						defaultValue={location?.state?.type || "workbenchTemplate"}
+					/>
+				</Box>
 			</div>
-			<Box sx={{ width: "100%", typography: "body1" }}>
-				<Tabs
-					tabList={tabList}
-					defaultValue={location?.state?.type || "workbenchTemplate"}
-				/>
-			</Box>
-		</div>
-	);
+		);
+	} else {
+		return <NoProject />;
+	}
 });
 
 export default memo(ProjectWorkbench);