From a31f2741534f9f317c4b1ee35b87d8370145c76c Mon Sep 17 00:00:00 2001
From: hezhaohui <hezhaohui0807@163.com>
Date: Fri, 17 Jul 2026 16:00:06 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=20=E6=96=B0=E5=A2=9E=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1=E7=AE=A1=E7=90=86=E5=85=A5=E5=8F=A3=E5=B9=B6=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 侧边栏「机器管理」下方新增「服务管理」导航项（图标 ◈，badge Consul）
- 服务管理页同步按钮文案改为「同步」，添加 type=primary
- 监控看板刷新按钮改为 el-button type=primary，与全局风格统一
---
 frontend/src/components/Layout/AppSidebar.vue | 3 +++
 frontend/src/views/monitor/Monitor.vue        | 2 +-
 frontend/src/views/service/Management.vue     | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Layout/AppSidebar.vue b/frontend/src/components/Layout/AppSidebar.vue
index 094dc17..295871e 100644
--- a/frontend/src/components/Layout/AppSidebar.vue
+++ b/frontend/src/components/Layout/AppSidebar.vue
@@ -20,6 +20,9 @@
       <router-link to="/machine/management" class="nav-item" active-class="active">
         <span class="ic">▥</span>机器管理<span class="badge">CMDB</span>
       </router-link>
+      <router-link to="/service/management" class="nav-item" active-class="active">
+        <span class="ic">◈</span>服务管理<span class="badge">Consul</span>
+      </router-link>
       <router-link to="/infrastructure/cluster" class="nav-item" active-class="active">
         <span class="ic">◆</span>集群与容器<span class="badge">3</span>
       </router-link>
diff --git a/frontend/src/views/monitor/Monitor.vue b/frontend/src/views/monitor/Monitor.vue
index b77ce51..3bd6a9a 100644
--- a/frontend/src/views/monitor/Monitor.vue
+++ b/frontend/src/views/monitor/Monitor.vue
@@ -5,7 +5,7 @@
         <h1>监控看板</h1>
         <p>物理机 / 虚机 / 基础服务状态汇总 · 夜莺（Nightingale）统一告警引擎对接 Zabbix + VictoriaMetrics · 最近更新于 18 秒前</p>
       </div>
-      <button class="btn btn-ghost">⟳ 刷新</button>
+      <el-button type="primary">刷新</el-button>
     </div>
 
     <div class="stat-row">
diff --git a/frontend/src/views/service/Management.vue b/frontend/src/views/service/Management.vue
index 828dd67..5e11c87 100644
--- a/frontend/src/views/service/Management.vue
+++ b/frontend/src/views/service/Management.vue
@@ -5,7 +5,7 @@
         <h1>服务管理</h1>
         <p>同步全部机房 Consul 注册中心服务目录，统一查看服务名 / 服务 IP / 业务标签 / 实例数</p>
       </div>
-      <el-button>⟳ 立即同步</el-button>
+      <el-button type="primary">同步</el-button>
     </div>
 
     <div class="stat-row">