Merge pull request #86 from 2311719626/feature/modify-frontend-content

feat(frontend): 新增服务管理入口并统一按钮样式

frontend/src/components/Layout/AppSidebar.vue

@@ -17,8 +17,11 @@
     </div>
     <div class="nav-group">
       <div class="nav-label">资源纳管</div>
-      <router-link to="/resource/management" class="nav-item" active-class="active">
-        <span class="ic">▥</span>资源管理<span class="badge">CMDB</span>
+      <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>

frontend/src/router/index.ts

@@ -82,10 +82,10 @@ const router = createRouter({
           meta: { title: '资源状态看板' },
         },
         {
-          path: 'resource/management',
-          name: 'ResourceManagement',
+          path: 'machine/management',
+          name: 'MachineManagement',
           component: () => import('@/views/resource/Management.vue'),
-          meta: { title: '资源管理' },
+          meta: { title: '机器管理' },
         },
         {
           path: 'infrastructure/cluster',

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">

frontend/src/views/resource/Management.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="page-head">
       <div>
-        <h1>资源管理</h1>
+        <h1>机器管理</h1>
         <p>统一纳管物理机与虚机资源 · 基础数据来自 SINA CMDB</p>
       </div>
       <el-button type="primary">同步</el-button>

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">