feat: 不存在单页

src/app/map/App.vue

@@ -290,6 +290,7 @@ body {
   width: 90%;
   flex-direction: row;
   flex-wrap: wrap;
+  justify-content: center;
 }
 
 .cover {

src/router/config.ts

@@ -117,4 +117,10 @@ export const routes: Routes = [
     component: () => import("@/view/case/draw/index.vue"),
     meta: { title: "绘制卷宗图" },
   },
+  {
+    name: RouteName.noCase,
+    path: "/no-case",
+    component: () => import("@/view/case/no-case.vue"),
+    meta: { title: "案件不存在" },
+  },
 ];

src/router/routeName.ts

@@ -20,6 +20,7 @@ export const RouteName = {
   // firmware: "firmware",
   cameraVersion: "cameraVersion",
   cameraVersionApp: "cameraVersionApp",
+  noCase: "no-case",
 } as const;
 
 type RouteNamesType = typeof RouteName;

src/view/case/caseFile.vue

@@ -173,7 +173,7 @@ onMounted(async () => {
     desc.value = "";
   } else {
     console.error("该案件不存在！");
-    router.replace({ name: RouteName.vrmodel });
+    router.replace({ name: RouteName.noCase });
   }
 });
 

src/view/case/no-case.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="no-data">
+    <img :src="emptyBG" />
+    <span>案件不存在</span>
+    <el-button
+      class="btn"
+      link
+      text
+      plain
+      style="margin-top: 20px"
+      @click="toHome"
+      >回到首页</el-button
+    >
+  </div>
+</template>
+<script lang="ts" setup>
+import emptyBG from "@/assets/image/empty__empty.png";
+import { RouteName, router } from "@/router";
+const toHome = () => {
+  router.replace({ name: RouteName.vrmodel });
+};
+</script>
+<style lang="scss" scoped>
+.no-data {
+  width: 100%;
+  height: 100%;
+  /* background: red; */
+  min-height: 530px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  .btn,
+  span {
+    color: #999;
+  }
+}
+</style>