feat(platform): add notification rules workspace

vehicle-data-platform/apps/web/src/layout/AppShell.tsx

@@ -7,14 +7,15 @@ import {
   IconMapPin,
   IconSearch,
   IconServer,
-  IconSetting
+  IconSetting,
+  IconBell
 } from '@douyinfe/semi-icons';
 import type { ReactNode } from 'react';
 import { useState } from 'react';
 import type { VehicleSourceConsistency, VehicleServiceStatus } from '../api/types';
 import { isAMapConfigured } from '../config/appConfig';
 
-export type PageKey = 'dashboard' | 'vehicles' | 'realtime' | 'detail' | 'history' | 'mileage' | 'quality';
+export type PageKey = 'dashboard' | 'vehicles' | 'realtime' | 'detail' | 'history' | 'mileage' | 'quality' | 'notification-rules';
 
 const navItems = [
   { itemKey: 'dashboard', text: '运营驾驶舱', icon: <IconHome /> },
@@ -23,7 +24,8 @@ const navItems = [
   { itemKey: 'detail', text: '车辆档案', icon: <IconSetting /> },
   { itemKey: 'history', text: '轨迹回放', icon: <IconMapPin /> },
   { itemKey: 'mileage', text: '统计分析', icon: <IconBarChartHStroked /> },
-  { itemKey: 'quality', text: '告警事件', icon: <IconHistogram /> }
+  { itemKey: 'quality', text: '告警事件', icon: <IconHistogram /> },
+  { itemKey: 'notification-rules', text: '通知规则', icon: <IconBell /> }
 ];
 
 function linkHealthClassName(count: number | null) {
@@ -116,6 +118,7 @@ export function AppShell({
               <Button size="small" aria-label="顶部轨迹回放" onClick={() => onChange('history')}>轨迹回放</Button>
               <Button size="small" aria-label="顶部历史查询" onClick={() => onChange('history')}>历史查询</Button>
               <Button size="small" aria-label="顶部统计查询" onClick={() => onChange('mileage')}>统计查询</Button>
+              <Button size="small" aria-label="顶部通知规则" onClick={() => onChange('notification-rules')}>通知规则</Button>
               <Button
                 size="small"
                 aria-label={linkIssueCount == null ? '顶部告警事件' : linkIssueCount > 0 ? `顶部告警事件 ${linkIssueCount}项关注` : '顶部告警事件正常'}