vue-route(三)后台管理路由配置
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router);
const _import_ = file = > () = > import('../pages/' + file + '.vue');
const asyncRouterMap = [];
const constantRouterMap = [
{
path: '/login',
name: 'Login',
component: _import_('Login/index'),
meta: {
title: "登 录",
auth: false
},
},
{
path: '/',
name: 'Home',
component: _import_('Home'),
redirect: {
name: 'Index'
},
children: [
{
path: 'index',
name: 'Index',
component: _import_('Index/index'),
meta: {
title: "工作台",
auth: true,
crumbs: [{
name: '概况'
}, {
name: '工作台'
}]
}
},
{
path: 'register',
name: 'Register',
component: _import_('Register/index'),
meta: {
title: "挂号记录",
auth: true,
crumbs: [{
name: '就诊管理'
}, {
name: '挂号记录'
}]
}
},
{
path: 'register/refundmoney',
name: 'RefundMoney',
component: _import_('Register/RefundMoney/index'),
meta: {
title: "挂号详情",
auth: true,
crumbs: [{
name: '就诊管理'
}, {
name: '挂号记录'
}]
},
},
{
path: 'doctor',
name: 'doctor',
component: _import_('Doctor/index'),
meta: {
title: "医生列表",
auth: true,
crumbs: [{
name: '医生管理'
}, {
name: '医生管理'
}]
},
},
{
path: 'doctor/supervise',
name: 'DoctorSupervise',
component: _import_('Doctor/supervise/index'),
meta: {
title: "医生信息",
auth: true,
crumbs: [{
name: '医生管理'
}, {
name: '医生管理'
}]
},
},
{
path: 'doctor/editdoctor',
name: 'EditDoctor',
component: _import_('Doctor/edidoctor/editdoctor'),
meta: {
title: "编辑医生信息",
auth: true,
crumbs: [{
name: '医生管理'
}, {
name: '医生管理'
}]
},
},
{
path: 'doctor/scheduling',
name: 'doctorScheduling',
component: _import_('Doctor/scheduling/index'),
meta: {
title: "修改医生排班",
auth: true,
crumbs: [{
name: '医生管理'
}, {
name: '排班管理'
}]
},
},
{
path: 'depart',
name: 'depart',
component: _import_('Department/index'),
meta: {
title: "科室管理列表",
auth: true,
crumbs: [{
name: '医院管理'
}, {
name: '科室管理'
}]
},
},
{
path: 'depart/edit',
name: 'DepartEdit',
component: _import_('Department/Edit/index'),
meta: {
title: "编辑科室信息",
auth: true,
crumbs: [{
name: '医院管理'
}, {
name: '科室管理'
}]
},
},
{
path: 'patient',
name: 'Patient',
component: _import_('Patient/index'),
meta: {
title: "就诊人管理",
auth: true,
crumbs: [{
name: '就诊人管理'
}, {
name: '就诊人管理'
}]
},
},
{
path: 'patient/info',
name: 'Info',
component: _import_('Patient/Info/index'),
meta: {
title: "就诊人信息",
auth: true,
crumbs: [{
name: '就诊人管理'
}, {
name: '就诊人管理'
}]
},
},
{
path: 'scheduling',
name: 'Scheduling',
component: _import_('Scheduling/index'),
meta: {
title: "排班列表",
auth: true,
crumbs: [{
name: '医生管理'
}, {
name: '排班管理'
}]
},
},
{
path: 'scheduling/edit',
name: 'SchedulingEdit',
component: _import_('Scheduling/Edit/index'),
meta: {
title: "排班编辑",
auth: true,
crumbs: [{
name: '医生管理'
}, {
name: '排班管理'
}]
},
},
{
path: 'service',
name: 'Service',
component: _import_('Service/index'),
meta: {
title: "服务管理",
auth: true,
crumbs: [{
name: '医院管理'
}, {
name: '服务管理'
}]
},
},
{
path: 'service/edit',
name: 'ServiceEdit',
component: _import_('Service/Edit/index'),
meta: {
title: "编辑服务",
auth: true,
crumbs: [{
name: '医院管理'
}, {
name: '服务管理'
}]
},
}
]
},
{
path: '/404',
name: '404',
component: _import_('Error/index'),
meta: {
title: "请求页面未找到",
auth: false
},
},
{
path: '*',
meta: {
title: "请求页面未找到",
auth: false
},
redirect: '/404'
}
];
const router = new Router({
mode: 'hash',
base: process.env.BASE_URL,
routes: constantRouterMap,
linkActiveClass: "router-link-active",
});
export default router
vue-route(三)后台管理路由配置的更多相关文章
- vue中实现后台管理路由标签页
<template> <section> <div class="navTabList el-tabs__nav-scroll" id="t ...
- 写了一个vue+antdv的后台管理模板
1,项目简介 写在前面===>这是一个vue+antdv的后台管理模板 项目地址: https://github.com/BaiFangZi/vue-antd-manage 1.1,概述 最 ...
- vue+elementui搭建后台管理界面(5递归生成侧栏路由)
有一个菜单树,顶层菜单下面有多个子菜单,子菜单下还有子菜单... 这时候就要用递归处理 1 定义多级菜单 修改 src/router/index.js 的 / 路由 { path: '/', redi ...
- Solr后台管理界面配置
配置来源 https://stackoverflow.com/questions/28043957/how-to-set-apache-solr-admin-password 注意:配置用户名密码后 ...
- vue新建项目之标准路由配置--父子嵌套界面
配置路由所有用到的地方总共四步或者说四处 1.index.js(src--router--index.js) 父子界面嵌套---需要配置子路由 import Vue from 'vue' import ...
- vue+elementui搭建后台管理界面(7 vuex和mockjs的使用)
将权限管理应用到系统,首先做好登录, 点击登录按钮后,触发以下动作 vuex 中的 login 动作,设置 cookie vuex 中的 getuserinfo , 获取权限.用户名.头像等 由于目前 ...
- vue+elementui搭建后台管理界面(2首页)
1 会话存储 使用html5的 sessionStorage 对象临时保存会话 // 保存会话 sessionStorage.setItem('user', username) // 删除会话 ses ...
- vue+elementui搭建后台管理界面
1 会话存储 使用html5的 sessionStorage 对象临时保存会话 // 保存会话 sessionStorage.setItem('user', username) // 删除会话 ses ...
- Vue脚手架的搭建和路由配置
随机推荐
- git将本地已经存在的分支和一个指定的远端分支建立映射关系
Make an existing Git branch track a remote branch? Given a branch foo and a remote upstream: As of G ...
- BZOJ3236: [AHOI2013]作业
BZOJ3236: [AHOI2013]作业 题目描述 传送门 行,我知道是Please contact lydsy2012@163.com! 传送门2 题目分析 这题两问还是非常,emmmm. 首先 ...
- bat批处理以当前时间创建文本文件
:: 表示注释 :: @表示不显示当前命令,只在后台执行 :: @echo off 表示以后执行的命令都不显示 :: set d=%,% 表示设置变量d为当前年月日,默认表示为例如:// :: set ...
- 网络软中断与NAPI函数分析
网卡只有rx硬中断,外设通过中断控制器向CPU发出有数据包来临的通知, 而没有tx硬中断,因为发送数据包是cpu向外设发出的命令. ixgbe驱动的rx软中断和tx软中断在同一个CPU上处理. htt ...
- Flume实例一学习
cp conf/flume-env.sh.template conf/flume-env.sh 打开flume-env.sh,配置Java环境变量 [root@test1 apache-flume-- ...
- python 编程测试练习答案
-- coding: UTF-8 -- file('B.txt','wb').write(file('A.txt','rb').read()) 作业内容 这次作业较为简单,从一个a.txt的多行文本文 ...
- 做文件上传下载时报这个错com.alibaba.fastjson.JSONException: illegal identifier : \
::-exec-] DEBUG c.i.e.m.I.insertDataEmebeding - <== Updates: ::-exec-] ERROR c.i.e.c.CaseArchiveC ...
- python3安装pandas执行pip3 install pandas命令后卡住不动的问题及安装scipy、sklearn库的numpy.distutils.system_info.NotFoundError: no lapack/blas resources found问题
一直尝试在python3中安装pandas等一系列软件,但每次执行pip3 install pandas后就卡住不动了,一直停在那,开始以为是pip命令的版本不对,还执行过 python -m pip ...
- VMware虚拟机创建安装之后不出现VMnet1和VMnet8虚拟网卡
大家可能遇到过安装虚拟机之后,不出现这两张虚拟网卡,造成一系列的网络问题 VMware虚拟机无法将网络改为桥接状态 本人亲试可行的解决办法 首先把你之前安装的VMware虚拟机卸载,清理得一干二净: ...
- Personal Introduction
专业:计算机科学与技术 我是博客园的新人,虽然接触编程世界只有一年,基础知识比较差,编程能力差,但对于这个专业,我还是充满兴趣,希望有一天能独当一面,从今天起,我将分享一些在学习web前端和其他方面的 ...