From cb5849d8a14f55241c44bdf6724b18de7950564d Mon Sep 17 00:00:00 2001
From: panlinlin <648540858@qq.com>
Date: 星期三, 14 四月 2021 16:33:10 +0800
Subject: [PATCH] 支持接口鉴权，支持修改密码，
---
web_src/src/components/UiHeader.vue | 34 +++++++++++++++++++++++++++++++---
1 files changed, 31 insertions(+), 3 deletions(-)
diff --git a/web_src/src/components/UiHeader.vue b/web_src/src/components/UiHeader.vue
index ae0780b..e537953 100644
--- a/web_src/src/components/UiHeader.vue
+++ b/web_src/src/components/UiHeader.vue
@@ -1,21 +1,30 @@
<template>
<div id="UiHeader">
- <el-menu router :default-active="this.$route.path" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" mode="horizontal">
+ <el-menu router :default-active="this.$route.path" menu-trigger="click" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" mode="horizontal">
<el-menu-item index="/">鎺у埗鍙�</el-menu-item>
<el-menu-item index="/deviceList">璁惧鍒楄〃</el-menu-item>
<el-menu-item index="/pushVideoList">鎺ㄦ祦鍒楄〃</el-menu-item>
<el-menu-item index="/streamProxyList">鎷夋祦浠ｇ悊</el-menu-item>
<el-menu-item index="/parentPlatformList/15/1">鍥芥爣绾ц仈</el-menu-item>
+ <el-menu-item @click="openDoc">鍦ㄧ嚎鏂囨。</el-menu-item>
<el-switch v-model="alarmNotify" active-text="鎶ヨ淇℃伅鎺ㄩ��" style="display: block float: right" @change="sseControl"></el-switch>
- <el-menu-item style="float: right;" @click="loginout">閫�鍑�</el-menu-item>
+<!-- <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>
+ <el-menu-item @click="changePassword">淇敼瀵嗙爜</el-menu-item>
+ <el-menu-item @click="loginout">娉ㄩ攢</el-menu-item>
+ </el-submenu>
</el-menu>
+ <changePasswordDialog ref="changePasswordDialog"></changePasswordDialog>
</div>
</template>
<script>
+
+import changePasswordDialog from './dialog/changePassword.vue'
export default {
name: "UiHeader",
- components: { Notification },
+ components: { Notification, changePasswordDialog },
data() {
return {
alarmNotify: true,
@@ -24,10 +33,25 @@
},
methods:{
loginout(){
+ this.$axios({
+ method: 'get',
+ url:"/api/user/logout"
+ }).then((res)=> {
// 鍒犻櫎cookie锛屽洖鍒扮櫥褰曢〉闈�
this.$cookies.remove("session");
this.$router.push('/login');
this.sseSource.close();
+ }).catch((error)=> {
+ console.error("鐧诲嚭澶辫触")
+ console.error(error)
+ });
+ },
+ changePassword(){
+ this.$refs.changePasswordDialog.openDialog()
+ },
+ openDoc(){
+ console.log(process.env.BASE_API)
+ window.open( !!process.env.BASE_API? process.env.BASE_API + "/doc.html": "/doc.html")
},
beforeunloadHandler() {
this.sseSource.close();
@@ -71,6 +95,10 @@
},
destroyed() {
window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
+ this.sseSource.removeEventListener('open', null);
+ this.sseSource.removeEventListener('message', null);
+ this.sseSource.removeEventListener('error', null);
+ this.sseSource.close();
// window.removeEventListener('unload', e => this.unloadHandler(e))
},
}
--
Gitblit v1.8.0