//  , All Rights Reserved.
import Vue from 'vue'
import Router from 'vue-router'
import {
  routerMode
} from '../config/env'
Vue.use(Router)
const Home = r => require.ensure([], () => r(require('@/pages/home/home')))
const Overview = r => require.ensure([], () => r(require('@/pages/overview/overview')))
const Business = r => require.ensure([], () => r(require('@/pages/business/business')))
const Logistics = r => require.ensure([], () => r(require('@/pages/logistics/logistics')))
const End = r => require.ensure([], () => r(require('@/pages/end/end')))
const People = r => require.ensure([], () => r(require('@/pages/people/people')))
const Environmental = r => require.ensure([], () => r(require('@/pages/environmental/environmental')))
const EHS = r => require.ensure([], () => r(require('@/pages/EHS/EHS')))
const Technology = r => require.ensure([], () => r(require('@/pages/technology/technology')))

export default new Router({
  mode: routerMode,
  routes: [{
      path: '/',
      redirect: '/home'
    },
    { // 首页
      path: '/home',
      name: 'Home',
      component: Home
    },
    { // 厂区一览
      path: '/overview',
      name: 'Overview',
      component: Overview
    },
    { // 业务管理
      path: '/business',
      name: 'Business',
      component: Business
    },
    { // 物流管理
      path: '/logistics',
      name: 'Logistics',
      component: Logistics
    },
    { // 处置工艺
      path: '/technology',
      name: 'Technology',
      component: Technology
    },
    { // EHS
      path: '/EHS',
      name: 'EHS',
      component: EHS
    },
    { // 人员管理
      path: '/people',
      name: 'People',
      component: People
    },
    { // 环保数据
      path: '/environmental',
      name: 'Environmental',
      component: Environmental
    },
    { // 尾页
      path: '/end',
      name: 'End',
      component: End
    }
  ]
})

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router/router'
import echarts from 'echarts'
import 'echarts-liquidfill'
// import VueAMap from 'vue-amap'
Vue.prototype.$echarts = echarts
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

<template>
  <div class="pageHtml">
    <head-top></head-top>
    <transition name="router-fade" mode="out-in">
      <router-view></router-view>
    </transition>
  </div>
</template>
<script>import headTop from '@/components/header/header'
export default {
  components: {
    headTop
  }
}</script>

<style lang="scss">@import "./assets/style/common.scss";</style>