import Vue from 'vue'
import Router from 'vue-router'

const Test = r => require.ensure([], () => r(require('@page/Testscreen')), 'Testscreen')
const Setup = r => require.ensure([], () => r(require('@page/Setup')), 'Setup')
const HomePage = r => require.ensure([], () => r(require('@page/HomePage')), 'HomePage')
const StorageMonitor = r => require.ensure([], () => r(require('@page/StorageMonitor2')), 'StorageMonitor')
const DeviceMonitor = r => require.ensure([], () => r(require('@page/DeviceMonitor')), 'DeviceMonitor')
const LogisticsTech = r => require.ensure([], () => r(require('@page/LogisticsTech')), 'LogisticsTech')
const ProdCount = r => require.ensure([], () => r(require('@page/ProdCount2')), 'ProdCount')
Vue.use(Router)

const ProcessProductionOne = r => require.ensure([], () => r(require('@page/modules/processproduction/one')), 'modules')
const ProcessProductionTwo = r => require.ensure([], () => r(require('@page/modules/processproduction/two2')), 'modules')
const ProcessProductionThree = r => require.ensure([], () => r(require('@page/modules/processproduction/three')), 'modules')

export default new Router({
  linkActiveClass: 'tab-active',
  routes: [
    {
      path: '/',
      redirect: '/setup'
    },
    {
      path: '/setup',
      component: Setup
    },
    {
      path: '/pdone',
      component: ProcessProductionOne
    },
    {
      path: '/pdtwo',
      component: ProcessProductionTwo
    },
    {
      path: '/pdthree',
      component: ProcessProductionThree
    },
    {
      path: '/homepage',
      component: HomePage
    },
    {
      path: '/storagemonitor',
      component: StorageMonitor
    },
    {
      path: '/devicemonitor',
      component: DeviceMonitor
    },
    {
      path: '/logisticstech',
      component: LogisticsTech
    },
    {
      path: '/prodcount',
      component: ProdCount
    },
    {
      path: '/test',
      component: Test
    }
  ]
})