/** * 路由path路径与文件夹名称相同，找文件可以浏览器地址快速查找，方便定位文件 * * component * 模块加载路径，除了layout外，全部默认路径为src/views文件夹内的文件 * 不要以"/"开头，结尾不要带文件扩展名，如:".vue" * 举例：views文件夹下的home文件夹下的home.vue * component: "home/home" * * * 路由meta对象参数，我们通常将属性放到meta对象中 * meta: { * title: 菜单栏以及 tabsView 栏、菜单搜索名称（国际化） * hide: 是否隐藏此路由，不会显示在菜单树，可以访问 * disable: 是否停用，不会显示在菜单树，且不可访问 * keepAlive: 是否缓存组件状态 * affix: 是否固定在 tabsView 栏上 * link: 是否是超链接菜单，开启外链条件：1、 link：链接地址不为空 2、iframe: false * iframe: 是否内嵌窗口，开启条件：1、iframe：true 2、link：链接地址不为空 * roles: 当前路由权限表示，取角色管理。路由控制显示、隐藏。 超级管理员：admin；普通角色：common * icon: 菜单、tabsView 图标等 * svgIcon: svg图标 * sort: 菜单顺序 * } */ /** * 路由的层级设置 * layout为框架布局，顶层路由 * layout.children下的路由为menu菜单，例如：首页、系统设置、权限管理，在这里我称它为"一级路由" * 一级路由下的children则是当前菜单的二级菜单 * 依此类推 */ export default [ { path: "/", name: "/", redirect: "/home", component: "layout", // 容器布局-顶层路由 meta: { keepAlive: true }, // 二级路由-主要渲染页面 children: [ { path: "/home", name: "home", component: "home/home", meta: { title: "home", // 国际化 hide: false, // 是否隐藏此路由 disable: false, // 是否停用此路由 keepAlive: false, // 缓存组件状态 affix: true, // 固定在tagesView栏上 link: "", // 是否外链 iframe: false, // 是否内嵌窗口 roles: ["admin", "common"], // 路由权限 svgIcon: "home", // 菜单图标 sort: 1 } }, { path: "/file", name: "file", redirect: "/file/document-library", meta: { title: "file", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "folder-menu", sort: 2 }, children: [ { path: "/file/document-library", name: "document-library", component: "file/document-library/document-library", meta: { title: "document-library", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 1 } } ] }, { path: "/table", name: "table", redirect: "/table/common-table", meta: { title: "table", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "table", sort: 3 }, children: [ { path: "/table/common-table", name: "common-table", component: "table/common-table/common-table", meta: { title: "common-table", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 1 } }, { path: "/table/custom-table", name: "custom-table", component: "table/custom-table/custom-table", meta: { title: "custom-table", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 2 } } ] }, { path: "/form", name: "form", redirect: "/form/common-form", meta: { title: "form", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "form", sort: 4 }, children: [ { path: "/form/common-form", name: "common-form", component: "form/common-form/common-form", meta: { title: "common-form", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 1 } }, { path: "/form/step-form", name: "step-form", component: "form/step-form/step-form", meta: { title: "step-form", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 2 } } ] }, { path: "/multilevel", name: "multilevel", redirect: "/multilevel/second-1", meta: { title: "multilevel", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "switch", sort: 5 }, children: [ { path: "/multilevel/second-1", name: "second-1", component: "multilevel/second/second-1", meta: { title: "second-1", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 1 } }, { path: "/multilevel/second-2", name: "second-2", redirect: "/multilevel/third-1", meta: { title: "second-2", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 2 }, children: [ { path: "/multilevel/third-2", name: "third-2", component: "multilevel/third/third-2", meta: { title: "third-2", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 2 } }, { path: "/multilevel/third-1", name: "third-1", component: "multilevel/third/third-1", meta: { title: "third-1", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 1 } }, { path: "/multilevel/third-3", name: "third-3", component: "multilevel/third/third-3", meta: { title: "third-3", link: "", hide: false, keepAlive: true, affix: false, iframe: false, roles: ["admin"], icon: "icon-menu", sort: 3 } }, { path: "/multilevel/third-4", name: "third-4", component: "multilevel/third/third-4", meta: { title: "third-4", link: "", hide: false, keepAlive: true, affix: false, iframe: false, roles: ["admin"], icon: "icon-menu", sort: 4 } }, { path: "/multilevel/third-5", name: "third-5", component: "multilevel/third/third-5", meta: { title: "third-5", link: "", hide: false, keepAlive: true, affix: false, iframe: false, roles: ["admin"], icon: "icon-menu", sort: 5 } }, { path: "/multilevel/third-6", name: "third-6", component: "multilevel/third/third-6", meta: { title: "third-6", link: "", hide: false, keepAlive: true, affix: false, iframe: false, roles: ["admin"], icon: "icon-menu", sort: 6 } }, { path: "/multilevel/third-7", name: "third-7", component: "multilevel/third/third-7", meta: { title: "third-7", link: "", hide: false, keepAlive: true, affix: false, iframe: false, roles: ["admin"], icon: "icon-menu", sort: 7 } }, { path: "/multilevel/third-8", name: "third-8", component: "multilevel/third/third-8", meta: { title: "third-8", link: "", hide: false, keepAlive: true, affix: false, iframe: false, roles: ["admin"], icon: "icon-menu", sort: 8 } }, { path: "/multilevel/third-9", name: "third-9", component: "multilevel/third/third-9", meta: { title: "third-9", link: "", hide: false, keepAlive: true, affix: false, iframe: false, roles: ["admin"], icon: "icon-menu", sort: 9 } } ] } ] }, { path: "/component", name: "component", redirect: "/component/player", meta: { title: "component", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "classify", sort: 6 }, children: [ { path: "/component/player", name: "player", component: "component/player/player", meta: { title: "player", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 1 } }, { path: "/component/print", name: "print", component: "component/print/print", meta: { title: "print", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 2 } }, { path: "/component/draggable", name: "draggable", component: "component/draggable/draggable", meta: { title: "draggable", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 3 } }, { path: "/component/editor", name: "editor", component: "component/editor/editor", meta: { title: "editor", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 4 } }, { path: "/component/newbie", name: "newbie", component: "component/newbie/newbie", meta: { title: "newbie", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 5 } }, { path: "/component/icon-selector", name: "icon-selector", component: "component/icon-selector/icon-selector", meta: { title: "icon-selector", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 6 } }, { path: "/component/user-center", name: "user-center", component: "component/user-center/user-center", meta: { title: "user-center", hide: true, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 7 } }, { path: "/component/fingerprintjs2", name: "fingerprintjs2", component: "component/fingerprintjs2/fingerprintjs2", meta: { title: "fingerprintjs2", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 8 } }, { path: "/component/barcode", name: "barcode", component: "component/barcode/barcode", meta: { title: "barcode", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 9 } } ] }, { path: "/directive", name: "directive", redirect: "/directive/anti-shake", meta: { title: "directive", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "directives", sort: 7 }, children: [ { path: "/directive/anti-shake", name: "anti-shake", component: "directive/anti-shake/anti-shake", meta: { title: "anti-shake", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 1 } }, { path: "/directive/throttle", name: "throttle", component: "directive/throttle/throttle", meta: { title: "throttle", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 2 } }, { path: "/directive/test-directive", name: "test-directive", component: "directive/test-directive/test-directive", meta: { title: "test-directive", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 3 } } ] }, { path: "/personal", name: "personal", redirect: "/personal/userinfo", meta: { title: "personal", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "user", sort: 8 }, children: [ { path: "/personal/userinfo", name: "userinfo", component: "personal/userinfo/userinfo", meta: { title: "userinfo", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 1 } }, { path: "/personal/user-settings", name: "user-settings", component: "personal/user-settings/user-settings", meta: { title: "user-settings", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 2 } } ] }, { path: "/system", name: "system", redirect: "/system/account", meta: { title: "system", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "set", sort: 9 }, children: [ { path: "/system/account", name: "account", component: "system/account/account", meta: { title: "account", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 1 } }, { path: "/system/role", name: "role", component: "system/role/role", meta: { title: "role", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 2 } }, { path: "/system/menu", name: "menu", component: "system/menu/menu", meta: { title: "menu", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 3 } }, { path: "/system/division", name: "division", component: "system/division/division", meta: { title: "division", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 4 } }, { path: "/system/dictionary", name: "dictionary", component: "system/dictionary/dictionary", meta: { title: "dictionary", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 5 } }, { path: "/system/log", name: "log", component: "system/log/log", meta: { title: "log", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 6 } } ] }, { path: "/link", name: "link", redirect: "/link/internal", meta: { title: "link", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "link", sort: 10 }, children: [ { path: "/link/internal", name: "internal", redirect: "/link/internal/uigradients", meta: { title: "internal", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 1 }, children: [ { path: "/link/internal/uigradients", name: "uigradients", component: "link/internal/internal", meta: { title: "uigradients", hide: false, keepAlive: true, disable: false, affix: false, link: "https://uigradients.com/#HoneyDew", // 链接 iframe: true, // 区分是否内链 true内链 false外链 roles: ["admin"], icon: "icon-menu", sort: 1 } }, { path: "/link/internal/color-taking-tool", name: "color-taking-tool", component: "link/internal/internal", meta: { title: "color-taking-tool", hide: false, disable: false, keepAlive: true, affix: false, link: "https://photokit.com/colors/eyedropper/?lang=zh", // 链接 iframe: true, // 区分是否内链 true内链 false外链 roles: ["admin"], icon: "icon-menu", sort: 2 } }, { path: "/link/internal/grid-generator", name: "grid-generator", component: "link/internal/internal", meta: { title: "grid-generator", hide: false, disable: false, keepAlive: true, affix: false, link: "https://cssgrid-generator.netlify.app/", // 链接 iframe: true, // 区分是否内链 true内链 false外链 roles: ["admin"], icon: "icon-menu", sort: 3 } } ] }, { path: "/link/external", name: "external", redirect: "/link/external/link-vue", meta: { title: "external", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], icon: "icon-menu", sort: 2 }, children: [ { path: "/link/external/SnowAdmin-Docs", name: "SnowAdmin-Docs", component: "link/external/external", meta: { title: "SnowAdmin-Docs", hide: false, disable: false, keepAlive: true, affix: false, link: "http://101.126.93.137:81/", // 链接 iframe: false, // 区分是否内链 true内链 false外链 roles: ["admin"], icon: "icon-menu", sort: 5 } }, { path: "/link/external/vue", name: "vue", component: "link/external/external", meta: { title: "vue", hide: false, disable: false, keepAlive: true, affix: false, link: "https://cn.vuejs.org/", // 链接 iframe: false, // 区分是否内链 true内链 false外链 roles: ["admin"], icon: "icon-menu", sort: 1 } }, { path: "/link/external/vite", name: "vite", component: "link/external/external", meta: { title: "vite", hide: false, disable: false, keepAlive: true, affix: false, link: "https://www.vitejs.net/", // 链接 iframe: false, // 区分是否内链 true内链 false外链 roles: ["admin"], icon: "icon-menu", sort: 2 } }, { path: "/link/external/github", name: "github", component: "link/external/external", meta: { title: "github", hide: false, disable: true, keepAlive: true, affix: false, link: "https://github.com/WANG-Fan0912/SnowAdmin", // 链接 iframe: false, // 区分是否内链 true内链 false外链 roles: ["admin"], icon: "icon-menu", sort: 3 } }, { path: "/link/external/juejin", name: "juejin", component: "link/external/external", meta: { title: "juejin", hide: false, disable: false, keepAlive: true, affix: false, link: "https://juejin.cn/user/1728883023940600", // 链接 iframe: false, // 区分是否内链 true内链 false外链 roles: ["admin"], icon: "icon-menu", sort: 4 } } ] } ] }, { path: "/disable-menu", name: "disable-menu", component: "disable-menu/disable-menu", meta: { title: "disable-menu", hide: false, disable: true, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "switch", sort: 11 } }, { path: "/hide-menu", name: "hide-menu", component: "hide-menu/hide-menu", meta: { title: "hide-menu", hide: true, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin"], svgIcon: "switch", sort: 12 } }, { path: "/i18n", name: "i18n", component: "i18n/i18n", meta: { title: "i18n", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin", "common"], svgIcon: "earth", sort: 13 } }, { path: "/about", name: "about", component: "about/about", meta: { title: "about", hide: false, disable: false, keepAlive: true, affix: false, link: "", iframe: false, roles: ["admin", "common"], svgIcon: "about", sort: 14 } } ] } ];