import Vue from 'vue'
import Router from 'vue-router'
import homeView from '@/views/homeView'
import login from '@/views/login'
import goodsView from '@/views/goodsView'
import goodsclassView from '@/views/goodsclassView'
import goodsdetailView from '@/views/goodsdetailView'
import commentView from '@/views/commentView'
import paymentView from '@/views/paymentView'
import shoppingcarView from '@/views/shoppingcarView'
import personalView from '@/views/personalView'
import orderView from '@/views/orderView'
import orderdetailView from '@/views/orderdetailView'
import serviceView from '@/views/serviceView'
import estimateView from '@/views/estimateView'
import aftersaleView from '@/views/aftersaleView'
import collectionView from '@/views/collectionView'
import privateView from '@/views/privateView'
import addressView from '@/views/addressView'

Vue.use(Router)

const router = new Router({
  routes: [
    {
      path: '/',
      redirect: '/home/',
      meta: {
        title: '首页'
      }
    },
    {
      path: '/home',
      name: 'home',
      component: homeView,
      meta: {
        title: '首页'
      }
    },
    {
      path: '/login/:view',
      name: 'login',
      component: login,
      meta: {
        title: '登录'
      }
    },
    {
      path: '/goodsclass',
      name: 'goodsclass',
      component: goodsclassView,
      meta: {
        title: '商品分类'
      }
    },
    {
      path: '/goods/:type/:header',
      name: 'goods',
      component: goodsView,
      meta: {
        title: '商品分类'
      }
    },
    {
      path: '/goodsdetail',
      name: 'goodsdetail',
      component: goodsdetailView,
      meta: {
        title: '商品详情'
      }
    },
    {
      path: '/comment',
      name: 'comment',
      component: commentView,
      meta: {
        title: '评论'
      }
    },
    {
      path: '/payment',
      name: 'payment',
      component: paymentView,
      meta: {
        title: '确认付款'
      }
    },
    {
      path: '/shoppingcar',
      name: 'shoppingcar',
      component: shoppingcarView,
      meta: {
        title: '购物车'
      }
    },
    {
      path: '/personal',
      name: 'personal',
      component: personalView,
      meta: {
        title: '个人中心'
      }
    },
    {
      path: '/order',
      name: 'order',
      component: orderView,
      meta: {
        title: '我的订单'
      }
    },
    {
      path: '/orderdetail',
      name: 'orderdetail',
      component: orderdetailView,
      meta: {
        title: '订单详情'
      }
    },
    {
      path: '/service',
      name: 'service',
      component: serviceView,
      meta: {
        title: '客服'
      }
    },
    {
      path: '/estimate',
      name: 'estimate',
      component: estimateView,
      meta: {
        title: '评价'
      }
    },
    {
      path: '/aftersale',
      name: 'aftersale',
      component: aftersaleView,
      meta: {
        title: '售后'
      }
    },
    {
      path: '/collection',
      name: 'collection',
      component: collectionView,
      meta: {
        title: '我的收藏'
      }
    },
    {
      path: '/private',
      name: 'private',
      component: privateView,
      meta: {
        title: '个人资料'
      }
    },
    {
      path: '/address',
      name: 'address',
      component: addressView,
      meta: {
        title: '我的收货地址'
      }
    }
  ]
})
// 路由切换时更新title
router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})
// 路由切换时，视图滚动至顶部
router.afterEach(() => {
  window.scrollTo(0, 0)
})

export default router