1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
| /*
| * @Author: Liuyi candymxq888@outlook.com
| * @Date: 2024-08-06 14:47:41
| * @LastEditors: Liuyi candymxq888@outlook.com
| * @LastEditTime: 2024-09-28 11:11:38
| * @FilePath: \water-qinghe-web\src\router\index.js
| * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
| */
| import { createWebHashHistory, createRouter } from 'vue-router'
| /* Layout */
| import Layout from '@/layout'
| import Screen from '@/screen'
|
| /**
| * Note: 路由配置项
| *
| * hidden: true // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1
| * alwaysShow: true // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面
| * redirect: noRedirect // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
| * name:'router-name' // 设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
| * query: '{"id": 1, "name": "ry"}' // 访问路由的默认传递参数
| * roles: ['admin', 'common'] // 访问路由的角色权限
| * permissions: ['a:a:a', 'b:b:b'] // 访问路由的菜单权限
| * meta : {
| noCache: true // 如果设置为true，则不会被 <keep-alive> 缓存(默认 false)
| title: 'title' // 设置该路由在侧边栏和面包屑中展示的名字
| icon: 'svg-name' // 设置该路由的图标，对应路径src/assets/icons/svg
| breadcrumb: false // 如果设置为false，则不会在breadcrumb面包屑中显示
| activeMenu: '/system/user' // 当路由设置了该属性，则会高亮相对应的侧边栏。
| }
| */
|
| // 公共路由
| export const constantRoutes = [
| {
| path: '/redirect',
| component: Layout,
| hidden: true,
| children: [
| {
| path: '/redirect/:path(.*)',
| component: () => import('@/views/redirect/index.vue')
| }
| ]
| },
| {
| path: '/',
| component: Layout,
| redirect: '/user',
| children: [
| {
| path: '/userCenter',
| component: () => import('@/views/userCenter.vue'),
| name: 'userCenter',
| meta: { title: '个人中心', icon: 'PhUserCircleFill', affix: true }
| },
| ]
| },
| {
| path: '/login',
| component: () => import('@/views/login'),
| hidden: true
| },
| {
| path: '/screen',
| component: Screen,
| redirect: '/overview',
| children: [
| {
| path: '/overview',
| component: () => import('@/views/screen/overView/index'),
| name: 'overview',
| meta: { title: '总览'}
| },
| {
| path: '/irrigate',
| component: () => import('@/views/screen/irrigate/index'),
| name: 'irrigate',
| meta: { title: '智慧灌溉'}
| },
| {
| path: '/revenue',
| component: () => import('@/views/screen/revenue/index'),
| name: 'revenue',
| meta: { title: '营收管理'}
| },
| {
| path: '/facility-screen',
| component: () => import('@/views/screen/facility/index'),
| name: 'facility',
| meta: { title: '设备管理'}
| },
| {
| path: '/statistics',
| component: () => import('@/views/screen/statistics/index'),
| name: 'statistics',
| meta: { title: '统计分析'}
| },
| {
| path: '/alarm-screen',
| component: () => import('@/views/screen/alarm/index'),
| name: 'alarm',
| meta: { title: '报警管理'}
| },
| {
| path: '/reports',
| component: () => import('@/views/screen/reports/index'),
| name: 'pump',
| meta: { title: '泵站控制'}
| },
| ]
| },
| {
| path: "/:pathMatch(.*)*",
| component: () => import('@/views/error/404'),
| hidden: true
| },
| {
| path: '/401',
| component: () => import('@/views/error/401'),
| hidden: true
| },
| ]
|
| // 动态路由，基于用户权限动态去加载
| export const dynamicRoutes = [
| ]
|
| const router = createRouter({
| history: createWebHashHistory(),
| routes: constantRoutes,
| scrollBehavior(to, from, savedPosition) {
| if (savedPosition) {
| return savedPosition
| } else {
| return { top: 0 }
| }
| },
| });
|
| export default router;
|
|
