oadmin/sub2api
1
0
Fork 0
Code Issues Pull Requests 1 Actions 1 Packages Projects Releases Wiki Activity
846 Commits 2 Branches 0 Tags
f38a3e758506b98e3d09742e04bee3edf3fc6c5f
Commit Graph

29 Commits

Author SHA1 Message Date
IanShaw027
f38a3e7585 feat(ui): 优化ops监控面板和组件功能 
- 增强告警事件卡片的交互和静默功能
- 完善错误详情弹窗的展示和操作
- 优化错误日志表格的筛选和排序
- 新增重试和解决状态的UI支持
 2026-01-14 09:03:59 +08:00
Edric Li
0da515071b feat(ops): 添加运维监控全屏模式 
- 支持通过 URL 参数 ?fullscreen=1 进入全屏模式
- 全屏模式下隐藏非必要 UI 元素（选择器、按钮、提示等）
- 增大健康评分圆环和字体以提升可读性
- 支持 ESC 键退出全屏
- 添加全屏按钮的 i18n 翻译
 2026-01-12 22:10:59 +08:00
IanShaw027
6ad29a470c style(ops): 移除未使用的 isAutoRefreshActive 变量 2026-01-12 17:28:25 +08:00
IanShaw027
b98fb013ae feat(ops): 添加自动刷新配置功能 
功能特性：
- 支持配置启用/禁用自动刷新
- 可配置刷新间隔（15秒/30秒/60秒）
- 实时倒计时显示，用户可见下次刷新时间
- 手动刷新自动重置倒计时
- 页面卸载时自动清理定时器

用户体验：
- 默认禁用，用户可根据需求开启
- 与现有 OpsConcurrencyCard 5秒刷新保持一致
- 倒计时带旋转动画，视觉反馈清晰
- 配置修改后立即生效，无需刷新页面

技术实现：
- ops.ts: 添加 auto_refresh_enabled 和 auto_refresh_interval_seconds 配置
- OpsSettingsDialog.vue: 添加自动刷新配置界面
- OpsDashboard.vue: 实现主刷新逻辑和双定时器设计
- OpsDashboardHeader.vue: 倒计时显示组件

配置说明：
- auto_refresh_enabled: 是否启用（默认 false）
- auto_refresh_interval_seconds: 刷新间隔（默认 30 秒，范围 15-300 秒）
 2026-01-12 17:07:07 +08:00
IanShaw027
89c1a41305 fix(ops): 修复错误日志和请求详情模态框的布局问题 
- 修复 OpsErrorDetailsModal 的内容溢出问题，使用 flex 布局确保正确显示
- 修复 OpsErrorLogTable 的表格滚动问题，添加 min-h-0 确保正确的滚动行为
- 修复 OpsRequestDetailsModal 的布局问题，添加 pageSize 初始化并优化 flex 布局
- 统一使用 flex 布局模式，确保模态框内容在不同屏幕尺寸下正确显示
 2026-01-12 14:31:21 +08:00
IanShaw027
5443efd7d7 feat(ops): 前端集成实时流量功能 
- 添加实时流量API调用方法
- 优化OpsDashboard组件代码
 2026-01-12 14:18:16 +08:00
IanShaw027
8e248e0853 fix(ops): 修正卡片标题翻译 
- 卡片标题显示"请求"
- 卡片内部标签保持"请求数"
 2026-01-12 14:05:10 +08:00
IanShaw027
f55ba3f6c1 fix(ops): 优化卡片标题和明细筛选逻辑 
- 将"请求数"改为"请求"
- SLA卡片明细只显示错误请求（kind='error'）
- TTFT卡片明细按延迟降序排序
 2026-01-12 13:00:39 +08:00
IanShaw027
72a2ed958b feat(ops): 看板上应用指标阈值显示 
- 在OpsDashboard中加载阈值配置
- 在OpsDashboardHeader中根据阈值判断指标是否超标
- 超出阈值的指标显示为红色（SLA低于阈值也显示红色）
- 用Icon组件替换emoji表情
 2026-01-12 11:44:14 +08:00
IanShaw027
d0b91a40d4 feat(ops): 添加指标阈值配置UI 
- 在OpsSettingsDialog中添加指标阈值配置表单
- 在OpsRuntimeSettingsCard中添加阈值配置区域
- 添加阈值验证逻辑
- 更新国际化文本
 2026-01-12 11:43:54 +08:00
