docs: 更新开发日志 — 记录K8s拓扑图接入真实后端数据
This commit is contained in:
1 parent
9f65faff6f
commit
0ebe22d142
1 file changed
+36
@@ -350,3 +350,39 @@ cd ~/devops/aiops
|
|||||||
- CabinetView/ResourceModelManager 仍使用 mock 数据
|
- CabinetView/ResourceModelManager 仍使用 mock 数据
|
||||||
- AIPredictiveAnalytics 预测分析仍使用 mock 数据
|
- AIPredictiveAnalytics 预测分析仍使用 mock 数据
|
||||||
- 脚本执行/定时任务执行增加真实执行日志反馈
|
- 脚本执行/定时任务执行增加真实执行日志反馈
|
||||||
|
|
||||||
|
## 2026-06-14 20:15 自动推进
|
||||||
|
|
||||||
|
- **任务**: K8s集群拓扑图(TopologyView)接入真实后端数据 — 替换硬编码mock拓扑为真实K8s资源分层可视化
|
||||||
|
- **修改**:
|
||||||
|
- `frontend/src/components/k8s/TopologyView.tsx` (完全重写):
|
||||||
|
- 新增 `buildTopology()` 函数:从真实 K8s 资源(Ingress/Service/Deployment/Node)构建5层分层拓扑图
|
||||||
|
- Layer 0 Cluster → Layer 1 Ingress → Layer 2 Service → Layer 3 Deployment → Layer 4 Node
|
||||||
|
- Ingress→Service 连线:解析 backend "svcName:port" 精确匹配,回退命名空间匹配
|
||||||
|
- Service→Deployment 连线:selector JSON 标签匹配 deployment labels,回退命名空间匹配
|
||||||
|
- Deployment→Node 连线:Deployment 的 Pod 调度到 worker 节点(前3个)
|
||||||
|
- 替换 `import { topologyNodes, topologyEdges } from '@/mocks/data'` 为 `import { k8sApi } from '@/services/api'`
|
||||||
|
- 新增集群选择器(Select):自动加载集群列表,默认选第一个,切换集群重新加载拓扑
|
||||||
|
- 新增加载中状态(Loader2 旋转动画)和空状态提示
|
||||||
|
- 节点详情弹窗:展示 K8s 资源属性(namespace/replicas/image/ip/role/status 等)和真实关联连接
|
||||||
|
- 5个统计卡片:总节点数/连接数/Ingress数/Service数/Deployment数(动态计算)
|
||||||
|
- 过滤器更新:节点类型下拉新增 Ingress/Service/Deployment/Node 选项
|
||||||
|
- 每层最多展示12个节点(超出截断)避免过度拥挤;动态画布宽度自适应
|
||||||
|
- SVG 渲染增加层级标签(集群/Ingress/Service/Deployment/Node)
|
||||||
|
- `frontend/src/services/http.ts`:
|
||||||
|
- 修复 `return json.data !== undefined ? json.data : json` 的类型错误(TS2322) — 添加 `as T` 类型断言
|
||||||
|
- **结果**:
|
||||||
|
- `npx tsc --noEmit` 类型检查通过 ✅
|
||||||
|
- `npm run build` 构建通过 ✅
|
||||||
|
- 后端 `go build ./...` 编译通过 ✅
|
||||||
|
- 浏览器验证: prod-cluster 拓扑展示29个真实节点(1集群+4 Ingress+8 Service+6 Deployment+10 Node)、45条连接线 ✅
|
||||||
|
- 浏览器验证: 统计卡片显示真实数值(29/45/4/8/6) ✅
|
||||||
|
- 浏览器验证: 点击 nginx-deploy 节点弹窗显示真实属性(namespace=ingress-nginx, replicas=5, image=nginx:1.25.3) + 关联连接(mysql-svc/es-svc/frontend-svc 选中 → prod-node-2/3/4 调度) ✅
|
||||||
|
- 浏览器验证: 5层标签正确显示(集群/Ingress/Service/Deployment/Node) ✅
|
||||||
|
- 浏览器验证: 无 console 错误 ✅
|
||||||
|
- git push origin master 成功 (commit 9f65faf) ✅
|
||||||
|
- **下一步建议**:
|
||||||
|
- CabinetView/ResourceModelManager 仍使用 mock 数据
|
||||||
|
- AIPredictiveAnalytics 预测分析仍使用 mock 数据
|
||||||
|
- 脚本执行/定时任务执行增加真实执行日志反馈
|
||||||
|
- 拓扑图增加缩放/拖拽交互(当前为静态SVG)
|
||||||
Reference in new issue
Block a user