PVDEMCS/PVDEMCSUI/src/router/routes.ts

import { RouteRecordRaw } from 'vue-router';

const routes: RouteRecordRaw[] = [
  {
    path: '/',
    name: 'index',
    redirect: 'loginIndex',
    component: () => import('layouts/initialLayout.vue'),
    children: [
      {
        path: 'loginIndex',
        name: 'loginIndex',
        component: () => import('layouts/loginIndex.vue')
      }
    ]
  },
  {
    redirect: '/web/screen1',
    path: '/web',
    name: 'web',
    component: () => import('layouts/MainScreenLayout.vue'),
    children: [
      // {
      //   redirect: '',
      //   path: 'Index',
      //   name: 'Index',
      //   component: () => import('pages/screen/screenTab.vue'),
      //   children: []
      // },
      {
        path: 'screen1',
        name: 'screen1',
        component: () => import('pages/screen/screen1/index.vue'),
        children: []
      },
      {
        path: 'screen2',
        name: 'screen2',
        component: () => import('pages/screen/screen2/index.vue'),
        children: []
      },
      {
        path: 'screen3',
        name: 'screen3',
        component: () => import('pages/screen/screen3/index.vue'),
        children: []
      },
      {
        path: 'screen4',
        name: 'screen4',
        component: () => import('pages/screen/screen4/index.vue'),
        children: []
      },
      {
        path: 'equipment',
        name: 'equipment',
        component: () => import('pages/equipment/index.vue'),
        children: []
      },
      {
        path: 'sysConfig',
        name: 'sysConfig',
        component: () => import('pages/sysConfig/index.vue'),
        children: []
      }
      // {
      //   redirect: '/web/screenTab/screen1',
      //   path: 'screenTab',
      //   name: 'screenTab',
      //   component: () => import('pages/screen/screenTab.vue'),
      //   children: [

      //   ]
      // }
    ]
  },
  // {
  //   path: '/screenIndex',
  //   name: 'screenIndex',
  //   component: () => import('layouts/MainScreenLayout.vue'),
  //   children: [
  //     {
  //       path: 'screen1',
  //       name: 'screen1',
  //       component: () => import('src/pages/screen/screen1.vue')
  //     }
  //   ]
  // },
  {
    path: '/scannerzebra',
    name: 'scannerzebra',
    component: () => import('layouts/MainLayoutScannerZebra.vue'),
    children: [
      {
        path: 'zebra',
        name: 'zebra',
        component: () => import('src/scan/zebrascan.vue')
      },
      {
        path: 'zebrascan',
        name: 'zebrascan',
        component: () => import('src/scan/IndexScanner.vue')
      },
      {
        path: 'zebra_sorting',
        name: 'zebra_sorting',
        component: () => import('src/scan/receiving/index.vue')
      },
      {
        path: 'zebra_putaway',
        name: 'zebra_putaway',
        component: () => import('src/scan/putaway/index.vue')
      },
      {
        path: 'zebra_pick',
        name: 'zebra_pick',
        component: () => import('src/scan/pick/index.vue')
      },
      {
        path: 'zebra_outWarehouse',
        name: 'zebra_outWarehouse',
        component: () => import('src/scan/outWarehouse/index.vue')
      },
      {
        path: 'zebra_inventory',
        name: 'zebra_inventory',
        component: () => import('src/scan/inventory/index.vue')
      },
      {
        path: 'zebra_inquiry',
        name: 'zebra_inquiry',
        component: () => import('src/scan/inquiry/index.vue')
      }
      // {
      //   path: 'zebra_stocklist',
      //   name: 'zebra_stocklist',
      //   component: () => import('../scan/stocklist.vue')
      // },
      // {
      //   path: 'zebra_movetobin',
      //   name: 'zebra_movetobin',
      //   component: () => import('../scan/movetobin.vue')
      // },
      // {
      //   path: 'zebra_shipping',
      //   name: 'zebra_shipping',
      //   component: () => import('../scan/shipping.vue')
      // },
      // {
      //   path: 'zebra_picking',
      //   name: 'zebra_picking',
      //   component: () => import('../scan/picking.vue')
      // },
      // {
      //   path: 'zebra_uptobin',
      //   name: 'zebra_uptobin',
      //   component: () => import('../scan/uptobin.vue')
      // },
      // {
      //   path: 'zebra_cyclecount',
      //   name: 'zebra_cyclecount',
      //   component: () => import('../scan/cyclecount.vue')
      // },
      // {
      //   path: 'zebra_locationquery',
      //   name: 'zebra_locationquery',
      //   component: () => import('../scan/locationquery.vue')
      // }
    ]
  }
];

// Always leave this as last one,
// but you can also remove it
// {
//   path: '/:catchAll(.*)*',
//   component: () => import('pages/ErrorNotFound.vue'),
// },

export default routes;