MujicaUI

Dashboards & Dev Tools · #444

IncidentCard 浅色主题渲染快照
浅色 · 渲染快照
IncidentCard 深色主题渲染快照
深色 · 渲染快照

444 IncidentCard · 事件卡片

用途

展示事件标题、状态、影响与按时间排列的更新。

最小示例

incident := devtools.Incident{Title: "API latency", Status: devtools.IncidentMonitoring, Impact: devtools.ImpactMinor, Updates: []devtools.IncidentUpdate{{Status: devtools.IncidentIdentified, Text: "Slow query located"}, {Status: devtools.IncidentMonitoring, Text: "Recovery observed"}}}
view := func(c *ui.Context) {
	core.Use(c, core.Settings{})
	devtools.IncidentCard(c, incident)
}
ui.Render(view, 720, 480, 1)

参数

Incident.Title 必填;Status、Impact 使用枚举;Started 与 Updates 的时间由调用方提供。

状态

调查中、已定位、观察中、已解决;四级影响。

事件

展示组件,调用方更新 Incident。

键盘操作

展示内容随调用方更新。

限制

时间线按输入顺序展示;调用方排序。