| | |
| | | import Vue from 'vue' |
| | | import Router from 'vue-router' |
| | | import Vue from "vue"; |
| | | import Router from "vue-router"; |
| | | |
| | | Vue.use(Router) |
| | | Vue.use(Router); |
| | | |
| | | /* Layout */ |
| | | import Layout from '@/layout' |
| | | import Layout from "@/layout"; |
| | | |
| | | /** |
| | | * Note: 路由配置项 |
| | |
| | | // 公共路由 |
| | | export const constantRoutes = [ |
| | | { |
| | | path: '/redirect', |
| | | path: "/redirect", |
| | | component: Layout, |
| | | hidden: true, |
| | | children: [ |
| | | { |
| | | path: '/redirect/:path(.*)', |
| | | component: () => import('@/views/redirect') |
| | | } |
| | | ] |
| | | path: "/redirect/:path(.*)", |
| | | component: () => import("@/views/redirect"), |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | path: '/login', |
| | | component: () => import('@/views/login'), |
| | | hidden: true |
| | | path: "/login", |
| | | component: () => import("@/views/login"), |
| | | hidden: true, |
| | | }, |
| | | // 第三方登录页 |
| | | { |
| | | path: "/thirdpartylogin", |
| | | component: () => import("@/views/thirdpartylogin"), |
| | | hidden: true, |
| | | }, |
| | | // 第三方登录页中转 |
| | | { |
| | | path: "/logindemo", |
| | | component: () => import("@/views/logindemo"), |
| | | hidden: true, |
| | | }, |
| | | { |
| | | path: '/register', |
| | | component: () => import('@/views/register'), |
| | | hidden: true |
| | | path: "/callbacklccpn", |
| | | component: () => import("@/views/tideLogin.vue"), |
| | | hidden: true, |
| | | }, |
| | | { |
| | | path: '/404', |
| | | component: () => import('@/views/error/404'), |
| | | hidden: true |
| | | path: "/register", |
| | | component: () => import("@/views/register"), |
| | | hidden: true, |
| | | }, |
| | | { |
| | | path: '/401', |
| | | component: () => import('@/views/error/401'), |
| | | hidden: true |
| | | path: "/404", |
| | | component: () => import("@/views/error/404"), |
| | | hidden: true, |
| | | }, |
| | | { |
| | | path: '', |
| | | path: "/401", |
| | | component: () => import("@/views/error/401"), |
| | | hidden: true, |
| | | }, |
| | | { |
| | | path: "/", |
| | | component: Layout, |
| | | redirect: 'index', |
| | | redirect: "index", |
| | | children: [ |
| | | { |
| | | path: 'index', |
| | | component: () => import('@/views/index'), |
| | | name: 'Index', |
| | | meta: { title: '首页', icon: 'dashboard', affix: true } |
| | | } |
| | | ] |
| | | path: "index", |
| | | component: () => import("@/views/index"), |
| | | name: "Index", |
| | | meta: { title: "首页", icon: "dashboard", affix: true }, |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | path: '/user', |
| | | path: "/user", |
| | | component: Layout, |
| | | hidden: true, |
| | | redirect: 'noredirect', |
| | | redirect: "noredirect", |
| | | children: [ |
| | | { |
| | | path: 'profile', |
| | | component: () => import('@/views/system/user/profile/index'), |
| | | name: 'Profile', |
| | | meta: { title: '个人中心', icon: 'user' } |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | path: "profile", |
| | | component: () => import("@/views/system/user/profile/index"), |
| | | name: "Profile", |
| | | meta: { title: "个人中心", icon: "user" }, |
| | | }, |
| | | ], |
| | | }, |
| | | ]; |
| | | |
| | | // 动态路由,基于用户权限动态去加载 |
| | | export const dynamicRoutes = [ |
| | | { |
| | | path: '/system/user-auth', |
| | | // 原材料下单 |
| | | path: "/materialOrder", |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['system:user:edit'], |
| | | permissions: ["business:order"], |
| | | children: [ |
| | | { |
| | | path: 'role/:userId(\\d+)', |
| | | component: () => import('@/views/system/user/authRole'), |
| | | name: 'AuthRole', |
| | | meta: { title: '分配角色', activeMenu: '/system/user' } |
| | | } |
| | | ] |
| | | // 原材料下单-进行下单 |
| | | path: "customsInspectionOrder", |
| | | component: () => |
| | | import("@/views/business/materialOrder/customsInspectionOrder"), |
| | | name: "CustomsInspectionOrder", |
| | | meta: { |
| | | title: "进行原材料下单", |
| | | activeMenu: "/business/materialOrder", |
| | | keepAlive: true |
| | | }, |
| | | }, |
| | | { |
| | | // 原材料下单-查看详情 |
| | | path: "customsInspectionView", |
| | | component: () => |
| | | import("@/views/business/materialOrder/customsInspectionView"), |
| | | name: "CustomsInspectionView", |
| | | meta: { |
| | | title: "查看原材料下单详情", |
| | | activeMenu: "/business/materialOrder", |
| | | keepAlive: true |
| | | }, |
| | | }, |
| | | { |
| | | // 铜材料下单 |
| | | path: "copperOrder", |
| | | component: () => import("@/views/business/materialOrder/copperOrder"), |
| | | name: "CopperOrder", |
| | | meta: { title: "进行铜材料下单", activeMenu: "/business/materialOrder",keepAlive: true }, |
| | | }, |
| | | { |
| | | // 铜材料下单-查看详情 |
| | | path: "copperView", |
| | | component: () => import("@/views/business/materialOrder/copperView"), |
| | | name: "CopperView", |
| | | meta: { title: "查看铜材料下单详情", activeMenu: "/business/materialOrder",keepAlive: true }, |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | path: '/system/role-auth', |
| | | // 成品下单 |
| | | path: "/productOrder", |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['system:role:edit'], |
| | | permissions: ["business:productOrder"], |
| | | children: [ |
| | | { |
| | | path: 'user/:roleId(\\d+)', |
| | | component: () => import('@/views/system/role/authUser'), |
| | | name: 'AuthUser', |
| | | meta: { title: '分配用户', activeMenu: '/system/role' } |
| | | } |
| | | ] |
| | | // 查看成品下单详情 |
| | | path: "addView", |
| | | component: () => |
| | | import("@/views/business/productOrder/components/addView.vue"), |
| | | name: "AddView", |
| | | meta: { title: "查看成品下单详情", activeMenu: "/business/productOrder",keepAlive: true }, |
| | | }, |
| | | { |
| | | // 进行下单-成品下单 |
| | | path: "addOrder", |
| | | component: () => |
| | | import("@/views/business/productOrder/components/addOrder.vue"), |
| | | name: "AddOrder", |
| | | meta: { title: "进行成品下单", activeMenu: "/business/productOrder",keepAlive: true }, |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | path: '/system/dict-data', |
| | | // 检验任务 |
| | | path: "/inspectionTask", |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['system:dict:list'], |
| | | permissions: ["business:inspection"], |
| | | children: [ |
| | | { |
| | | path: 'index/:dictId(\\d+)', |
| | | component: () => import('@/views/system/dict/data'), |
| | | name: 'Data', |
| | | meta: { title: '字典数据', activeMenu: '/system/dict' } |
| | | } |
| | | ] |
| | | // 检验单详情 |
| | | path: "inspection", |
| | | component: () => import("@/views/business/inspectionTask/inspection"), |
| | | name: "inspection", |
| | | meta: { title: "检验单详情", activeMenu: "/business/inspectionTask", keepAlive: false }, |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | path: '/monitor/job-log', |
| | | // 用户管理 |
| | | path: "/system/user-auth", |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['monitor:job:list'], |
| | | permissions: ["system:user:edit"], |
| | | children: [ |
| | | { |
| | | path: 'index/:jobId(\\d+)', |
| | | component: () => import('@/views/monitor/job/log'), |
| | | name: 'JobLog', |
| | | meta: { title: '调度日志', activeMenu: '/monitor/job' } |
| | | } |
| | | ] |
| | | path: "role/:userId(\\d+)", |
| | | component: () => import("@/views/system/user/authRole"), |
| | | name: "AuthRole", |
| | | meta: { title: "分配角色", activeMenu: "/system/user" }, |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | path: '/tool/gen-edit', |
| | | // 角色管理 |
| | | path: "/system/role-auth", |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ['tool:gen:edit'], |
| | | permissions: ["system:role:edit"], |
| | | children: [ |
| | | { |
| | | path: 'index/:tableId(\\d+)', |
| | | component: () => import('@/views/tool/gen/editTable'), |
| | | name: 'GenEdit', |
| | | meta: { title: '修改生成配置', activeMenu: '/tool/gen' } |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | path: "user/:roleId(\\d+)", |
| | | component: () => import("@/views/system/role/authUser"), |
| | | name: "AuthUser", |
| | | meta: { title: "分配用户", activeMenu: "/system/role" }, |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | // 数据字典 |
| | | path: "/system/dict-data", |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ["system:dict:list"], |
| | | children: [ |
| | | { |
| | | path: "index/:dictId(\\d+)", |
| | | component: () => import("@/views/system/dict/data"), |
| | | name: "Data", |
| | | meta: { title: "字典数据", activeMenu: "/system/dict" }, |
| | | }, |
| | | ], |
| | | }, |
| | | { |
| | | // 数据字典 |
| | | path: "/customer", |
| | | component: Layout, |
| | | hidden: true, |
| | | permissions: ["customer:edit"], |
| | | }, |
| | | ]; |
| | | |
| | | // 防止连续点击多次路由报错 |
| | | let routerPush = Router.prototype.push; |
| | | let routerReplace = Router.prototype.replace; |
| | | // push |
| | | Router.prototype.push = function push(location) { |
| | | return routerPush.call(this, location).catch(err => err) |
| | | } |
| | | return routerPush.call(this, location).catch((err) => err); |
| | | }; |
| | | // replace |
| | | Router.prototype.replace = function push(location) { |
| | | return routerReplace.call(this, location).catch(err => err) |
| | | } |
| | | return routerReplace.call(this, location).catch((err) => err); |
| | | }; |
| | | |
| | | export default new Router({ |
| | | mode: 'history', // 去掉url中的# |
| | | mode: "history", // 去掉url中的# |
| | | scrollBehavior: () => ({ y: 0 }), |
| | | routes: constantRoutes |
| | | }) |
| | | routes: constantRoutes, |
| | | }); |