IanShaw027
f28d4b78e7 feat(ops): 前端添加指标阈值类型定义和API 
- 添加OpsMetricThresholds类型定义
- 新增getMetricThresholds和updateMetricThresholds API方法
 2026-01-12 11:43:15 +08:00
IanShaw027
73b62bb15c feat(ops): 增强上游错误追踪和新增定时报告服务 
- 优化错误日志中间件，即使请求成功也记录上游重试/故障转移事件
- 新增OpsScheduledReportService支持定时报告功能
- 使用Redis分布式锁确保定时任务单实例执行
- 完善依赖注入配置
- 优化前端错误趋势图表展示
 2026-01-11 23:00:31 +08:00
IanShaw027
8fffcd8091 feat(ops): 优化健康评分算法和智能诊断机制 
- 采用分层加权评分（业务70% + 基础设施30%），避免重复扣分
- 新增延迟诊断（P99 > 2s critical, > 1s warning）
- 新增资源诊断（CPU/内存/DB/Redis状态）
- 调整诊断阈值（上游错误率5% critical，请求错误率3% critical）
- 为每个诊断项添加可操作建议
- 添加完整的单元测试覆盖（30+测试用例）
- 完善中英文国际化文本
 2026-01-11 21:42:02 +08:00
IanShaw027
c8e3a476fc feat(ops): 限制告警规则最多显示6个，超出可滚动 2026-01-11 21:01:26 +08:00
IanShaw027
808cee9665 feat(ops): 限制并发卡片最多显示3组数据，超出可滚动 2026-01-11 20:59:27 +08:00
IanShaw027
92eafbc2a6 feat(ops): 优化运维监控界面组件功能和交互 2026-01-11 20:56:36 +08:00
IanShaw027
1b938b2003 feat(ops): 统一弹窗组件并优化分页设置 
- OpsErrorDetailsModal和OpsRequestDetailsModal改用BaseDialog统一弹窗组件
- 分页默认值从50改为20条,减少单页数据量
- OpsAlertEventsCard表格添加sticky表头,优化滚动体验
- 移除自定义Teleport和Transition实现,使用统一组件
 2026-01-11 20:41:39 +08:00
IanShaw027
dd59e872ff feat(ops): 添加分组和账号级别监控指标 
- 后端新增 GetAccountAvailability 方法获取账号可用性数据
- 添加分组可用率和限流率计算辅助函数
- 前端支持分组和账号级别的监控指标类型
- 优化警报规则指标选择器,按类别分组显示
 2026-01-11 20:33:52 +08:00
IanShaw027
63dc6a68df feat(ops): 隐藏查询模式选择器 
- 在OpsDashboardHeader中隐藏queryMode选择器（使用v-if="false"）
- 保留所有后端逻辑和前端状态管理
- auto模式逻辑：优先使用预聚合数据，不存在时回退到实时计算
- 用户界面更简洁，后端自动选择最优查询方式

相关文件：
- frontend/src/views/admin/ops/components/OpsDashboardHeader.vue
 2026-01-11 19:58:38 +08:00
IanShaw027
a39316e004 feat(ops): 集成运维监控设置对话框到仪表盘 
- 在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
 2026-01-11 19:51:37 +08:00
IanShaw027
f541636840 feat(ops): 优化警报规则和设置的成功提示信息 
- 添加警报规则保存成功提示："警报规则保存成功"
- 添加警报规则删除成功提示："警报规则删除成功"
- 添加运维监控设置保存成功提示："运维监控设置保存成功"
- 替换通用的"操作成功"提示为具体的业务提示
- 失败时显示后端返回的详细错误信息

相关文件：
- frontend/src/i18n/locales/zh.ts
- frontend/src/views/admin/ops/components/OpsAlertRulesCard.vue
- frontend/src/views/admin/ops/components/OpsSettingsDialog.vue
 2026-01-11 19:50:43 +08:00
