soilgd12/src/router/index.ts

import { createRouter, createWebHistory } from "vue-router";
import AppLayout from "@/components/layout/AppLayout.vue";
import { useTokenStore } from "@/stores/mytoken"; // 确保正确导入 useTokenStore

// 定义路由配置
const routes = [
  {
    path: "/login",
    name: "login",
    component: () => import("@/views/login/loginView.vue"), // 修复路径
  },
  {
    path: "/",
    name: "home",
    component: AppLayout,
    meta: { requiresAuth: true, title: "模型" },
    redirect: { name: "login" }, // 修改默认重定向为 login
    children: [
      {
        path: "/:catchAll(.*)",
        redirect: "/404", // 确保重定向到有效页面
      },
      {
        path: "select-city", // remove leading slash
        name: "selectCityAndCounty",
        component: () => import("@/views/User/selectCityAndCounty.vue"),
        meta: { title: "选择城市和县", fullScreen: true },
      },
      {
        path: "shuJuKanBan",
        name: "shuJuKanBan",
        component: () => import("@/views/User/shuJuKanBan/shuJuKanBan.vue"), // 修复路径
        meta: { title: "数据看板" },
      },
      {
        path: "SoilPro",
        name: "SoilPro",
        component: () => import("@/views/User/introduction/SoilPro.vue"), // 修复路径
        meta: { title: "软件简介" },
      },
      {
        path: "Overview",
        name: "Overview",
        component: () => import("@/views/User/introduction/Overview.vue"), // 修复路径
        meta: { title: "项目简介" },
      },
      {
        path: "ResearchFindings",
        name: "ResearchFindings",
        component: () =>
          import("@/views/User/introduction/ResearchFindings.vue"), // 修复路径
        meta: { title: "研究成果" },
      },
      {
        path: "Unit",
        name: "Unit",
        component: () => import("@/views/User/introduction/Unit.vue"), // 修复路径
        meta: { title: "团队信息" },
      },
      {
        path: "IntroductionUpdate",
        name: "IntroductionUpdate",
        component: () =>
          import("@/views/User/introduction/IntroductionUpdate.vue"), // 修复路径
        meta: { title: "更新介绍" },
      },
      {
        path: "Calculation",
        name: "Calculation",
        component: () => import("@/views/User/acidModel/Calculation.vue"), // 修复路径
        meta: { title: "反酸计算" },
      },
      {
        path: "AcidNeutralizationModel",
        name: "AcidNeutralizationModel",
        component: () =>
          import(
            "@/views/User/neutralizationModel/AcidNeutralizationModel.vue"
          ), // 修复路径
        meta: { title: "降酸计算" },
      },
      {
        path: "SoilAcidificationIterativeEvolution",
        name: "SoilAcidificationIterativeEvolution",
        component: () =>
          import(
            "@/views/User/neutralizationModel/SoilAcidificationIterativeEvolution.vue"
          ), // 修复路径
        meta: { title: "降酸模型显示" },
      },
      {
        path: "SoilAcidReductionIterativeEvolution",
        name: "SoilAcidReductionIterativeEvolution",
        component: () =>
          import(
            "@/views/User/acidModel/SoilAcidReductionIterativeEvolution.vue"
          ), // 修复路径
        meta: { title: "反酸模型显示" },
      },
      {
        path: "mapView",
        name: "mapView",
        component: () => import("@/views/User/heavyMetalFluxCalculation/inputFluxCalculation/waterdata/tencentMapView.vue"), // 修复路径
        meta: { title: "地图展示" },
      },
      {
        path: "TotalCadmiumPrediction",
        name: "TotalCadmiumPrediction",
        component: () =>
          import("@/views/User/cadmiumPrediction/TotalCadmiumPrediction.vue"), // 修复路径
        meta: { title: "土壤镉的总含量预测" },
      },
      {
        path: "EffectiveCadmiumPrediction",
        name: "EffectiveCadmiumPrediction",
        component: () =>
          import(
            "@/views/User/cadmiumPrediction/EffectiveCadmiumPrediction.vue"
          ), // 修复路径
        meta: { title: "土壤镉有效态含量预测" },
      },
      {
        path: "CropCadmiumPrediction",
        name: "CropCadmiumPrediction",
        component: () =>
          import(
            "@/views/User/cadmiumPrediction/CropCadmiumPrediction.vue"
          ), // 修复路径
        meta: { title: "土壤镉作物态含量预测" },
      },
      {
        path: "cropRiskAssessment",
        name: "cropRiskAssessment",
        component: () =>
          import("@/views/User/cropRiskAssessment/cropRiskAssessment.vue"), // 修复路径
        meta: { title: "水稻镉污染风险" },
      },

      {
        path: "farmlandQualityAssessment",
        name: "farmlandQualityAssessment",
        component: () =>
          import(
            "@/views/User/farmlandQualityAssessment/farmlandQualityAssessment.vue"
          ), // 修复路径
        meta: { title: "韶关" },
      },

      {
        path: "SoilAcidReboundPrediction",
        name: "SoilAcidReboundPrediction",
        component: () =>
          import(
            "@/views/User/soilAcidificationPrediction/SoilAcidReboundPrediction.vue"
          ), // 修复路径
        meta: { title: "土壤反酸预测" },
      },
      {
        path: "SoilAcidReductionPrediction",
        name: "SoilAcidReductionPrediction",
        component: () =>
          import(
            "@/views/User/soilAcidificationPrediction/SoilAcidReductionPrediction.vue"
          ), // 修复路径
        meta: { title: "土壤降酸预测" },
      },
      {
        path: "TraditionalFarmingRisk",
        name: "TraditionalFarmingRisk",
        component: () =>
          import("@/views/User/scenarioSimulation/TraditionalFarmingRisk.vue"), // 修复路径
        meta: { title: "传统耕种习惯风险趋势" },
      },
      {
        path: "HeavyMetalCadmiumControl",
        name: "HeavyMetalCadmiumControl",
        component: () =>
          import(
            "@/views/User/scenarioSimulation/HeavyMetalCadmiumControl.vue"
          ), // 修复路径
        meta: { title: "重金属镉污染治理" },
      },
      {
        path: "SoilAcidificationControl",
        name: "SoilAcidificationControl",
        component: () =>
          import(
            "@/views/User/scenarioSimulation/SoilAcidificationControl.vue"
          ), // 修复路径
        meta: { title: "土壤酸化治理" },
      },
      {
        path: "DetectionStatistics",
        name: "DetectionStatistics",
        component: () =>
          import("@/views/User/dataStatistics/DetectionStatistics.vue"), // 修复路径
        meta: { title: "检测信息统计" },
      },
      {
        path: "FarmlandPollutionStatistics",
        name: "FarmlandPollutionStatistics",
        component: () =>
          import("@/views/User/dataStatistics/FarmlandPollutionStatistics.vue"), // 修复路径
        meta: { title: "耕地污染信息统计" },
      },
      {
        path: "PlantingRiskStatistics",
        name: "PlantingRiskStatistics",
        component: () =>
          import("@/views/User/dataStatistics/PlantingRiskStatistics.vue"), // 修复路径
        meta: { title: "种植风险信息统计" },
      },
      {
        path: "soilAcidReductionData",
        name: "soilAcidReductionData",
        component: () =>
          import("@/views/Admin/dataManagement/Soil Acidification and Acid Reduction Data Management/soilAcidReductionData.vue"), // 修复路径
        meta: { title: "降酸数据" },
      },
      {
        path: "soilAcidificationData",
        name: "soilAcidificationData",
        component: () =>
          import("@/views/Admin/dataManagement/Soil Acidification and Acid Reduction Data Management/soilAcidificationData.vue"), // 修复路径
        meta: { title: "反酸数据" },
      },
      {
        path: "AdminRegionData",
        name: "AdminRegionData",
        component: () =>
          import("@/views/Admin/dataManagement/Administrative Area Data Management/AdminRegionData.vue"), // 修复路径
        meta: { title: "行政区域数据" },
      },
      {
        path: "SoilAssessmentUnitData",
        name: "SoilAssessmentUnitData",
        component: () =>
          import("@/views/Admin/dataManagement/SoilAssessmentUnitData/SoilAssessmentUnitData.vue"),
        meta: { title: "土壤评估单元格数据" },
      },
      {
        path: "SoilHeavyMetalData",
        name: "SoilHeavyMetalData",
        component: () =>
          import("@/views/Admin/dataManagement/Soil Heavy Metal Sampling Data Management/SoilHeavyMetalData.vue"),
        meta: { title: "土壤重金属采集数据" },
      },
      {
        path: "CropHeavyMetalData",
        name: "CropHeavyMetalData",
        component: () =>
          import("@/views/Admin/dataManagement/Crop Heavy Metal Sampling Data Management/CropHeavyMetalData.vue"),
        meta: { title: "农作物重金属采集样数据" },
      },
      {
        path: "LandUseTypeData",
        name: "LandUseTypeData",
        component: () =>
          import("@/views/Admin/dataManagement/Land Use Type Data Management/LandUseTypeData.vue"),
        meta: { title: "用地类型数据" },
      },
      {
        path: "SoilAcidificationData",
        name: "SoilAcidificationData",
        component: () =>
          import("@/views/Admin/dataManagement/Soil Acidification Sampling Data Management/SoilAcidificationData.vue"),
        meta: { title: "土壤酸化采样数据" },
      },
      {
        path: "ClimateInfoData",
        name: "ClimateInfoData",
        component: () =>
          import("@/views/Admin/dataManagement/Climate Information Data Management/ClimateInfoData.vue"),
        meta: { title: "气候信息数据" },
      },
      {
        path: "GeographicEnvInfoData",
        name: "GeographicEnvInfoData",
        component: () =>
          import("@/views/Admin/dataManagement/Geographic Environmental Information Management/GeographicEnvInfoData.vue"),
        meta: { title: "地理环境信息" },
      },
      {
        path: "ModelSelection",
        name: "ModelSelection",
        component: () =>
          import("@/views/Admin/modelManagement/AcidReductionModel/ModelSelection.vue"),
        meta: { title: "模型选择" },
      },
      {
        path: "thres",
        name: "thres",
        component: () => import("@/views/Admin/modelManagement/AcidReductionModel/thres.vue"),
        meta: { title: "阈值选择" },
      },
      {
        path: "ModelTrain",
        name: "ModelTrain",
        component: () => import("@/views/Admin/modelManagement/AcidReductionModel/ModelTrain.vue"),
        meta: { title: "模型训练" },
      },
      {
        path: "UserRegistration",
        name: "UserRegistration",
        component: () =>
          import("../views/Admin/userManagement/UserRegistration.vue"),
        meta: { title: "普通用户" },
      },
      {
        path: "UserManagement",
        name: "UserManagement",
        component: () =>
          import("@/views/Admin/userManagement/UserManagement.vue"),
        meta: { title: "用户信息管理" },
      },
      {
        path: "CadmiumPredictionModel",
        name: "CadmiumPredictionModel",
        component: () =>
          import("@/views/Admin/modelManagement/Soil Cadmium Content Prediction Model Management/CadmiumPredictionModel.vue"),
        meta: { title: "土壤镉含量预测模型" },
      },
      {
        path: "EffectiveCadmiumModel",
        name: "EffectiveCadmiumModel",
        component: () =>
          import("@/views/Admin/modelManagement/EffectiveCadmiumModel.vue"),
        meta: { title: "土壤有效态镉预测模型" },
      },
      {
        path: "RiceRiskModel",
        name: "RiceRiskModel",
        component: () =>
          import("@/views/Admin/modelManagement/Rice Cadmium Pollution Risk Model Management/RiceRiskModel.vue"),
        meta: { title: "水稻镉污染风险模型" },
      },
      {
        path: "WheatRiskModel",
        name: "WheatRiskModel",
        component: () =>
          import("@/views/Admin/Wheat Cadmium Pollution Risk Model Management/WheatRiskModel.vue"),
        meta: { title: "小麦镉污染风险模型" },
      },
      {
        path: "VegetableRiskModel",
        name: "VegetableRiskModel",
        component: () =>
          import("@/views/Admin/modelManagement/Vegetable Cadmium Pollution Risk Model Management/VegetableRiskModel.vue"),
        meta: { title: "蔬菜镉污染风险模型" },
      },
      {
        path: "/irrigationWater",
        name: "irrigationWater",
        component: () =>
          import(
            "@/views/User/heavyMetalFluxCalculation/inputFluxCalculation/irrigationWater.vue"
          ),
        meta: { title: "灌溉水" },
        children: [ 
          {
             path: "info",
             name: "irrigationWaterInfo",
             component: () => import("@/views/User/heavyMetalFluxCalculation/inputFluxCalculation/waterdata/rivermessage.vue"),
             meta: { title: "采样过程" }
          },
          {
             path: "point", 
             name: "irrigationWaterPoint",
             component: () => import("@/views/User/heavyMetalFluxCalculation/inputFluxCalculation/waterdata/point.vue"),
             meta: { title: "采样点展示" }
          },
          {
             path:"river",
             name:"irrigationWaterRiver",
             component: () =>import("@/views/User/heavyMetalFluxCalculation/inputFluxCalculation/waterdata/rivertencentMapView.vue"),
             meta:{title:"断面展示"}
          },
          ]
          },
      {
        path: "agriculturalProductInput",
        name: "agriculturalProductInput",
        component: () =>
          import(
            "@/views/User/heavyMetalFluxCalculation/inputFluxCalculation/agriculturalProductInput.vue"
          ),
        meta: { title: "农产品投入" },
      },
      {
        path: "atmosphericDryWetDeposition",
        name: "atmosphericDryWetDeposition",
        component: () =>
          import(
            "@/views/User/heavyMetalFluxCalculation/inputFluxCalculation/atmosphericDryWetDeposition.vue"
          ),
        meta: { title: "大气干湿沉降" },
        children: [ 
          {
             path: "atmpulltionmap", 
             name: "atmosphericDryWetDepositionAtmpulltionmap",
             component: () => import("@/views/User/heavyMetalFluxCalculation/inputFluxCalculation/atmospheredata/atmtencentMap.vue"),
             meta: { title: "大气污染地图展示" }
          },
          {
             path:"atmpulltioncompanymap",
             name:"atmosphericDryWetDepositionAtmosphericDryWetDeposition",
             component: () =>import("@/views/User/heavyMetalFluxCalculation/inputFluxCalculation/atmospheredata/atmcompany.vue"),
             meta:{title:"排污企业"}
          },
          ]
      },
      {
        path: "surfaceRunoff",
        name: "surfaceRunoff",
        component: () =>
          import(
            "@/views/User/heavyMetalFluxCalculation/outputFluxCalculation/surfaceRunoff.vue"
          ),
        meta: { title: "地表径流" },
      },
      {
        path: "cropRemoval",
        name: "cropRemoval",
        component: () =>
          import(
            "@/views/User/heavyMetalFluxCalculation/outputFluxCalculation/cropRemoval.vue"
          ),
        meta: { title: "农作物移除" },
      },
      {
        path: "subsurfaceFlow",
        name: "subsurfaceFlow",
        component: () =>
          import(
            "@/views/User/heavyMetalFluxCalculation/outputFluxCalculation/subsurfaceFlow.vue"
          ),
        meta: { title: "地下渗流" },
      },
      {
        path: "about",
        name: "about",
        component: () => import("@/views/AboutView.vue"),
      },
      {
        path: "/:pathMatch(.*)*",
        name: "ErrorPage",
        component: () => import("@/views/ErrorPage.vue"),
      },
    ],
  },
];

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes,
});

router.beforeEach(async (to, from, next) => {
  const tokenStore = useTokenStore();
  
  console.log('[路由导航] 从:', from.path, '到:', to.path, '是否需要认证:', to.matched.some(r => r.meta.requiresAuth));

  try {
    // 情况1: 用户已登录但访问登录页，重定向到主页
    if (to.name === "login" && tokenStore.token.userid) {
      console.log('[路由导航] 用户已登录，重定向到主页');
      next({ name: "selectCityAndCounty" });
      return;
    }
    // 情况2: 访问需要认证的路由
    if (to.matched.some(r => r.meta.requiresAuth)) {
      // 检查用户是否已登录
      if (!tokenStore.token.userid) {
        console.log('[路由导航] 未登录，重定向到登录页');
        next({ name: "login" });
        return;
      }
      console.log('[路由导航] 已登录，允许访问需要认证的路由');
      next();
      return;
    }

    // 情况3: 不需要认证的路由直接放行
    console.log('[路由导航] 不需要认证，直接放行');
    next();
  } catch (error) {
    console.error('[路由导航错误]', error);
    next({ name: "login" }); // 发生错误时重定向到登录页
  }
});
router.afterEach((to) => {
  console.log('[路由完成] 当前路径:', to.path)
})
export default router;