greater_wms/templates/src/router/routes.js

const routes = [{
  path: '/',
  component: () => import('layouts/MainLayout.vue'),
  children: [
    {
      path: '',
      name: 'web_index',
      component: () => import('pages/Index.vue')
    },
    {
      path: 'stock',
      name: 'stock',
      component: () => import('pages/stock/stock.vue'),
      children: [{
        path: 'management',
        name: 'management',
        component: () => import('pages/stock/management.vue')
        
      },

      {
        path: 'stocklist',
        name: 'stocklist',
        component: () => import('pages/stock/stocklist.vue')
      },
      {
        path: 'stockbinlist',
        name: 'stockbinlist',
        component: () => import('pages/stock/stockbinlist.vue')
      },
      {
        path: 'emptybin',
        name: 'emptybin',
        component: () => import('pages/stock/emptybin.vue')
      },
      {
        path: 'occupiedbin',
        name: 'occupiedbin',
        component: () => import('pages/stock/occupiedbin.vue')
      },
      {
        path: 'binset',
        name: 'binset',
        component: () => import('pages/stock/binset.vue')
      },
      

      // {
      //   path: 'cyclecount',
      //   name: 'cyclecount',
      //   component: () => import('pages/stock/cyclecount.vue')
      // },
      // {
      //   path: 'cyclecountrecorder',
      //   name: 'cyclecountrecorder',
      //   component: () => import('pages/stock/cyclecountrecorder.vue')
      // },
      {
        path: 'handcount',
        name: 'handcount',
        component: () => import('pages/stock/handcount.vue')
      },
      // {
      //   path: 'handcountrecorder',
      //   name: 'handcountrecorder',
      //   component: () => import('pages/stock/handcountrecorder.vue')
      // },

      // {
      //   path: 'binset',
      //   name: 'binset',
      //   component: () => import('pages/stock/binset.vue')
      // },
      // {
      //   path: 'binsize',
      //   name: 'binsize',
      //   component: () => import('pages/stock/binsize.vue')
      // },
      // {
      //   path: 'property',
      //   name: 'property',
      //   component: () => import('pages/stock/property.vue')
      // }
      ]
    },
    {
      path: 'dashboard',
      name: 'dashboard',
      component: () => import('pages/dashboard/dashboard.vue'),
      children: [
      {
        path: 'inboundAndOutbound',
        name: 'inboundAndOutbound',
        component: () => import('pages/dashboard/inboundAndOutbound.vue')
      },
      {
        path:'flows_statements',
        name:'flows_statements',
        component: () => import('pages/dashboard/flows_statements.vue')
      }
  
      ]
    },
    {
      path: 'inbound',
      name: 'inbound',
      component: () => import('pages/inbound/inbound.vue'),
      children: [{
        path: 'asn',
        name: 'asn',
        component: () => import('pages/inbound/asn.vue')
      },
      {
        path: 'predeliverystock',
        name: 'predeliverystock',
        component: () => import('pages/inbound/predeliverystock.vue')
      },
      {
        path: 'preloadstock',
        name: 'preloadstock',
        component: () => import('pages/inbound/preloadstock.vue')
      },
      {
        path: 'presortstock',
        name: 'presortstock',
        component: () => import('pages/inbound/presortstock.vue')
      },
      {
        path: 'sortstock',
        name: 'sortstock',
        component: () => import('pages/inbound/sortstock.vue')
      },
      {
        path: 'shortage',
        name: 'shortage',
        component: () => import('pages/inbound/shortage.vue')
      },
      {
        path: 'more',
        name: 'more',
        component: () => import('pages/inbound/more.vue')
      },
      {
        path: 'asnfinish',
        name: 'asnfinish',
        component: () => import('pages/inbound/asnfinish.vue')
      }
      ]
    },
    {
      path: 'container',
      name: 'container',
      component: () => import('pages/container/container.vue'),
      children: [{
        path: 'containerlist',
        name: 'containerlist',
        component: () => import('pages/container/containerlist.vue')
      },
      {
        path: 'containerdetail',
        name: 'containerdetail',
        component: () => import('pages/container/containerdetail.vue')
      },
      { path:'containeroperate',
        name:'containeroperate',
        component: () => import('pages/container/containeroperate.vue')
      }
    ]
    },
    {
      path: 'outbound',
      name: 'outbound',
      component: () => import('pages/outbound/outbound.vue'),
      children: [{
        path: 'dn',
        name: 'dn',
        component: () => import('pages/outbound/dn.vue')
      },
      {
        path: 'freshorder',
        name: 'freshorder',
        component: () => import('pages/outbound/freshorder.vue')
      },
      {
        path: 'neworder',
        name: 'neworder',
        component: () => import('pages/outbound/neworder.vue')
      },
      {
        path: 'pickstock',
        name: 'pickstock',
        component: () => import('pages/outbound/pickstock.vue')
      },
      {
        path: 'pickedstock',
        name: 'pickedstock',
        component: () => import('pages/outbound/pickedstock.vue')
      },
      {
        path: 'pickinglist',
        name: 'pickinglist',
        component: () => import('pages/outbound/pickinglist.vue')
      },
      {
        path: 'shippedstock',
        name: 'shippedstock',
        component: () => import('pages/outbound/shippedstock.vue')
      },
      {
        path: 'backorder',
        name: 'backorder',
        component: () => import('pages/outbound/backorder.vue')
      },
      {
        path: 'pod',
        name: 'pod',
        component: () => import('pages/outbound/pod.vue')
      }
      ]
    },
    {
      path: 'goods',
      name: 'goods',
      component: () => import('pages/goods/goods.vue'),
      children: [{
        path: 'goodslist',
        name: 'goodslist',
        component: () => import('pages/goods/goodslist.vue')
      },
      {
        path: 'goodsunit',
        name: 'goodsunit',
        component: () => import('pages/goods/goodsunit.vue')
      },
      {
        path: 'goodsclass',
        name: 'goodsclass',
        component: () => import('pages/goods/goodsclass.vue')
      },
      {
        path: 'goodsbrand',
        name: 'goodsbrand',
        component: () => import('pages/goods/goodsbrand.vue')
      },
      {
        path: 'goodscolor',
        name: 'goodscolor',
        component: () => import('pages/goods/goodscolor.vue')
      },
      {
        path: 'goodsspecs',
        name: 'goodsspecs',
        component: () => import('pages/goods/goodsspecs.vue')
      },
      {
        path: 'goodsshape',
        name: 'goodsshape',
        component: () => import('pages/goods/goodsshape.vue')
      },
      {
        path: 'goodsorigin',
        name: 'goodsorigin',
        component: () => import('pages/goods/goodsorigin.vue')
      }
      ]
    },
    {
      path: 'taskpage',
      name: 'taskpage',
      component: () => import('pages/task/taskpage.vue'),
      children: [{
        path: 'task',
        name: 'task',
        component: () => import('pages/task/task.vue')
      }
    ]
    },
    {
      path: 'warehouse',
      name: 'warehouse',
      component: () => import('pages/warehouse/warehouse.vue'),
      children: [{
        path: 'warehouseset',
        name: 'warehouseset',
        component: () => import('pages/warehouse/warehouseset.vue')
      },
      {
        path: 'department',
        name: 'department',
        component: () => import('pages/warehouse/department.vue')
      
      },
      {
        path: 'boundcodetype',
        name: 'boundcodetype',
        component: () => import('pages/warehouse/boundcodetype.vue')
      },
      {
        path: 'boundtype',
        name: 'boundtype',
        component: () => import('pages/warehouse/boundtype.vue')
      },
      {
        path: 'boundbusiness',
        name: 'boundbusiness',
        component: () => import('pages/warehouse/boundbusiness.vue')
      },
      {
        path: 'status',
        name: 'status',
        component: () => import('pages/warehouse/boundstatus.vue')
      },
      {
        path:'product',
        name:'product',
        component: () => import('pages/warehouse/product.vue')
      }
      
      ]
    },
    {
      path: 'staff',
      name: 'staff',
      component: () => import('pages/staff/staff.vue'),
      children: [{
        path: 'stafflist',
        name: 'stafflist',
        component: () => import('pages/staff/stafflist.vue')
      },
      {
        path: 'stafflist_check_code',
        name: 'stafflist_check_code',
        component: () => import('pages/staff/stafflist_check_code.vue')
      },
      {
        path: 'stafftype',
        name: 'stafftype',
        component: () => import('pages/staff/stafftype.vue')
      }
      ]
    },

    {
      path: 'uploadcenter',
      name: 'uploadcenter',
      component: () => import('pages/uploadcenter/upload.vue'),
      children: [{
        path: 'initializeupload',
        name: 'initializeupload',
        component: () => import('pages/uploadcenter/initializeupload.vue')
      },
      {
        path: 'addupload',
        name: 'addupload',
        component: () => import('pages/uploadcenter/addupload.vue')
      }
      ]
    },
    {
      path: 'downloadcenter',
      name: 'downloadcenter',
      component: () => import('pages/downloadcenter/download.vue'),
      children: [{
        path: 'downloadinbound',
        name: 'downloadinbound',
        component: () => import('pages/downloadcenter/downloadinbound.vue')
      }, {
        path: 'downloadoutbound',
        name: 'downloadoutbound',
        component: () => import('pages/downloadcenter/downloadoutbound.vue')
      }, {
        path: 'downloadstocklist',
        name: 'downloadstocklist',
        component: () => import('pages/downloadcenter/downloadstocklist.vue')
      }, {
        path: 'downloadgoodslist',
        name: 'downloadgoodslist',
        component: () => import('pages/downloadcenter/downloadgoodslist.vue')
      }, {
        path: 'downloadbinlist',
        name: 'downloadbinlist',
        component: () => import('pages/downloadcenter/downloadbinlist.vue')
      }]
    }

  ]
}]

// Always leave this as last one
if (process.env.MODE !== 'ssr') {
  routes.push({
    path: '*',
    component: () => import('pages/Error404.vue')
  })
}

export default routes