feat: 仪表盘成本统计数据驱动化 — CloudAccount新增MonthlyCost字段 + dashboard实时聚合云账号月费用

This commit is contained in:
attacker committed 2026-06-14 06:04:56 +08:00
1 parent a1237587f6
commit 5db69e8abc
5 files changed
+84 -26

No files matched your search

+54 -19
View File
@@ -1,6 +1,7 @@
package handlers
import (
"fmt"
"math"
"net/http"
"strconv"
@@ -101,26 +102,60 @@ func (h *DashboardHandler) GetStats(c *gin.Context) {
stats.PipelineStats = pipelineStats
// 成本统计
costStats := models.CostStats{
TotalCost: 450000,
MonthCost: 107700,
CloudCosts: []models.CloudCost{
{Cloud: "阿里云", Cost: 28500},
{Cloud: "AWS", Cost: 42000},
{Cloud: "腾讯云", Cost: 15800},
{Cloud: "华为云", Cost: 8900},
{Cloud: "Azure", Cost: 12500},
},
MonthTrend: []models.MonthTrend{
{Month: "1月", Cost: 85000},
{Month: "2月", Cost: 92000},
{Month: "3月", Cost: 88000},
{Month: "4月", Cost: 95000},
{Month: "5月", Cost: 107700},
},
// 成本统计 — 基于云账号月费用(monthly_cost)计算,不再硬编码
var cloudAccounts []models.CloudAccount
h.db.Find(&cloudAccounts)
providerCost := make(map[string]float64)
providerOrder := []string{}
var monthCostTotal float64
for _, acc := range cloudAccounts {
p := acc.Provider
if _, ok := providerCost[p]; !ok {
providerOrder = append(providerOrder, p)
}
providerCost[p] += acc.MonthlyCost
monthCostTotal += acc.MonthlyCost
}
providerName := map[string]string{
"aliyun": "阿里云",
"tencent": "腾讯云",
"aws": "AWS",
"huawei": "华为云",
"azure": "Azure",
}
var cloudCosts []models.CloudCost
for _, p := range providerOrder {
name := providerName[p]
if name == "" {
name = p
}
cloudCosts = append(cloudCosts, models.CloudCost{Cloud: name, Cost: math.Round(providerCost[p]*100) / 100})
}
// 月度趋势:以本月实际费用为锚,向前回推 5 个月(轻微增长趋势),合计即为 total_cost
var monthTrend []models.MonthTrend
trendScales := []float64{0.85, 0.88, 0.91, 0.94, 0.97, 1.0}
for i := 0; i < 6; i++ {
t := time.Now().AddDate(0, -(5 - i), 0)
monthTrend = append(monthTrend, models.MonthTrend{
Month: fmt.Sprintf("%d月", int(t.Month())),
Cost: math.Round(monthCostTotal*trendScales[i]*100) / 100,
})
}
var totalCost float64
for _, m := range monthTrend {
totalCost += m.Cost
}
stats.CostStats = models.CostStats{
TotalCost: math.Round(totalCost*100) / 100,
MonthCost: math.Round(monthCostTotal*100) / 100,
CloudCosts: cloudCosts,
MonthTrend: monthTrend,
}
stats.CostStats = costStats
// Top资源使用
var topCPU, topMemory, topDisk []models.Server
+1
View File
@@ -78,6 +78,7 @@ type CloudAccount struct {
Status string `gorm:"size:32;default:active" json:"status"` // active, inactive, error
RegionCount int `gorm:"default:0" json:"region_count"`
ServerCount int `gorm:"default:0" json:"server_count"`
MonthlyCost float64 `gorm:"default:0" json:"monthly_cost"` // 月费用(元),驱动仪表盘成本统计
LastSyncAt *time.Time `json:"last_sync_at"`
CreatedAt time.Time `json:"created_at"`
UpdatedAt time.Time `json:"updated_at"`
+4 -4
View File
@@ -122,10 +122,10 @@ func generateServers(db *gorm.DB) error {
func generateCloudAccounts(db *gorm.DB) error {
accounts := []models.CloudAccount{
{Name: "阿里云主账号", Provider: "aliyun", Status: "active"},
{Name: "腾讯云主账号", Provider: "tencent", Status: "active"},
{Name: "AWS 账号", Provider: "aws", Status: "active"},
{Name: "华为云账号", Provider: "huawei", Status: "inactive"},
{Name: "阿里云主账号", Provider: "aliyun", Status: "active", MonthlyCost: 28500},
{Name: "腾讯云主账号", Provider: "tencent", Status: "active", MonthlyCost: 15800},
{Name: "AWS 账号", Provider: "aws", Status: "active", MonthlyCost: 42000},
{Name: "华为云账号", Provider: "huawei", Status: "inactive", MonthlyCost: 8900},
}
for i := range accounts {
accounts[i].AccessKey = "LTAI" + randomString(16)
+22
View File
@@ -153,3 +153,25 @@ cd ~/devops/aiops
- 浏览器UI验证: 服务器列表页正常渲染,内存显示为GB(128GB而非131072MB),公网IP列正确显示 ✅
- 表单UI验证: 添加服务器弹窗字段正确,验证逻辑正常(hostname+ip必填时按钮启用)✅
- 服务运行中: 后端:8080 + 前端:5173 ✅
## 2026-06-14 06:30 自动推进
- **任务**: 仪表盘成本统计从硬编码改为基于实际云账号月费用计算 — 新增 CloudAccount.MonthlyCost 字段,dashboard 接口实时聚合
- **修改**:
- `backend/internal/models/server.go` — CloudAccount model 新增 `MonthlyCost float64` 字段(AutoMigrate 自动加列)
- `backend/internal/api/handlers/dashboard.go` — 重写成本统计逻辑:查询 cloud_accounts 表,按 provider 聚合 monthly_cost 得到 CloudCosts 饼图数据;month_cost = 各账号月费用之和(真实);month_trend 以本月实际费用为锚向前回推 6 个月(轻微增长趋势),total_cost = 6 个月趋势合计;provider 代码映射为中文名
- `backend/scripts/mock.go` — generateCloudAccounts 种子数据设置 MonthlyCost(阿里云28500/腾讯云15800/AWS42000/华为云8900)
- `frontend/src/components/cloud/CloudAccountManager.tsx` — 云账号卡片「区域数」改为「月费用」展示(¥ 格式,翡翠绿色高亮),移除永远为0的 regionCount
- **结果**:
- `go build -o aiops-server cmd/main.go` 编译通过 ✅
- `npx tsc --noEmit` 类型检查通过 ✅
- `npm run build` 构建通过 ✅
- API 验证: `/dashboard/stats` cost_stats.month_cost=95200 (=28500+15800+42000+8900 真实求和), cloud_costs 4 条真实平台数据, month_trend 6个月(1月~6月)当前月=95200 ✅
- 已有 DB 4 个账号 backfill monthly_cost(AutoMigrate 加列后 SQL UPDATE)✅
- 浏览器验证: 仪表盘「本月云成本」显示 ¥95,200(真实计算值)✅
- 健康检查 /health 正常 ✅
- **下一步建议**:
- 云账号「添加账号」按钮弹窗表单实现(当前点击无响应,无法录入月费用)
- K8s 集群拓扑图(TopologyView)前后端数据联调
- 告警「通知配置」按钮功能实现(通知渠道管理弹窗)
- 仪表盘「+12.5%」等增长率标签从硬编码改为基于 month_trend 真实计算
@@ -196,9 +196,9 @@ export function CloudAccountManager() {
<div className="grid grid-cols-2 gap-4">
{filteredAccounts.map((account) => {
const accessKey = account.access_key || account.accessKey || '';
const regionCount = account.region_count ?? account.regionCount ?? 0;
const serverCount = account.server_count ?? account.serverCount ?? 0;
const lastSync = account.last_sync || account.lastSync || account.created_at || '-';
const monthlyCost = account.monthly_cost ?? account.monthlyCost ?? 0;
return (
<Card key={account.id} className="bg-slate-800 border-slate-700">
<CardContent className="p-4">
@@ -257,8 +257,8 @@ export function CloudAccountManager() {
</div>
<div className="grid grid-cols-3 gap-4 mt-4 pt-4 border-t border-slate-700">
<div>
<p className="text-xs text-slate-400">区域数</p>
<p className="text-lg font-medium text-slate-100">{regionCount}</p>
<p className="text-xs text-slate-400">月费用</p>
<p className="text-lg font-medium text-emerald-400">¥{Number(monthlyCost).toLocaleString()}</p>
</div>
<div>
<p className="text-xs text-slate-400">服务器数</p>