From 0eba7c40c34d92c93448f39793726e02b0e3cd12 Mon Sep 17 00:00:00 2001 From: 648540858 <648540858@qq.com> Date: 星期二, 14 十二月 2021 08:56:42 +0800 Subject: [PATCH] 修复录像下载 --- web_src/src/components/UiHeader.vue | 68 +++++++++++++++++++++++++-------- 1 files changed, 51 insertions(+), 17 deletions(-) diff --git a/web_src/src/components/UiHeader.vue b/web_src/src/components/UiHeader.vue index af59f6f..6391fe8 100644 --- a/web_src/src/components/UiHeader.vue +++ b/web_src/src/components/UiHeader.vue @@ -1,13 +1,21 @@ <template> <div id="UiHeader"> - <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 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-switch v-model="alarmNotify" active-text="鎶ヨ淇℃伅鎺ㄩ��" style="display: block float: right" @change="sseControl"></el-switch> +<!-- <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="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> @@ -27,9 +35,22 @@ components: { Notification, changePasswordDialog }, data() { return { - alarmNotify: true, + alarmNotify: false, sseSource: null, + activeIndex: this.$route.path, }; + }, + 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)) + this.alarmNotify = this.getAlarmSwitchStatus() === "true"; + this.sseControl(); }, methods:{ loginout(){ @@ -56,6 +77,10 @@ beforeunloadHandler() { this.sseSource.close(); }, + alarmNotifyChannge(){ + this.setAlarmSwitchStatus() + this.sseControl() + }, sseControl() { let that = this; if (this.alarmNotify) { @@ -81,26 +106,35 @@ } }, false); } else { - this.sseSource.removeEventListener('open', null); - this.sseSource.removeEventListener('message', null); - this.sseSource.removeEventListener('error', null); - this.sseSource.close(); + if (this.sseSource != null) { + this.sseSource.removeEventListener('open', null); + this.sseSource.removeEventListener('message', null); + this.sseSource.removeEventListener('error', null); + this.sseSource.close(); + } + } + }, + getAlarmSwitchStatus(){ + if (localStorage.getItem("alarmSwitchStatus") == null) { + localStorage.setItem("alarmSwitchStatus", false); + } + return localStorage.getItem("alarmSwitchStatus"); + }, + setAlarmSwitchStatus(){ + localStorage.setItem("alarmSwitchStatus", this.alarmNotify); } - }, - mounted() { - window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) - // window.addEventListener('unload', e => this.unloadHandler(e)) - this.sseControl(); }, 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)) + if (this.sseSource != null) { + this.sseSource.removeEventListener('open', null); + this.sseSource.removeEventListener('message', null); + this.sseSource.removeEventListener('error', null); + this.sseSource.close(); + } }, + } </script> -- Gitblit v1.8.0