sis_zhfx/src/router/index.js

import { createRouter, createWebHashHistory } from 'vue-router'
import Home from '../views/Home/Home.vue'

const routes = [
  {
    path: '/',
    redirect: '/monitor/home'
  },
  {
    path: '/monitor/home', // 驾驶舱
    name: 'Home',
    component: Home,
  },
  {
    path: '/monitor/about',
    name: 'About',
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
  },
  {
    path: '/monitor/status', // 状态监视
    name: 'Status',
    component: () => import(/* webpackChunkName: "status" */ '../views/Status/Status.vue'),
  },
  {
    path: '/monitor/agc', // AGC 监视
    name: 'Agc',
    component: () => import(/* webpackChunkName: "agc" */ '../views/Agc/Agc.vue'),
  },
  {
    path: '/monitor/windsite',
    name: 'WindSite',
    component: () => import(/* webpackChunkName: "windsite" */ '../views/WindSite/WindSite.vue'),
    children: [{
      path: 'home/:wpId',  // 场站监视
      component: () => import(/* webpackChunkName: "windsitehome" */ '../views/WindSite/pages/Home/Home.vue'),
    }, {
      path: 'draughtfanlist/:wpId', // 风机列表
      component: () => import(/* webpackChunkName: "windsitedraughtfanlist" */ '../views/WindSite/pages/DraughtFanList.vue'),
    }, {
      path: 'matrix/:wpId', // 风场矩阵
      component: () => import(/* webpackChunkName: "windsitematrix" */ '../views/WindSite/pages/Matrix.vue'),
    }, {
      path: 'lightmatrix/:wpId',
      component: () => import(/* webpackChunkName: "windsitelightmatrix" */ '../views/WindSite/pages/LightMatrix.vue'),
    }, {
      path: 'box/:wpId',
      component: () => import(/* webpackChunkName: "windsitebox" */ '../views/WindSite/pages/Box.vue'),
    }, {
      path: 'info/:wpId/:wtId', // 单机状态监视
      component: () => import(/* webpackChunkName: "info" */ '../views/WindSite/pages/Info/Info.vue'),
    }, {
      path: 'tower/:wpId', // 测风塔
      component: () => import(/* webpackChunkName: "windsitetower" */ '../views/WindSite/pages/Tower.vue'),
    }, {
      path: 'inverter-info/:wpId',
      component: () => import(/* webpackChunkName: "inverter-info" */ '../views/WindSite/pages/Inverter-Info.vue'),
    }, {
      path: 'map/:wpId',
      component: () => import(/* webpackChunkName: "windsitemap" */ '../views/WindSite/pages/Map.vue'),
    }, {
      path: 'map1/:wpId',
      component: () => import(/* webpackChunkName: "windsitemap1" */ '../views/WindSite/pages/Map1.vue'),
    }, 
    {
      path: 'boosterstation', // 升压站
      component: () => import(/* webpackChunkName: "boosterstation" */ '../views/WindSite/pages/BoosterStation.vue'),
    }]
  },
  {
    path: '/monitor/lightmatrix', // 光伏明细矩阵
    name: 'LightMatrix',
    component: () => import(/* webpackChunkName: "lightmatrix" */ '../views/LightMatrix/LightMatrix.vue'),
  },
  {
    path: '/monitor/lightmatrix1', // 基础矩阵
    name: 'LightMatrix1',
    component: () => import(/* webpackChunkName: "lightmatrix1" */ '../views/LightMatrix1/LightMatrix1.vue'),
  },
  {
    path: '/monitor/lightmatrix2', // 欠发矩阵
    name: 'LightMatrix2',
    component: () => import(/* webpackChunkName: "lightmatrix2" */ '../views/LightMatrix2/LightMatrix2.vue'),
  }, {
    path: '/monitor/lightmatrix3', // 明细矩阵
    name: 'LightMatrix3',
    component: () => import(/* webpackChunkName: "lightmatrix3" */ '../views/LightMatrix3/LightMatrix3.vue'),
  }, {
    path: '/decision/decision1',//风机绩效榜
    name: 'decision1',
    component: () => import(/* webpackChunkName: "decision1" */ '../views/Decision/Decision1.vue'),
  },
  {
    path: '/decision/decision1Mx',//风机绩效榜明细
    name: 'decision1Mx',
    component: () => import(/* webpackChunkName: "decision1Mx" */ '../views/Decision/Decision1Mx.vue'),
  },
  
    {
      path: '/decision/decision2',//五项损失率
      name: 'decision2',
      component: () => import(/* webpackChunkName: "decision2" */ '../views/Decision/Decision2.vue'),
    },
    {
      path: '/decision/decision2Cndb',//场内对标
      name: 'decision2Cndb',
      component: () => import(/* webpackChunkName: "decision2Cndb" */ '../views/Decision/Decision2Cndb.vue'),
    },
    {
      path: '/decision/decision2Cjdb',//场际对标
      name: 'decision2Cjdb',
      component: () => import(/* webpackChunkName: "decision2Cjdb" */ '../views/Decision/Decision2Cjdb.vue'),
    },
    {
      path: '/decision/decision2Xmdb',//项目对标
      name: 'decision2Xmdb',
      component: () => import(/* webpackChunkName: "decision2Xmdb" */ '../views/Decision/Decision2Xmdb.vue'),
    },
    {
      path: '/decision/decision2Xldb',//线路对标
      name: 'decision2Xldb',
      component: () => import(/* webpackChunkName: "decision2Xldb" */ '../views/Decision/Decision2Xldb.vue'),
    },
  
  {
    path: '/decision/decision3',
    name: 'decision3',
    component: () => import(/* webpackChunkName: "decision3" */ '../views/Decision/Decision3.vue'),
  },
  {
    path: '/decision/decision4',
    name: 'decision4',
    component: () => import(/* webpackChunkName: "decision4" */ '../views/Decision/Decision4.vue'),
  },
  {
    path: '/health',
    name: 'health',
    component: () => import('../views/HealthControl/Health.vue'),
  },
  {
    path: '/health/health1',
    name: 'health1',
    component: () => import('../views/HealthControl/Health1.vue'),
  },
  {
    path: '/health/health2', // 健康管理首页
    name: 'health2',
    component: () => import('../views/HealthControl/Health2.vue'),
  },
  {
    path: '/health/health3/:wpId', // 场站健康管理
    name: 'health3',
    component: () => import('../views/HealthControl/Health3.vue'),
  },
  {
    path: '/health/health4',
    name: 'health4',
    children: [{
      path: 'healthLineChart/:wtId', // 风机健康趋势
      component: () => import(/* webpackChunkName: "healthLineChart" */ '../views/HealthControl/healthLineChart.vue'),
    },
    {
      path: 'healthLineChart2/:wtId', // 健康趋势
      component: () => import(/* webpackChunkName: "healthLineChart2" */ '../views/HealthControl/healthLineChart2.vue'),
    }],
    component: () => import('../views/HealthControl/Health4.vue'),
  },
  {
    path: '/health/health5/',
    name: 'health5',
    component: () => import('../views/HealthControl/Health5.vue'),
  },
  {
    path: '/health/health6', // 健康总览
    name: 'health6',
    component: () => import('../views/HealthControl/Health6.vue'),
  },
  {
    path: '/cutAnalyse', // 切入切出分析
    name: 'cutAnalyse',
    component: () => import('../views/cutAnalyse/index.vue'),
  },
]

const router = createRouter({
  history: createWebHashHistory(),
  base: '/zhfx/',
  routes
})

router.beforeEach((to, from, next) => {
  next()
})

export default router