diff --git a/workstation/frontend/src/business/creation/Creation.vue b/workstation/frontend/src/business/creation/Creation.vue
index 4ada15c3a0..432879e12d 100644
--- a/workstation/frontend/src/business/creation/Creation.vue
+++ b/workstation/frontend/src/business/creation/Creation.vue
@@ -1,30 +1,35 @@
 <template>
-  <workstation-detail :is-creation=true :current-todo-name="currentTodo"></workstation-detail>
+  <workstation-detail
+    :is-creation="true"
+    v-if="projectId !== '' && projectId !== 'no_such_project'"
+    :current-todo-name="currentTodo"
+  ></workstation-detail>
 </template>
 <script>
-
-import WorkstationDetail from "@/business/detail/WorkstationDetail"
+import WorkstationDetail from "@/business/detail/WorkstationDetail";
+import { getCurrentProjectID } from "metersphere-frontend/src/utils/token";
 
 export default {
-  name: 'Creation',
+  name: "Creation",
   components: {
-    WorkstationDetail
+    WorkstationDetail,
   },
   watch: {},
   data() {
     return {
-      currentTodo:''
-    }
+      currentTodo: "",
+      projectId: getCurrentProjectID(),
+    };
   },
   methods: {},
   created() {
     if (this.$route.query.name) {
-      this.currentTodo = this.$route.query.name
+      this.currentTodo = this.$route.query.name;
     } else {
-      this.currentTodo = 'track_case'
+      this.currentTodo = "track_case";
     }
-  }
-}
+  },
+};
 </script>
 <style scoped>
 .workstation-card {
diff --git a/workstation/frontend/src/business/focus/Focus.vue b/workstation/frontend/src/business/focus/Focus.vue
index dd56efa6da..b556f0e983 100644
--- a/workstation/frontend/src/business/focus/Focus.vue
+++ b/workstation/frontend/src/business/focus/Focus.vue
@@ -1,28 +1,34 @@
 <template>
-  <workstation-detail :is-focus="true" :current-todo-name="currentTodo"/>
+  <workstation-detail
+    :is-focus="true"
+    v-if="projectId !== '' && projectId !== 'no_such_project'"
+    :current-todo-name="currentTodo"
+  />
 </template>
 <script>
 import WorkstationDetail from "@/business/detail/WorkstationDetail";
+import { getCurrentProjectID } from "metersphere-frontend/src/utils/token";
 
 export default {
-  name: 'Focus',
+  name: "Focus",
   components: {
-    WorkstationDetail
+    WorkstationDetail,
   },
   data() {
     return {
-      currentTodo:'',
-    }
+      currentTodo: "",
+      projectId: getCurrentProjectID(),
+    };
   },
   methods: {},
   created() {
     if (this.$route.query.name) {
-      this.currentTodo = this.$route.query.name
+      this.currentTodo = this.$route.query.name;
     } else {
-      this.currentTodo = 'track_case'
+      this.currentTodo = "track_case";
     }
-  }
-}
+  },
+};
 </script>
 <style scoped>
 .workstation-card {
diff --git a/workstation/frontend/src/business/upcoming/Upcoming.vue b/workstation/frontend/src/business/upcoming/Upcoming.vue
index 3be93182a0..28d33d7a65 100644
--- a/workstation/frontend/src/business/upcoming/Upcoming.vue
+++ b/workstation/frontend/src/business/upcoming/Upcoming.vue
@@ -1,28 +1,34 @@
 <template>
-  <workstation-detail :is-upcoming=true :current-todo-name="currentTodo"></workstation-detail>
+  <workstation-detail
+    :is-upcoming="true"
+    :current-todo-name="currentTodo"
+    v-if="projectId !== '' && projectId !== 'no_such_project'"
+  ></workstation-detail>
 </template>
 <script>
 import WorkstationDetail from "@/business/detail/WorkstationDetail";
+import { getCurrentProjectID } from "metersphere-frontend/src/utils/token";
 
 export default {
-  name: 'Upcoming',
+  name: "Upcoming",
   components: {
-    WorkstationDetail
+    WorkstationDetail,
   },
   data() {
     return {
-      currentTodo:'',
-    }
+      currentTodo: "",
+      projectId: getCurrentProjectID(),
+    };
   },
   methods: {},
   created() {
     if (this.$route.query.name) {
-      this.currentTodo = this.$route.query.name
+      this.currentTodo = this.$route.query.name;
     } else {
-      this.currentTodo = 'track_case'
+      this.currentTodo = "track_case";
     }
-  }
-}
+  },
+};
 </script>
 <style scoped>
 :deep(.el-main) {