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 historyAdd = () => import('@/modules/15_development/components/history/AddPage.vue')
export default [
  {
    path: "/development",
    name: "developmentMain",
    component: mainPage,
    meta: {
      Auth: true,
      Key: [1.1],
      Role: "development",
    },
  },
  {
    path: "/development/add",
    name: "developmentAdd",
    component: mainForm,
    meta: {
      Auth: true,
      Key: [1.2],
      Role: "development",
    },
  },
  {
    path: "/development/:id",
    name: "developmentDetail",
    component: mainForm,
    meta: {
      Auth: true,
      Key: [1.3],
      Role: "development",
    },
  },
  {
    path: "/development/history",
    name: "developmentHistory",
    component: developmentHistory,
    meta: {
      Auth: true,
      Key: [1.4],
      Role: "development",
    },
  },
  {
    path: "/development/employee-history",
    name: "developmentEmployeeHistory",
    component: employeeHistory,
    meta: {
      Auth: true,
      Key: [1.5],
      Role: "development",
    },
  },
  {
    path: "/development/scholarship",
    name: "developmentScholarship",
    component: Scholarship,
    meta: {
      Auth: true,
      Key: [1.6],
      Role: "development",
    },
  },
  {
    path: "/development/history/add",
    name: "developmentHistoryAdd",
    component: historyAdd,
    meta: {
      Auth: true,
      Key: [1.6],
      Role: "development",
    },
  },
];