wms-pda/src/router/index.js

/**
 * 全站路由配置
 *
 * 建议:
 * 1. 代码中路由统一使用name属性跳转(不使用path属性)
 */
import Vue from 'vue'
import Router from 'vue-router'
import http from '@/utils/httpRequest'
import { isURL } from '@/utils/validate'
import { clearLoginInfo } from '@/utils'
import i18n from '@/i18n/i18n'

Vue.use(Router)

// 拦截重复导航


// 开发环境不使用懒加载, 因为懒加载页面太多的话会造成webpack热更新太慢, 所以只有生产环境使用懒加载
const _import = require('./import-' + process.env.NODE_ENV)
// 全局路由(无需嵌套上左右整体布局)
const globalRoutes = [
  { path: '/404', component: _import('common/404'), name: '404', meta: { title: '404未找到' } },
  { path: '/login', component: _import('common/login'), name: 'login', meta: { title: '登录' } },
  // 采购入库
  {path: "/porecv",name: "porecv", component: resolve => require(["@/views/modules/recv/po-recv.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  {path: "/recv",name: "recv", component: resolve => require(["@/views/modules/recv/recv.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  {path: "/qualifiedStorage",name: "qualifiedStorage", component: resolve => require(["@/views/modules/recv/qualifiedStorage.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  {path: "/inspectionResults",name: "inspectionResults",
    component: resolve => require(["@/views/modules/recv/inspectionResults.vue"], resolve),
    meta: { transition: 'instant' ,preload: true,keepAlive: true}},

// V1
  // handlingunit
  {path: "/handlingunit",name: "handlingunit", component: resolve => require(["@/views/modules/handling-unit/handling-unit-management.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
 // 生产发料
  {path: "/productionissue",name: "productionissue", component: resolve => require(["@/views/modules/production-issue/production.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  { path: "/productionPicking", name: "productionPicking", component: resolve => require(["@/views/modules/production-issue/productionPicking.vue"], resolve), meta: { transition: 'instant', preload: true, keepAlive: true } },
  { path: "/productionPickingDetail/:outboundNo", name: "productionPickingDetail", component: resolve => require(["@/views/modules/production-issue/productionPickingDetail.vue"], resolve), meta: { transition: 'instant', preload: true, keepAlive: true } },
//生产退料  
  {path: "/productionreturn",name: "productionreturn", component: resolve => require(["@/views/modules/production-issue/productionReturnPDA.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  {path: '/production-issue/pick/:orderNo',
    name: 'ProductionIssuePick',component: resolve => require(["@/views/modules/production-issue/pick.vue"], resolve),
    meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  // 生产入库
  {path: "/productionInbound",name: "productionInbound", component: resolve => require(["@/views/modules/production-inbound/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 委外
  {path: "/outsource",name: "outsource", component: resolve => require(["@/views/modules/outsourcing-issue/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  { path: "/outsourcingPicking", name: "outsourcingPicking", component: resolve => require(["@/views/modules/outsourcing-issue/outsourcingPicking.vue"], resolve), meta: { transition: 'instant', preload: true, keepAlive: true } },
  { path: "/outsourcingPickingDetail/:outsourcingNo", name: "outsourcingPickingDetail", component: resolve => require(["@/views/modules/outsourcing-issue/outsourcingPickingDetail.vue"], resolve), meta: { transition: 'instant', preload: true, keepAlive: true } },

  // 客户订单发货
  {path: "/saleshipping",name: "saleshipping", component: resolve => require(["@/views/modules/sales-delivery/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 销售退货
  {path: "/salereturn",name: "salereturn", component: resolve => require(["@/views/modules/sales-return/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  {path: "/salereturn-inbound",name: "salereturn-inbound", component: resolve => require(["@/views/modules/sales-return/sales-return-inbound.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  {path: "/salereturn-scrap",name: "salereturn-scrap", component: resolve => require(["@/views/modules/sales-return/sales-return-scrap.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 其他出入库
  {path: "/otherinout",name: "otherinout", component: resolve => require(["@/views/modules/other-transaction/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // Material Requisition
  {path: "/mrissue",name: "mrissue", component: resolve => require(["@/views/modules/mr-issue/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 盘点
  {path: "/stocktaking",name: "stocktaking", component: resolve => require(["@/views/modules/inventory/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 运输任务
  {path: "/transportation",name: "transportation", component: resolve => require(["@/views/modules/transport-task/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},


// V2
  // handlingunit
/*
  {path: "/handlingunit",name: "handlingunit", component: resolve => require(["@/views/modules/v2/handling-unit/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},
  // 生产发料
  {path: "/productionissue",name: "productionissue", component: resolve => require(["@/views/modules/v2/production-issue/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 生产入库
  {path: "/productionInbound",name: "productionwhse", component: resolve => require(["@/views/modules/v2/production-receipt/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 委外
  {path: "/outsource",name: "outsource", component: resolve => require(["@/views/modules/v2/outsourcing-issue/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 客户订单发货
  {path: "/saleshipping",name: "saleshipping", component: resolve => require(["@/views/modules/v2/sales-shipment/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 销售退货
  {path: "/salereturn",name: "salereturn", component: resolve => require(["@/views/modules/v2/sales-return/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 其他出入库
  {path: "/otherinout",name: "otherinout", component: resolve => require(["@/views/modules/v2/other-transaction/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // Material Requisition
  {path: "/mrissue",name: "mrissue", component: resolve => require(["@/views/modules/v2/mr-issue/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 盘点
  {path: "/stocktaking",name: "stocktaking", component: resolve => require(["@/views/modules/inventory/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

  // 运输任务
  {path: "/transportation",name: "transportation", component: resolve => require(["@/views/modules/v2/transport-task/index.vue"], resolve), meta: { transition: 'instant' ,preload: true,keepAlive: true}},

*/

]

// 主入口路由(需嵌套上左右整体布局)
const mainRoutes = {
  path: '/',
  component: _import('main'),
  name: 'main',
  redirect: { name: 'home' },
  meta: { title: '主入口整体布局' },
  children: [
    { path: '/home', component: _import('common/home'), name: 'home', meta: { title: '首页' } },
  ],
  beforeEnter (to, from, next) {
    let token =Vue.cookie.get('token')
    if (!token || !/\S/.test(token)) {
      clearLoginInfo()
      next({ name: 'login' })
    }
    next()
  }
}

const router = new Router({
  mode: 'history',
  scrollBehavior() {
    return { x: 0, y: 0 }
  },
  isAddDynamicMenuRoutes: false, // 是否已经添加动态(菜单)路由
  routes: globalRoutes.concat(mainRoutes)
})

router.beforeEach((to, from, next) => {
  // 添加动态(菜单)路由
  // 1. 已经添加 or 全局路由, 直接访问
  // 2. 获取菜单列表, 添加并保存本地存储
  if (router.options.isAddDynamicMenuRoutes || fnCurrentRouteType(to, globalRoutes) === 'global') {
    next()
  } else {
    http({
      url: http.adornUrl('/sys/menu/nav'),
      method: 'get',
      params: {'l': i18n.locale,menuType: "pc"}
    }).then(({data}) => {
      if (data && data.code === 0) {
        //fnAddDynamicMenuRoutes(data.menuList)
        //router.options.isAddDynamicMenuRoutes = true
        sessionStorage.setItem('menuList', JSON.stringify(data.menuList || '[]'))
        sessionStorage.setItem('permissions', JSON.stringify(data.permissions || '[]'))
        //next({ ...to, replace: true })
      }
    }).catch((e) => {
      console.log(`%c${e} 请求菜单列表和权限失败，跳转至登录页！！`, 'color:blue')
      router.push({ name: 'login' })
    })
    router.options.isAddDynamicMenuRoutes = true
    next({ ...to, replace: true })
  }
})

/**
 * 判断当前路由类型, global: 全局路由, main: 主入口路由
 * @param {*} route 当前路由
 */
function fnCurrentRouteType (route, globalRoutes = []) {
  var temp = []
  for (var i = 0; i < globalRoutes.length; i++) {
    if (route.path === globalRoutes[i].path) {
      return 'global'
    } else if (globalRoutes[i].children && globalRoutes[i].children.length >= 1) {
      temp = temp.concat(globalRoutes[i].children)
    }
  }
  return temp.length >= 1 ? fnCurrentRouteType(route, temp) : 'main'
}

export default router