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;
}