Zlpt_Portal/src/router/index.ts

317 lines
10 KiB
TypeScript

import {createRouter, createWebHashHistory, RouteRecordRaw, useRouter} from 'vue-router'
import test from './module/test'
import myInfo from './module/myInfo'
import { useStore } 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: false
}
},
{
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: true,
AuthFlag: false
},
children: [
// 首页
{
path: 'home',
name: 'home',
component: () => import('views/home/index.vue'),
meta: {
title: '首页',
keepAlive: true,
AuthFlag: false
},
},
// 自选直租
{
path: '/equipList',
name: 'equipList',
component: () => import('views/equip/list.vue'),
meta: {
title: ''
}
},
//装备详情
{
path: '/equipDetail/:id',
name: 'equipDetail',
component: () => import('views/equip/detail.vue'),
meta: {
title: ''
}
},
// 资讯详情
{
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: '/myuser', // 主路由地址
name: 'myuser',
component: () => import('views/user/index.vue'), // 组件加载
meta: {
title: '个人中心',
keepAlive: true,
AuthFlag: false
},
redirect: '/myuser/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: '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: '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
},
}
]
},
]
},
]
const router = createRouter({
// 路由模式
history: createWebHashHistory(),
routes
})
// 使页面跳转后滚动条恢复至顶部
router.beforeEach((to, from, next) => {
const store = useStore()
if(to.meta.isLogin){
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