Merge pull request #54 from aice030/feat/46

Feat(View&Controller): 将告警变更记录的变量从死数据改为了可调用api接口获取数据的变量

Author: aice030

client/src/api/index.ts

@@ -98,6 +98,14 @@ export const apiService = {
     if (start) params.start = start
     if (limit) params.limit = limit
     return api.get('/v1/changelog/deployment', { params })
+  },
+
+  // 获取告警规则变更记录
+  getAlertRuleChangelog: (start?: string, limit?: number) => {
+    const params: { start?: string; limit?: number } = {}
+    if (start) params.start = start
+    if (limit) params.limit = limit
+    return api.get('/v1/changelog/alertrules', { params })
   }
 }
 

client/src/mock/api.ts

@@ -1,5 +1,5 @@
 // Mock API服务
-import { mockServicesData, mockServiceDetails, mockVersionOptions, mockScheduledReleases, mockServiceActiveVersions, mockServiceMetrics, mockAvailableVersions, mockDeploymentPlans, mockMetricsData, mockDeploymentChangelog, type ServicesResponse, type ServiceDetail, type ServiceActiveVersionsResponse, type ServiceMetricsResponse, type AvailableVersionsResponse, type DeploymentPlansResponse, type MetricsResponse, type DeploymentChangelogResponse } from './services'
+import { mockServicesData, mockServiceDetails, mockVersionOptions, mockScheduledReleases, mockServiceActiveVersions, mockServiceMetrics, mockAvailableVersions, mockDeploymentPlans, mockMetricsData, mockDeploymentChangelog, mockAlertRuleChangelog, type ServicesResponse, type ServiceDetail, type ServiceActiveVersionsResponse, type ServiceMetricsResponse, type AvailableVersionsResponse, type DeploymentPlansResponse, type MetricsResponse, type DeploymentChangelogResponse, type AlertRuleChangelogResponse } from './services'
 
 // 模拟网络延迟
 const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms))
@@ -151,6 +151,31 @@ export class MockApiService {
       next: items.length > 0 ? items[items.length - 1].startTime : undefined
     }
   }
+
+  // 获取告警规则变更记录 - 新的API接口
+  static async getAlertRuleChangelog(start?: string, limit?: number): Promise<AlertRuleChangelogResponse> {
+    await delay(300)
+    console.log(`Mock API: 获取告警规则变更记录 - start: ${start}, limit: ${limit}`)
+    
+    // 模拟分页逻辑
+    let items = [...mockAlertRuleChangelog.items]
+    
+    // 如果有start参数，模拟从该时间点开始的数据
+    if (start) {
+      const startTime = new Date(start)
+      items = items.filter(item => new Date(item.editTime) <= startTime)
+    }
+    
+    // 如果有limit参数，限制返回数量
+    if (limit && limit > 0) {
+      items = items.slice(0, limit)
+    }
+    
+    return {
+      items,
+      next: items.length > 0 ? items[items.length - 1].editTime : undefined
+    }
+  }
 }
 
 // 导出Mock API实例

client/src/mock/services.ts

@@ -216,6 +216,26 @@ export interface DeploymentPlansResponse {
   items: DeploymentPlan[]
 }
 
+// 告警规则变更记录数据结构
+export interface AlertRuleChangeValue {
+  name: string
+  old: string
+  new: string
+}
+
+export interface AlertRuleChangeItem {
+  name: string
+  editTime: string
+  scope: string
+  values: AlertRuleChangeValue[]
+  reason: string
+}
+
+export interface AlertRuleChangelogResponse {
+  items: AlertRuleChangeItem[]
+  next?: string
+}
+
 // Mock数据 - 发布计划（按服务分组）
 export const mockDeploymentPlans: Record<string, DeploymentPlansResponse> = {
   "s3": {
@@ -1225,3 +1245,67 @@ export const mockServiceMetrics: Record<string, ServiceMetricsResponse> = {
     ]
   }
 }
