From 47dc751cca8b9ff21cf33b7eb4488f4876054e0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BE=9A=E7=9A=93?= <1736436516@qq.com>
Date: Fri, 25 Oct 2024 16:51:53 +0800
Subject: [PATCH] =?UTF-8?q?jsmpeg=E5=9C=B0=E5=9D=80=E6=8C=87=E5=90=91,?=
=?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E6=8C=87=E5=90=91=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
index.html | 2 +-
src/components/Layout.vue | 28 ++++++++++++++++++++--------
2 files changed, 21 insertions(+), 9 deletions(-)
diff --git a/index.html b/index.html
index f9f4c87..83251f0 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
告警管理
-
+
diff --git a/src/components/Layout.vue b/src/components/Layout.vue
index 780941f..1fcb476 100644
--- a/src/components/Layout.vue
+++ b/src/components/Layout.vue
@@ -22,7 +22,11 @@
用户管理
-
+
+
+ 告警设置
+
+
@@ -64,7 +68,7 @@
-
+
用户中心
@@ -92,7 +96,7 @@ import { ref, watch, onMounted } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import {
Document, WarningFilled, Location, User, SwitchButton,
- House, Management, TrendCharts, Avatar, Fold, Expand
+ House, Management, TrendCharts, Avatar, Fold, Expand ,Setting
} from '@element-plus/icons-vue';
import { BoxApi } from '@/utils/boxApi';
import { ElMessage } from 'element-plus';
@@ -103,6 +107,10 @@ const activeIndex = ref(route.path);
const isCollapse = ref(false); // 控制侧边栏收缩状态
const username = ref(''); // 存储用户名
+const goToUserManagement = () => {
+ router.push('/userList'); // 跳转到用户管理页面
+};
+
onMounted(() => {
const storedUsername = localStorage.getItem('username');
username.value = storedUsername ? storedUsername : '用户';
@@ -241,14 +249,18 @@ const onLogout = async () => {
}
.nav-footer {
- background-color: #fff;
- font-size: 16px;
- color: #333;
- height: 5vh;
+ background-color: #001529;
+ /* background: linear-gradient(to top, rgb(3, 158, 185,0.7), rgb(123, 3, 153,0.7)); */
+ font-size: 12px;
+ color: #fff;
+ font-weight: bold;
+ height: 2vh;
display: flex;
justify-content: center;
text-align: center;
+ align-items: center;
margin: 0;
padding: 0;
+ border: 1px solid #001529;
}