ctms/frontend/src/router/index.ts

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";
import Tasks from "../views/Tasks.vue";
import Milestones from "../views/Milestones.vue";
import Subjects from "../views/Subjects.vue";
import SubjectDetail from "../views/SubjectDetail.vue";
import Aes from "../views/Aes.vue";
import AeDetail from "../views/AeDetail.vue";
import DataQueries from "../views/DataQueries.vue";
import DataQueryDetail from "../views/DataQueryDetail.vue";
import Imp from "../views/Imp.vue";
import ImpProducts from "../views/ImpProducts.vue";
import ImpBatches from "../views/ImpBatches.vue";
import ImpInventory from "../views/ImpInventory.vue";
import ImpTransactions from "../views/ImpTransactions.vue";
import Finance from "../views/Finance.vue";
import FinanceDetail from "../views/FinanceDetail.vue";
import Faq from "../views/Faq.vue";
import FaqDetail from "../views/FaqDetail.vue";
import Issues from "../views/Issues.vue";
import IssueDetail from "../views/IssueDetail.vue";
import Verification from "../views/Verification.vue";

const routes: RouteRecordRaw[] = [
  {
    path: "/login",
    name: "Login",
    component: Login,
    meta: { public: true, title: "登录" },
  },
  {
    path: "/",
    component: Layout,
    redirect: "/home",
    children: [
      {
        path: "home",
        name: "Home",
        component: Home,
        meta: { title: "首页" },
      },
      {
        path: "study/home",
        name: "StudyHome",
        component: StudyHome,
        meta: { title: "项目首页", requiresStudy: true },
      },
      {
        path: "study/tasks",
        name: "StudyTasks",
        component: Tasks,
        meta: { title: "任务", requiresStudy: true },
      },
      {
        path: "study/milestones",
        name: "StudyMilestones",
        component: Milestones,
        meta: { title: "里程碑", requiresStudy: true },
      },
      {
        path: "study/subjects",
        name: "StudySubjects",
        component: Subjects,
        meta: { title: "受试者", requiresStudy: true },
      },
      {
        path: "study/subjects/:subjectId",
        name: "StudySubjectDetail",
        component: SubjectDetail,
        meta: { title: "受试者详情", requiresStudy: true },
      },
      {
        path: "study/aes",
        name: "StudyAes",
        component: Aes,
        meta: { title: "AE", requiresStudy: true },
      },
      {
        path: "study/aes/:aeId",
        name: "StudyAeDetail",
        component: AeDetail,
        meta: { title: "AE详情", requiresStudy: true },
      },
      {
        path: "study/data-queries",
        name: "StudyDataQueries",
        component: DataQueries,
        meta: { title: "数据问题", requiresStudy: true },
      },
      {
        path: "study/data-queries/:queryId",
        name: "StudyDataQueryDetail",
        component: DataQueryDetail,
        meta: { title: "数据问题详情", requiresStudy: true },
      },
      {
        path: "study/issues",
        name: "StudyIssues",
        component: Issues,
        meta: { title: "风险/问题", requiresStudy: true },
      },
      {
        path: "study/issues/:issueId",
        name: "StudyIssueDetail",
        component: IssueDetail,
        meta: { title: "风险详情", requiresStudy: true },
      },
      {
        path: "study/imp",
        name: "StudyImp",
        component: Imp,
        meta: { title: "药品", requiresStudy: true },
      },
      {
        path: "study/imp/products",
        name: "StudyImpProducts",
        component: ImpProducts,
        meta: { title: "IMP 产品", requiresStudy: true },
      },
      {
        path: "study/imp/batches",
        name: "StudyImpBatches",
        component: ImpBatches,
        meta: { title: "IMP 批次", requiresStudy: true },
      },
      {
        path: "study/imp/inventory",
        name: "StudyImpInventory",
        component: ImpInventory,
        meta: { title: "IMP 库存", requiresStudy: true },
      },
      {
        path: "study/imp/transactions",
        name: "StudyImpTransactions",
        component: ImpTransactions,
        meta: { title: "IMP 交易", requiresStudy: true },
      },
      {
        path: "study/finance",
        name: "StudyFinance",
        component: Finance,
        meta: { title: "费用", requiresStudy: true },
      },
      {
        path: "study/finance/:itemId",
        name: "StudyFinanceDetail",
        component: FinanceDetail,
        meta: { title: "费用详情", requiresStudy: true },
      },
      {
        path: "study/faq",
        name: "StudyFaq",
        component: Faq,
        meta: { title: "FAQ", requiresStudy: true },
      },
      {
        path: "study/faq/:itemId",
        name: "StudyFaqDetail",
        component: FaqDetail,
        meta: { title: "FAQ 详情", requiresStudy: true },
      },
      {
        path: "study/verifications",
        name: "StudyVerifications",
        component: Verification,
        meta: { title: "核查进度", requiresStudy: true },
      },
    ],
  },
  {
    path: "/studies",
    component: Layout,
    children: [
      {
        path: "",
        name: "StudyList",
        component: StudyList,
        meta: { title: "项目列表" },
      },
    ],
  },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

router.beforeEach((to, _from, next) => {
  const auth = useAuthStore();
   const studyStore = useStudyStore();
  const token = auth.token;
  if (!to.meta.public && !token) {
    next({ path: "/login" });
    return;
  }
  if (to.path === "/login" && token) {
    next({ path: studyStore.currentStudy ? "/study/home" : "/home" });
    return;
  }
  if (to.path.startsWith("/study") && !studyStore.currentStudy) {
    next({ path: "/studies" });
    return;
  }
  next();
});

export default router;