+
+// Mock数据 - 告警规则变更记录
+export const mockAlertRuleChangelog: AlertRuleChangelogResponse = {
+  items: [
+    {
+      name: "p98_latency_too_high",
+      editTime: "2024-01-04T12:00:00Z",
+      scope: "service:stg",
+      values: [
+        {
+          name: "threshold",
+          old: "10",
+          new: "15"
+        },
+        {
+          name: "watchTimeDuration",
+          old: "3min",
+          new: "5min"
+        }
+      ],
+      reason: "由于业务增长，系统负载增加，原有10ms的延时阈值过于严格，导致频繁告警。经过AI分析历史数据，建议将阈值调整为15ms，既能及时发现性能问题，又避免误报。"
+    },
+    {
+      name: "saturation_too_high",
+      editTime: "2024-01-03T15:00:00Z",
+      scope: "service:stg",
+      values: [
+        {
+          name: "threshold",
+          old: "50",
+          new: "45"
+        }
+      ],
+      reason: "监控发现系统在50%饱和度时已出现性能下降，提前预警有助于避免系统过载。调整后可以更早发现资源瓶颈，确保服务稳定性。"
+    },
+    {
+      name: "p98_latency_too_high",
+      editTime: "2024-01-03T10:00:00Z",
+      scope: "service:mongo",
+      values: [
+        {
+          name: "threshold",
+          old: "10",
+          new: "5"
+        }
+      ],
+      reason: "MongoDB服务经过优化后性能显著提升，原有10ms阈值已不适用。调整为5ms可以更精确地监控数据库性能，及时发现潜在问题。"
+    },
+    {
+      name: "error_rate_too_high",
+      editTime: "2024-01-01T15:00:00Z",
+      scope: "service:meta",
+      values: [
+        {
+          name: "threshold",
+          old: "10",
+          new: "5"
+        }
+      ],
+      reason: "Meta服务作为核心服务，对错误率要求更加严格。将错误告警阈值从10降低到5，可以更敏感地发现服务异常，确保数据一致性。"
+    }
+  ],
+  next: "2024-01-01T15:00:00Z"
+}

client/src/stores/app.ts

@@ -62,6 +62,15 @@ export interface ModuleRecord {
   eventData?: any
 }
 
+// 告警变更记录类型定义
+export interface AlarmChangeItem {
+  id: string
+  service: string
+  change: string
+  timestamp: string
+  details: string
+}
+
 export const useAppStore = defineStore('app', () => {
   // 状态
   const currentView = ref<'home' | 'changelog'>('home')
@@ -197,52 +206,6 @@ export const useAppStore = defineStore('app', () => {
     scheduledStart.value = time
   }
 
-  const createReleasePlan = async (planData: any) => {
-    try {
-      loading.value = true
-      error.value = null
-      const response = await apiService.createReleasePlan(planData)
-      scheduledReleases.value.push(response.data)
-      return response.data
-    } catch (err: any) {
-      error.value = err.message || '创建发布计划失败'
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const updateReleasePlan = async (id: string, planData: any) => {
-    try {
-      loading.value = true
-      error.value = null
-      const response = await apiService.updateReleasePlan(id, planData)
-      const index = scheduledReleases.value.findIndex(r => r.id === id)
-      if (index !== -1) {
-        scheduledReleases.value[index] = response.data
-      }
-      return response.data
-    } catch (err: any) {
-      error.value = err.message || '更新发布计划失败'
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
-
-  const cancelReleasePlan = async (id: string) => {
-    try {
-      loading.value = true
-      error.value = null
-      await apiService.cancelReleasePlan(id)
-      scheduledReleases.value = scheduledReleases.value.filter(r => r.id !== id)
-    } catch (err: any) {
-      error.value = err.message || '取消发布计划失败'
-      throw err
-    } finally {
-      loading.value = false
-    }
-  }
 
   return {
     // 状态
@@ -272,9 +235,6 @@ export const useAppStore = defineStore('app', () => {
     setSelectedSlice,
     setMetricsOpen,
     setSelectedVersion,
-    setScheduledStart,
-    createReleasePlan,
-    updateReleasePlan,
-    cancelReleasePlan
+    setScheduledStart
   }
 })