refactor(monitor): 优化监控告警页面

- 监控页面标题改为监控看板
- 告警页面标题改为告警信息
- 告警页面删除告警通道面板
- 侧边栏导航文本同步更新
This commit is contained in:
2026-07-17 14:11:09 +08:00
parent 0c5628358f
commit b58e1d5c3c
4 changed files with 7 additions and 30 deletions
@@ -30,10 +30,10 @@
<div class="nav-group"> <div class="nav-group">
<div class="nav-label">可观测性</div> <div class="nav-label">可观测性</div>
<router-link to="/monitor" class="nav-item" active-class="active"> <router-link to="/monitor" class="nav-item" active-class="active">
<span class="ic">◎</span>监控 <span class="ic">◎</span>监控看板
</router-link> </router-link>
<router-link to="/alert" class="nav-item" active-class="active"> <router-link to="/alert" class="nav-item" active-class="active">
<span class="ic">⚡</span>告警 <span class="ic">⚡</span>告警信息
</router-link> </router-link>
</div> </div>
<div class="nav-group"> <div class="nav-group">
+2 -2
View File
@@ -110,13 +110,13 @@ const router = createRouter({
path: 'monitor', path: 'monitor',
name: 'Monitor', name: 'Monitor',
component: () => import('@/views/monitor/Monitor.vue'), component: () => import('@/views/monitor/Monitor.vue'),
meta: { title: '监控' }, meta: { title: '监控看板' },
}, },
{ {
path: 'alert', path: 'alert',
name: 'Alert', name: 'Alert',
component: () => import('@/views/monitor/Alert.vue'), component: () => import('@/views/monitor/Alert.vue'),
meta: { title: '告警' }, meta: { title: '告警信息' },
}, },
], ],
}, },
+1 -24
View File
@@ -2,12 +2,11 @@
<div> <div>
<div class="page-head"> <div class="page-head">
<div> <div>
<h1>告警</h1> <h1>告警信息</h1>
<p>夜莺(Nightingale)统一告警引擎 · qpass 推送</p> <p>夜莺(Nightingale)统一告警引擎 · qpass 推送</p>
</div> </div>
</div> </div>
<div class="cols-2-equal">
<div class="panel"> <div class="panel">
<div class="panel-head"> <div class="panel-head">
<h3>当前告警</h3> <h3>当前告警</h3>
@@ -33,28 +32,6 @@
</div> </div>
</div> </div>
<div class="panel">
<div class="panel-head">
<h3>告警通道</h3>
<span class="meta">qpass</span>
</div>
<div class="panel-body">
<table>
<tbody>
<tr class="tr-hover">
<td>推送状态</td>
<td class="status-text ok">● 正常</td>
</tr>
<tr class="tr-hover">
<td>通道类型</td>
<td>企业微信 · 钉钉 · 短信</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel"> <div class="panel">
<div class="panel-head"> <div class="panel-head">
<h3>告警记录</h3> <h3>告警记录</h3>
+1 -1
View File
@@ -2,7 +2,7 @@
<div> <div>
<div class="page-head"> <div class="page-head">
<div> <div>
<h1>监控</h1> <h1>监控看板</h1>
<p>VictoriaMetrics 指标 · Zabbix 硬件状态</p> <p>VictoriaMetrics 指标 · Zabbix 硬件状态</p>
</div> </div>
</div> </div>