优化展示

This commit is contained in:
2025-11-22 15:00:48 +08:00
parent b0b0e55947
commit 9b02f8d127

View File

@@ -17,7 +17,7 @@
:collapse="isCollapse"
:collapse-transition="false"
router
:default-openeds="['/device-management', '/monitor', '/pms', '/alarm', '/feed']"
:default-openeds="[]"
>
<el-menu-item index="/">
<el-icon>
@@ -26,6 +26,13 @@
<template #title>首页</template>
</el-menu-item>
<el-menu-item index="/plans">
<el-icon>
<Calendar/>
</el-icon>
<template #title>计划管理</template>
</el-menu-item>
<!-- 设备管理二级菜单 -->
<el-sub-menu index="/device-management">
<template #title>
@@ -74,7 +81,7 @@
<el-sub-menu index="/feed">
<template #title>
<el-icon>
<TakeawayBox />
<TakeawayBox/>
</el-icon>
<span>饲料管理</span>
</template>
@@ -105,13 +112,6 @@
</el-sub-menu>
<el-menu-item index="/plans">
<el-icon>
<Calendar/>
</el-icon>
<template #title>计划管理</template>
</el-menu-item>
<!-- 告警中心二级菜单 -->
<el-sub-menu index="/alarm">
<template #title>
@@ -122,13 +122,13 @@
</template>
<el-menu-item index="/alarms">
<el-icon>
<Warning />
<Warning/>
</el-icon>
<template #title>告警管理</template>
</el-menu-item>
<el-menu-item index="/alarms/thresholds">
<el-icon>
<Setting />
<Setting/>
</el-icon>
<template #title>阈值告警配置</template>
</el-menu-item>
@@ -253,10 +253,15 @@
</div>
<div class="user-info">
<!-- 告警铃铛图标和角标 -->
<el-badge :value="unresolvedAlarmCount" :max="99" class="alarm-badge" @click="goToAlarmList" v-if="unresolvedAlarmCount > 0">
<el-icon :size="20"><Bell /></el-icon>
<el-badge :value="unresolvedAlarmCount" :max="99" class="alarm-badge" @click="goToAlarmList"
v-if="unresolvedAlarmCount > 0">
<el-icon :size="20">
<Bell/>
</el-icon>
</el-badge>
<el-icon :size="20" class="alarm-icon" @click="goToAlarmList" v-else><Bell /></el-icon>
<el-icon :size="20" class="alarm-icon" @click="goToAlarmList" v-else>
<Bell/>
</el-icon>
<el-dropdown>
<span class="el-dropdown-link">
@@ -318,7 +323,7 @@ import {
Bell,
TakeawayBox
} from '@element-plus/icons-vue';
import { getActiveAlarms } from '../api/alarm'; // 导入告警API
import {getActiveAlarms} from '../api/alarm'; // 导入告警API
export default {
name: 'MainLayout',