feat(platform): add alert notification channel closure

This commit is contained in:
lingniu
2026-07-05 17:17:53 +08:00
parent 4b84fd8900
commit afbe29b8de
3 changed files with 148 additions and 1 deletions

View File

@@ -843,6 +843,17 @@ export function Quality({
onClick: () => copyNotificationHandoff()
}
];
const notificationChannelItems = (primaryPolicy?.channel || '站内告警')
.split('/')
.map((item) => item.trim())
.filter(Boolean)
.map((channel) => ({
channel,
target: primaryPolicy?.target || '待配置责任人',
condition: primaryPolicy?.condition || '告警规则命中',
escalation: formatEscalationMinutes(primaryPolicy?.escalationMinutes) || '未配置升级',
acceptance: primaryPolicy?.acceptanceCriteria || '车辆服务状态恢复,实时、轨迹、历史和里程证据可查询。'
}));
const loadIssues = (values: Record<string, string> = filters, page = pagination.currentPage, pageSize = pagination.pageSize) => {
setLoadingIssues(true);
@@ -1131,6 +1142,47 @@ export function Quality({
</div>
</div>
</Card>
<Card bordered title="客户通知渠道闭环" style={{ marginTop: 16 }}>
<div className="vp-alert-channel-board">
<div className="vp-alert-channel-summary">
<Space wrap>
<Tag color={primaryPolicy ? 'blue' : 'orange'}>{primaryPolicy?.name || '策略待配置'}</Tag>
<Tag color={priorityP0Count > 0 ? 'red' : priorityP1Count > 0 ? 'orange' : 'green'}>
P0 {priorityP0Count.toLocaleString()} / P1 {priorityP1Count.toLocaleString()}
</Tag>
<Tag color={customerDecision.color}>{customerDecision.label}</Tag>
</Space>
<strong></strong>
<span>
</span>
<Space wrap>
<Button size="small" theme="solid" type="primary" onClick={copyNotificationHandoff}></Button>
<Button size="small" onClick={copyPolicyRunbook}></Button>
{onOpenNotificationRules ? <Button size="small" onClick={onOpenNotificationRules}></Button> : null}
</Space>
</div>
<div className="vp-alert-channel-grid">
{notificationChannelItems.map((item) => (
<button
key={item.channel}
type="button"
className="vp-alert-channel-item"
aria-label={`通知渠道闭环 ${item.channel} 复制交接包`}
onClick={copyNotificationHandoff}
>
<div>
<Tag color="blue">{item.channel}</Tag>
<Tag color={priorityP0Count > 0 ? 'red' : 'orange'}>{item.escalation}</Tag>
</div>
<strong>{item.target}</strong>
<span>{item.condition}</span>
<em>{item.acceptance}</em>
</button>
))}
</div>
</div>
</Card>
<Card bordered title="告警事件与通知中心">
<div className="vp-alert-center-board">
<div className="vp-alert-center-summary">