YG_FT/frontend/src/router/index.ts

import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
import { ref } from 'vue'
import { useAuthStore } from '@/stores/auth'
import type { PermissionCode } from '@/types'

/** 路由切换时的全局加载态，供 App.vue 显示全屏转圈遮罩，消除懒加载时的空白卡顿感 */
export const routeLoading = ref(false)

const routes: RouteRecordRaw[] = [
  {
    path: '/login',
    name: 'login',
    component: () => import('@/views/login/LoginView.vue'),
    meta: { title: '登录', public: true },
  },
  {
    path: '/guide',
    name: 'guide',
    component: () => import('@/views/guide/GuideView.vue'),
    meta: { title: '使用文档', skipPermission: true },
  },
  {
    path: '/',
    component: () => import('@/layouts/MainLayout.vue'),
    redirect: '/dashboard',
    children: [
      // 服务看板
      {
        path: 'dashboard',
        name: 'dashboard',
        component: () => import('@/views/dashboard/DashboardView.vue'),
        meta: { title: '服务看板' },
      },
      // 平台治理
      {
        path: 'tenants',
        name: 'tenants',
        component: () => import('@/views/tenants/TenantListView.vue'),
        meta: { title: '租户管理', permission: 'user-settings' },
      },
      {
        path: 'tenants/:id',
        name: 'tenant-detail',
        component: () => import('@/views/tenants/TenantDetailView.vue'),
        meta: { title: '租户详情', permission: 'user-settings' },
      },
      {
        path: 'projects',
        name: 'projects',
        component: () => import('@/views/projects/ProjectListView.vue'),
        meta: { title: '项目空间', permission: 'user-settings' },
      },
      {
        path: 'projects/:id',
        name: 'project-detail',
        component: () => import('@/views/projects/ProjectDetailView.vue'),
        meta: { title: '项目详情', permission: 'user-settings' },
      },
      {
        path: 'audit-logs',
        name: 'audit-logs',
        component: () => import('@/views/audit/AuditLogView.vue'),
        meta: { title: '审计日志', permission: 'user-settings' },
      },
      {
        path: 'operation-logs',
        name: 'operation-logs',
        component: () => import('@/views/audit/OperationLogView.vue'),
        meta: { title: '操作日志', permission: 'user-settings' },
      },
      {
        path: 'approval-templates',
        name: 'approval-templates',
        component: () => import('@/views/approvals/ApprovalTemplateView.vue'),
        meta: { title: '审批模板', permission: 'user-settings' },
      },
      {
        path: 'approval-instances',
        name: 'approval-instances',
        component: () => import('@/views/approvals/ApprovalInstanceView.vue'),
        meta: { title: '审批中心', permission: 'user-settings' },
      },
      {
        path: 'resource-acl',
        name: 'resource-acl',
        component: () => import('@/views/governance/ResourceAclView.vue'),
        meta: { title: '资源授权', permission: 'user-settings' },
      },
      // 模型调优
      {
        path: 'fine-tune',
        name: 'fine-tune',
        component: () => import('@/views/fine-tune/FineTuneListView.vue'),
        meta: { title: '模型训练', pageSurface: 'self' },
      },
      {
        path: 'fine-tune/create',
        name: 'fine-tune-create',
        component: () => import('@/views/fine-tune/FineTuneCreateView.vue'),
        meta: { title: '创建训练任务' },
      },
      // 模型评测
      {
        path: 'model-eval',
        name: 'model-eval',
        component: () => import('@/views/eval/EvalView.vue'),
        meta: { title: '模型评测', pageSurface: 'self' },
      },
      {
        path: 'model-eval/create',
        name: 'model-eval-create',
        component: () => import('@/views/eval/EvalCreateView.vue'),
        meta: { title: '新建评测' },
      },
      {
        path: 'model-eval/:id',
        name: 'model-eval-detail',
        component: () => import('@/views/eval/EvalDetailView.vue'),
        meta: { title: '评测详情' },
      },
      {
        path: 'model-eval/dimension/create',
        name: 'dimension-create',
        redirect: '/model-eval/create',
      },
      {
        path: 'model-eval/dimension/:id/edit',
        name: 'dimension-edit',
        component: () => import('@/views/eval/DimensionCreateView.vue'),
        meta: { title: '编辑评测维度' },
      },
      // 模型推理
      {
        path: 'model-inference',
        name: 'model-inference',
        component: () => import('@/views/inference/InferenceListView.vue'),
        meta: { title: '模型推理', pageSurface: 'self' },
      },
      {
        path: 'model-inference/create',
        name: 'model-inference-create',
        component: () => import('@/views/inference/InferenceCreateView.vue'),
        meta: { title: '新建推理' },
      },
      {
        path: 'model-inference/chat/:id',
        name: 'inference-chat',
        component: () => import('@/views/inference/InferenceChatView.vue'),
        meta: { title: '模型对话', pageSurface: 'self' },
      },
      // 模型对比
      {
        path: 'model-compare/chat/:id',
        name: 'compare-chat',
        component: () => import('@/views/compare/CompareChatView.vue'),
        meta: { title: '模型对比' },
      },
      {
        path: 'model-compare/result',
        name: 'compare-result',
        component: () => import('@/views/compare/CompareResultView.vue'),
        meta: { title: '对比结果' },
      },
      // 模型管理
      {
        path: 'model-manage',
        name: 'model-manage',
        component: () => import('@/views/model/ModelManageView.vue'),
        meta: { title: '模型管理', pageSurface: 'self' },
      },
      {
        path: 'model-manage/create',
        name: 'model-manage-create',
        component: () => import('@/views/model/ModelCreateView.vue'),
        meta: { title: '添加模型' },
      },
      {
        path: 'model-manage/:id/edit',
        name: 'model-manage-edit',
        component: () => import('@/views/model/ModelCreateView.vue'),
        meta: { title: '编辑模型' },
      },
      {
        path: 'model-manage/merge',
        name: 'merge-weights',
        component: () => import('@/views/model/MergeWeightsView.vue'),
        meta: { title: '合并权重' },
      },
      // 数据处理
      {
        path: 'data-process',
        name: 'data-process',
        component: () => import('@/views/data-process/DataProcessListView.vue'),
        meta: { title: '数据处理', pageSurface: 'self' },
      },
      {
        path: 'data-process/create',
        name: 'data-process-create',
        component: () => import('@/views/data-process/DataProcessCreateView.vue'),
        meta: { title: '新建数据处理任务', pageSurface: 'self', backRouteName: 'data-process' },
      },
      {
        path: 'data-process/:id/regenerate',
        name: 'data-process-regenerate',
        component: () => import('@/views/data-process/DataProcessCreateView.vue'),
        meta: { title: '重新生成数据处理任务', pageSurface: 'self', backRouteName: 'data-process' },
      },
      {
        path: 'data-process/:id/workflow',
        name: 'data-process-workflow',
        component: () => import('@/views/data-process/DataProcessCreateView.vue'),
        meta: { title: '数据处理任务进度', pageSurface: 'self', backRouteName: 'data-process' },
      },
      {
        path: 'data-process/:id',
        name: 'data-process-detail',
        component: () => import('@/views/data-process/DataProcessDetailView.vue'),
        meta: { title: '数据处理详情' },
      },
      // 数据集管理
      {
        path: 'dataset',
        name: 'dataset',
        component: () => import('@/views/dataset/DatasetListView.vue'),
        meta: { title: '数据集管理', pageSurface: 'self' },
      },
      {
        path: 'dataset/create',
        name: 'dataset-create',
        component: () => import('@/views/dataset/DatasetCreateView.vue'),
        meta: { title: '上传数据集' },
      },
      {
        path: 'dataset/:id/edit',
        name: 'dataset-edit',
        component: () => import('@/views/dataset/DatasetCreateView.vue'),
        meta: { title: '编辑数据集' },
      },
      {
        path: 'dataset/:id/preview',
        name: 'dataset-preview',
        component: () => import('@/views/dataset/DatasetPreviewView.vue'),
        meta: { title: '数据集预览' },
      },
      // 其他工具
      {
        path: 'tools',
        name: 'tools',
        component: () => import('@/views/tools/ToolsView.vue'),
        meta: { title: '其他工具' },
      },
      {
        path: 'tools/create',
        name: 'tools-create',
        component: () => import('@/views/tools/ToolCreateView.vue'),
        meta: { title: '添加自定义工具' },
      },
      {
        path: 'tools/:id/edit',
        name: 'tools-edit',
        component: () => import('@/views/tools/ToolCreateView.vue'),
        meta: { title: '编辑自定义工具' },
      },
      // 数据类型转换
      {
        path: 'data-convert',
        name: 'data-convert',
        component: () => import('@/views/data-convert/DataConvertView.vue'),
        meta: { title: '数据类型转换' },
      },
      {
        path: 'compute',
        name: 'compute',
        component: () => import('@/views/compute/ComputeNodesView.vue'),
        meta: { title: '算力节点', pageSurface: 'self', permission: 'compute' },
      },
      {
        path: 'compute/gpus',
        redirect: '/compute?tab=gpus',
      },
      {
        path: 'compute/queue',
        redirect: '/compute?tab=queue',
      },
      {
        path: 'compute/nodes',
        redirect: '/compute?tab=nodes',
      },
      // 系统设置
      {
        path: 'permission-denied',
        name: 'permission-denied',
        component: () => import('@/views/system/PermissionDeniedView.vue'),
        meta: { title: '无权访问', skipPermission: true },
      },
      {
        path: 'hardware',
        name: 'hardware',
        component: () => import('@/views/system/HardwareView.vue'),
        meta: { title: '平台性能' },
      },
      {
        path: 'logs',
        name: 'logs',
        component: () => import('@/views/system/LogsView.vue'),
        meta: { title: '查看日志' },
      },
      {
        path: 'user-settings',
        name: 'user-settings',
        component: () => import('@/views/system/UserSettingsView.vue'),
        meta: { title: '用户设置', pageSurface: 'self', permission: 'user-settings' },
      },
      {
        path: 'user-settings/create',
        name: 'user-create',
        component: () => import('@/views/system/UserCreateView.vue'),
        meta: { title: '创建用户', permission: 'user-settings' },
      },
      {
        path: 'user-settings/:id/permission',
        name: 'user-permission',
        component: () => import('@/views/system/UserPermissionView.vue'),
        meta: { title: '权限设置', permission: 'user-settings' },
      },
      {
        path: 'training-log/:id',
        name: 'training-log',
        component: () => import('@/views/system/TrainingLogView.vue'),
        meta: { title: '训练日志' },
      },
    ],
  },
  {
    path: '/:pathMatch(.*)*',
    redirect: '/dashboard',
  },
]

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

