From 62e82ea9ee6a73cf7cdcfe1ab1a7b49a23f571e3 Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期五, 15 十月 2021 17:58:28 +0800
Subject: [PATCH] 录像下载修复

---
 web_src/src/components/UiHeader.vue |   52 +++++++++++++++++++++++++++++++++++++++++++++++-----
 1 files changed, 47 insertions(+), 5 deletions(-)

diff --git a/web_src/src/components/UiHeader.vue b/web_src/src/components/UiHeader.vue
index ae0780b..b2e9bbb 100644
--- a/web_src/src/components/UiHeader.vue
+++ b/web_src/src/components/UiHeader.vue
@@ -1,33 +1,66 @@
 <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="activeIndex" 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">鎷夋祦浠g悊</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-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="鎶ヨ淇℃伅鎺ㄩ��" 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,
             sseSource: null,
+            activeIndex: this.$route.path,
         };
     },
     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();
@@ -35,8 +68,8 @@
         sseControl() {
             let that = this;
             if (this.alarmNotify) {
-                console.log("鐢宠SSE鎺ㄩ�丄PI璋冪敤锛屾祻瑙堝櫒ID: " + this.$browserId);
-                this.sseSource = new EventSource('/api/emit?browserId=' + this.$browserId);
+              console.log("鐢宠SSE鎺ㄩ�丄PI璋冪敤锛屾祻瑙堝櫒ID: " + this.$browserId);
+              this.sseSource = new EventSource('/api/emit?browserId=' + this.$browserId);
         	    this.sseSource.addEventListener('message', function(evt) {
                     that.$notify({
                         title: '鏀跺埌鎶ヨ淇℃伅',
@@ -64,6 +97,11 @@
             }
         }
     },
+    created(){
+      if (this.$route.path.startsWith("/channelList")){
+        this.activeIndex = "/deviceList"
+      }
+    },
     mounted() {
         window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
         // window.addEventListener('unload', e => this.unloadHandler(e))
@@ -71,6 +109,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