gonghao
/
local_alert
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

jsmpeg地址指向,侧边栏指向修改

This commit is contained in:
龚皓 2024-10-25 16:51:53 +08:00
parent 1d550b8952
commit 47dc751cca
2 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -5,7 +5,7 @@
<link rel="icon" href="/icon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>告警管理</title>
<script src="public\static\jsmpeg-master\jsmpeg.min.js"></script>
<script src="/static/jsmpeg-master/jsmpeg.min.js"></script>
</head>
<body>
<div id="app"></div>

28
src/components/Layout.vue
View File

@ -22,7 +22,11 @@
<el-icon><Avatar /></el-icon>
<template #title><span>用户管理</span></template>
</el-menu-item>
<el-sub-menu index="1">
<el-menu-item index="/settings">
<el-icon><Setting /></el-icon>
<template #title><span>告警设置</span></template>
</el-menu-item>
<!-- <el-sub-menu index="1">
<template #title>
<el-icon><Location /></el-icon>
<span>面板测试</span>
@ -43,7 +47,7 @@
<el-icon><Document /></el-icon>
<template #title><span>功能点3测试</span></template>
</el-menu-item>
</el-sub-menu>
</el-sub-menu> -->
</el-menu>
</el-aside>
@ -64,7 +68,7 @@
</span>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item>
<el-dropdown-item @click="goToUserManagement">
<el-icon><User /></el-icon> 用户中心
</el-dropdown-item>
<el-dropdown-item @click="onLogout">
@ -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;
}
</style>