feat(platform): add ops quality workspace

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

@@ -8,14 +8,15 @@ import {
   IconSearch,
   IconServer,
   IconSetting,
-  IconBell
+  IconBell,
+  IconPulse
 } 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' | 'notification-rules';
+export type PageKey = 'dashboard' | 'vehicles' | 'realtime' | 'detail' | 'history' | 'mileage' | 'quality' | 'notification-rules' | 'ops-quality';
 
 const navItems = [
   { itemKey: 'dashboard', text: '运营驾驶舱', icon: <IconHome /> },
@@ -25,7 +26,8 @@ const navItems = [
   { itemKey: 'history', text: '轨迹回放', icon: <IconMapPin /> },
   { itemKey: 'mileage', text: '统计分析', icon: <IconBarChartHStroked /> },
   { itemKey: 'quality', text: '告警事件', icon: <IconHistogram /> },
-  { itemKey: 'notification-rules', text: '通知规则', icon: <IconBell /> }
+  { itemKey: 'notification-rules', text: '通知规则', icon: <IconBell /> },
+  { itemKey: 'ops-quality', text: '运维质量', icon: <IconPulse /> }
 ];
 
 function linkHealthClassName(count: number | null) {
@@ -119,6 +121,7 @@ export function AppShell({
               <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="顶部运维质量" onClick={() => onChange('ops-quality')}>运维质量</Button>
               <Button
                 size="small"
                 aria-label={linkIssueCount == null ? '顶部告警事件' : linkIssueCount > 0 ? `顶部告警事件 ${linkIssueCount}项关注` : '顶部告警事件正常'}