cfc/cfc-web/src/router/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import Layout from '@/views/Layout.vue'
import axios from 'axios'
import { getEffectivePermissions, hasPermission } from '@/utils/permissions'

Vue.use(VueRouter)

const routes = [
  {
    path: '/login',
    name: 'Login',
    component: () => import('@/views/Login.vue')
  },
  {
    path: '/403',
    name: 'Forbidden',
    component: { template: '<div style="text-align:center;padding:100px"><h1>403</h1><p>权限不足</p><router-link to="/">返回首页</router-link></div>' },
    meta: { title: '权限不足' }
  },
  {
    path: '/',
    component: Layout,
    redirect: '/dashboard',
    children: [
      {
        path: 'dashboard',
        name: 'Dashboard',
        component: () => import('@/views/Dashboard.vue'),
        meta: { title: '首页', perm: 'dashboard' }
      },
      {
        path: 'admin/dashboard',
        name: 'AdminDashboard',
        component: () => import('@/views/admin/Dashboard'),
        meta: { title: '数据大屏', roles: ['admin'] }
      },
      // 家庭管理
      {
        path: 'families',
        name: 'Families',
        component: () => import('@/views/Families.vue'),
        meta: { title: '家庭列表', perm: 'family:list' }
      },
      {
        path: 'children',
        name: 'Children',
        component: () => import('@/views/Children.vue'),
        meta: { title: '孩子管理', perm: 'family:children' }
      },
      {
        path: 'points',
        name: 'Points',
        component: () => import('@/views/Points.vue'),
        meta: { title: '积分管理', perm: 'family:points' }
      },
      {
        path: 'points-log',
        name: 'PointsLog',
        component: () => import('@/views/admin/PointsLog.vue'),
        meta: { title: '积分记录', perm: 'family:points' }
      },
      {
        path: 'membership-center',
        name: 'MembershipCenter',
        component: () => import('@/views/admin/MembershipCenter.vue'),
        meta: { title: '会员中心', perm: 'system:config' }
      },
      // 任务管理
      {
        path: 'tasks',
        name: 'Tasks',
        component: () => import('@/views/Tasks.vue'),
        meta: { title: '任务列表', perm: 'task:list' }
      },
      {
        path: 'task-templates',
        name: 'TaskTemplates',
        component: () => import('@/views/TaskTemplates.vue'),
        meta: { title: '任务模板', perm: 'task:templates' }
      },
      {
        path: 'growth-task',
        name: 'GrowthTaskManagement',
        component: () => import('@/views/admin/GrowthTaskManagement'),
        meta: { title: '成长任务管理', perm: 'task:list' }
      },
      // 奖励管理
      {
        path: 'rewards',
        name: 'Rewards',
        component: () => import('@/views/Rewards.vue'),
        meta: { title: '奖励列表', perm: 'family:rewards' }
      },
      {
        path: 'wishes',
        name: 'Wishes',
        component: () => import('@/views/Wishes.vue'),
        meta: { title: '心愿管理', perm: 'family:wishes' }
      },
      // 成长规划师管理
      {
        path: 'guide-packages',
        name: 'GuidePackages',
        component: () => import('@/views/GuidePackages.vue'),
        meta: { title: '成长规划师套餐', requiresTeacher: true, perm: 'biz:packages' }
      },
      {
        path: 'guide-family-task',
        name: 'GuideFamilyTask',
        component: () => import('@/views/GuideFamilyTask.vue'),
        meta: { title: '家庭任务管理', requiresTeacher: true, perm: 'service:families' }
      },
      {
        path: 'teacher-consult',
        name: 'TeacherConsult',
        component: () => import('@/views/TeacherConsult.vue'),
        meta: { title: '家长咨询', requiresTeacher: true, perm: 'assessment:consult' }
      },

      {
        path: 'teacher-families',
        name: 'TeacherFamilies',
        component: () => import('@/views/teacher/TeacherFamilies.vue'),
        meta: { title: '我的家庭', requiresTeacher: true, perm: 'service:families' }
      },
      {
        path: 'teacher-team',
        name: 'TeacherTeam',
        component: () => import('@/views/teacher/TeacherTeam.vue'),
        meta: { title: '我的团队', requiresTeacher: true, perm: 'service:team' }
      },
      {
        path: 'teacher-packages',
        name: 'TeacherPackages',
        component: () => import('@/views/teacher/TeacherPackages.vue'),
        meta: { title: '套餐管理', requiresTeacher: true, perm: 'biz:packages' }
      },
      {
        path: 'teacher-orders',
        name: 'TeacherOrders',
        component: () => import('@/views/teacher/TeacherOrders.vue'),
        meta: { title: '订单与佣金', requiresTeacher: true, perm: 'biz:orders' }
      },
      // 系统管理
      {
        path: 'users',
        name: 'Users',
        component: () => import('@/views/Users.vue'),
        meta: { title: '用户管理', perm: 'system:users' }
      },
      {
        path: 'package-audit',
        name: 'PackageAudit',
        component: () => import('@/views/PackageAudit.vue'),
        meta: { title: '套餐审核', perm: 'audit:package' }
      },
      {
        path: 'guide-audit',
        name: 'GuideAudit',
        component: () => import('@/views/GuideAudit.vue'),
        meta: { title: '成长规划师审核', perm: 'audit:guide' }
      },
      {
        path: 'operation-logs',
        name: 'OperationLogs',
        component: () => import('@/views/OperationLogs.vue'),
        meta: { title: '操作日志', perm: 'system:logs' }
      },
      // 服务管理（管理员）
      {
        path: 'service-types',
        name: 'ServiceTypes',
        component: () => import('@/views/admin/ServiceTypes.vue'),
        meta: { title: '服务类型管理', perm: 'system:config' }
      },
      {
        path: 'service-contents',
        name: 'ServiceContents',
        component: () => import('@/views/admin/ServiceContents.vue'),
        meta: { title: '服务内容管理', perm: 'system:config' }
      },
      {
        path: 'package-templates',
        name: 'PackageTemplates',
        component: () => import('@/views/admin/PackageTemplates.vue'),
        meta: { title: '套餐模板管理', perm: 'system:config' }
      },
      {
        path: 'teacher-messages',
        name: 'TeacherMessages',
        component: () => import('@/views/teacher/TeacherMessages.vue'),
        meta: { title: '消息中心', requiresTeacher: true, perm: 'messages' }
      },
      {
        path: 'teacher-assessment',
        name: 'TeacherAssessment',
        component: () => import('@/views/teacher/TeacherAssessment.vue'),
        meta: { title: 'DAN测评管理', requiresTeacher: true, perm: 'assessment:dan' }
      },
      {
        path: 'assessment-admin',
        name: 'AssessmentAdmin',
        component: () => import('@/views/admin/Assessment.vue'),
        meta: { title: '测评管理', perm: 'assessment:dan' }
      },
      {
        path: 'vendor-review',
        name: 'VendorReview',
        component: () => import('@/views/admin/VendorReview.vue'),
        meta: { title: '服务商审核', perm: 'audit:vendor' }
      },
      {
        path: 'product-manage',
        name: 'ProductManage',
        component: () => import('@/views/admin/ProductManage.vue'),
        meta: { title: '商品管理', perm: 'commerce:products' }
      },
      {
        path: 'product-edit',
        name: 'ProductEdit',
        component: () => import('@/views/admin/ProductEdit.vue'),
        meta: { title: '商品编辑', perm: 'commerce:products' }
      },
      {
        path: 'category-manage',
        name: 'CategoryManage',
        component: () => import('@/views/admin/CategoryManage.vue'),
        meta: { title: '商品分类', perm: 'commerce:category' }
      },
      {
        path: 'order-manage',
        name: 'OrderManage',
        component: () => import('@/views/admin/OrderManage.vue'),
        meta: { title: '订单管理', perm: 'commerce:orders' }
      },
      {
        path: 'order-detail/:orderNo',
        name: 'OrderDetail',
        component: () => import('@/views/admin/OrderDetail.vue'),
        meta: { title: '订单详情', perm: 'commerce:orders' }
      },
      {
      path: 'sys-config',
      name: 'SysConfig',
      component: () => import('@/views/admin/SysConfig.vue'),
      meta: { title: '系统配置', perm: 'system:config' }
    },
    {
      path: 'energy-sandbox',
      name: 'EnergySandbox',
      component: () => import('@/views/admin/EnergySandbox.vue'),
      meta: { title: '五维能量', perm: 'energy' }
    },
    {
      path: 'energy-rule',
      name: 'EnergyRuleManagement',
      component: () => import('@/views/admin/EnergyRuleManagement.vue'),
      meta: { title: '能量规则管理', perm: 'energy' }
    },
      // ========== 文章管理 ==========
      {
        path: 'article-categories',
        name: 'ArticleCategory',
        component: () => import('@/views/admin/ArticleCategory.vue'),
        meta: { title: '文章分类', perm: 'articles:categories' }
      },
      {
        path: 'article-manage',
        name: 'ArticleManage',
        component: () => import('@/views/admin/ArticleManage.vue'),
        meta: { title: '文章管理', perm: 'articles:manage' }
      },
      {
        path: 'article-edit',
        name: 'ArticleEdit',
        component: () => import('@/views/admin/ArticleEdit.vue'),
        meta: { title: '文章编辑', perm: 'articles:manage' }
      },
      {
        path: 'knowledge-tags',
        name: 'KnowledgeTag',
        component: () => import('@/views/admin/KnowledgeTag.vue'),
        meta: { title: '知识标签', perm: 'articles:categories' }
      },
      // ========== 分佣裂变系统 ==========
      {
        path: 'product-profit-rate',
        name: 'ProductProfitRate',
        component: () => import('@/views/admin/ProductProfitRate.vue'),
        meta: { title: '产品利润率', perm: 'commerce:profit-rate' }
      },
      {
        path: 'withdraw-audit',
        name: 'WithdrawAudit',
        component: () => import('@/views/admin/WithdrawAudit.vue'),
        meta: { title: '提现审核', perm: 'audit:withdraw' }
      },
      {
        path: 'education-systems',
        name: 'EducationSystems',
        component: () => import('@/views/admin/EducationSystems.vue'),
        meta: { title: '教育体系管理', perm: 'system:education' }
      },
      {
        path: 'supply-system',
        name: 'SupplySystemList',
        component: () => import('@/views/admin/supply-system/List.vue'),
        meta: { title: '供应商体系', perm: 'system:supply' }
      },
      {
        path: 'supply-system/create',
        name: 'SupplySystemCreate',
        component: () => import('@/views/admin/supply-system/Form.vue'),
        meta: { title: '新建体系', perm: 'system:supply' }
      },
      {
        path: 'supply-system/:id',
        name: 'SupplySystemDetail',
        component: () => import('@/views/admin/supply-system/Detail.vue'),
        meta: { title: '体系详情', perm: 'system:supply' },
        props: true
      },
      {
        path: 'supply-system/:id/edit',
        name: 'SupplySystemEdit',
        component: () => import('@/views/admin/supply-system/Form.vue'),
        meta: { title: '编辑体系', perm: 'system:supply' },
        props: true
      },
      // ========== 供应商管理 (supplier_admin) ==========
      {
        path: 'supply-manage',
        name: 'SupplyManage',
        component: () => import('@/views/admin/supply-manage/List.vue'),
        meta: { title: '供应商管理', perm: 'supply:manage' }
      },
      {
        path: 'supply-manage/create',
        name: 'SupplyManageCreate',
        component: () => import('@/views/admin/supply-manage/Form.vue'),
        meta: { title: '新增供应商', perm: 'supply:manage' }
      },
      {
        path: 'supply-manage/:id',
        name: 'SupplyManageDetail',
        component: () => import('@/views/admin/supply-manage/Detail.vue'),
        meta: { title: '供应商详情', perm: 'supply:manage' },
        props: true
      },
      {
        path: 'supply-manage/:id/edit',
        name: 'SupplyManageEdit',
        component: () => import('@/views/admin/supply-manage/Form.vue'),
        meta: { title: '编辑供应商', perm: 'supply:manage' },
        props: true
      },
      {
        path: 'zodiac-configs',
        name: 'ZodiacConfigs',
        component: () => import('@/views/admin/ZodiacConfigs.vue'),
        meta: { title: '星座配置', perm: 'system:config' }
      },
      {
        path: 'bazi-configs',
        name: 'BaziConfigs',
        component: () => import('@/views/admin/BaziConfigs.vue'),
        meta: { title: '八字配置', perm: 'system:config' }
      },
      {
        path: 'blood-type-configs',
        name: 'BloodTypeConfigs',
        component: () => import('@/views/admin/BloodTypeConfigs.vue'),
        meta: { title: '血型配置', perm: 'system:config' }
      },
      {
        path: 'relationship-types',
        name: 'RelationshipTypes',
        component: () => import('@/views/admin/RelationshipTypes.vue'),
        meta: { title: '关系类型配置', perm: 'system:config' }
      },

      // ========== 饮食管理 (admin) ==========
      {
        path: 'foods',
        name: 'Foods',
        component: () => import('@/views/admin/Foods.vue'),
        meta: { title: '食材管理', perm: 'diet:foods' }
      },
      {
        path: 'recipes',
        name: 'Recipes',
        component: () => import('@/views/admin/Recipes.vue'),
        meta: { title: '食谱管理', perm: 'diet:recipes' }
      },
      {
        path: 'seasonal-foods',
        name: 'SeasonalFoods',
        component: () => import('@/views/admin/SeasonalFoods.vue'),
        meta: { title: '应季食材', perm: 'diet:seasonal' }
      },
      {
        path: 'my-families',
        name: 'MyFamilies',
        component: () => import('@/views/teacher/FamilyList.vue'),
        meta: { title: '我的家庭', perm: 'service:family' }
      },
      {
        path: 'growth-records',
        name: 'GrowthRecords',
        component: () => import('@/views/teacher/GrowthRecords.vue'),
        meta: { title: '成长记录', perm: 'growth:records' }
      },
      {
        path: 'growth-plans',
        name: 'GrowthPlans',
        component: () => import('@/views/teacher/GrowthPlans.vue'),
        meta: { title: '成长计划', perm: 'growth:plans' }
      },
      {
        path: 'health-reports',
        name: 'HealthReports',
        component: () => import('@/views/nutritionist/HealthReports.vue'),
        meta: { title: '健康报告', perm: 'health:reports' }
      },
      {
        path: 'health-indicators',
        name: 'HealthIndicators',
        component: () => import('@/views/nutritionist/HealthIndicators.vue'),
        meta: { title: '健康指标', perm: 'health:indicators' }
      },
      {
        path: 'health-checkins',
        name: 'HealthCheckins',
        component: () => import('@/views/nutritionist/HealthCheckins.vue'),
        meta: { title: '健康打卡', perm: 'health:checkins' }
      },
      {
        path: 'emotion-alert',
        name: 'EmotionAlertManage',
        component: () => import('@/views/admin/EmotionAlertManage.vue'),
        meta: { title: '情绪告警管理', perm: 'health:checkins' }
      },
      {
        path: 'nutrition-mappings',
        name: 'NutritionMappings',
        component: () => import('@/views/nutritionist/NutritionMappings.vue'),
        meta: { title: '营养素映射管理', perm: 'health:mappings' }
      },
      {
        path: 'activities',
        name: 'Activities',
        component: () => import('@/views/admin/Activities.vue'),
        meta: { title: '活动列表', perm: 'activity:list' }
      },
      {
        path: 'activity-edit',
        name: 'ActivityEdit',
        component: () => import('@/views/admin/ActivityEdit.vue'),
        meta: { title: '活动编辑', perm: 'activity:list' }
      },
      {
        path: 'activity-review',
        name: 'ActivityReview',
        component: () => import('@/views/admin/ActivityReview.vue'),
        meta: { title: '活动审核', perm: 'activity:review' }
      },
      {
        path: 'activity-registration-review',
        name: 'ActivityRegistrationReview',
        component: () => import('@/views/admin/ActivityRegistrationReview.vue'),
        meta: { title: '活动报名审核', perm: 'activity:review' }
      },
      // ========== 维度配置 + 知识库管理 ==========
      {
        path: 'coupon',
        name: 'CouponManagement',
        component: () => import('@/views/admin/CouponManagement'),
        meta: { title: '优惠券管理', perm: 'marketing:coupon' }
      },
      {
        path: 'promotion',
        name: 'PromotionManagement',
        component: () => import('@/views/admin/PromotionManagement'),
        meta: { title: '推广管理', perm: 'marketing:promotion' }
      },
      {
        path: 'dimension-config',
        name: 'DimensionConfig',
        component: () => import('@/views/admin/dimension'),
        meta: { title: '维度配置', perm: 'system:config' }
      },
      {
        path: 'knowledge-base',
        name: 'KnowledgeBase',
        component: () => import('@/views/admin/knowledge'),
        meta: { title: '知识库管理', perm: 'system:config' }
      },
      // ========== 健康维度配置 ==========
      {
        path: 'health-norm-config',
        name: 'HealthNormConfig',
        component: () => import('@/views/admin/dimension-config'),
        meta: { title: '健康常模配置', perm: 'system:config' }
      },
      {
        path: 'health-data-source',
        name: 'HealthDataSource',
        component: () => import('@/views/admin/data-source-config'),
        meta: { title: '健康数据源配置', perm: 'system:config' }
      },
      {
        path: 'health-energy-config',
        name: 'HealthEnergyConfig',
        component: () => import('@/views/admin/HealthEnergyConfig'),
        meta: { title: '七维能量配置', perm: 'system:config' }
      },
      {
        path: 'indicators',
        name: 'IndicatorManage',
        component: () => import('@/views/admin/indicators'),
        meta: { title: '指标管理', perm: 'system:config' }
      },
      // ========== 虚拟服务商团队管理 ==========
      {
        path: 'virtual-teams',
        name: 'VirtualTeamList',
        component: () => import('@/views/admin/VirtualTeamList'),
        meta: { title: '虚拟团队管理', perm: 'system:config' }
      },
      {
        path: 'virtual-team-detail/:systemId',
        name: 'VirtualTeamDetail',
        component: () => import('@/views/admin/VirtualTeamDetail'),
        meta: { title: '团队成员管理', perm: 'system:config' },
        props: true
      }
    ]
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

// Token 验证缓存：避免 redirect 链中重复调用 /api/admin-auth/info
let tokenValidationCache = { token: '', timestamp: 0 }
const TOKEN_CACHE_TTL = 30000 // 30秒内不重复验证

async function validateToken(token) {
  try {
    const baseURL = process.env.VUE_APP_BASE_API || ''
    const res = await axios.post(`${baseURL}/api/admin-auth/info`, {}, {
      headers: { Authorization: `Bearer ${token}` },
      validateStatus: () => true
    })
    return res.status === 200 && res.data?.code === 200
  } catch (e) {
    return false
  }
}

router.beforeEach(async (to, from, next) => {
  const token = localStorage.getItem('token')
  const role = localStorage.getItem('role')

  // 1. 登录页允许访问
  if (to.path === '/login') {
    // 如果已有token和role，直接跳转到对应首页
    if (token && role === 'teacher') {
      return next('/dashboard')
    }
    return next()
  }

  // 2. 无Token强制跳转
  if (!token) {
    return next('/login')
  }

  // 3. Token有效性验证 (使用缓存避免 redirect 链重复调用)
  const now = Date.now()
  let isValid = false
  if (tokenValidationCache.token === token && (now - tokenValidationCache.timestamp) < TOKEN_CACHE_TTL) {
    isValid = true
  } else {
    isValid = await validateToken(token)
    if (isValid) {
      tokenValidationCache = { token, timestamp: now }
    }
  }
  if (!isValid) {
    tokenValidationCache = { token: '', timestamp: 0 }
    localStorage.clear()
    return next('/login')
  }

  // 4. 权限检查：如果路由有 perm 要求，检查用户权限
  const requiredPerm = to.meta && to.meta.perm
  if (requiredPerm) {
    const rolesStr = localStorage.getItem('roles')
    const roles = rolesStr ? JSON.parse(rolesStr) : [localStorage.getItem('role')]
    const perms = getEffectivePermissions(roles)
    if (!hasPermission(perms, requiredPerm)) {
      console.warn('Access denied: insufficient permissions for', to.name)
      return next({ path: '/', query: { accessDenied: 'no-permission' }, replace: true })
    }
  }
  return next()
})

// Suppress navigation guard redirect errors (teacher/admin route cross-access)
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

export default router