hrms-mgt/src/modules/15_development/router.ts

const mainPage = () => import("@/modules/15_development/views/MainPage.vue");
const mainForm = () =>
  import("@/modules/15_development/components/MainTab.vue");

const developmentHistory = () =>
  import("@/modules/15_development/views/History.vue");
const employeeHistory = () =>
  import("@/modules/15_development/views/EmployeeHistory.vue");
const Scholarship = () =>
  import("@/modules/15_development/views/Scholarship.vue");
const historyEdit = () =>
  import("@/modules/15_development/components/history/AddPage.vue");

const historyEmployeeEdit = () =>
  import("@/modules/15_development/components/historyEmployee/AddPage.vue");
const ScholarshipDetail = () =>
  import("@/modules/15_development/components/scholarship/DetailView.vue");
const ScholarshipDetailById = () =>
  import("@/modules/15_development/components/scholarship/DetailView.vue");

const RecordPage = () =>
  import("@/modules/15_development/views/RecordPage.vue");
const mainFormDetail = () =>
  import("@/modules/15_development/components/MainTab.vue");
export default [
  {
    path: "/development",
    name: "developmentMain",
    component: mainPage,
    meta: {
      Auth: true,
      Key: "SYS_DEV_PROJECT",
      Role: "STAFF",
    },
  },
  {
    path: "/development/add",
    name: "developmentAdd",
    component: mainForm,
    meta: {
      Auth: true,
      Key: "SYS_DEV_PROJECT",
      Role: "STAFF",
    },
  },
  {
    path: "/development/:id",
    name: "developmentDetail",
    component: mainForm,
    meta: {
      Auth: true,
      Key: "SYS_DEV_PROJECT",
      Role: "STAFF",
    },
  },
  {
    path: "/development-detail/:id",
    name: "developmentDetailPage",
    component: mainFormDetail,
    meta: {
      Auth: true,
      Key: "SYS_DEV_PROJECT",
      Role: "STAFF",
    },
  },
  {
    path: "/development/record/:id",
    name: "developmentRecordPage",
    component: RecordPage,
    meta: {
      Auth: true,
      Key: "SYS_DEV_PROJECT",
      Role: "STAFF",
    },
  },
  {
    path: "/development/history",
    name: "developmentHistory",
    component: developmentHistory,
    meta: {
      Auth: true,
      Key: "SYS_DEV_HISTORY_OFFICER",
      Role: "STAFF",
    },
  },
  {
    path: "/development/history/:id",
    name: "developmentHistoryEdit",
    component: historyEdit,
    meta: {
      Auth: true,
      Key: "SYS_DEV_HISTORY_OFFICER",
      Role: "STAFF",
    },
  },
  {
    path: "/development/employee-history",
    name: "developmentEmployeeHistory",
    component: employeeHistory,
    meta: {
      Auth: true,
      Key: "SYS_DEV_HISTORY_EMP",
      Role: "STAFF",
    },
  },
  {
    path: "/development/employee-history/:id",
    name: "developmentEmployeeHistoryEdit",
    component: historyEmployeeEdit,
    meta: {
      Auth: true,
      Key: "SYS_DEV_HISTORY_EMP",
      Role: "STAFF",
    },
  },
  {
    path: "/development/scholarship",
    name: "developmentScholarship",
    component: Scholarship,
    meta: {
      Auth: true,
      Key: "SYS_DEV_SCHOLARSHIP",
      Role: "STAFF",
    },
  },
  {
    path: "/development/scholarship/add",
    name: "developmentScholarshipAdd",
    component: ScholarshipDetail,
    meta: {
      Auth: true,
      Key: "SYS_DEV_SCHOLARSHIP",
      Role: "STAFF",
    },
  },
  {
    path: "/development/scholarship/:id",
    name: "developmentScholarshipid",
    component: ScholarshipDetail,
    meta: {
      Auth: true,
      Key: "SYS_DEV_SCHOLARSHIP",
      Role: "STAFF",
    },
  },
  {
    path: "/development/scholarship-detail/:id",
    name: "developmentScholarshipidDetail",
    component: ScholarshipDetailById,
    meta: {
      Auth: true,
      Key: "SYS_DEV_SCHOLARSHIP",
      Role: "STAFF",
    },
  },
  // {
  //   path: "/development/history/add",
  //   name: "developmentHistoryAdd",
  //   component: historyAdd,
  //   meta: {
  //     Auth: true,
  //     Key: [1.6],
  //     Role: "development",
  //   },
  // },
  // {
  //   path: "/development/employee-history/add",
  //   name: "developmentEmployeeHistoryAdd",
  //   component: historyEmployeeAdd,
  //   meta: {
  //     Auth: true,
  //     Key: [1.6],
  //     Role: "development",
  //   },
  // },
  // {
  //   path: "/development/strategic",
  //   name: "developmentStrategic",
  //   component: StrategicView,
  //   meta: {
  //     Auth: true,
  //     Key: [1.6],
  //     Role: "development",
  //   },
  // },
];