From e3474cf91877c95964b0d87fe55311941e601d6b Mon Sep 17 00:00:00 2001
From: 黄何裕 <1053952480@qq.com>
Date: 星期四, 01 八月 2024 18:12:16 +0800
Subject: [PATCH] 创建和详情页面

---
 src/router/index.js |  248 ++++++++++++++++++++++++++-----------------------
 1 files changed, 130 insertions(+), 118 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index b771c56..5a0c890 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,10 +1,10 @@
-import Vue from 'vue'
-import Router from 'vue-router'
+import Vue from "vue";
+import Router from "vue-router";
 
-Vue.use(Router)
+Vue.use(Router);
 
 /* Layout */
-import Layout from '@/layout'
+import Layout from "@/layout";
 
 /**
  * Note: sub-menu only appear when route children.length >= 1
@@ -32,97 +32,106 @@
  */
 export const constantRoutes = [
   {
-    path: '/login',
-    component: () => import('@/views/login/index'),
-    hidden: true
+    path: "/login",
+    component: () => import("@/views/login/index"),
+    hidden: true,
   },
 
   {
-    path: '/404',
-    component: () => import('@/views/404'),
-    hidden: true
+    path: "/404",
+    component: () => import("@/views/404"),
+    hidden: true,
   },
 
   {
-    path: '/',
+    path: "/",
     component: Layout,
-    redirect: '/home',
-    children: [{
-      path: 'home',
-      name: 'home',
-      component: () => import('@/views/home/index'),
-      meta: { title: '棣栭〉', icon: 'dashboard' }
-    }]
-  },
-
-  {
-    path: '/educational',
-    component: Layout,
-    redirect: '/educational/student',
-    name: 'Educational',
-    meta: { title: '鏁欏姟', icon: 'el-icon-s-help' },
+    redirect: "/home",
     children: [
       {
-        path: 'student',
-        name: 'Student',
-        component: () => import('@/views/student/index'),
-        meta: { title: '瀛﹀憳', icon: 'table' }
+        path: "home",
+        name: "home",
+        component: () => import("@/views/home/index"),
+        meta: { title: "棣栭〉", icon: "dashboard" },
+      },
+    ],
+  },
+
+  {
+    path: "/educational",
+    component: Layout,
+    redirect: "/educational/student",
+    name: "Educational",
+    meta: { title: "鏁欏姟", icon: "el-icon-s-help" },
+    children: [
+      {
+        path: "student",
+        name: "Student",
+        component: () => import("@/views/student/index"),
+        meta: { title: "瀛﹀憳", icon: "table" },
       },
       {
-        path: 'class',
-        name: 'Class',
-        component: () => import('@/views/class/index'),
-        meta: { title: '鐝骇', icon: 'tree' }
+        path: "student/details",
+        name: "StudentDetails",
+        component: () => import("@/views/student/components/details.vue"),
+        meta: { title: "瀛﹀憳璇︽儏" },
+        hidden: true,
       },
       {
-        path: 'scheduleCourses',
-        name: 'ScheduleCourses',
-        component: () => import('@/views/scheduleCourses/index'),
-        meta: { title: '鎺掕', icon: 'table' }
+        path: "class",
+        name: "Class",
+        component: () => import("@/views/class/index"),
+        meta: { title: "鐝骇", icon: "tree" },
       },
       {
-        path: 'work',
-        name: 'Work',
-        component: () => import('@/views/work/index'),
-        meta: { title: '浣滀笟', icon: 'tree' }
+        path: "scheduleCourses",
+        name: "ScheduleCourses",
+        component: () => import("@/views/scheduleCourses/index"),
+        meta: { title: "鎺掕", icon: "table" },
       },
       {
-        path: 'comment',
-        name: 'Comment',
-        component: () => import('@/views/comment/index'),
-        meta: { title: '鐐硅瘎', icon: 'table' }
+        path: "work",
+        name: "Work",
+        component: () => import("@/views/work/index"),
+        meta: { title: "浣滀笟", icon: "tree" },
       },
       {
-        path: 'curriculum',
-        name: 'Curriculum',
-        component: () => import('@/views/curriculum/index'),
-        meta: { title: '璇捐〃', icon: 'tree' }
+        path: "comment",
+        name: "Comment",
+        component: () => import("@/views/comment/index"),
+        meta: { title: "鐐硅瘎", icon: "table" },
       },
       {
-        path: 'table',
-        name: 'Table',
-        component: () => import('@/views/student/index'),
-        meta: { title: '鏃ョ▼', icon: 'table' }
+        path: "curriculum",
+        name: "Curriculum",
+        component: () => import("@/views/curriculum/index"),
+        meta: { title: "璇捐〃", icon: "tree" },
       },
       {
-        path: 'development',
-        name: 'Development',
-        component: () => import('@/views/development/index'),
-        meta: { title: '鎴愰暱', icon: 'tree' }
+        path: "table",
+        name: "Table",
+        component: () => import("@/views/student/index"),
+        meta: { title: "鏃ョ▼", icon: "table" },
       },
       {
-        path: 'integral',
-        name: 'Integral',
-        component: () => import('@/views/integral/index'),
-        meta: { title: '绉垎', icon: 'tree' }
+        path: "development",
+        name: "Development",
+        component: () => import("@/views/development/index"),
+        meta: { title: "鎴愰暱", icon: "tree" },
       },
       {
-        path: 'rollCall',
-        name: 'RollCall',
-        component: () => import('@/views/rollCall/index'),
-        meta: { title: '鐐硅瘎', icon: 'tree' }
-      }
-    ]
+        path: "integral",
+        name: "Integral",
+        component: () => import("@/views/integral/index"),
+        meta: { title: "绉垎", icon: "tree" },
+      },
+      {
+        path: "rollCall",
+        name: "RollCall",
+        component: () => import("@/views/rollCall/index"),
+        meta: { title: "鐐硅瘎", icon: "tree" },
+      },
+    ],
   },
 
   // {
