智慧燃气场景下，传统 SCADA 系统虽然能采集数据，但调度员
和应急人员很难直观看到管网结构和异常位置。
本项目面向燃气公司调度中心、应急抢修部门和场站运维人员，
把场站模型、管网拓扑、设备状态、告警和应急分析整合到
三维可视化页面中，帮助操作人员在三维地图上快速完成
设备定位、告警溯源和爆管分析。
主要使用场景：
1. 调度员在三维地图上查看管网结构和设备分布
2. 巡检人员定位设备和管线，掌握巡检对象
3. 应急人员根据告警飞行到异常设备，分析影响范围
4. 场站运维人员查看设备基本信息和最近维保记录
1. Cesium 三维场景搭建（Viewer 封装、3D Tiles 加载、影像底图）
2. 三维管网与设备点位（管线流动材质、设备图标分层、按层级显隐）
3. 设备定位与详情（搜索、飞行定位、属性弹窗）
4. 告警与应急分析（告警趋势、告警列表、设备闪烁定位、爆管分析）
5. 图层管理（设备/管线分类筛选、按业务层级控制可见性）
基于 Vue3 + Vite + Cesium 1.95 实现，采用驾驶舱式布局：
中间是三维场景，左右两侧是统计和告警面板，底部是常用操作。
三维场景层：
- 场站模型使用 3D Tiles 加载，支持视锥体裁剪
- 管线使用 Polyline 和自定义流动箭头材质
- 设备点位使用 Entity 和 Billboard 表达
- 自定义 GLSL 材质实现管线流动效果，箭头按管线方向
循环移动，纹理按固定周期重复以避免长管线拉伸变形
业务层：
- 数据按业务类型分类：场站、设备、管线、告警
- 点击三维对象通过 ID 查找业务数据，再打开属性弹窗
- 告警模块包括趋势图、告警列表和三维定位三个部分
- 爆管分析根据管线业务关联查找上游阀门和影响范围
交互层：
- 搜索框按名称和编号匹配，调用相机飞行定位
- 图层面板使用树形结构，父节点一键控制整类对象
- 告警点击触发设备闪烁和飞行，闪烁通过 RGB 颜色切换
实现，避免半透明 Billboard 深度缓冲丢失问题
公开处理：
- 站点数据中联系人、电话做脱敏处理
- Cesium Ion token 和天地图 token 通过 .env 注入
- 配套 B站演示视频和掘金技术文章作为辅助材料
评论