1. 11 Jan, 2026 10 commits
    • IanShaw027's avatar
      92eafbc2
    • IanShaw027's avatar
      feat(ops): 统一弹窗组件并优化分页设置 · 1b938b20
      IanShaw027 authored
      - OpsErrorDetailsModal和OpsRequestDetailsModal改用BaseDialog统一弹窗组件
      - 分页默认值从50改为20条,减少单页数据量
      - OpsAlertEventsCard表格添加sticky表头,优化滚动体验
      - 移除自定义Teleport和Transition实现,使用统一组件
      1b938b20
    • IanShaw027's avatar
      feat(ops): 添加分组和账号级别监控指标 · dd59e872
      IanShaw027 authored
      - 后端新增 GetAccountAvailability 方法获取账号可用性数据
      - 添加分组可用率和限流率计算辅助函数
      - 前端支持分组和账号级别的监控指标类型
      - 优化警报规则指标选择器,按类别分组显示
      dd59e872
    • IanShaw027's avatar
      feat(ops): 隐藏查询模式选择器 · 63dc6a68
      IanShaw027 authored
      - 在OpsDashboardHeader中隐藏queryMode选择器(使用v-if="false")
      - 保留所有后端逻辑和前端状态管理
      - auto模式逻辑:优先使用预聚合数据,不存在时回退到实时计算
      - 用户界面更简洁,后端自动选择最优查询方式
      
      相关文件:
      - frontend/src/views/admin/ops/components/OpsDashboardHeader.vue
      63dc6a68
    • IanShaw027's avatar
      feat(ops): 集成运维监控设置对话框到仪表盘 · a39316e0
      IanShaw027 authored
      - 在OpsDashboardHeader添加设置和警报规则按钮
      - 在OpsDashboard集成OpsSettingsDialog组件
      - 添加警报规则弹窗展示
      - 添加高级设置API类型定义
      - 支持从Header快速访问设置和规则管理
      
      相关文件:
      - frontend/src/api/admin/ops.ts
      - frontend/src/views/admin/ops/types.ts
      - frontend/src/views/admin/ops/OpsDashboard.vue
      - frontend/src/views/admin/ops/components/OpsDashboardHeader.vue
      a39316e0
    • IanShaw027's avatar
      feat(ops): 优化警报规则和设置的成功提示信息 · f5416368
      IanShaw027 authored
      - 添加警报规则保存成功提示:"警报规则保存成功"
      - 添加警报规则删除成功提示:"警报规则删除成功"
      - 添加运维监控设置保存成功提示:"运维监控设置保存成功"
      - 替换通用的"操作成功"提示为具体的业务提示
      - 失败时显示后端返回的详细错误信息
      
      相关文件:
      - frontend/src/i18n/locales/zh.ts
      - frontend/src/views/admin/ops/components/OpsAlertRulesCard.vue
      - frontend/src/views/admin/ops/components/OpsSettingsDialog.vue
      f5416368
    • IanShaw027's avatar
      feat(ops): 优化仪表盘Header响应式布局与指标展示 · e4bc9f6f
      IanShaw027 authored
      **响应式优化**:
      - 添加flex-wrap支持窄屏时间选择器自动换行
      - 当前QPS/TPS在窄屏时自动换行,避免溢出
      - 时间按钮在窄屏使用更小字号和间距(9px/1.5px)
      - 当前数值使用响应式字体(xl→sm:2xl)
      
      **指标展示优化**:
      1. 请求卡片:
         - 标题简化:总请求 → 请求
         - 字段调整:请求 → 请求数
         - 移除:平均延迟、平均首字延迟(避免冗余)
      
      2. 延迟和TTFT卡片:
         - 布局:grid → flex-wrap(自适应布局)
         - 指标不换行:添加whitespace-nowrap
         - 最小宽度:min-w-[60px]保证可读性
         - 单位内联:名称、数值、单位在同一行(P95: 123 ms)
         - 自动换行:整个指标项作为整体换行
      
      **效果**:
      - 窄屏:所有元素自动适配,无溢出
      - 宽屏:充分利用空间,清晰展示
      - 灵活布局:根据容器宽度自动调整指标排列
      e4bc9f6f
    • IanShaw027's avatar
      feat(ops): 增强错误详情弹窗与API支持 · e5857161
      IanShaw027 authored
      **前端改动**:
      1. OpsErrorDetailModal.vue:
         - 新增上游错误详情展示功能
         - 支持查看上游错误的请求头、响应体等调试信息
         - 改进错误信息格式化与可读性
      
      2. ops.ts API:
         - 新增getUpstreamErrors接口调用上游错误查询API
      
      **后端配置**:
      - config.go/config.yaml/deploy/config.example.yaml:
        - 更新配置支持上游错误事件记录开关
        - 添加相关配置项文档说明
      e5857161
    • IanShaw027's avatar
      feat(ops): 恢复仪表盘脉搏动画效果 · abdc4f39
      IanShaw027 authored
      - 将静态QPS历史折线图替换为动画脉搏线
      - 使用SVG animate元素实现心跳效果(2秒循环动画)
      - 增强流量可视化:通过脉冲跳动直观展示流量"活跃"状态
      - 恢复重构前的视觉效果与用户体验
      abdc4f39
    • IanShaw027's avatar
      feat(ops): 添加QPS脉搏线图并优化指标布局 · 89a725a4
      IanShaw027 authored
      - 添加实时QPS/TPS历史数据追踪(最近60个数据点)
      - 在平均QPS/TPS上方添加SVG脉搏线图(sparkline)
      - 将延迟和TTFT卡片的指标布局从2列改为3列
      - 恢复Max指标显示(P95/P90/P50/Avg/Max)
      89a725a4
  2. 09 Jan, 2026 3 commits
    • IanShaw027's avatar
      feat(运维监控): 重构仪表板布局和增强数据展示 · c48dc097
      IanShaw027 authored
      主要改动:
      - 重构仪表板为左右布局(5:7比例)
      - 左侧:健康评分 + 实时信息(当前/峰值/平均 QPS/TPS)
      - 右侧:6个卡片展示详细指标(3列x2行)
        - 总请求:请求数、Token数、平均QPS/TPS、平均延迟/TTFT
        - SLA:百分比、异常数、进度条
        - 延迟:P99/P95/P90/P50/Avg/Max(带颜色编码)
        - TTFT:P99/P95/P90/P50/Avg/Max(带颜色编码)
        - 请求错误:错误率、错误数、业务限制数
        - 上游错误:错误率、错误数(排除429/529)、429/529数
      - 添加延迟/TTFT颜色编码(<500ms绿色,<1s黄色,<2s橙色,≥2s红色)
      - 添加实时窗口选择器(1min/5min/30min/1h)
      - 优化时间段选择器标签("近5分钟"等)
      - 完善中英文i18n翻译
      - 数据库:添加Redis连接池字段(redis_conn_total, redis_conn_idle)
      c48dc097
    • IanShaw027's avatar
      feat(运维监控): 增强监控功能和健康评分系统 · 585257d3
      IanShaw027 authored
      后端改进:
      - 新增健康评分计算服务(ops_health_score.go)
      - 添加分布式锁支持(ops_advisory_lock.go)
      - 优化指标采集和聚合逻辑
      - 新增运维指标采集间隔配置(60-3600秒)
      - 移除未使用的WebSocket查询token认证中间件
      - 改进清理服务和告警评估逻辑
      
      前端改进:
      - 简化OpsDashboard组件结构
      - 完善国际化文本(中英文)
      - 新增运维监控相关API类型定义
      - 添加运维指标采集间隔设置界面
      - 优化错误详情模态框
      
      测试:
      - 添加健康评分单元测试
      - 更新API契约测试
      585257d3
    • IanShaw027's avatar
      feat(前端UI): 实现运维监控前端界面 · 8ae75e7f
      IanShaw027 authored
      - 新增帮助提示组件(HelpTooltip.vue)
      - 更新侧边栏添加 ops 监控菜单项
      - 扩展设置视图集成 ops 配置面板
      - 新增 ops 监控视图目录(dashboard, alerts, realtime, settings 等)
      8ae75e7f