Saas Cloud-HUMM 云端远程管理平台

（1）Dashboard 总览：以 ECharts 环形图呈现 Unleashed 网络、AP、ICX 交换机总量与在线/离线占比；集成 Google Maps 世界地图视图，将网络或设备地理分布标注于地图（支持地图/卫星切换与全屏），辅助区域化排障与容量规划。（2）Networks 网络纳管：多 Tab 切换「网络组列表」「网络列表」「接入点」「ICX 交换机」「告警」「事件」；网络组列表展示许可用量进度条与 Tooltip 明细（总量/已用/可用/即将过期）；网络列表支持按名称、域、位置、网络组、连接状态检索与筛选，展示成员在线概况（多色状态圆点）、地理位置与连接状态指示灯，支持批量选择与「Bind」绑定新网络。（3）Administration 管理与审计：Audit Log 记录用户登录、配置变更、备份保存等事件，支持按审计类型、严重级别、时间、用户筛选，并提供「Email the logs」「Export CSV」导出能力；Licenses、Domain Administrators、Support 等 Tab 支撑许可与域管理员治理。（4）System 系统配置：Email Server / SMS Settings 等系统级配置，SMS 支持 Twilio、Clickatell 等第三方网关接入，提供 Test / Apply / Reset 工作流；Alarm Settings、Email/SMS Notification、User Customized Alarm、Event Selection 等子模块支撑告警策略与通知渠道。（5）账户与安全：支持修改用户名（邮箱）并通过验证码二次确认；顶部通知中心、域（Domain）切换与 Domain Application 入口，满足多租户 SaaS 下的权限分层与域隔离。（6）统计分析与告警：与后端告警引擎联动，对大规模断连、许可即将过期等场景进行分级通知，支撑「数万台设备」级监控 SLA。

本人负责 HUMM（RMS）SaaS 云端管理平台的前端架构与核心页面交付、Dashboard 图表与地图组件封装、与 Java 后端的接口联调及 TypeScript 类型契约维护，并参与 AWS 多租户 SaaS 部署方案的前端侧适配。整体采用 React + TypeScript 工程化方案，基于 Lerna + Nx Monorepo 与 Unleashed、URS 等产品线共享组件库，UI 层使用 Ant Design 的 Layout/Menu/Table/Form/Select/Tabs/Drawer 等组件快速搭建与 RUCKUS 品牌一致的企业级交互；列表场景统一处理服务端分页、列宽与加载态，以应对万级记录渲染性能问题。Dashboard 统计分析模块使用 ECharts 与后端聚合接口对接，地理能力基于 Google Maps JavaScript API 将经纬度映射为标注点。后端采用 Java 分层服务，MySQL 存储网络/设备主数据、许可信息、状态快照与审计日志流水，通过索引优化高并发查询；告警规则与 SMS/Email 通知在服务端执行，前端负责展示、配置与确认。平台以 SaaS 形态部署于 AWS，支持多域（Domain）隔离与 10+ 语言国际化。实现亮点：Dashboard 地图 + 图表 + 大规模表格三位一体，兼顾运维效率与可观测性；许可用量可视化与审计导出满足企业合规需求。难点：海量设备状态的高频上报与查询性能、地图与表格的联动筛选一致性、跨时区多语言环境下的时间展示，以及 SaaS 多租户下的域隔离与权限分层。