import Vue from 'vue'
import Router from 'vue-router'
import i18n from '@/lang/i18n'
import Cookies from 'js-cookie'

const routerTitle = i18n.routerTitle
const language = Cookies.get('language')

Vue.use(Router)

/* Layout */
import Layout from '@/layout'
// import teamRouter from './modules/team'
// import materialManageRouter from './modules/material-manage'
// import artManageRouter from './modules/art-manage'

/**
 * Note: sub-menu only appear when route children.length >= 1
 * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
 *
 * hidden: true                   if set true, item will not show in the sidebar(default is false)
 * alwaysShow: true               if set true, will always show the root menu
 *                                if not set alwaysShow, when item has more than one children route,
 *                                it will becomes nested mode, otherwise not show the root menu
 * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb
 * name:'router-name'             the name is used by <keep-alive> (must set!!!)
 * meta : {
    roles: ['admin','editor']    control the page roles (you can set multiple roles)
    title: 'title'               the name show in sidebar and breadcrumb (recommend set)
    icon: 'svg-name'             the icon show in the sidebar
    noCache: true                if set true, the page will no be cached(default is false)
    affix: true                  if set true, the tag will affix in the tags-view
    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
  }
 */

/**
 * constantRoutes
 * a base page that does not have permission requirements
 * all roles can be accessed
 */
