系统上线运行问题修改
This commit is contained in:
parent
5fb505a83f
commit
c06bc5fbbd
|
|
@ -1,76 +1,83 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="navbar">
|
<div class="navbar">
|
||||||
<hamburger
|
<hamburger
|
||||||
id="hamburger-container"
|
id="hamburger-container"
|
||||||
:is-active="sidebar.opened"
|
:is-active="sidebar.opened"
|
||||||
class="hamburger-container"
|
class="hamburger-container"
|
||||||
@toggleClick="toggleSideBar"
|
@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'">
|
||||||
|
<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"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<breadcrumb
|
<!-- <el-tooltip content="布局大小" effect="dark" placement="bottom">-->
|
||||||
v-if="!topNav"
|
<!-- <size-select id="size-select" class="right-menu-item hover-effect" />-->
|
||||||
id="breadcrumb-container"
|
<!-- </el-tooltip>-->
|
||||||
class="breadcrumb-container"
|
</template>
|
||||||
/>
|
|
||||||
<top-nav
|
|
||||||
v-if="topNav"
|
|
||||||
id="topmenu-container"
|
|
||||||
class="topmenu-container"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div class="right-menu">
|
<el-dropdown
|
||||||
<template v-if="device !== 'mobile'">
|
class="avatar-container right-menu-item hover-effect"
|
||||||
<search id="header-search" class="right-menu-item" />
|
trigger="hover"
|
||||||
|
>
|
||||||
<!-- <el-tooltip content="源码地址" effect="dark" placement="bottom">-->
|
<div class="avatar-wrapper">
|
||||||
<!-- <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />-->
|
<img :src="avatar" class="user-avatar"/>
|
||||||
<!-- </el-tooltip>-->
|
<span class="user-nickname"> {{ nickName }} </span>
|
||||||
|
|
||||||
<!-- <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="hover"
|
|
||||||
>
|
|
||||||
<div class="avatar-wrapper">
|
|
||||||
<img :src="avatar" class="user-avatar" />
|
|
||||||
<span class="user-nickname"> {{ nickName }} </span>
|
|
||||||
</div>
|
|
||||||
<el-dropdown-menu slot="dropdown">
|
|
||||||
<router-link to="/user/profile">
|
|
||||||
<el-dropdown-item>个人中心</el-dropdown-item>
|
|
||||||
</router-link>
|
|
||||||
<el-dropdown-item divided @click.native="logout">
|
|
||||||
<span>退出登录</span>
|
|
||||||
</el-dropdown-item>
|
|
||||||
</el-dropdown-menu>
|
|
||||||
</el-dropdown>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="right-menu-item hover-effect setting"
|
|
||||||
@click="setLayout"
|
|
||||||
v-if="setting"
|
|
||||||
>
|
|
||||||
<svg-icon icon-class="more-up" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<router-link to="/user/profile">
|
||||||
|
<el-dropdown-item>个人中心</el-dropdown-item>
|
||||||
|
</router-link>
|
||||||
|
|
||||||
|
<router-link to="/index_1" v-if="hasDashboardPermission">
|
||||||
|
<el-dropdown-item>
|
||||||
|
大屏展示
|
||||||
|
</el-dropdown-item>
|
||||||
|
</router-link>
|
||||||
|
|
||||||
|
<el-dropdown-item divided @click.native="logout">
|
||||||
|
<span>退出登录</span>
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</el-dropdown>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="right-menu-item hover-effect setting"
|
||||||
|
@click="setLayout"
|
||||||
|
v-if="setting"
|
||||||
|
>
|
||||||
|
<svg-icon icon-class="more-up"/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { mapGetters } from 'vuex'
|
import {mapGetters} from 'vuex'
|
||||||
import Breadcrumb from '@/components/Breadcrumb'
|
import Breadcrumb from '@/components/Breadcrumb'
|
||||||
import TopNav from '@/components/TopNav'
|
import TopNav from '@/components/TopNav'
|
||||||
import Hamburger from '@/components/Hamburger'
|
import Hamburger from '@/components/Hamburger'
|
||||||
|
|
@ -79,152 +86,163 @@ import SizeSelect from '@/components/SizeSelect'
|
||||||
import Search from '@/components/HeaderSearch'
|
import Search from '@/components/HeaderSearch'
|
||||||
import RuoYiGit from '@/components/RuoYi/Git'
|
import RuoYiGit from '@/components/RuoYi/Git'
|
||||||
import RuoYiDoc from '@/components/RuoYi/Doc'
|
import RuoYiDoc from '@/components/RuoYi/Doc'
|
||||||
|
import { getPermissions } from "@/utils/auth" // 引入权限获取方法
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
emits: ['setLayout'],
|
emits: ['setLayout'],
|
||||||
components: {
|
components: {
|
||||||
Breadcrumb,
|
Breadcrumb,
|
||||||
TopNav,
|
TopNav,
|
||||||
Hamburger,
|
Hamburger,
|
||||||
Screenfull,
|
Screenfull,
|
||||||
SizeSelect,
|
SizeSelect,
|
||||||
Search,
|
Search,
|
||||||
RuoYiGit,
|
RuoYiGit,
|
||||||
RuoYiDoc,
|
RuoYiDoc,
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters(['sidebar', 'avatar', 'device', 'nickName']),
|
||||||
|
setting: {
|
||||||
|
get() {
|
||||||
|
return this.$store.state.settings.showSettings
|
||||||
|
},
|
||||||
},
|
},
|
||||||
computed: {
|
topNav: {
|
||||||
...mapGetters(['sidebar', 'avatar', 'device', 'nickName']),
|
get() {
|
||||||
setting: {
|
return this.$store.state.settings.topNav
|
||||||
get() {
|
},
|
||||||
return this.$store.state.settings.showSettings
|
|
||||||
},
|
|
||||||
},
|
|
||||||
topNav: {
|
|
||||||
get() {
|
|
||||||
return this.$store.state.settings.topNav
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
methods: {
|
// 计算属性：判断是否有大屏权限
|
||||||
toggleSideBar() {
|
hasDashboardPermission() {
|
||||||
this.$store.dispatch('app/toggleSideBar')
|
const permissions = getPermissions();
|
||||||
},
|
if (permissions) {
|
||||||
setLayout(event) {
|
const permissionArray = permissions.toString().split(',').map(Number);
|
||||||
this.$emit('setLayout')
|
return permissionArray.includes(1);
|
||||||
},
|
}
|
||||||
logout() {
|
return false;
|
||||||
this.$confirm('确定注销并退出系统吗？', '提示', {
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning',
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
this.$store.dispatch('LogOut').then(() => {
|
|
||||||
location.href =
|
|
||||||
process.env.VUE_APP_ENV === 'production'
|
|
||||||
? '/pubSerPlatform/index'
|
|
||||||
: '/index'
|
|
||||||
})
|
|
||||||
})
|
|
||||||
.catch(() => {})
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
toggleSideBar() {
|
||||||
|
this.$store.dispatch('app/toggleSideBar')
|
||||||
|
},
|
||||||
|
setLayout(event) {
|
||||||
|
this.$emit('setLayout')
|
||||||
|
},
|
||||||
|
logout() {
|
||||||
|
this.$confirm('确定注销并退出系统吗？', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.$store.dispatch('LogOut').then(() => {
|
||||||
|
location.href =
|
||||||
|
process.env.VUE_APP_ENV === 'production'
|
||||||
|
? '/pubSerPlatform/index'
|
||||||
|
: '/index'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.navbar {
|
.navbar {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
||||||
|
|
||||||
.hamburger-container {
|
.hamburger-container {
|
||||||
line-height: 46px;
|
line-height: 46px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background 0.3s;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: rgba(0, 0, 0, 0.025);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb-container {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topmenu-container {
|
||||||
|
position: absolute;
|
||||||
|
left: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.errLog-container {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-menu {
|
||||||
|
float: right;
|
||||||
|
height: 100%;
|
||||||
|
line-height: 50px;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-menu-item {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 8px;
|
||||||
|
height: 100%;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #5a5e66;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
|
||||||
|
&.hover-effect {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: background 0.3s;
|
transition: background 0.3s;
|
||||||
-webkit-tap-highlight-color: transparent;
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: rgba(0, 0, 0, 0.025);
|
background: rgba(0, 0, 0, 0.025);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.breadcrumb-container {
|
.avatar-container {
|
||||||
float: left;
|
margin-right: 0px;
|
||||||
}
|
padding-right: 0px;
|
||||||
|
|
||||||
.topmenu-container {
|
.avatar-wrapper {
|
||||||
position: absolute;
|
margin-top: 10px;
|
||||||
left: 50px;
|
position: relative;
|
||||||
}
|
|
||||||
|
|
||||||
.errLog-container {
|
.user-avatar {
|
||||||
display: inline-block;
|
cursor: pointer;
|
||||||
vertical-align: top;
|
width: 30px;
|
||||||
}
|
height: 30px;
|
||||||
|
border-radius: 50%;
|
||||||
.right-menu {
|
|
||||||
float: right;
|
|
||||||
height: 100%;
|
|
||||||
line-height: 50px;
|
|
||||||
|
|
||||||
&:focus {
|
|
||||||
outline: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-menu-item {
|
.user-nickname {
|
||||||
display: inline-block;
|
position: relative;
|
||||||
padding: 0 8px;
|
bottom: 10px;
|
||||||
height: 100%;
|
font-size: 14px;
|
||||||
font-size: 18px;
|
font-weight: bold;
|
||||||
color: #5a5e66;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
|
|
||||||
&.hover-effect {
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background 0.3s;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: rgba(0, 0, 0, 0.025);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-container {
|
.el-icon-caret-bottom {
|
||||||
margin-right: 0px;
|
cursor: pointer;
|
||||||
padding-right: 0px;
|
position: absolute;
|
||||||
|
right: -20px;
|
||||||
.avatar-wrapper {
|
top: 25px;
|
||||||
margin-top: 10px;
|
font-size: 12px;
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.user-avatar {
|
|
||||||
cursor: pointer;
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-nickname {
|
|
||||||
position: relative;
|
|
||||||
bottom: 10px;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-icon-caret-bottom {
|
|
||||||
cursor: pointer;
|
|
||||||
position: absolute;
|
|
||||||
right: -20px;
|
|
||||||
top: 25px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -92,7 +92,7 @@ export const constantRoutes = [
|
||||||
path: '/index_1',
|
path: '/index_1',
|
||||||
component: () => import('@/views/publicService/index_1.vue'),
|
component: () => import('@/views/publicService/index_1.vue'),
|
||||||
name: 'Index_1',
|
name: 'Index_1',
|
||||||
// hidden: true,
|
hidden: true,
|
||||||
meta: {title: '公共服务平台', icon: 'dashboard'},
|
meta: {title: '公共服务平台', icon: 'dashboard'},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue