feat：完善页面样式和功能

src/router/index.js

@@ -1,4 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
+import NotFound from '@/views/404/index.vue'
+
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
@@ -10,38 +12,47 @@ const router = createRouter({
     {
       path: '/monitor',
       name: 'monitor',
-      component: () => import('../views/monitor/index.vue')
+      component: () => import('@/views/monitor/index.vue')
     },
     {
       path: '/sceneTesting',
       name: 'sceneTesting',
-      component: () => import('../views/testing/index.vue')
+      component: () => import('@/views/testing/index.vue')
     },
     {
       path: '/roadTesting',
       name: 'roadTesting',
-      component: () => import('../views/testing/road.vue')
+      component: () => import('@/views/testing/road.vue')
     },
     {
       path: '/scenic',
       name: 'scenic',
       component: () => import('@/views/scenic/index.vue')
     },
-	{
-	  path: '/traffic',
-	  name: 'traffic',
-	  component: () => import('@/views/traffic/index.vue')
-	},
+    {
+      path: '/traffic',
+      name: 'traffic',
+      component: () => import('@/views/traffic/index.vue')
+    },
     {
       path: '/sentiment',
       name: 'sentiment',
       component: () => import('@/views/sentiment/index.vue')
     },
-	{
-	  path: '/workOrder',
-	  name: 'workOrder',
-	  component: () => import('@/views/workOrder/index.vue')
-	}
+    {
+      path: '/workOrder',
+      name: 'workOrder',
+      component: () => import('@/views/workOrder/index.vue')
+    },
+    {
+      path: '/404',
+      name: 'NotFound',
+      component: NotFound
+    },
+    {
+      path: '/:pathMatch(.*)*',
+      redirect: '/404'
+    }
   ]
 })