增加admin管理帐号和项目的界面--初步实现

frontend/src/router/index.ts

@@ -2,7 +2,6 @@ import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
 import { useAuthStore } from "../store/auth";
 import { useStudyStore } from "../store/study";
 import Layout from "../components/Layout.vue";
-import Home from "../views/Home.vue";
 import Login from "../views/Login.vue";
 import StudyList from "../views/StudyList.vue";
 import StudyHome from "../views/StudyHome.vue";
@@ -26,6 +25,10 @@ import FaqDetail from "../views/FaqDetail.vue";
 import Issues from "../views/Issues.vue";
 import IssueDetail from "../views/IssueDetail.vue";
 import Verification from "../views/Verification.vue";
+import AdminUsers from "../views/admin/Users.vue";
+import AdminProjects from "../views/admin/Projects.vue";
+import ProjectMembers from "../views/admin/ProjectMembers.vue";
+import AdminSites from "../views/admin/Sites.vue";
 
 const routes: RouteRecordRaw[] = [
   {
@@ -37,14 +40,8 @@ const routes: RouteRecordRaw[] = [
   {
     path: "/",
     component: Layout,
-    redirect: "/home",
+    redirect: "/studies",
     children: [
-      {
-        path: "home",
-        name: "Home",
-        component: Home,
-        meta: { title: "首页" },
-      },
       {
         path: "study/home",
         name: "StudyHome",
@@ -173,6 +170,37 @@ const routes: RouteRecordRaw[] = [
       },
     ],
   },
+  {
+    path: "/admin",
+    component: Layout,
+    redirect: "/admin/users",
+    children: [
+      {
+        path: "users",
+        name: "AdminUsers",
+        component: AdminUsers,
+        meta: { title: "账号管理", requiresAdmin: true },
+      },
+      {
+        path: "projects",
+        name: "AdminProjects",
+        component: AdminProjects,
+        meta: { title: "项目管理", requiresAdmin: true },
+      },
+      {
+        path: "projects/:projectId/members",
+        name: "AdminProjectMembers",
+        component: ProjectMembers,
+        meta: { title: "项目成员", requiresAdmin: true },
+      },
+      {
+        path: "projects/:projectId/sites",
+        name: "AdminSites",
+        component: AdminSites,
+        meta: { title: "中心管理", requiresAdmin: true },
+      },
+    ],
+  },
   {
     path: "/studies",
     component: Layout,
@@ -192,16 +220,27 @@ const router = createRouter({
   routes,
 });
 
-router.beforeEach((to, _from, next) => {
+router.beforeEach(async (to, _from, next) => {
   const auth = useAuthStore();
-   const studyStore = useStudyStore();
+  const studyStore = useStudyStore();
   const token = auth.token;
+  if (!auth.user && token) {
+    try {
+      await auth.fetchMe();
+    } catch {
+      /* ignore */
+    }
+  }
   if (!to.meta.public && !token) {
     next({ path: "/login" });
     return;
   }
   if (to.path === "/login" && token) {
-    next({ path: studyStore.currentStudy ? "/study/home" : "/home" });
+    next({ path: studyStore.currentStudy ? "/study/home" : "/studies" });
+    return;
+  }
+  if (to.meta.requiresAdmin && auth.user?.role !== "ADMIN") {
+    next({ path: "/studies" });
     return;
   }
   if (to.path.startsWith("/study") && !studyStore.currentStudy) {