import { type RouteRecordRaw } from 'vue-router'
import { HOME_URL, LOGIN_URL } from '@/config'

export const Layout = () => import('@/layouts/index.vue')

export const staticRouter: RouteRecordRaw[] = [
    {
        path: '/',
        redirect: HOME_URL
    },
    {
        path: LOGIN_URL,
        name: 'login',
        component: () => import('@/views/login/index.vue'),
        meta: {
            title: 'Login'
        }
    },
    {
        path: '/layout',
        name: 'layout',
        component: Layout,
        children: [
            {
                path: HOME_URL,
                name: 'home',
                component: () => import('@/views/home/index.vue'),
                meta: {
                    title: '首页',
                    icon: 'HomeFilled',
                    isHide: false,
                    isFull: false,
                    isAffix: true,
                    isKeepAlive: false
                }
            },
            {
                path: '/tools',
                name: 'tools',
                component: () => import('@/views/tools/index.vue'),
                meta: {
                    title: '工具中心'
                }
            },
            {
                path: '/tools/waveform',
                name: 'toolWaveform',
                component: () => import('@/views/tools/waveform/index.vue'),
                meta: {
                    title: '波形查看'
                }
            },
            {
                path: '/tools/mmsMapping',
                name: 'toolMmsMapping',
                alias: ['/tools/mmsmapping', '/tools/mms-mapping'],
                component: () => import('@/views/tools/mmsMapping/index.vue'),
                meta: {
                    title: 'MMS 映射'
                }
            },
            {
                path: '/403',
                name: '403',
                component: () => import('@/components/ErrorMessage/403.vue'),
                meta: {
                    title: '403'
                }
            },
            {
                path: '/404',
                name: '404',
                component: () => import('@/components/ErrorMessage/404.vue'),
                meta: {
                    title: '404'
                }
            },
            {
                path: '/500',
                name: '500',
                component: () => import('@/components/ErrorMessage/500.vue'),
                meta: {
                    title: '500'
                }
            },
            {
                path: '/:pathMatch(.*)*',
                component: () => import('@/components/ErrorMessage/404.vue')
            }
        ]
    }
]