<template> <div class="navbar"> <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> <breadcrumb id="breadcrumb-container" class="breadcrumb-container" /> <div v-if="channel_id == 0" style="position:fixed;height: 100%;line-height: 50px;font-size:16px; right: 100px;"> <el-tooltip class="item" effect="dark" content="查看历史订单及财务数据" placement="bottom-end"> <a href="http://oldpop.jxhh.com/" style="color:red;font-size:14px;">查看历史数据</a> </el-tooltip> </div> <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" /> <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"> <div class="avatar-wrapper"> <img :src="avatar" class="user-avatar"> <i class="el-icon-caret-bottom" /> </div> <el-dropdown-menu slot="dropdown"> <!-- <router-link to="/user/profile"> --> <router-link to=""> <el-dropdown-item>{{this.$store.state.user.name}}</el-dropdown-item> <!-- <el-dropdown-item>个人中心</el-dropdown-item> --> </router-link> <el-dropdown-item @click.native="setting = true"> <span>布局设置</span> </el-dropdown-item> <el-dropdown-item divided @click.native="ssooutinfo"> <span>退出登录</span> </el-dropdown-item> </el-dropdown-menu> </el-dropdown> </div> </div> </template> <script> import { mapGetters } from 'vuex' import { indexInfo } from '@/api/webSite' import Breadcrumb from '@/components/Breadcrumb' import Hamburger from '@/components/Hamburger' import Screenfull from '@/components/Screenfull' import SizeSelect from '@/components/SizeSelect' import Search from '@/components/HeaderSearch' import RuoYiGit from '@/components/RuoYi/Git' import RuoYiDoc from '@/components/RuoYi/Doc' export default { components: { Breadcrumb, Hamburger, Screenfull, SizeSelect, Search, RuoYiGit, RuoYiDoc }, computed: { ...mapGetters([ 'sidebar', 'avatar', 'device' ]), setting: { get() { return this.$store.state.settings.showSettings }, set(val) { this.$store.dispatch('settings/changeSetting', { key: 'showSettings', value: val }) } }, channelInfo() { return this.$store.getters.channelInfo } }, data(){ return { ssourl: '', channel_id: '', } }, created() { /** 获取渠道id */ // this.getChannelId() }, watch: { channelInfo() { if (this.channelInfo) { this.channel_id = this.$store.state.user.channelInfo.channel_id } }, }, methods: { /** 判断渠道 值=0才显示 查看历史数据 链接 */ // getChannelId() { // let ssa = window.location.host // const data = { // type: 2, // site_type: 4, // // domain: ssa, // } // indexInfo(data).then(res=> { // if (res.code == 1) { // this.channel_id = res.data.channel.id // } // }); // }, toggleSideBar() { this.$store.dispatch('app/toggleSideBar') }, ssooutinfo(){ var ssa = window.location.host let data={ type: 2, site_type: 7, domain:ssa } this.$store.dispatch('getssourl',data).then((res) => { if(res.code==1){ this.ssourl = res.data.channel_site[0].domain this.logout() } }) .catch(() => { }) sessionStorage.removeItem('saveTitle') }, async logout() { this.$confirm('确定退出系统吗?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.$store.dispatch('LogOut').then(() => { let ssa = window.location.host let ht = document.location.protocol if(ssa =='localhost:1024'){ window.location.href=ht+'//'+this.ssourl +'/api/v2/logout?redirect='+ht+'//'+ssa+'/login' }else{ window.location.href=ht+'//'+this.ssourl +'/api/v2/logout?redirect='+ht+'//'+ssa+'/login' } }) }) } } } </script> <style lang="scss" scoped> .navbar { height: 50px; overflow: hidden; position: relative; background: #fff; box-shadow: 0 1px 4px rgba(0,21,41,.08); .hamburger-container { line-height: 46px; height: 100%; float: left; cursor: pointer; transition: background .3s; -webkit-tap-highlight-color:transparent; &:hover { background: rgba(0, 0, 0, .025) } } .breadcrumb-container { float: left; } .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; transition: background .3s; &:hover { background: rgba(0, 0, 0, .025) } } } .avatar-container { margin-right: 30px; .avatar-wrapper { margin-top: 5px; position: relative; .user-avatar { cursor: pointer; width: 40px; height: 40px; border-radius: 10px; } .el-icon-caret-bottom { cursor: pointer; position: absolute; right: -20px; top: 25px; font-size: 12px; } } } } } </style>