suzhou-jichuang-lanhai
/
LiaoNingDangAn
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

菜单路由

Browse Source
Lvtianfang
杜函宇 2 years ago
parent 8661a7e3de
commit fcf0e3f66f
3 changed files with 78 additions and 113 deletions
Show Stats Download Patch File Download Diff File

8
src/permission.js
Unescape View File

@ -23,9 +23,11 @@ const whiteList = [
"/statistics", "/statistics",
"/administrative", "/administrative",
"/enterpriseMsg", "/A/enterpriseMsg",
"/productsMsg", '/productsMsg/drugArchives',
"/logout", '/productsMsg/cosmeticsArchives',
'/productsMsg/health',
'/B/logout'
]; ];
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
NProgress.start(); NProgress.start();

127
src/router/index.js
Unescape View File

@ -61,7 +61,6 @@ export const constantRoutes = [
component: () => import("@/views/error/401"), component: () => import("@/views/error/401"),
hidden: true, hidden: true,
}, },
{ {
path: '', path: '',
component: () => import("@/views/index"), component: () => import("@/views/index"),
@ -75,103 +74,67 @@ export const constantRoutes = [
component: () => import("@/views/administrative/index"), component: () => import("@/views/administrative/index"),
meta: { title: "行政审批", icon: "netWork" }, meta: { title: "行政审批", icon: "netWork" },
}, },
]
},
{
path: '/A',
component: () => import("@/views/index"),
redirect: "enterpriseMsg",
isDiy: true,
children: [
{ {
path: '/enterpriseMsg', path: 'enterpriseMsg',
name: "企业档案", name: "企业档案",
icon: require("@/assets/images/tree4.svg"), icon: require("@/assets/images/tree4.svg"),
component: () => import("@/views/enterpriseMsg/index"), component: () => import("@/views/enterpriseMsg/index"),
meta: { title: "企业档案", icon: "netWork" }, meta: { title: "企业档案", icon: "netWork" },
}, },
]
},
{
path: '/B',
component: () => import("@/views/index"),
redirect: "logout",
isDiy: true,
children: [
{ {
path: "/logout", path: "logout",
name: "依法注销", name: "依法注销",
icon: require("@/assets/images/tree4.svg"), icon: require("@/assets/images/tree4.svg"),
component: () => import("@/views/logout/index"), component: () => import("@/views/logout/index"),
meta: { title: "依法注销", icon: "netWork" }, meta: { title: "依法注销", icon: "netWork" },
}, },
]
},
{
path: '/productsMsg',
component: () => import("@/views/index"),
redirect: "drugArchives",
isDiy: true,
children: [
{ {
path: '/productsMsg', path: "drugArchives",
name: "产品档案", name: "药品档案",
icon: require("@/assets/images/tree4.svg"), icon: require("@/assets/images/tree4.svg"),
component: () => import("@/views/productsMsg/index"), component: () => import("@/views/productsMsg/components/drugArchives.vue"),
meta: { title: "产品档案", icon: "netWork" }, meta: { title: "药品档案", icon: "netWork" },
} },
{
path: "cosmeticsArchives",
name: "化妆品档案",
icon: require("@/assets/images/tree4.svg"),
component: () => import("@/views/productsMsg/components/cosmeticsArchives.vue"),
meta: { title: "化妆品档案", icon: "netWork" },
},
{
path: "health",
name: "医疗器械档案",
icon: require("@/assets/images/tree4.svg"),
component: () => import("@/views/productsMsg/components/health.vue"),
meta: { title: "医疗器械档案", icon: "netWork" },
},
] ]
}, },
// {
// path: '',
// component: () => import("@/views/index"),
// redirect: "/administrative",
// isDiy: true,
// children: [
// {
// path: "/administrative",
// name: "行政审批",
// icon: require("@/assets/images/tree4.svg"),
// component: () => import("@/views/administrative/index"),
// meta: { title: "行政审批", icon: "netWork" },
// },
// ]
// },
// {
// path: '/A',
// component: () => import("@/views/index"),
// redirect: "enterpriseMsg",
// isDiy: true,
// children: [
// {
// path: 'enterpriseMsg',
// name: "企业档案",
// icon: require("@/assets/images/tree4.svg"),
// component: () => import("@/views/enterpriseMsg/index"),
// meta: { title: "企业档案", icon: "netWork" },
// },
// ]
// },
// {
// path: '/B',
// component: () => import("@/views/index"),
// redirect: "logout",
// isDiy: true,
// children: [
// {
// path: "logout",
// name: "依法注销",
// icon: require("@/assets/images/tree4.svg"),
// component: () => import("@/views/logout/index"),
// meta: { title: "依法注销", icon: "netWork" },
// },
// ]
// },
// {
// path: '/productsMsg',
// component: () => import("@/views/index"),
// redirect: "drugArchives",
// isDiy: true,
// children: [
// {
// path: "drugArchives",
// name: "药品档案",
// icon: require("@/assets/images/tree4.svg"),
// component: () => import("@/views/productsMsg/components/drugArchives.vue"),
// meta: { title: "药品档案", icon: "netWork" },
// },
// {
// path: "cosmeticsArchives",
// name: "化妆品档案",
// icon: require("@/assets/images/tree4.svg"),
// component: () => import("@/views/productsMsg/components/cosmeticsArchives.vue"),
// meta: { title: "化妆品档案", icon: "netWork" },
// },
// {
// path: "health",
// name: "医疗器械档案",
// icon: require("@/assets/images/tree4.svg"),
// component: () => import("@/views/productsMsg/components/health.vue"),
// meta: { title: "医疗器械档案", icon: "netWork" },
// },
// ]
// },
//可以按着若依的思路来写,把菜单全部都设置成一级路由，然后有下拉选择框的去进行区别判断设置成二级子路由 //可以按着若依的思路来写,把菜单全部都设置成一级路由，然后有下拉选择框的去进行区别判断设置成二级子路由
]; ];

56
src/views/index.vue
Unescape View File

@ -88,7 +88,7 @@ export default {
meta: { title: "行政审批", icon: "netWork" }, meta: { title: "行政审批", icon: "netWork" },
}, },
{ {
path: "/enterpriseMsg", path: "/A/enterpriseMsg",
name: "企业档案", name: "企业档案",
icon: require("@/assets/images/tree4.svg"), icon: require("@/assets/images/tree4.svg"),
component: () => import("@/views/enterpriseMsg/index"), component: () => import("@/views/enterpriseMsg/index"),
@ -101,35 +101,35 @@ export default {
component: () => import("@/views/index"), component: () => import("@/views/index"),
redirect: "drugArchives", redirect: "drugArchives",
isDiy: true, isDiy: true,
// children: [ children: [
// { {
// path: "/productsMsg/drugArchives", path: "/productsMsg/drugArchives",
// name: "药品档案", name: "药品档案",
// icon: require("@/assets/images/tree4.svg"), icon: require("@/assets/images/tree4.svg"),
// component: () => component: () =>
// import("@/views/productsMsg/components/drugArchives.vue"), import("@/views/productsMsg/components/drugArchives.vue"),
// meta: { title: "药品档案", icon: "netWork" }, meta: { title: "药品档案", icon: "netWork" },
// }, },
// { {
// path: "/productsMsg/cosmeticsArchives", path: "/productsMsg/cosmeticsArchives",
// name: "化妆品档案", name: "化妆品档案",
// icon: require("@/assets/images/tree4.svg"), icon: require("@/assets/images/tree4.svg"),
// component: () => component: () =>
// import("@/views/productsMsg/components/cosmeticsArchives.vue"), import("@/views/productsMsg/components/cosmeticsArchives.vue"),
// meta: { title: "化妆品档案", icon: "netWork" }, meta: { title: "化妆品档案", icon: "netWork" },
// }, },
// { {
// path: "/productsMsg/health", path: "/productsMsg/health",
// name: "医疗器械档案", name: "医疗器械档案",
// icon: require("@/assets/images/tree4.svg"), icon: require("@/assets/images/tree4.svg"),
// component: () => component: () =>
// import("@/views/productsMsg/components/health.vue"), import("@/views/productsMsg/components/health.vue"),
// meta: { title: "医疗器械档案", icon: "netWork" }, meta: { title: "医疗器械档案", icon: "netWork" },
// }, },
// ], ],
}, },
{ {
path: "/logout", path: "/B/logout",
name: "依法注销", name: "依法注销",
icon: require("@/assets/images/tree4.svg"), icon: require("@/assets/images/tree4.svg"),
component: () => import("@/views/logout/index"), component: () => import("@/views/logout/index"),

Write Preview
Loading…
Cancel
Save