feat(platform): add alert notification center

vehicle-data-platform/apps/web/src/pages/Quality.tsx

@@ -896,6 +896,82 @@ export function Quality({
   return (
     <div className="vp-page">
       <PageHeader title="告警事件" description="围绕车辆服务沉淀断链、VIN 缺失、字段缺失和链路健康事件，并形成通知闭环" />
+      <Card bordered title="告警事件与通知中心">
+        <div className="vp-alert-center-board">
+          <div className="vp-alert-center-summary">
+            <Space wrap>
+              <Tag color={impactSeverity.color}>{impactSeverity.label}</Tag>
+              <Tag color={priorityP0Count > 0 ? 'red' : 'green'}>P0 {priorityP0Count.toLocaleString()}</Tag>
+              <Tag color={activeRuleCount > 0 ? 'orange' : 'green'}>活跃规则 {activeRuleCount.toLocaleString()}</Tag>
+            </Space>
+            <strong>{issueVehicleCount.toLocaleString()} 辆车受影响</strong>
+            <span>
+              告警中心面向客户处置：先判断影响车辆和优先级，再通知责任团队，并用实时、轨迹、RAW、里程证据闭环。
+            </span>
+            <Space wrap>
+              <Button size="small" theme="solid" type="primary" disabled={priorityRows.length === 0} onClick={copyNotificationHandoff}>复制中心交接包</Button>
+              <Button size="small" onClick={copyBusinessImpact}>复制影响摘要</Button>
+              {onOpenNotificationRules ? <Button size="small" onClick={onOpenNotificationRules}>管理通知规则</Button> : null}
+            </Space>
+          </div>
+          <div className="vp-alert-center-grid">
+            {[
+              {
+                label: '影响车辆',
+                value: `${issueVehicleCount.toLocaleString()} 辆`,
+                detail: `${issueRecordCount.toLocaleString()} 条告警记录，优先确认车辆服务是否仍可用。`,
+                color: issueVehicleCount > 0 ? 'orange' as const : 'green' as const,
+                onClick: () => undefined,
+                disabled: true
+              },
+              {
+                label: '优先队列',
+                value: `P0 ${priorityP0Count.toLocaleString()} / P1 ${priorityP1Count.toLocaleString()}`,
+                detail: priorityRows.length > 0 ? '已按优先级生成可复制通知和处置工单。' : '当前没有待通知车辆。',
+                color: priorityP0Count > 0 ? 'red' as const : priorityP1Count > 0 ? 'orange' as const : 'green' as const,
+                onClick: copyPriorityDigest,
+                disabled: priorityRows.length === 0
+              },
+              {
+                label: '主要来源',
+                value: primaryProtocolImpact ? qualityProtocolLabel(primaryProtocolImpact.name) : '-',
+                detail: primaryProtocolImpact ? `${primaryProtocolImpact.count.toLocaleString()} 条问题，点击筛选该来源。` : '暂无来源问题。',
+                color: primaryProtocolImpact ? 'blue' as const : 'green' as const,
+                onClick: () => primaryProtocolImpact && drillProtocol(primaryProtocolImpact.name),
+                disabled: !primaryProtocolImpact
+              },
+              {
+                label: '主要问题',
+                value: primaryIssueImpact ? qualityIssueLabel(primaryIssueImpact.name) : '-',
+                detail: primaryIssueImpact ? `${primaryIssueImpact.count.toLocaleString()} 条命中，点击筛选该问题。` : '暂无问题类型。',
+                color: primaryIssueImpact ? 'orange' as const : 'green' as const,
+                onClick: () => primaryIssueImpact && drillIssueType(primaryIssueImpact.name),
+                disabled: !primaryIssueImpact
+              },
+              {
+                label: '链路状态',
+                value: storageWritable ? '可写' : '异常',
+                detail: `Kafka Lag ${formatLag(health?.kafkaLag)}，容量发现 ${capacityFindingCount.toLocaleString()} 项。`,
+                color: storageWritable && capacityFindingCount === 0 ? 'green' as const : 'red' as const,
+                onClick: loadHealth,
+                disabled: false
+              }
+            ].map((item) => (
+              <button
+                key={item.label}
+                className="vp-alert-center-item"
+                type="button"
+                disabled={item.disabled}
+                onClick={item.onClick}
+              >
+                <Tag color={item.color}>{item.label}</Tag>
+                <strong>{item.value}</strong>
+                <span>{item.detail}</span>
+              </button>
+            ))}
+          </div>
+        </div>
+      </Card>
       <div className="vp-kpi-grid">
         {[
           { label: '问题车辆', value: issueVehicleCount.toLocaleString() },