const permissionBySegment: Record<string, PermissionCode> = {
  dashboard: 'dashboard',
  'fine-tune': 'fine-tune',
  'training-log': 'fine-tune',
  'model-eval': 'model-eval',
  'model-inference': 'model-inference',
  'model-compare': 'model-inference',
  'model-manage': 'model-manage',
  dataset: 'dataset',
  'data-process': 'data-process',
  'data-convert': 'data-convert',
  compute: 'compute',
  tools: 'data-convert',
  hardware: 'hardware',
  logs: 'logs',
  'user-settings': 'user-settings',
  tenants: 'user-settings',
  projects: 'user-settings',
  'audit-logs': 'user-settings',
  'operation-logs': 'user-settings',
  'approval-templates': 'user-settings',
  'approval-instances': 'user-settings',
  'resource-acl': 'user-settings',
}

function requiredPermission(path: string, explicit?: unknown) {
  if (explicit) return explicit as PermissionCode
  const segment = path.split('/')[1]
  return permissionBySegment[segment]
}

// 全局守卫：登录校验
// 离开页面超时由 App.vue 的 visibilitychange 监听接管
//
// 权限控制规则（基于 governance-user-guide.md 设计）：
// - admin 用户：可以访问所有页面
// - 非 admin 用户：默认可访问所有业务页面（训练、评测、推理、数据等）
//   仅以下页面限制 admin 访问：user-settings、compute（算力节点）
router.beforeEach((to, _from, next) => {
  if (!to.meta.public) routeLoading.value = true
  const auth = useAuthStore()
  document.title = to.meta.title ? `${to.meta.title} - 远光软件微调平台` : '远光软件微调平台'

  if (to.meta.public) {
    // 已登录访问登录页则跳转主页
    if (to.name === 'login' && auth.isLoggedIn) {
      next('/dashboard')
      return
    }
    next()
    return
  }

  if (!auth.isLoggedIn) {
    auth.logout() // fire-and-forget，无需阻塞跳转
    next({ name: 'login' })
    return
  }

  if (!to.meta.skipPermission) {
    const permission = requiredPermission(to.path, to.meta.permission)
    // 仅限制管理员专属页面的访问权限
    // user-settings（用户设置、租户管理、项目空间、审批、审计日志）仅 admin 可访问
    if (permission === 'user-settings' && !auth.isAdmin) {
      next({ name: 'permission-denied', replace: true })
      return
    }
    // compute（算力节点/GPU 分配）仅 admin 可访问
    if (permission === 'compute' && !auth.isAdmin) {
      next({ name: 'permission-denied', replace: true })
      return
    }
    // 其他所有业务页面对已登录用户开放，不再检查权限码
  }

  // 路由切换时记录业务模块访问（用于看板用户操作分布统计）
  const ROUTE_TO_MODULE: Record<string, string> = {
    '/fine-tune': 'fine-tune',
    '/model-eval': 'model-eval',
    '/model-inference': 'model-inference',
    '/model-compare': 'model-inference',
    '/data-process': 'data-process',
    '/data-convert': 'data-convert',
    '/model-manage': 'model-manage',
    '/dataset-manage': 'dataset',
  }
  for (const [prefix, module] of Object.entries(ROUTE_TO_MODULE)) {
    if (to.path.startsWith(prefix)) {
      const key = `route-visit:${module}`
      const last = Number(sessionStorage.getItem(key) || 0)
      if (Date.now() - last >= 60000) {
        sessionStorage.setItem(key, String(Date.now()))
        import('@/api/modules/audit-visit').then(({ recordModuleVisit }) => {
          recordModuleVisit(module, to.fullPath).catch(() => {})
        }).catch(() => {})
      }
      break
    }
  }

  next()
})

router.afterEach(() => {
  routeLoading.value = false
})

export default router