@@ -139,62 +148,64 @@
   // },
 
   {
-    path: '/nested',
+    path: "/nested",
     component: Layout,
-    redirect: '/nested/menu1',
-    name: 'Nested',
+    redirect: "/nested/menu1",
+    name: "Nested",
     meta: {
-      title: 'Nested',
-      icon: 'nested'
+      title: "Nested",
+      icon: "nested",
     },
     children: [
       {
-        path: 'menu1',
-        component: () => import('@/views/nested/menu1/index'), // Parent router-view
-        name: 'Menu1',
-        meta: { title: 'Menu1' },
+        path: "menu1",
+        component: () => import("@/views/nested/menu1/index"), // Parent router-view
+        name: "Menu1",
+        meta: { title: "Menu1" },
         children: [
           {
-            path: 'menu1-1',
-            component: () => import('@/views/nested/menu1/menu1-1'),
-            name: 'Menu1-1',
-            meta: { title: 'Menu1-1' }
+            path: "menu1-1",
+            component: () => import("@/views/nested/menu1/menu1-1"),
+            name: "Menu1-1",
+            meta: { title: "Menu1-1" },
           },
           {
-            path: 'menu1-2',
-            component: () => import('@/views/nested/menu1/menu1-2'),
-            name: 'Menu1-2',
-            meta: { title: 'Menu1-2' },
+            path: "menu1-2",
+            component: () => import("@/views/nested/menu1/menu1-2"),
+            name: "Menu1-2",
+            meta: { title: "Menu1-2" },
             children: [
               {
-                path: 'menu1-2-1',
-                component: () => import('@/views/nested/menu1/menu1-2/menu1-2-1'),
-                name: 'Menu1-2-1',
-                meta: { title: 'Menu1-2-1' }
+                path: "menu1-2-1",
+                component: () =>
+                  import("@/views/nested/menu1/menu1-2/menu1-2-1"),
+                name: "Menu1-2-1",
+                meta: { title: "Menu1-2-1" },
               },
               {
-                path: 'menu1-2-2',
-                component: () => import('@/views/nested/menu1/menu1-2/menu1-2-2'),
-                name: 'Menu1-2-2',
-                meta: { title: 'Menu1-2-2' }
-              }
-            ]
+                path: "menu1-2-2",
+                component: () =>
+                  import("@/views/nested/menu1/menu1-2/menu1-2-2"),
+                name: "Menu1-2-2",
+                meta: { title: "Menu1-2-2" },
+              },
+            ],
           },
           {
-            path: 'menu1-3',
-            component: () => import('@/views/nested/menu1/menu1-3'),
-            name: 'Menu1-3',
-            meta: { title: 'Menu1-3' }
-          }
-        ]
+            path: "menu1-3",
+            component: () => import("@/views/nested/menu1/menu1-3"),
+            name: "Menu1-3",
+            meta: { title: "Menu1-3" },
+          },
+        ],
       },
       {
-        path: 'menu2',
-        component: () => import('@/views/nested/menu2/index'),
-        name: 'Menu2',
-        meta: { title: 'menu2' }
-      }
-    ]
+        path: "menu2",
+        component: () => import("@/views/nested/menu2/index"),
+        name: "Menu2",
+        meta: { title: "menu2" },
+      },
+    ],
   },
 
   // {
@@ -209,21 +220,22 @@
   // },
 
   // 404 page must be placed at the end !!!
-  { path: '*', redirect: '/404', hidden: true }
-]
+  { path: "*", redirect: "/404", hidden: true },
+];
 
-const createRouter = () => new Router({
-  // mode: 'history', // require service support
-  scrollBehavior: () => ({ y: 0 }),
-  routes: constantRoutes
-})
+const createRouter = () =>
+  new Router({
+    // mode: 'history', // require service support
+    scrollBehavior: () => ({ y: 0 }),
+    routes: constantRoutes,
+  });
 
-const router = createRouter()
+const router = createRouter();
 
 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
 export function resetRouter() {
-  const newRouter = createRouter()
-  router.matcher = newRouter.matcher // reset router
+  const newRouter = createRouter();
+  router.matcher = newRouter.matcher; // reset router
 }
 
-export default router
+export default router;

--
Gitblit v1.8.0