import { createRouter, RouteRecordRaw, createWebHistory } from 'vue-router'
import test from './module/test'
import myInfo from './module/myInfo'

import { mainStore } from 'store/main'



const routes: Array<RouteRecordRaw> = [
    {
        path: '/index',
        name: 'index',
        component: () => import('views/Index.vue'),
        meta: {
            title: '目录页',
            keepAlive: true,
            AuthFlag: false
        }
    },
    /* 登录页 */
    {
        path: '/login',
        name: 'login',
        component: () => import('views/Login.vue'),
        meta: {
            title: '登录页',
            keepAlive: true,
            AuthFlag: false
        }
    },
    /* 注册页 */
    {
        path: '/register',
        name: 'register',
        component: () => import('views/register.vue'),
        meta: {
            title: '注册页',
            keepAlive: true,
            AuthFlag: true,
        }
    },
    {
        path: '/test', // 主路由地址
        name: 'testIndex',
        component: () => import('views/test/Index.vue'), // 组件加载
        meta: {
            title: '测试',
            keepAlive: true,
            AuthFlag: false
        },
        children: [...test]
    },
    {
        path: '/myInfo', // 主路由地址
        name: 'myInfo',
        component: () => import('views/myInfo/Index.vue'), // 组件加载
        meta: {
            title: '我的',
            keepAlive: true,
            AuthFlag: false
        },
        children: [...myInfo]
    },




    // 首页
    {
        path: '/',
        component: () => import('views/AppMain.vue'),
        redirect: '/home',
        meta: {
            title: '首页',
            keepAlive: false,
            AuthFlag: false
        },

        children: [
            // 首页
            {
                path: 'home',
                name: 'home',
                component: () => import('views/home/index.vue'),
                meta: {
                    title: '首页',
                    keepAlive: true,
                    AuthFlag: false,
                    activeName: 'home',
                },
            },
            // 自选直租
            {
                path: '/equipList',
                name: 'equipList',
                component: () => import('views/equip/list.vue'),
                meta: {
                    title: '装备共享大厅',
                    activeName: 'equipList',
                }
            },
            //装备详情
            {
                path: '/equipDetail/:id',
                name: 'equipDetail',
                component: () => import('views/equip/detail.vue'),
                meta: {
                    title: '',
                    keepAlive: false,
                    AuthFlag: false,
                }
            },
            // 资讯详情
            {
                path: '/consultationDetails/:id',
                name: 'consultationDetails',
                component: () => (import('views/consultationDetails/index.vue'))
            },
            // 收藏夹页面
            {
                path: '/collect',
                name: 'collect',
                meta: {
                    title: '我的收藏',
                    isLogin: true
                },
                component: () => import('views/collect/index.vue')
            },
            // 寻源比价页面
            {
                path: '/parity',
                name: 'parity',
                meta: {
                    title: '租赁需求大厅',
                    isLogin: true,
                    AuthFlag: false,
                    activeName: 'parity',
                },
                // redirect: '/parity/hall',
                component: () => import('views/parity/index.vue'),
                children: [
                    {
                        path: 'hall',
                        name: 'hall',
                        meta: {
                            title: '租赁需求大厅',
                            isLogin: true,
                            AuthFlag: false,
                            activeName: 'parity',
                        },
                        component: () => import('views/parity/parityCom/hall.vue'),
                    },
                    {
                        path: 'notice',
                        name: 'notice',
                        meta: {
                            title: '寻源结果公示公告',
                            isLogin: true,
                            AuthFlag: false,
                            activeName: 'parity',
                        },
                        component: () => import('views/parity/parityCom/notice.vue'),
                    }
                ]
            },
            // 寻源比价 （报价）
            {
                path: '/quotation',
                name: 'quotation',
                meta: {
                    title: '企业专区',
                    isLogin: true,
                    AuthFlag: false,

                },
                component: () => import('views/parity/parityCom/quotation.vue')
            },
            // 企业专区页面
            {
                path: '/enterpriseZone',
                name: 'enterpriseZone',
                meta: {
                    title: '企业专区',
                    isLogin: true,
                    AuthFlag: false,
                    activeName: 'enterpriseZone',
                },
                component: () => import('views/enterpriseZone/index.vue')
            },
        ],
    },

    // 个人中心
    {
        path: '/my-user', // 主路由地址
        name: 'my-user',
        component: () => import('views/user/index.vue'), // 组件加载
        meta: {
            title: '个人中心',
            keepAlive: false,
            AuthFlag: false
        },
        redirect: '/my-user/baseInfo',
        children: [

            /* 基础信息 */
            {
                path: 'baseInfo',
                name: 'baseInfo',
                component: () => import('views/user/baseInfo/index.vue'),
                meta: {
                    title: '基础信息',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },

            /* 订单管理（承租方） */
            {
                path: 'orderManagement',
                name: 'orderManagement',
                component: () => import('@/views/user/orderManagement/index.vue'),
                meta: {
                    title: '订单管理（求租）',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            /* 订单管理（出租方） */
                {
                    path: 'orderManagementBuy',
                    name: 'orderManagementBuy',
                    component: () => import('@/views/user/orderManagementCz/index.vue'),
                    meta: {
                        title: '订单管理（求租）',
                        keepAlive: true,
                        AuthFlag: false,
                        isLogin: true
                    },
                },
            /* 订单管理（订单详情出租） */
            {
                path: 'orderManagementInfoBuy',
                name: 'orderManagementInfoBuy',
                component: () => import('@/views/user/orderManagementCz/detail.vue'),
                meta: {
                    title: '订单详情',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: false
                },
            },
            /* 订单管理（订单详情承租） */
            {
                path: 'orderManagementInfo',
                name: 'orderManagementInfo',
                component: () => import('@/views/user/orderManagement/detail.vue'),
                meta: {
                    title: '订单详情',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: false
                },
            },
            /* 订单管理（退租） */
            {
                path: 'rentinTermination',
                name: 'rentinTermination',
                component: () => import('views/user/orderManagement/orderCom/rentinTermination.vue'),
                meta: {
                    title: '订单管理（退租）',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            /* 订单管理（续租） */
            {
                path: 'renewalOfLease',
                name: 'renewalOfLease',
                component: () => import('views/user/orderManagement/orderCom/renewalOfLease.vue'),
                meta: {
                    title: '订单管理（续租）',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            {
                path: 'subAccount',
                name: 'subAccount',
                component: () => import('views/user/subAccount/index.vue'),
                meta: {
                    title: '子账号管理',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            {
                path: 'business',
                name: 'business',
                component: () => import('views/user/business/index.vue'),
                meta: {
                    title: '业务开通',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            /* 寻源需求 */
            {
                path: 'sourcingNeed',
                name: 'sourcingNeed',
                component: () => import('views/user/sourcingNeed/index.vue'),
                meta: {
                    title: '需求管理',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            {
                path: 'orderManagementCz',
                name: 'orderManagementCz',
                component: () => import('views/user/orderManagementCz/index.vue'),
                meta: {
                    title: '订单管理（承租）',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            /* 订单管理（结算） */
            {
                path: 'settlement',
                name: 'settlement',
                component: () => import('views/user/orderManagementCz/settlement/index.vue'),
                meta: {
                    title: '订单管理（结算）',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            {
                path: 'goodsManagement',
                name: 'goodsManagement',
                component: () => import('views/user/goodsManagement/index.vue'),
                meta: {
                    title: '基础信息',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            {
                path: 'goodsUpdown',
                name: 'goodsUpdown',
                component: () => import('views/user/goodsUpdown/index.vue'),
                meta: {
                    title: '基础信息',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            {
                path: 'operatorManagement',
                name: 'operatorManagement',
                component: () => import('views/user/operatorManagement/index.vue'),
                meta: {
                    title: '基础信息',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            {
                path: 'orderDetails',
                name: 'orderDetails',
                component: () => import('@/views/user/orderManagement/orderCom/orderDetails.vue'),
                meta: {
                    title: '订单详情',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            {
                path: 'orderConfirm',
                name: 'orderConfirm',
                component: () => import('views/user/orderManagement/orderCom/orderConfirm.vue'),
                meta: {
                    title: '订单确认',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            {
                path: 'sourcingBidding',
                name: 'sourcingBidding',
                component: () => import('views/user/sourcingBidding/index.vue'),
                meta: {
                    title: '寻源竞价',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            /* 专区管理 */
            {
                path: 'zoneManag',
                name: 'zoneManag',
                component: () => import('views/user/zoneManag/index.vue'),
                meta: {
                    title: '专区管理',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
            /* 申请加入专区页面 */
            {
                path: 'joinZone',
                name: 'joinZone',
                component: () => import('views/user/zoneManag/zoneCom/joinZone.vue'),
                meta: {
                    title: '请加入专区',
                    keepAlive: true,
                    AuthFlag: false,
                    isLogin: true
                },
            },
        ]
    },
    // 预约车页面 
    {
        path: '/cart',
        name: 'cart',
        component: () => import('views/cart/index.vue'),
        meta: {
            title: '预约车',
            keepAlive: false,
            AuthFlag: false
        },
    },
    // 订单确认页面
    {
        path: '/orderConfirm/:maId',
        name: 'orderConfirm',
        component: () => import('views/order/index.vue'),
        meta: {
            title: '订单提交',
            keepAlive: false,
            AuthFlag: false
        },
    },
    // 需求详情页面 
    {
        path: '/demand-details',
        name: 'demand-details',
        component: () => import('views/demand-details/index.vue'),
        meta: {
            title: '需求详情',
            keepAlive: false,
            AuthFlag: false
        },
    }


]


const router = createRouter({
    // 路由模式
    history: createWebHistory(),
    routes
})

// 使页面跳转后滚动条恢复至顶部
router.beforeEach((to, from, next) => {
    const store = mainStore()
    if (to.meta.isLogin && !to.meta.AuthFlag) {
        if (store.token) {
            next()
        } else {
            next(`/login?redirect=${encodeURIComponent(to.fullPath)}`)
        }
    } else {
        next()
    }


    // if (store.token || to.path == '/login' || to.path == '/' || to.path == '/home' || to.path == '/register' || to.path == '/equipList' || to.path == '/equipDetail') {

    // } else {
    //     next('/login')
    // }
    // chrome
    document.body.scrollTop = 0;
    // firefox 兼容火狐
    document.documentElement.scrollTop = 0;
})
export default router