From a01d4fa74e178f7d17c7f123879a1e125370a93d Mon Sep 17 00:00:00 2001
From: 648540858 <648540858@qq.com>
Date: 星期三, 07 八月 2024 10:49:35 +0800
Subject: [PATCH] 修复前端文件编译错误
---
web_src/src/layout/UiHeader.vue | 58 +++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 43 insertions(+), 15 deletions(-)
diff --git a/web_src/src/layout/UiHeader.vue b/web_src/src/layout/UiHeader.vue
old mode 100644
new mode 100755
index 1e05d21..fdfcb9f
--- a/web_src/src/layout/UiHeader.vue
+++ b/web_src/src/layout/UiHeader.vue
@@ -1,8 +1,10 @@
<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>
@@ -11,17 +13,21 @@
<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>
@@ -31,8 +37,9 @@
</template>
<script>
-
import changePasswordDialog from '../components/dialog/changePassword.vue'
+import userService from '../components/service/UserService'
+import {Notification} from 'element-ui';
export default {
name: "UiHeader",
@@ -41,19 +48,25 @@
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(JSON.stringify(userService.getUser()))
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();
+
+ // TODO: 姝ゅ寤惰繜杩炴帴 sse, 閬垮厤 sse 杩炴帴鏃� browserId 杩樻湭鐢熸垚, 鍚庣画寰呬紭鍖�
+ setTimeout(() => {
+ this.sseControl()
+ }, 3000);
},
methods: {
loginout() {
@@ -61,10 +74,13 @@
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)
@@ -91,10 +107,12 @@
this.sseSource = new EventSource('/api/emit?browserId=' + this.$browserId);
this.sseSource.addEventListener('message', function (evt) {
that.$notify({
- title: '鏀跺埌鎶ヨ淇℃伅',
+ title: '鎶ヨ淇℃伅',
dangerouslyUseHTMLString: true,
message: evt.data,
- type: 'warning'
+ type: 'warning',
+ position: 'bottom-right',
+ duration: 3000
});
console.log("鏀跺埌淇℃伅锛�" + evt.data);
});
@@ -145,7 +163,17 @@
#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>
--
Gitblit v1.8.0