| | |
| | | <template> |
| | | <div id="UiHeader"> |
| | | <el-menu router :default-active="activeIndex" menu-trigger="click" background-color="#545c64" text-color="#fff" |
| | | active-text-color="#ffd04b" mode="horizontal"> |
| | | <el-menu-item index="/control">控制台</el-menu-item> |
| | | |
| | | <el-menu router :default-active="activeIndex" menu-trigger="click" background-color="#001529" text-color="#fff" |
| | | active-text-color="#1890ff" mode="horizontal"> |
| | | |
| | | <el-menu-item index="/console">控制台</el-menu-item> |
| | | <el-menu-item index="/live">分屏监控</el-menu-item> |
| | | <el-menu-item index="/deviceList">国标设备</el-menu-item> |
| | | <el-menu-item index="/map">电子地图</el-menu-item> |
| | |
| | | <el-menu-item index="/cloudRecord">云端录像</el-menu-item> |
| | | <el-menu-item index="/mediaServerManger">节点管理</el-menu-item> |
| | | <el-menu-item index="/parentPlatformList/15/1">国标级联</el-menu-item> |
| | | <el-menu-item @click="openDoc">在线文档</el-menu-item> |
| | | <el-menu-item v-if="editUser" index="/userManager">用户管理</el-menu-item> |
| | | |
| | | <!-- <el-submenu index="/setting">--> |
| | | <!-- <template slot="title">系统设置</template>--> |
| | | <!-- <el-menu-item index="/setting/web">WEB服务</el-menu-item>--> |
| | | <!-- <el-menu-item index="/setting/sip">国标服务</el-menu-item>--> |
| | | <!-- <el-menu-item index="/setting/media">媒体服务</el-menu-item>--> |
| | | <!-- </el-submenu>--> |
| | | <el-switch v-model="alarmNotify" active-text="报警信息推送" @change="alarmNotifyChannge"></el-switch> |
| | | <!-- <el-menu-item style="float: right;" @click="loginout">退出</el-menu-item>--> |
| | | <el-submenu index="" style="float: right;"> |
| | | <template slot="title">欢迎,{{ this.$cookies.get("session").username }}</template> |
| | | <template slot="title">欢迎,{{ username }}</template> |
| | | <el-menu-item @click="openDoc">在线文档</el-menu-item> |
| | | <el-menu-item> |
| | | <el-switch v-model="alarmNotify" inactive-text="报警信息推送" @change="alarmNotifyChannge"></el-switch> |
| | | </el-menu-item> |
| | | <el-menu-item @click="changePassword">修改密码</el-menu-item> |
| | | <el-menu-item @click="loginout">注销</el-menu-item> |
| | | </el-submenu> |
| | |
| | | <script> |
| | | |
| | | import changePasswordDialog from '../components/dialog/changePassword.vue' |
| | | import userService from '../components/service/UserService' |
| | | import {Notification} from 'element-ui'; |
| | | |
| | | export default { |
| | | name: "UiHeader", |
| | |
| | | return { |
| | | alarmNotify: false, |
| | | sseSource: null, |
| | | username: userService.getUser().username, |
| | | activeIndex: this.$route.path, |
| | | editUser: userService.getUser() ? userService.getUser().role.id === 1 : false |
| | | }; |
| | | }, |
| | | created() { |
| | | console.log(4444) |
| | | console.log(JSON.stringify(userService.getUser())) |
| | | if (this.$route.path.startsWith("/channelList")) { |
| | | this.activeIndex = "/deviceList" |
| | | |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | method: 'get', |
| | | url: "/api/user/logout" |
| | | }).then((res) => { |
| | | // 删除cookie,回到登录页面 |
| | | this.$cookies.remove("session"); |
| | | // 删除用户信息,回到登录页面 |
| | | userService.clearUserInfo() |
| | | this.$router.push('/login'); |
| | | this.sseSource.close(); |
| | | if (this.sseSource != null) { |
| | | this.sseSource.close(); |
| | | } |
| | | |
| | | }).catch((error) => { |
| | | console.error("登出失败") |
| | | console.error(error) |
| | |
| | | #UiHeader .el-switch__label { |
| | | color: white; |
| | | } |
| | | #UiHeader .el-switch__label.is-active{ |
| | | |
| | | .el-menu--popup .el-menu-item .el-switch .el-switch__label { |
| | | color: white !important; |
| | | } |
| | | |
| | | #UiHeader .el-switch__label.is-active { |
| | | color: #409EFF; |
| | | } |
| | | |
| | | #UiHeader .el-menu-item.is-active { |
| | | color: #fff !important; |
| | | background-color: #1890ff !important; |
| | | } |
| | | </style> |