import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const routes = [
    {
        path: '/userRanking',
        name: 'userRanking',
        meta: {
            title: '用户排名',
            rootValue: 108
        },
        component: () => import('@/views/userRanking/userRanking.vue')
    },
    {
        path: '/dietaryNutritionTips1',
        name: 'dietaryNutritionTips1',
        meta: {
            title: '膳食营养温馨提示',
            rootValue: 108
        },
        component: () => import('@/views/dietaryNutritionTips/dietaryNutritionTips1.vue')
    },
    {
        path: '/dietaryNutritionTips2',
        name: 'dietaryNutritionTips2',
        meta: {
            title: '膳食营养温馨提示',
            rootValue: 108
        },
        component: () => import('@/views/dietaryNutritionTips/dietaryNutritionTips2.vue')
    },
    {
        path: '/dietaryNutritionTips4',
        name: 'dietaryNutritionTips4',
        meta: {
            title: '膳食营养温馨提示',
            rootValue: 108
        },
        component: () => import('@/views/dietaryNutritionTips/dietaryNutritionTips4.vue')
    },
    {
        path: '/dietaryNutritionTips5',
        name: 'dietaryNutritionTips5',
        meta: {
            title: '膳食营养温馨提示',
            rootValue: 108
        },
        component: () => import('@/views/dietaryNutritionTips/dietaryNutritionTips5.vue')
    },
    {
        path: '/dietaryNutritionTips6',
        name: 'dietaryNutritionTips6',
        meta: {
            title: '膳食营养温馨提示',
            rootValue: 108
        },
        component: () => import('@/views/dietaryNutritionTips/dietaryNutritionTips6.vue')
    },
    {
        path: '/dietaryNutritionTips7',
        name: 'dietaryNutritionTips7',
        meta: {
            title: '膳食营养温馨提示',
            rootValue: 108
        },
        component: () => import('@/views/dietaryNutritionTips/dietaryNutritionTips7.vue')
    },
    {
        path: '/dataBoard',
        name: 'dataBoard',
        meta: {
            title: '数据看板',
            rootValue: 192
        },
        component: () => import('@/views/dataBoard/dataBoard.vue')
    },
    {
        path: '/dishesDetails',
        name: 'dishesDetails',
        meta: {
            title: '菜品详情',
            rootValue: 192
        },
        component: () => import('@/views/dishesDetails/dishesDetails.vue')
    },
    {
        path: '/mealSurplusInformation',
        name: 'mealSurplusInformation',
        meta: {
            title: '餐品余量信息',
            rootValue: 192
        },
        component: () => import('@/views/mealSurplusInformation/mealSurplusInformation.vue')
    },
    {
        path: '/led',
        name: 'led',
        meta: {
            title: 'led',
            rootValue: 192
        },
        component: () => import('@/views/led/led.vue')
    },
    {
        path: '/:catchAll(.*)',
        redirect: '/dietaryNutritionTips1'
    }
];

const router = new VueRouter({
    // mode: 'history',
    base: process.env.BASE_URL,
    routes
});

router.beforeEach((to, from, next) => {
    if (to.meta && to.meta.rootValue) {
        window.POSTCSS_PXTOREM_ROOT_VALUE = to.meta.rootValue;
        console.log(window.POSTCSS_PXTOREM_ROOT_VALUE);
    }
    next();
});

export default router;