export const constantRoutes = [
  {
    path: '/redirect',
    component: Layout,
    hidden: true,
    children: [
      {
        path: '/redirect/:path(.*)',
        component: () => import('@/views/redirect/index')
      }
    ]
  },
  {
    path: '/login',
    component: () => import('@/views/login/index'),
    hidden: true
  },
  {
    path: '/',
    component: Layout,
    redirect: '/dashboard',
    children: [
      {
        path: 'dashboard',
        component: () => import('@/views/dashboard/index'),
        name: 'Dashboard',
        meta: { title: routerTitle.dashboard?.[language] || routerTitle.dashboard.en, icon: 'form', iconPart: 'dashboard', affix: true, required: true, requireToken: true }
      }
    ]
  },
  // {
  //   path: '/',
  //   component: () => import('@/views/ChoicePart'),
  //   hidden: true,
  //   meta: { requireToken: true }
  // },
  // {
  //   path: '/auth-redirect',
  //   component: () => import('@/views/login/auth-redirect'),
  //   hidden: true
  // },
  {
    path: '/404',
    component: () => import('@/views/error-page/404'),
    hidden: true
  },
  {
    path: '/401',
    component: () => import('@/views/error-page/401'),
    hidden: true
  },
  {
    path: '/',
    component: Layout,
    redirect: '/ports',
    name: 'basicData',
    meta: { title: routerTitle.basicData?.[language] || routerTitle.basicData.en, icon: 'form', iconPart: 'basicData', affix: true, required: true, requireToken: true },
    children: [
      // 缓存区信息
      {
        path: 'cache',
        component: () => import('@/views/basicData/Cache/cache'),
        name: 'cache',
        hidden: true,
        meta: { title: routerTitle.basicData.ports.ports?.[language] || routerTitle.basicData.ports.ports.en, icon: 'form', affix: true }
      },
      {
        path: 'ports',
        component: () => import('@/views/basicData/Cache/shelf'),
        name: 'ports',
        meta: { title: routerTitle.basicData.ports.shelfInfo?.[language] || routerTitle.basicData.ports.shelfInfo.en, icon: 'form', affix: true }
      },
      {
        path: 'area',
        component: () => import('@/views/basicData/Cache/area'),
        name: 'area',
        hidden: true,
        meta: { title: routerTitle.basicData.ports.area?.[language] || routerTitle.basicData.ports.area.en, icon: 'form', affix: true }
      },
      {
        path: 'shelf',
        component: () => import('@/views/basicData/Cache/shelf'),
        name: 'shelf',
        hidden: true,
        meta: { title: routerTitle.basicData.ports.shelf?.[language] || routerTitle.basicData.ports.shelf.en, icon: 'form', affix: true }
      }, {
        path: 'cacheAdd',
        component: () => import('@/views/basicData/Cache/components/cache-add'),
        name: 'cacheAdd',
        hidden: true,
        meta: { title: routerTitle.basicData.ports.cacheAdd?.[language] || routerTitle.basicData.ports.cacheAdd.en, icon: 'form', affix: true }
      }, {
        path: 'shelfAdd',
        component: () => import('@/views/basicData/Cache/components/shelf-add'),
        name: 'shelfAdd',
        hidden: true,
        meta: { title: routerTitle.basicData.ports.shelfAdd?.[language] || routerTitle.basicData.ports.shelfAdd.en, icon: 'form', affix: true }
      }, {
        path: 'locationAdd',
        component: () => import('@/views/basicData/Cache/components/location-add'),
        name: 'locationAdd',
        hidden: true,
        meta: { title: routerTitle.basicData.ports.locationAdd?.[language] || routerTitle.basicData.ports.locationAdd.en, icon: 'form', affix: true }
      }, {
        path: 'storageBox',
        component: () => import('@/views/basicData/Cache/storageBox'),
        name: 'storageBox',
        meta: { title: routerTitle.basicData.ports.storageBox?.[language] || routerTitle.basicData.ports.storageBox.en, icon: 'form', affix: true }
      }, {
        path: 'PositionDetailInfo',
        component: () => import('@/views/basicData/Cache/components/PositionDetailInfo'),
        name: 'PositionDetailInfo',
        hidden: true,
        meta: { title: routerTitle.basicData.ports.PositionDetailInfo?.[language] || routerTitle.basicData.ports.PositionDetailInfo.en, icon: 'form', affix: true }
      },
      {
        path: 'processInfo',
        component: () => import('@/views/basicData/Process/processInfo'),
        name: 'processInfo',
        hidden: true,
        meta: { title: routerTitle.basicData.process.processInfo?.[language] || routerTitle.basicData.process.processInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: 'processInfoAdd',
        component: () => import('@/views/basicData/Process/components/processInfo-add'),
        name: 'processInfoAdd',
        hidden: true,
        meta: { title: routerTitle.basicData.process.processInfoAdd?.[language] || routerTitle.basicData.process.processInfoAdd.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: 'equipmentInfo',
        component: () => import('@/views/basicData/Equipment/equipmentInfo'),
        name: 'equipmentInfo',
        meta: { title: routerTitle.basicData.equipment.equipmentInfo?.[language] || routerTitle.basicData.equipment.equipmentInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: 'equipmentInfoAdd',
        component: () => import('@/views/basicData/Equipment/components/equipmentInfo-add'),
        name: 'equipmentInfoAdd',
        hidden: true,
        meta: { title: routerTitle.basicData.equipment.equipmentInfoAdd?.[language] || routerTitle.basicData.equipment.equipmentInfoAdd.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: '/Materials',
        component: () => import('@/views/basicData/index'),
        name: 'Materials',
        hidden: true,
        meta: { title: routerTitle.basicData.materials?.[language] || routerTitle.basicData.materials.en, icon: 'form', affix: true, required: true, requireToken: true },
        children: [
          {
            path: 'Material',
            component: () => import('@/views/basicData/Materials/material'),
            name: 'Material',
            meta: { title: routerTitle.basicData.materials.material?.[language] || routerTitle.basicData.materials.material.en, icon: 'form', affix: true, required: true, requireToken: true }
          },
          {
            path: 'MaterialAdd',
            component: () => import('@/views/basicData/Materials/components/material-add'),
            name: 'MaterialAdd',
            hidden: true,
            meta: { title: routerTitle.basicData.materials.MaterialAdd?.[language] || routerTitle.basicData.materials.MaterialAdd.en, icon: 'form', affix: true, required: true, requireToken: true }
          },
          {
            path: 'MaterialsType',
            component: () =>
              import('@/views/basicData/Materials/materialsType'),
            name: 'MaterialsType',
            meta: { title: routerTitle.basicData.materials.materialType?.[language] || routerTitle.basicData.materials.materialType.en, icon: 'form', affix: true, required: true, requireToken: true }
          }
        ]
      },
      {
        path: 'staff',
        component: () => import('@/views/basicData/GroupModule/staff'),
        name: 'staff',
        meta: { title: routerTitle.basicData.teamManage.staff?.[language] || routerTitle.basicData.teamManage.staff.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: '/dataDictionary',
        component: () => import('@/views/basicData/index'),
        name: 'dataDictionary',
        meta: { title: routerTitle.basicData.dataDictionaryType.dataDictionary?.[language] || routerTitle.basicData.dataDictionaryType.dataDictionary.en, icon: 'form', affix: true, required: true, requireToken: true },
        children: [{
          path: 'dataDictionary',
          component: () => import('@/views/basicData/dataDictionary'),
          name: 'dataDictionary',
          meta: { title: routerTitle.basicData.dataDictionaryType?.[language] || routerTitle.basicData.dataDictionaryType.en, icon: 'form', affix: true, required: true, requireToken: true }
        }, {
          path: 'dataDictionaryData',
          component: () => import('@/views/basicData/components/dataDictionaryData'),
          hidden: true,
          name: 'dataDictionaryData',
          meta: { title: routerTitle.basicData.dataDictionaryType.dataDictionary?.[language] || routerTitle.basicData.dataDictionaryType.dataDictionary.en, icon: 'form', affix: true, required: true, requireToken: true }
        }]
      }
    ]
  },
  {
    path: '/art',
    component: Layout,
    redirect: '/art/list',
    name: 'ArtManager',
    meta: { title: routerTitle.technology?.[language] || routerTitle.technology.en, icon: 'form', iconPart: 'ArtManager', affix: true, required: true, requireToken: true },
    children: [
      {
        path: 'list',
        component: () => import('@/views/art/list'),
        name: 'ArtList',
        meta: { title: routerTitle.technology.technologylist?.[language] || routerTitle.technology.technologylist.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: 'process',
        component: () => import('@/views/art/process/list'),
        name: 'Process',
        meta: { title: routerTitle.technology.technologyprocess?.[language] || routerTitle.technology.technologyprocess.en, icon: 'form', affix: true, required: true, requireToken: true },
        hidden: true
      },
      {
        path: 'processList',
        component: () => import('@/views/art/processList'),
        name: 'Process',
        meta: { title: routerTitle.technology.processList?.[language] || routerTitle.technology.processList.en, icon: 'form', affix: true, required: true, requireToken: true }
      }
    ]
  },
  {
    path: '/Warehouse',
    component: Layout,
    redirect: '/Warehouse/workOrderManage',
    name: 'Warehouse',
    meta: { title: routerTitle.Warehouse?.[language] || routerTitle.Warehouse.en, icon: 'form', iconPart: 'orderManage', affix: true, required: true, requireToken: true },
    children: [
      {
        path: '/StorageBoxInfo',
        component: () =>
          import('@/views/basicData/Warehouse/StorageBoxInfo'),
        name: 'StorageBoxInfo',
        meta: { title: routerTitle.Warehouse.StorageBoxInfo?.[language] || routerTitle.Warehouse.StorageBoxInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: '/StorageBoxRack',
        hidden: true,
        component: () =>
          import('@/views/basicData/Warehouse/StorageBoxRack'),
        name: 'StorageBoxRack',
        meta: { title: routerTitle.Warehouse.StorageBoxRack?.[language] || routerTitle.Warehouse.StorageBoxRack.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: '/CurrentTask',
        component: () =>
          import('@/views/basicData/Warehouse/CurrentTask'),
        name: 'CurrentTask',
        meta: { title: routerTitle.Warehouse.CurrentTask?.[language] || routerTitle.Warehouse.CurrentTask.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: '/HistoricalTask',
        component: () =>
          import('@/views/basicData/Warehouse/HistoricalTask'),
        name: 'HistoricalTask',
        meta: { title: routerTitle.Warehouse.HistoricalTask?.[language] || routerTitle.Warehouse.HistoricalTask.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: '/ProcessStorageManagement',
        component: () =>
          import('@/views/basicData/Warehouse/ProcessStorageManagement'),
        name: 'ProcessStorageManagement',
        meta: { title: routerTitle.Warehouse.ProcessStorageManagement?.[language] || routerTitle.Warehouse.ProcessStorageManagement.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: '/ProcessStorageManagementInfo',
        hidden: true,
        component: () =>
          import('@/views/basicData/Warehouse/components/ProcessStorageManagement-info'),
        name: 'ProcessStorageManagementInfo',
        meta: { title: routerTitle.Warehouse.ProcessStorageManagement?.[language] || routerTitle.Warehouse.ProcessStorageManagement.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: '/ProcessStorageLink',
        hidden: true,
        component: () =>
          import('@/views/basicData/Warehouse/components/processStorageLink'),
        name: 'ProcessStorageLink',
        meta: { title: routerTitle.Warehouse.ProcessStorageManagement?.[language] || routerTitle.Warehouse.ProcessStorageManagement.en, icon: 'form', affix: true, required: true, requireToken: true }
      }
    ]
  },
  {
    path: '/order',
    component: Layout,
    redirect: '/order/ProcessInfo',
    name: 'orderManage',
    meta: { title: routerTitle.order?.[language] || routerTitle.order.en, icon: 'form', iconPart: 'orderManage', affix: true, required: true, requireToken: true },
    children: [
      {
        path: 'ProcessInfo',
        component: () =>
          import('@/views/orderManage/ProcessInfo'),
        name: 'ProcessInfo',
        meta: { title: routerTitle.order.ProcessInfo?.[language] || routerTitle.order.ProcessInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: 'ExecutionInfo',
        component: () =>
          import('@/views/orderManage/ExecutionInfo'),
        name: 'ExecutionInfo',
        meta: { title: routerTitle.order.ExecutionInfo?.[language] || routerTitle.order.ExecutionInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
      }
    ]
  },
  {
    path: '/interface',
    component: Layout,
    redirect: '/interface',
    name: 'interfaceManage',
    hidden: true,
    meta: { title: routerTitle.interface?.[language] || routerTitle.interface.en, icon: 'form', iconPart: 'formwhite', affix: true, required: true, requireToken: true, unuse: true },
    children: []
  },
  {
    path: '/dataacquisition',
    component: Layout,
    redirect: '/dataacquisition',
    name: 'dataAcquisitionManage',
    hidden: true,
    meta: { title: routerTitle.dataacquisition?.[language] || routerTitle.dataacquisition.en, icon: 'form', iconPart: 'formwhite', affix: true, required: true, requireToken: true, unuse: true },
    children: []
  },
  {
    path: '/quality',
    component: Layout,
    redirect: '/quality',
    name: 'qualityManage',
    meta: { title: routerTitle.quality?.[language] || routerTitle.quality.en, icon: 'form', iconPart: 'qualityManage', affix: true, required: true, requireToken: true },
    children: [
      {
        path: 'plan',
        component: () => import('@/views/QualityManager/QCPplan'),
        name: 'PlanManage',
        meta: { title: routerTitle.quality.plan?.[language] || routerTitle.quality.plan.en, icon: 'form', affix: true }
      },
      {
        path: '/offlineDetec',
        component: () => import('@/views/basicData/index'),
        name: 'offlineDetec',
        meta: { title: routerTitle.quality.scrapManagement?.[language] || routerTitle.quality.scrapManagement.en, icon: 'form', affix: true, required: true, requireToken: true },
        children: [
          {
            path: 'ScrapInfo',
            component: () => import('@/views/basicData/Scrap/ScrapInfo'),
            name: 'ScrapInfo',
            meta: { title: routerTitle.basicData.scrap.scrapInfo?.[language] || routerTitle.basicData.scrap.scrapInfo.en, icon: 'form', affix: true, required: true, requireToken: true }
          },
          {
            path: 'ScrapType',
            component: () => import('@/views/basicData/Scrap/ScrapType'),
            name: 'ScrapType',
            meta: { title: routerTitle.basicData.scrap.scrapType?.[language] || routerTitle.basicData.scrap.scrapType.en, icon: 'form', affix: true, required: true, requireToken: true }
          },
          // {
          //   path: 'EquipmentScrapGrade',
          //   component: () => import('@/views/basicData/EquipmentScrapGrade'),
          //   name: 'EquipmentScrapGrade',
          //   meta: { title: routerTitle.basicData.EquipmentScrapGrade?.[language] || routerTitle.basicData.EquipmentScrapGrade.en, icon: 'form', affix: true, required: true, requireToken: true }
          // },
          {
            path: 'scrap',
            component: () => import('@/views/QualityManager/scrap'),
            name: 'scrapManage',
            meta: { title: routerTitle.quality.scrap?.[language] || routerTitle.quality.scrap.en, icon: 'form', iconPart: 'formwhite', affix: true, required: true, requireToken: true, unuse: true }
          }
        ]
      }
    ]
  },
  {
    path: '/form',
    component: Layout,
    redirect: '/form',
    name: 'formManage',
    meta: { title: routerTitle.form?.[language] || routerTitle.form.en, icon: 'form', iconPart: 'formManage', affix: true, required: true, requireToken: true, unuse: false },
    children: [{
      path: 'currentInventory',
      component: () => import('@/views/report-manage/CurrentInventory'),
      name: 'currentInventory',
      meta: { title: routerTitle.form.currentInventory?.[language] || routerTitle.form.currentInventory.en, icon: 'form', affix: true, required: true, requireToken: true }
    },
    {
      path: 'currentEmptyBox',
      component: () => import('@/views/report-manage/CurrentEmptyBox'),
      name: 'currentEmptyBox',
      meta: { title: routerTitle.form.currentEmptyBox?.[language] || routerTitle.form.currentEmptyBox.en, icon: 'form', affix: true, required: true, requireToken: true }
    },
    {
      path: 'currentSubstrate',
      component: () => import('@/views/report-manage/CurrentSubstrate'),
      name: 'currentSubstrate',
      hidden: true,
      meta: { title: routerTitle.form.currentSubstrate?.[language] || routerTitle.form.currentSubstrate.en, icon: 'form', affix: true, required: true, requireToken: true }
    },
    {
      path: 'editSubstrate',
      component: () => import('@/views/report-manage/components/edit-substrate'),
      name: 'editSubstrate',
      hidden: true,
      meta: { title: routerTitle.form.editSubstrate?.[language] || routerTitle.form.editSubstrate.en, icon: 'form', affix: true, required: true, requireToken: true }
    },
    {
      path: 'viewSubstrate',
      component: () => import('@/views/report-manage/components/viewSubstrate'),
      name: 'viewSubstrate',
      hidden: true,
      meta: { title: routerTitle.form.viewSubstrate?.[language] || routerTitle.form.viewSubstrate.en, icon: 'form', affix: true, required: true, requireToken: true }
    }]
  },
  {
    path: '/equipment',
    component: Layout,
    redirect: '/equipment',
    name: 'equipmentManage',
    meta: { title: routerTitle.equipment?.[language] || routerTitle.equipment.en, icon: 'form', iconPart: 'equipmentManage', affix: true, required: true, requireToken: true, unuse: false },
    children: [{
      path: 'equipmentUtilizationRate',
      component: () => import('@/views/basicData/index'),
      name: 'EquipmentUtilizationRate',
      meta: { title: routerTitle.equipment.EquipmentUtilizationRate?.[language] || routerTitle.equipment.EquipmentUtilizationRate.en, icon: 'form', affix: true, required: true, requireToken: true },
      children: [
        {
          path: 'e10',
          component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/E10'),
          name: 'E10',
          meta: { title: 'E10' }
        },
        {
          path: 'oee',
          component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/OEE'),
          name: 'OEE',
          meta: { title: 'OEE' }
        },
        {
          path: 'mttr',
          component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/MTTR'),
          name: 'MTTR',
          meta: { title: 'MTTR' }
        },
        {
          path: 'mcbf',
          component: () => import('@/views/EquipmentManager/equipmentUtilizationRate/MCBF'),
          name: 'MCBF',
          meta: { title: 'MCBF' }
        }
      ]
    }]
  },
  {
    path: '/basic',
    component: Layout,
    redirect: '/user/manager',
    name: 'ArticleManager',
    meta: { title: routerTitle.basic?.[language] || routerTitle.basic.en, icon: 'form', iconPart: 'ArticleManager', affix: true, required: true, requireToken: true },
    children: [
      {
        path: 'usermanage',
        component: () => import('@/views/UserPage/usermanage'),
        name: 'usermanage',
        meta: { title: routerTitle.basic.usermanage?.[language] || routerTitle.basic.usermanage.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: 'rolemanager',
        component: () => import('@/views/RoleManager'),
        name: 'ArticleManager',
        meta: { title: routerTitle.basic.rolemanage?.[language] || routerTitle.basic.rolemanage.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: 'menumanager',
        component: () => import('@/views/MenuManager'),
        name: 'MenuManager',
        hidden: true,
        meta: { title: routerTitle.basic.menumanage?.[language] || routerTitle.basic.menumanage.en, icon: 'form', affix: true, required: true, requireToken: true }
      },
      {
        path: 'manager',
        component: () => import('@/views/OrgManager/manager'),
        name: 'manager',
        meta: { title: routerTitle.basic.orgmanage?.[language] || routerTitle.basic.orgmanage.en, icon: 'form', affix: true, required: true, requireToken: true }
      }
    ]
  },
  { path: '*', redirect: '/404', hidden: true }
]
export const asyncRoutes = [
  // 404 page must be placed at the end !!!
  { path: '*', redirect: '/404', hidden: true }
]

const createRouter = () =>
  new Router({
    // mode: 'history', // require service support
    scrollBehavior: () => ({ y: 0 }),
    routes: constantRoutes
  })

const router = createRouter()

// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() {
  const newRouter = createRouter()
  router.matcher = newRouter.matcher // reset router
}

// export function resetRouter(dynamicRoutes) {
//   createRouter(constantRoutes.concat(dynamicRoutes))
// }

export default router