130 lines
3.3 KiB
JavaScript
130 lines
3.3 KiB
JavaScript
import { createRouter, createWebHashHistory } from 'vue-router'
|
||
import { useUserStore } from '@/stores/user'
|
||
|
||
const router = createRouter({
|
||
history: createWebHashHistory(import.meta.env.BASE_URL),
|
||
routes: [
|
||
// ── 需要登录的页面（带 DefaultLayout） ──
|
||
{
|
||
path: '/',
|
||
component: () => import('@/layouts/DefaultLayout.vue'),
|
||
children: [
|
||
{
|
||
path: '',
|
||
name: 'home',
|
||
component: () => import('@/views/HomeView.vue'),
|
||
},
|
||
{
|
||
path: 'settings/account',
|
||
name: 'settings-account',
|
||
component: () => import('@/views/settings/AccountView.vue'),
|
||
},
|
||
{
|
||
path: 'settings/contact',
|
||
name: 'settings-contact',
|
||
component: () => import('@/views/settings/ContactView.vue'),
|
||
},
|
||
{
|
||
path: 'settings/security',
|
||
name: 'settings-security',
|
||
component: () => import('@/views/settings/SecurityView.vue'),
|
||
},
|
||
{
|
||
path: 'schedule',
|
||
name: 'schedule',
|
||
component: () => import('@/views/ScheduleView.vue'),
|
||
},
|
||
{
|
||
path: 'purchase',
|
||
name: 'purchase',
|
||
component: () => import('@/views/purchase/PurchaseList.vue'),
|
||
},
|
||
{
|
||
path: 'purchase/addorder',
|
||
name: 'purchase-add',
|
||
component: () => import('@/views/purchase/addorder.vue'),
|
||
},
|
||
{
|
||
path: 'purchase/showorder/:id',
|
||
name: 'purchase-show',
|
||
component: () => import('@/views/purchase/ShowOrder.vue'),
|
||
},
|
||
{
|
||
path: 'warehouse',
|
||
name: 'warehouse',
|
||
component: () => import('@/views/WarehouseView.vue'),
|
||
},
|
||
{
|
||
path: 'admin',
|
||
name: 'admin',
|
||
component: () => import('@/views/AdminView.vue'),
|
||
},
|
||
],
|
||
},
|
||
|
||
// ── 认证页面（AuthLayout，全屏居中） ──
|
||
{
|
||
path: '/login',
|
||
component: () => import('@/layouts/AuthLayout.vue'),
|
||
children: [
|
||
{
|
||
path: '',
|
||
name: 'login',
|
||
component: () => import('@/views/LoginView.vue'),
|
||
},
|
||
],
|
||
},
|
||
{
|
||
path: '/register',
|
||
component: () => import('@/layouts/AuthLayout.vue'),
|
||
children: [
|
||
{
|
||
path: '',
|
||
name: 'register',
|
||
component: () => import('@/views/RegisterView.vue'),
|
||
},
|
||
],
|
||
},
|
||
{
|
||
path: '/forgot_password',
|
||
component: () => import('@/layouts/AuthLayout.vue'),
|
||
children: [
|
||
{
|
||
path: '',
|
||
name: 'forgot-password',
|
||
component: () => import('@/views/ForgotPasswordView.vue'),
|
||
},
|
||
],
|
||
},
|
||
|
||
// ── 404 ──
|
||
{
|
||
path: '/404',
|
||
name: '404',
|
||
component: () => import('@/views/NotFoundView.vue'),
|
||
},
|
||
{
|
||
path: '/:pathMatch(.*)*',
|
||
redirect: '/404',
|
||
},
|
||
],
|
||
})
|
||
|
||
// ── 全局前置守卫 ──
|
||
router.beforeEach((to) => {
|
||
const userStore = useUserStore()
|
||
|
||
// 不需要登录的页面
|
||
const publicPages = ['/', '/login', '/register', '/forgot_password', '/schedule','/warehouse', '/404']
|
||
if (publicPages.includes(to.path)) return true
|
||
|
||
// 未登录 → 跳转登录
|
||
if (!userStore.isLoggedIn) {
|
||
return { name: 'login', query: { redirect: to.fullPath } }
|
||
}
|
||
|
||
return true
|
||
})
|
||
|
||
export default router
|