工作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"
};

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/415930.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

android TextView下划线,圆角边框,数逐字显示,虚线边框, 渐变色背景框, 阴影背景框

长方形 <?xml version"1.0" encoding"utf-8"?> <shape xmlns:android"http://schemas.android.com/apk/res/android"android:shape"rectangle"><size android:width"10dp" android:height"5dp"…

vscode 遇到的迷之bug nvm is not compatible with the npm config prefix

mac升级系统后&#xff0c;发现每次打开vscode&#xff0c;在命令栏TERMINAL中都会出现不识别npm&#xff0c;把vscode重新安装后&#xff0c;还是不行。 最后&#xff0c;在万能的git上找到了解决方法&#xff0c;之前出错的原因使因为我曾经使用brew install node安装过nod…

bsgs(Baby Steps Giant Steps)算法

BSGS算法&#xff08;Baby Steps Giant Steps算法&#xff0c;大步小步算法&#xff0c;北上广深算法&#xff0c;拔山盖世算法&#xff09; 适用问题 对于式子&#xff1a; $$x^yz(mod_p)$$ 已知x&#xff0c;z&#xff0c;p&#xff0c;p为质数&#xff1b; 求解一个最小非负…

2003服务器远程桌面连不上解决办法

一直都是用XP 连2003服务器&#xff0c;以前从未出现过问题&#xff0c;早二天突然出现提示&#xff1a;什么许可还有多少天到期&#xff0c;也没当回事&#xff0c;想想以前都这样&#xff0c;也没出过什么问题啊&#xff0c;于是就有了今天的一幕&#xff0c;打开远程桌面连接…

vue-cli webpack 打包报错:Unexpected token: punc (()

本来项目完美打包&#xff0c;后来我增加了一个插件vue-ionicons&#xff0c;打包build就是报错&#xff1a; ERROR in static/js/8.017e5cf2d2f1a552890d.js from UglifyJs Unexpected token: punc (() [./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/…

Head First设计模式之备忘录模式

一、定义 不破坏封装性的前提下&#xff0c;捕获一个对象的内部状态&#xff0c;并在该对象之外保存这个状态。这样就可以将该对象恢复到原先保存的状态 二、结构 备忘录模式中主要有三类角色&#xff1a; 发起人角色&#xff1a;记录当前时刻的内部状态&#xff0c;负责创建和…

SVN 405错误

SVN提交时报http 错误号405&#xff1a;http 405资源被禁止 分析&#xff1a;这是因为服务器上已经存在同名的目录了&#xff0c;所以你提交时会报错。 出现 原因&#xff1a;创建目录的时候&#xff0c;多创建了一个&#xff0c;所以在Server端就删掉一个。 解决办法&#…

centos 生产 ssh-key

注意:必须在用户目录下的.ssh文件夹下生成公私密钥 1、进入目录 cd /root/.ssh2、生成ssh-key ssh-keygen -t rsa3、打开查看 vim /root/.ssh/id_rsa.pub

SVN更新时报403错误

最近开发组使用&#xff33;&#xff36;&#xff2e;更新时经常会提示403错误&#xff0c;上网查了好久&#xff0c;说是权限的问题&#xff0c;但我感觉不象&#xff0c;可以提交&#xff0c;可以迁出&#xff0c;但就是更新时报错&#xff0c;如果是权限的问题&#xff0c;那…

【模板】树状数组2

题目 基本介绍模板题目代码实现基本介绍 这篇是树状数组模板2 主要内容有&#xff1a; 1.将某区间每一个数数加上x 2.求出某一个数的和 也就是说支持区间修改 我们可以看一下 Qi.DC 的想法 他说&#xff1a;“ 我们在树状数组中可以用前 i 项的和来表示第 i 个数 那么当对 …

mpvue 从零开始 女友初成长 0

我的女友叫mpvue&#xff0c;为什么不选择原生的&#xff0c;或者wepy呢&#xff0c;因为我只喜欢mpvue。 0、首先你得保证先安装了vue-cli npm install --g vue-cli1、脚手架构建项目&#xff0c;我直接在当前项目中创建&#xff0c;一路Y就可以创建项目了。 vue init mpvu…

Android 隐藏状态栏,沉浸式状态栏,状态栏背景色,状态栏字体色,透明状态工具类

设置状态栏颜色 if (Build.VERSION.SDK_INT>21){getWindow().setStatusBarColor(getResources().getColor(R.color.mainc)); } 方法2 <color name"colorPrimary">#3F51B5</color> //取消标题 requestWindowFeature(Window.FEATURE_NO_TITLE); /…

SVN错误信息汇总

Subversion 错误信息一览表 注意&#xff1a; 不同的客户端&#xff08;命令行&#xff0c;TortoiseSVN, AnkhSVN, Subclipse等&#xff09;的出错信息可能稍有不同。 下面表格中的出错信息以 http://svn.moon.ossxp.com/svn/test 版本库做示例&#xff0c;仅供参考。 编…

二项分布 , 多项分布, 以及与之对应的beta分布和狄利克雷分布

1. 二项分布与beta分布对应   2. 多项分布与狄利克雷分布对应 3. 二项分布是什么&#xff1f;n次bernuli试验服从 二项分布 二项分布是N次重复bernuli试验结果的分布。 bernuli实验是什么&#xff1f;做一次抛硬币实验&#xff0c;该试验结果只有2种情况&#xff0c;x 1, 表示…

mpvue 从零开始 女友的衣装 1 pages

pages文件夹就像一个大橱柜&#xff0c;里面放着各种精美的衣装&#xff0c;你也可以理解为供小程序的页面。 1、制造衣服 我在pages页面下新建了3个页面 market 广告市场task 任务中心my 个人中心 以market为例&#xff0c;写最简单的代码 <template><div class…

android 动态设置View的高度和宽度,ViewTreeObserver使用

private int mMonitorHeight 0; private int mMonitorWidth 0; private boolean bisSetScreen false; 动态设置满屏宽度 ViewTreeObserver vto2 monitor.getViewTreeObserver(); vto2.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener(){Overridep…