import type { App } from "vue";
import * as VueRouter from 'vue-router'
import { createRouter, createWebHashHistory, type RouteRecordRaw } from "vue-router";
import Home from '@/pages/HomePage.vue'
import mjz from '@/pages/zl-station/menjizhenItemView.vue'
import zy from '@/pages/zl-station/zhuyuanItemView.vue'
import Login from '@/pages/LoginPage.vue'

import Page404 from '@/pages/404/notFoundPage.vue'

export const constantRoutes : RouteRecordRaw[] = [
    {
        path: '/',
        name: 'main',
        component: () => import('@/layout/index.vue'),
        children: [
            {
                path: '/Home',
                name: 'Home',
                component: Home
            },
            {
                path:'menjizhen-item',
                name: 'MenjizhenItem',
                component: mjz
            },
            {
                path: 'zhuyuan-item',
                name: 'ZhuyuanItem',
                component: zy
            }
        ]
    },
    {
        path: '/login',
        name: 'LoginView',
        component: Login
    },
    // 通配符路由 - 必须放在最后
    {
        path: '/:pathMatch(.*)*',  // 匹配所有路径
        name: 'NotFound',
        component: Page404
    }
]

const router = createRouter({
    history: VueRouter.createWebHistory(),
    routes: constantRoutes,
    // 刷新时，滚动条位置还原
    scrollBehavior: () => ({ left: 0, top: 0 }),
})

// 全局注册 router
export function setupRouter(app: App<Element>) {
    app.use(router);
}

export default router;