工作109:路由菜单项
生活随笔
收集整理的這篇文章主要介紹了
工作109:路由菜单项
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
/*各個路由模塊的建立*/
import Home from "@/views/Home/Home";
import GlobalLayout from "@/layout/GlobalLayout";
import Login from "@/views/login/Login";const SYSTEM_MANAGEMENT = "系統管理";
const SETTLEMENT_MANAGEMENT = "結算管理";
const DATAANALYSIS_MANAGEMENT="數據分析";
/*定義路徑值*/
export const LOGIN_PATH = "/login";
export const HOME_PATH = "/";
export const APP_PATH = "/HomeApp";
/*** 菜單配置** 參數例子:* {* path: 路徑,* name: 名稱,* meta: {* text: 左側菜單欄顯示文字,* icon: 左側菜單欄顯示圖標,* pName: 父級菜單名稱* },* hidden: 是否在菜單欄中隱藏,* component: 組件(按需引入)* }*/
export const staticRoutesApp = [{path: APP_PATH,name: "Home",meta: {text: "首頁",icon: "el-icon-tickets"},component: Home},{path: "/order",name: "Order",meta: {text: "訂單管理",icon: "el-icon-tickets"},component: () => import("@/views/order/Order")},{path: "/task",name: "Task",meta: {text: "任務管理",icon: "el-icon-tickets"},component: () => import("@/views/task/Task")},{path: "/content",name: "Content",meta: {text: "內容管理",icon: "el-icon-document-copy"},component: () => import("@/views/content/Content")},{path: "/settlement",name: "Settlement",meta: {text: "任務結算",icon: "el-icon-document-copy",pName: SETTLEMENT_MANAGEMENT},component: () => import("@/views/settlement/settlement/Settlement")},{path: "/transaction",name: "Transaction",meta: {text: "交易記錄",icon: "el-icon-document-copy",pName: SETTLEMENT_MANAGEMENT},component: () => import("@/views/settlement/transaction/Transaction")},{path: "/list",name: "list",meta: {text: "數據列表頁",icon: "el-icon-document-copy",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailList/List")},{path: "/list/analysis/:id",name: "Analysis",meta: {text: "數據詳情頁",pName: '數據列表頁'},props: true,hidden: true,component: () => import("@/views/Detaildata/DetailEmpty/Empty")},{path: "/app",name: "app",meta: {text: "營銷端頁面",icon: "el-icon-document-copy",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailApp/App")},{path: "/pc",name: "pc",meta: {text: "業務端頁面",icon: "el-icon-document-copy",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailPc/Pc")},{path: "/user",name: "User",meta: {text: "用戶管理",icon: "el-icon-user",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/user/UserList")},{path: "/department",name: "Department",meta: {text: "部門管理",icon: "el-icon-user",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/department/Department.vue")},{path: "/account",name: "Account",meta: {text: "賬號管理",icon: "el-icon-user",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/account/Account.vue")},{path: "/dictionary",name: "Dictionary",meta: {text: "數據字典",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/dictionary/Dictionary")},];
export const staticRoutes = [{path: HOME_PATH,name: "Home",meta: {text: "首頁",icon: "el-icon-tickets"},component: Home},{path: "/order",name: "Order",meta: {text: "訂單管理",icon: "el-icon-tickets"},component: () => import("@/views/order/Order")},{path: "/task",name: "Task",meta: {text: "任務管理",icon: "el-icon-tickets"},component: () => import("@/views/task/Task")},{path: "/content",name: "Content",meta: {text: "內容管理",icon: "el-icon-document-copy"},component: () => import("@/views/content/Content")},{path: "/settlement",name: "Settlement",meta: {text: "任務結算",icon: "el-icon-document-copy",pName: SETTLEMENT_MANAGEMENT},component: () => import("@/views/settlement/settlement/Settlement")},{path: "/transaction",name: "Transaction",meta: {text: "交易記錄",icon: "el-icon-document-copy",pName: SETTLEMENT_MANAGEMENT},component: () => import("@/views/settlement/transaction/Transaction")},{path: "/list",name: "list",meta: {text: "數據列表頁",icon: "el-icon-document-copy",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailList/List")},{path: "/list/analysis/:id",name: "Analysis",meta: {text: "數據詳情頁",pName: '數據列表頁'},props: true,hidden: true,component: () => import("@/views/Detaildata/DetailEmpty/Empty")},{path: "/app",name: "app",meta: {text: "營銷端頁面",icon: "el-icon-document-copy",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailApp/App")},{path: "/pc",name: "pc",meta: {text: "業務端頁面",icon: "el-icon-document-copy",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailPc/Pc")},{path: "/user",name: "User",meta: {text: "用戶管理",icon: "el-icon-user",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/user/UserList")},{path: "/department",name: "Department",meta: {text: "部門管理",icon: "el-icon-user",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/department/Department.vue")},{path: "/account",name: "Account",meta: {text: "賬號管理",icon: "el-icon-user",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/account/Account.vue")},{path: "/dictionary",name: "Dictionary",meta: {text: "數據字典",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/dictionary/Dictionary")},];/*** 一級路由*/
export const routes = [{path: "/",component: GlobalLayout,children: staticRoutes},{path: APP_PATH,component: () => import("@/layout/GlobalApp"),children: staticRoutesApp},{path: LOGIN_PATH,name: "Login",component: Login},{path: "/404",name: "404",hidden: true,component: () => import("@/views/404")},{path: "*",redirect: "/404",hidden: true}
];/*** 非路由菜單項圖標*/
export const iconMap = {[SYSTEM_MANAGEMENT]: "el-icon-setting",[SETTLEMENT_MANAGEMENT]: "el-icon-coin",[DATAANALYSIS_MANAGEMENT]:"el-icon-setting"
};
?
總結
以上是生活随笔為你收集整理的工作109:路由菜单项的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: PLC梯形图编程入门
- 下一篇: delphi 10.4来了