Agency_WebApp/src/router/index.js

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

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    {
      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: "/agencyManage/agencyCompanyList",
      name: "agencyCompanyList",
      meta: {
        title: "代理公司列表",
        code: "PROXYLIST",
      },
      component: () => import("../views/agencyManage/agencyCompanyList.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: "ADDUPDATEROLE",
      },
      component: () => import("../views/authManage/addRole.vue"),
    },
    {
      path: "/cargoManage/cargoList",
      name: "cargoList",
      meta: {
        title: "货种列表",
        code: "CARGOLIST",
      },
      component: () => import("../views/cargoManage/cargoList.vue"),
    },
    {
      path: "/accountManage/clientList",
      name: "clientList",
      meta: {
        title: "客户列表",
        code: "CLIENTLIST",
      },
      component: () => import("../views/accountManage/clientList.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: "DAYREPORTDETAIL",
      },
      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: "BILLDETAIL",
      },
      component: () => import("../views/voyage/billDetail.vue"),
    },
    {
      path: "/voyage/portDeclarationList",
      name: "portDeclarationList",
      meta: {
        title: "报岗",
        code: "DECLARELIST",
      },
      component: () => import("../views/voyage/portDeclarationList.vue"),
    },
    {
      path: "/voyage/portDeclarationDetail",
      name: "portDeclarationDetail",
      meta: {
        title: "申请报港",
        code: "DECLAREDETAIL",
      },
      component: () => import("../views/voyage/portDeclarationDetail.vue"),
    },
  ],
});

export const asyncRouterList = [
  {
    path: "/accountManage/subAccountList",
    name: "subAccountList",
    meta: {
      title: "员工列表",
      code: "ACCOUNTLIST",
    },
    component: () => import("../views/accountManage/subAccountList.vue"),
  },
  {
    path: "/agencyManage/agencyCompanyList",
    name: "agencyCompanyList",
    meta: {
      title: "代理公司列表",
      code: "PROXYLIST",
    },
    component: () => import("../views/agencyManage/agencyCompanyList.vue"),
  },
  {
    path: "/authManage/roleList",
    name: "roleList",
    meta: {
      title: "职位列表",
      code: "ROLELIST",
    },
    component: () => import("../views/authManage/roleList.vue"),
  },
  {
    path: "/authManage/addRole",
    name: "addRole",
    meta: {
      title: "新增职位",
      code: "ADDUPDATEROLE",
    },
    component: () => import("../views/authManage/addRole.vue"),
  },
  {
    path: "/shipOwnerManage/shipOwnerList",
    name: "shipOwnerList",
    meta: {
      title: "船东列表",
      code: "SHIPOWNERLIST",
    },
    component: () => import("../views/shipOwnerManage/shipOwnerList.vue"),
  },

  {
    path: "/cargoManage/cargoList",
    name: "cargoList",
    meta: {
      title: "货种列表",
      code: "CARGOLIST",
    },
    component: () => import("../views/cargoManage/cargoList.vue"),
  },
];

export default router;