hrms-mgt/src/modules/14_KPI/router.ts

const roundPage = () => import("@/modules/14_KPI/views/round.vue");
const probationDetail = () => import("@/modules/14_KPI/views/mainDetail.vue");
const listPage = () => import("@/modules/14_KPI/views/list.vue");
const reportPage = () => import("@/modules/14_KPI/views/report.vue");
const detailView = () => import("@/modules/14_KPI/views/detailView.vue");
const detailViewPage = () => import("@/modules/14_KPI/views/detailView.vue");
const ResultsView = () => import("@/modules/14_KPI/views/resultsMain.vue");

export default [
  {
    path: "/KPI-round",
    name: "KPIRound",
    component: roundPage,
    meta: {
      Auth: true,
      Key: "SYS_KPI_ROUND",
      Role: "STAFF",
    },
  },

  {
    path: "/KPI-list",
    name: "KPI​List",
    component: listPage,
    meta: {
      Auth: true,
      Key: "SYS_KPI_LIST",
      Role: "STAFF",
    },
  },
  {
    path: "/KPI-list/:id",
    name: "KPIDetail",
    component: detailView,
    meta: {
      Auth: true,
      Key: "SYS_KPI_LIST",
      Role: "STAFF",
    },
  },
  {
    path: "/KPI-list-detail/:id",
    name: "KPIDetailPage",
    component: detailViewPage,
    meta: {
      Auth: true,
      Key: "SYS_KPI_LIST",
      Role: "STAFF",
    },
  },
  {
    path: "/KPI/report",
    name: "KPIReport",
    component: reportPage,
    meta: {
      Auth: true,
      Key: "SYS_REPORT",
      Role: "STAFF",
    },
  },

  {
    path: "/KPI-list/new/:id",
    name: "KPIDetailnew",
    component: detailView,
    meta: {
      Auth: true,
      Key: "SYS_KPI_LIST",
      Role: "STAFF",
    },
  },

  {
    path: "/KPI/results",
    name: "KPIResults",
    component: ResultsView,
    meta: {
      Auth: true,
      Key: "SYS_RESULT",
      Role: "STAFF",
    },
  },
  {
    path: "/probation-detail/:id",
    name: "probationMainDetail",
    component: probationDetail,
    meta: {
      Auth: true,
      Key: "SYS_KPI_LIST",
      Role: "STAFF",
    },
  },
];