| | |
|---|
| | | <template> |
|---|
| | | <div class="navbar"> |
|---|
| | | <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> |
|---|
| | | <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" |
|---|
| | | @toggleClick="toggleSideBar" /> |
|---|
| | | |
|---|
| | | <breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" /> |
|---|
| | | <top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" /> |
|---|
| | | |
|---|
| | | <div class="right-menu"> |
|---|
| | | <template v-if="device!=='mobile'"> |
|---|
| | | <template v-if="device !== 'mobile'"> |
|---|
| | | <search id="header-search" class="right-menu-item" /> |
|---|
| | | |
|---|
| | | <el-tooltip content="源码地址" effect="dark" placement="bottom"> |
|---|
| | | <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" /> |
|---|
| | | </el-tooltip> |
|---|
| | | |
|---|
| | | <el-tooltip content="文档地址" effect="dark" placement="bottom"> |
|---|
| | | <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" /> |
|---|
| | | </el-tooltip> |
|---|
| | | |
|---|
| | | <screenfull id="screenfull" class="right-menu-item hover-effect" /> |
|---|
| | | |
|---|
| | | <el-tooltip content="布局大小" effect="dark" placement="bottom"> |
|---|
| | | <size-select id="size-select" class="right-menu-item hover-effect" /> |
|---|
| | | </el-tooltip> |
|---|
| | | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click"> |
|---|
| | |
|---|
| | | <i class="el-icon-caret-bottom" /> |
|---|
| | | </div> |
|---|
| | | <el-dropdown-menu slot="dropdown"> |
|---|
| | | <router-link to="/user/profile"> |
|---|
| | | <!-- <router-link to="/user/profile"> |
|---|
| | | <el-dropdown-item>个人中心</el-dropdown-item> |
|---|
| | | </router-link> |
|---|
| | | <el-dropdown-item @click.native="setting = true"> |
|---|
| | | <span>布局设置</span> |
|---|
| | | </el-dropdown-item> |
|---|
| | | </router-link> --> |
|---|
| | | <el-dropdown-item divided @click.native="logout"> |
|---|
| | | <span>退出登录</span> |
|---|
| | | </el-dropdown-item> |
|---|
| | |
|---|
| | | this.$store.dispatch('LogOut').then(() => { |
|---|
| | | location.href = '/index' |
|---|
| | | }) |
|---|
| | | }).catch(() => {}) |
|---|
| | | }).catch(() => { }) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | overflow: hidden; |
|---|
| | | position: relative; |
|---|
| | | background: #fff; |
|---|
| | | box-shadow: 0 1px 4px rgba(0,21,41,.08); |
|---|
| | | box-shadow: 0 1px 4px rgba(0, 21, 41, .08); |
|---|
| | | |
|---|
| | | .hamburger-container { |
|---|
| | | line-height: 46px; |
|---|
| | |
|---|
| | | float: left; |
|---|
| | | cursor: pointer; |
|---|
| | | transition: background .3s; |
|---|
| | | -webkit-tap-highlight-color:transparent; |
|---|
| | | -webkit-tap-highlight-color: transparent; |
|---|
| | | |
|---|
| | | &:hover { |
|---|
| | | background: rgba(0, 0, 0, .025) |
|---|
| | |
|---|
| | | |
|---|
| | | NProgress.configure({ showSpinner: false }) |
|---|
| | | |
|---|
| | | const whiteList = ['/login', '/register'] |
|---|
| | | const whiteList = ['/login'] |
|---|
| | | |
|---|
| | | const isWhiteList = (path) => { |
|---|
| | | return whiteList.some(pattern => isPathMatch(pattern, path)) |
|---|
| | |
|---|
| | | next({ ...to, replace: true }) // hack方法 确保addRoutes已完成 |
|---|
| | | }) |
|---|
| | | }).catch(err => { |
|---|
| | | store.dispatch('LogOut').then(() => { |
|---|
| | | Message.error(err) |
|---|
| | | next({ path: '/' }) |
|---|
| | | }) |
|---|
| | | store.dispatch('LogOut').then(() => { |
|---|
| | | Message.error(err) |
|---|
| | | next({ path: '/' }) |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | } else { |
|---|
| | | next() |
|---|
| | | } |
|---|
| | |
|---|
| | | hidden: true |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: '/register', |
|---|
| | | component: () => import('@/views/register'), |
|---|
| | | hidden: true |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: '/404', |
|---|
| | | component: () => import('@/views/error/404'), |
|---|
| | | hidden: true |
|---|
| | |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: '/user', |
|---|
| | | component: Layout, |
|---|
| | | hidden: true, |
|---|
| | | redirect: 'noredirect', |
|---|
| | | children: [ |
|---|
| | | { |
|---|
| | | path: 'profile', |
|---|
| | | component: () => import('@/views/system/user/profile/index'), |
|---|
| | | name: 'Profile', |
|---|
| | | meta: { title: '个人中心', icon: 'user' } |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | } |
|---|
| | | // { |
|---|
| | | // path: '/user', |
|---|
| | | // component: Layout, |
|---|
| | | // hidden: true, |
|---|
| | | // redirect: 'noredirect', |
|---|
| | | // children: [ |
|---|
| | | // { |
|---|
| | | // path: 'profile', |
|---|
| | | // component: () => import('@/views/system/user/profile/index'), |
|---|
| | | // name: 'Profile', |
|---|
| | | // meta: { title: '个人中心', icon: 'user' } |
|---|
| | | // } |
|---|
| | | // ] |
|---|
| | | // } |
|---|
| | | ] |
|---|
| | | |
|---|
| | | // 动态路由，基于用户权限动态去加载 |
|---|
| | | export const dynamicRoutes = [ |
|---|
| | | { |
|---|
| | | path: '/system/user-auth', |
|---|
| | | path: '/relocatablePersonnel', |
|---|
| | | component: Layout, |
|---|
| | | hidden: true, |
|---|
| | | permissions: ['system:user:edit'], |
|---|
| | | // permissions: ['system:user:edit'], |
|---|
| | | children: [ |
|---|
| | | { |
|---|
| | | path: 'role/:userId(\\d+)', |
|---|
| | | component: () => import('@/views/system/user/authRole'), |
|---|
| | | name: 'AuthRole', |
|---|
| | | meta: { title: '分配角色', activeMenu: '/system/user' } |
|---|
| | | path: 'list', |
|---|
| | | component: () => import('@/views/relocatablePersonnel'), |
|---|
| | | name: 'RelocatablePersonnel', |
|---|
| | | meta: { title: '待安置人员库', activeMenu: '/relocatablePersonnel/list' } |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: '/system/role-auth', |
|---|
| | | component: Layout, |
|---|
| | | hidden: true, |
|---|
| | | permissions: ['system:role:edit'], |
|---|
| | | children: [ |
|---|
| | | { |
|---|
| | | path: 'user/:roleId(\\d+)', |
|---|
| | | component: () => import('@/views/system/role/authUser'), |
|---|
| | | name: 'AuthUser', |
|---|
| | | meta: { title: '分配用户', activeMenu: '/system/role' } |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: '/system/dict-data', |
|---|
| | | component: Layout, |
|---|
| | | hidden: true, |
|---|
| | | permissions: ['system:dict:list'], |
|---|
| | | children: [ |
|---|
| | | { |
|---|
| | | path: 'index/:dictId(\\d+)', |
|---|
| | | component: () => import('@/views/system/dict/data'), |
|---|
| | | name: 'Data', |
|---|
| | | meta: { title: '字典数据', activeMenu: '/system/dict' } |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: '/monitor/job-log', |
|---|
| | | component: Layout, |
|---|
| | | hidden: true, |
|---|
| | | permissions: ['monitor:job:list'], |
|---|
| | | children: [ |
|---|
| | | { |
|---|
| | | path: 'index/:jobId(\\d+)', |
|---|
| | | component: () => import('@/views/monitor/job/log'), |
|---|
| | | name: 'JobLog', |
|---|
| | | meta: { title: '调度日志', activeMenu: '/monitor/job' } |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | path: '/tool/gen-edit', |
|---|
| | | component: Layout, |
|---|
| | | hidden: true, |
|---|
| | | permissions: ['tool:gen:edit'], |
|---|
| | | children: [ |
|---|
| | | { |
|---|
| | | path: 'index/:tableId(\\d+)', |
|---|
| | | component: () => import('@/views/tool/gen/editTable'), |
|---|
| | | name: 'GenEdit', |
|---|
| | | meta: { title: '修改生成配置', activeMenu: '/tool/gen' } |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | } |
|---|
| | | ] |
|---|
| | | |
|---|
| | | // 防止连续点击多次路由报错 |
|---|
| New file |
| | |
|---|
| | | <template> |
|---|
| | | <div>111</div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | name: "RelocatablePersonnel", |
|---|
| | | components: {}, |
|---|
| | | props: {}, |
|---|
| | | data() { |
|---|
| | | return {}; |
|---|
| | | }, |
|---|
| | | computed: {}, |
|---|
| | | watch: {}, |
|---|
| | | created() { }, |
|---|
| | | mounted() { }, |
|---|
| | | methods: {}, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style scoped></style> |
|---|
