Agency_WebApp/src/router/index.js

import {
  createWebHistory,
  createWebHashHistory,
  createMemoryHistory,
  createRouter,
} from "vue-router";
import Index from "../views/index/Index.vue";
import Login from "../views/index/Login.vue";
import VoyageList from "../views/voyage/voyageList.vue";

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    {
      path: "/index",
      name: "index",
      meta: {
        title: "总台",
      },
      component: Index,
    },
    {
      path: "/login",
      name: "login",
      meta: {
        title: "登录",
      },
      component: Login,
    },
    {
      path: "/voyage/voyageDetail",
      name: "voyageDetail",
      meta: {
        title: "航次详情",
        code: "VOYAGEDETAIL",
      },
      component: () => import("../views/voyage/voyageDetail.vue"),
    },
    {
      path: "/voyage/voyageList",
      name: "voyageList",
      meta: {
        title: "航次列表",
        code: "VOYAGELIST",
      },
      component: VoyageList,
    },
    {
      path: "/accountManage/subAccountList",
      name: "subAccountList",
      meta: {
        title: "员工列表",
        code: "ACCOUNTLIST",
      },
      component: () => import("../views/accountManage/subAccountList.vue"),
    },
    {
      path: "/authManage/roleList",
      name: "roleList",
      meta: {
        title: "职位列表",
        code: "ROLELIST",
      },
      component: () => import("../views/authManage/roleList.vue"),
    },
    {
      path: "/authManage/departmentList",
      name: "departmentList",
      meta: {
        title: "部门列表",
        code: "DEPTLIST",
      },
      component: () => import("../views/authManage/departmentList.vue"),
    },
    {
      path: "/authManage/addRole",
      name: "addRole",
      meta: {
        title: "新增职位",
        code: "ADDROLELIST",
      },
      component: () => import("../views/authManage/addRole.vue"),
    },
    {
      path: "/shipOwnerManage/shipOwnerList",
      name: "shipOwnerList",
      meta: {
        title: "船东列表",
        code: "SHIPOWNERLIST",
      },
      component: () => import("../views/shipOwnerManage/shipOwnerList.vue"),
    },
    {
      path: "/voyage/dailyList",
      name: "dailyList",
      meta: {
        title: "日报列表",
        code: "DAYREPORTLIST",
      },
      component: () => import("../views/voyage/dailyList.vue"),
    },
    {
      path: "/voyage/dailyDetail",
      name: "dailyDetail",
      meta: {
        title: "日报详情",
        code: "DAYREPORTVIEW",
      },
      component: () => import("../views/voyage/dailyDetail.vue"),
    },
    {
      path: "/voyage/billList",
      name: "billList",
      meta: {
        title: "单据列表",
        code: "BILLLIST",
      },
      component: () => import("../views/voyage/billList.vue"),
    },
    {
      path: "/voyage/billDetail",
      name: "billDetail",
      meta: {
        title: "单据详情",
        code: "BILLLISTVIEW",
      },
      component: () => import("../views/voyage/billDetail.vue"),
    },
    {
      path: "/voyage/portDeclarationList",
      name: "portDeclarationList",
      meta: {
        title: "报港",
        code: "DECLARE",
      },
      component: () => import("../views/voyage/portDeclarationList.vue"),
    },
    {
      path: "/voyage/portDeclarationDetail",
      name: "portDeclarationDetail",
      meta: {
        title: "申请报港",
        code: "DECLAREDETAIL",
      },
      component: () => import("../views/voyage/portDeclarationDetail.vue"),
    },
  ],
});

export default router;