工作274:ele-图标使用

/*各个路由模块的建立*/
import Home from "@/views/Home/Home";
import GlobalLayout from "@/layout/GlobalLayout";
import Login from "@/views/login/Login";
import Check from "@/views/login/Check";
const SYSTEM_MANAGEMENT = "系统管理";
const SETTLEMENT_MANAGEMENT = "结算管理";
const DATAANALYSIS_MANAGEMENT = "数据分析";
const Task_MANAGEMENT = "任务管理";
/*定义路径的数值 自定义路径的值*/
export const LOGIN_PATH = "/login";
export const HOME_PATH = "/";
export const LOGIN_CHECK = "/login/check/:uuid";
/*** 菜单配置** 参数例子:* {*  path:     路径,*  name:     组件名称,*  meta: {*    text:     左侧菜单栏显示文字,*    icon:     左侧菜单栏显示图标,*    pName:    父级菜单名称*  },*  hidden:   是否在菜单栏中隐藏,*  component: 组件(按需引入)* }*/
/*进行路由设置处理*/
export const staticRoutes = [{path: HOME_PATH,name: "Home",meta: {text: "首页",icon: "el-icon-price-tag"},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-bank-card",pName: Task_MANAGEMENT},component: () => import("@/views/task/task/Task")},{path: "/Arrange",name: "Arrange",meta: {text: "任务编排单",icon: "el-icon-bank-card",pName: Task_MANAGEMENT},component: () => import("@/views/task/arrange/Arrange")},{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-coin",pName: SETTLEMENT_MANAGEMENT},component: () => import("@/views/settlement/settlement/Settlement")},{path: "/transaction",name: "Transaction",meta: {text: "交易记录",icon: "el-icon-coin",pName: SETTLEMENT_MANAGEMENT},component: () => import("@/views/settlement/transaction/Transaction")},{path: "/list",name: "list",meta: {text: "数据列表",icon: "el-icon-data-line",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailList/List")},{path: "/list/analysis/:id",name: "Analysis",meta: {text: "数据详情页",pName: "数据列表页",icon: "el-icon-data-line",},props: true,hidden: true,component: () => import("@/views/Detaildata/DetailEmpty/Empty")},{path: "/app",name: "app",meta: {text: "营销端数据",icon: "el-icon-data-line",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailApp/App")},{path: "/pc",name: "pc",meta: {text: "业务端数据",icon: "el-icon-data-line",pName: DATAANALYSIS_MANAGEMENT},component: () => import("@/views/Detaildata/DetailPc/Pc")},{path: "/account",name: "Account",meta: {text: "账号管理",icon: "el-icon-user",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/account/Account.vue")},{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: "/dictionary",name: "Dictionary",meta: {text: "数据字典",pName: SYSTEM_MANAGEMENT},component: () => import("@/views/system/dictionary/Dictionary")}
];/*** 一级路由*/
export const routes = [{path: "/",component: GlobalLayout,children: staticRoutes},{path: LOGIN_PATH,name: "Login",component: Login},{path: LOGIN_CHECK,name: "Check",props: true,component: Check},{path: "/404",name: "404",hidden: true,component: () => import("@/views/404")},{path: "*",redirect: "/404",hidden: true}
];/*** 非路由菜单项图标*/
export const iconMap = {[SYSTEM_MANAGEMENT]: "el-icon-user",[SETTLEMENT_MANAGEMENT]: "el-icon-coin",[DATAANALYSIS_MANAGEMENT]: "el-icon-data-line",[Task_MANAGEMENT]: "el-icon-bank-card"
};

运行结果

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

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

相关文章

串口开发,数据类型转换——字符串转 byte[],byte[]转二进制,二进制转十进制转byte[],byte[]转十进制,byte[]拼接,校验

bytez转String /*** 字节数组转换成对应的16进制表示的字符串** param src* return*/ public static String bytes2HexStr(byte[] src) {StringBuilder builder new StringBuilder();if (src null || src.length < 0) {return "";}char[] buffer new char[2];…

dataBinding和retrofit的使用

1、dataBinding使用方法 1、配置dataBinding 2、创建layout类型xml布局文件 3、即可引用 ActivityMainBinding mainBinding; mainBinding DataBindingUtil.setContentView(this, R.layout.activity_main); mainBinding.testte.setText("abcccc"); 2、retrofit的…

使多个线程循环输出0-99-0-99

直接上代码&#xff0c;后面我也有一个问题&#xff0c;关于对象的notifyAll或者notify或者single或者singleAll&#xff0c;唤醒线程是顺序唤醒吗&#xff0c;我这里都是顺序输出了 关于公平与非公平锁的问题&#xff1f;唤醒是公平的&#xff1f;&#xff1f;&#xff1f;又没…

66-Flutter移动电商实战-会员中心_编写ListTile的通用方法

1、界面分析 通过下图我们可以拆分成 4 部分&#xff0c;头部、订单标题区域、订单列表区域、ListTitle同用部分。 2、UI编写 2.1、头部 主要用到了圆形头像裁剪组件-ClipOval 顶部头像区域Widget _topHeader(){ return Container( width: ScreenUtil().setWidth(750), …

Android板实现双屏显示,DisplayManager和Display的使用

非常简单。 效果 1、创建分屏管理类 DisplayController public class DisplayController {public static Display getTargetDisplay() {DisplayManager displayManager (DisplayManager) App.getInstance().getSystemService(Context.DISPLAY_SERVICE);Display[] presentat…

毕业论文管理系统(类图,er图,时序图)

转载于:https://www.cnblogs.com/huahua985/p/8732595.html

67-Flutter中高德地图插件的使用

1、注册和建立高德API应用 高德网站&#xff1a;https://lbs.amap.com/ 控制台-应用管理-创建应用 在创建 Key 2、获得SHA1 进入Flutter项目中的android文件夹内&#xff0c;打开任意一个文件&#xff1a; 比如进入 build.gradle&#xff0c;右上角会有 Open for Editing an…

第八篇Django分页

Django分页 1.复杂版 data []for i in range(1, 302):tmp {"id": i, "name": "alex-{}".format(i)}data.append(tmp)print(data)def user_list(request):# user_list data[0:10]# user_list data[10:20]try:current_page int(request.GET.g…

20179214 《网络攻防实践》第五周学习

20179214 《网络攻防实践》第五周学习 web应用程序体系结构及其安全威胁 web应用程序体系结构 浏览器 标准的web客户端&#xff0c;Web服务器 通常被简单的描述为http守护程序&#xff0c;接受web客户端对资源的请求。Web应用程序 是处于服务器端的业务逻辑&#xff0c;最普遍的…

android studio 4.2.1 下载——安卓12开发

下载地址 &#xff1a;百度网盘 请输入提取码

Python学习——02-Python基础——【9-面向对象进阶】——isinstance(obj,cls)、反射等...

一 isinstance(obj,cls)和issubclass(sub,super) isinstance(obj,cls)检查是否obj是否是类 cls 的对象 1 class Foo(object): 2 pass 3 4 obj Foo() 5 6 isinstance(obj, Foo) issubclass(sub, super)检查sub类是否是 super 类的派生类 1 class Foo(object): 2 pa…

工作261:ele-layont布局使用

<!--页面主体布局--> <template><el-container class"layout"><!--头部组件--><el-header class"element-header" style"height: 80px;line-height: 80px"><global-header /></el-header><el-con…

68-Flutter中极光推送的使用

1、申请极光账号和建立应用 极光推送的官方网址为&#xff1a;https://www.jiguang.cn/ 注册好后&#xff0c;进入服务中心,然后再进入开发者平台&#xff0c;点击创建应用。 这时候会出现新页面&#xff0c;让你填写“应用名称”和上传“应用图标”。 创建完成&#xff0c;极…

工作263:弹性布局 修改样式

<div class"container" style"display: flex;flex-direction: column"><!-- <el-radio-group v-model"mode">--><div ><!-- <el-radio-button class"login-btn" label"0">营销端</el…