运价直连管理系统

项目描述：航空运价直连 B2B 管理后台，服务于多 OTA 渠道（去哪儿、携程）的运价政策管理、数据采集、订单处理与实时监控。

技术栈：React + TypeScript + Vite + Ant Design + Zustand + React Query + Axios
负责内容：
政策管理：多渠道运价政策 CRUD、动态表单（Form.List）、换舱映射、批量启停、政策试算；策略模式共享表单，渠道差异化配置通过 render prop 注入，新增渠道只需一个配置组件
采集管理：采集配置复杂表单、SheetJS Excel 批量导入/导出、路由去重校验、报价倒计时
订单管理：订单生命周期追踪、Pipeline 阶段日志可观测、Drawer 下钻查看请求/响应 JSON、人工审核队列
监控看板：5 秒轮询实时仪表盘、自定义 SVG 迷你图（零图表库依赖）、requestAnimationFrame 数字动画、L1/L2 缓存命中率监控、阈值告警
系统设置：数据源管理、刷新等级、差价阈值、缓存 TTL、机场合并映射、RBAC 用户管理、操作审计日志
技术亮点：
useSyncExternalStore 桥接自实现 bufferStore（30 个采样点），避免 React Query refetch 触发全组件树重渲染
React.memo 隔离表单输入重渲染，保证百行数据下的输入流畅度
双主题设计系统：28 个语义化 Token，CSS 变量切换 + Zustand persist 持久化，支持 system/light/dark 三态
27 个路由全量 React.lazy + Suspense 懒加载，首屏仅加载布局与登录页
乐观锁并发控制：政策提交携带 version 字段，后端 CAS 校验防并发覆盖
使用 Claude Code AI 辅助开发，提升交付效率