IanShaw027
e4bc9f6fb0 feat(ops): 优化仪表盘Header响应式布局与指标展示 
**响应式优化**:
- 添加flex-wrap支持窄屏时间选择器自动换行
- 当前QPS/TPS在窄屏时自动换行，避免溢出
- 时间按钮在窄屏使用更小字号和间距（9px/1.5px）
- 当前数值使用响应式字体（xl→sm:2xl）

**指标展示优化**:
1. 请求卡片:
   - 标题简化：总请求 → 请求
   - 字段调整：请求 → 请求数
   - 移除：平均延迟、平均首字延迟（避免冗余）

2. 延迟和TTFT卡片:
   - 布局：grid → flex-wrap（自适应布局）
   - 指标不换行：添加whitespace-nowrap
   - 最小宽度：min-w-[60px]保证可读性
   - 单位内联：名称、数值、单位在同一行（P95: 123 ms）
   - 自动换行：整个指标项作为整体换行

**效果**:
- 窄屏：所有元素自动适配，无溢出
- 宽屏：充分利用空间，清晰展示
- 灵活布局：根据容器宽度自动调整指标排列
 2026-01-11 15:50:26 +08:00
IanShaw027
e5857161ff feat(ops): 增强错误详情弹窗与API支持 
**前端改动**:
1. OpsErrorDetailModal.vue:
   - 新增上游错误详情展示功能
   - 支持查看上游错误的请求头、响应体等调试信息
   - 改进错误信息格式化与可读性

2. ops.ts API:
   - 新增getUpstreamErrors接口调用上游错误查询API

**后端配置**:
- config.go/config.yaml/deploy/config.example.yaml:
  - 更新配置支持上游错误事件记录开关
  - 添加相关配置项文档说明
 2026-01-11 15:31:48 +08:00
IanShaw027
abdc4f39cb feat(ops): 恢复仪表盘脉搏动画效果 
- 将静态QPS历史折线图替换为动画脉搏线
- 使用SVG animate元素实现心跳效果（2秒循环动画）
- 增强流量可视化：通过脉冲跳动直观展示流量"活跃"状态
- 恢复重构前的视觉效果与用户体验
 2026-01-11 15:30:59 +08:00
IanShaw027
89a725a433 feat(ops): 添加QPS脉搏线图并优化指标布局 
- 添加实时QPS/TPS历史数据追踪（最近60个数据点）
- 在平均QPS/TPS上方添加SVG脉搏线图（sparkline）
- 将延迟和TTFT卡片的指标布局从2列改为3列
- 恢复Max指标显示（P95/P90/P50/Avg/Max）
 2026-01-11 11:49:34 +08:00
IanShaw027
645609d441 merge: 正确合并 main 分支改动 
合并 origin/main 最新改动，正确保留所有配置：
- Ops 运维监控配置和功能
- LinuxDo Connect OAuth 配置
- Update 在线更新配置
- 优惠码功能
- 其他 main 分支新功能

修复之前合并时错误删除 LinuxDo 和 Update 配置的问题。
 2026-01-11 11:41:10 +08:00
IanShaw027
c48dc097ff feat(运维监控): 重构仪表板布局和增强数据展示 
主要改动：
- 重构仪表板为左右布局（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）
 2026-01-10 02:17:38 +08:00
IanShaw027
585257d340 feat(运维监控): 增强监控功能和健康评分系统 
后端改进：
- 新增健康评分计算服务（ops_health_score.go）
- 添加分布式锁支持（ops_advisory_lock.go）
- 优化指标采集和聚合逻辑
- 新增运维指标采集间隔配置（60-3600秒）
- 移除未使用的WebSocket查询token认证中间件
- 改进清理服务和告警评估逻辑

前端改进：
- 简化OpsDashboard组件结构
- 完善国际化文本（中英文）
- 新增运维监控相关API类型定义
- 添加运维指标采集间隔设置界面
- 优化错误详情模态框

测试：
- 添加健康评分单元测试
- 更新API契约测试
 2026-01-10 01:38:47 +08:00
IanShaw027
8ae75e7f6e feat(前端UI): 实现运维监控前端界面 
- 新增帮助提示组件（HelpTooltip.vue）
- 更新侧边栏添加 ops 监控菜单项
- 扩展设置视图集成 ops 配置面板
- 新增 ops 监控视图目录（dashboard, alerts, realtime, settings 等）
 2026-01-09 21:00:04 +08:00