银川综合保税区可视化平台
1.项目概述
- 面向保税区的“一屏总览”与三维园区可视化,整合企业入驻、人员就业、土地规划、项目建设、视频监控等核心业务数据
- 提供二维/三维联动的大屏驾驶舱与园区三维漫游体验,支持场景切换与相机寻览模式
2.业务与功能
- 企业态势:企业入驻分布与类型统计、月度增长趋势
- 人员与就业:入驻人数与就业岗位指标的实时展示
- 土地规划:地籍编号、土地名称、总面积、位置、规划图等详情查询
- 项目建设监管:安全状态、施工许可证办理情况、总投资与工程形象进度表格化呈现
- 视频监控:设备列表、在线状态与视频窗口展示
- 三维园区:加载多源地图数据、道路/建筑/行政边界图层,支持相机飞行与园区“查验中心”等重点区域进入
3.技术栈
- 前端框架:Vue 3、TypeScript、Pinia、Ant Design Vue- 日期与工具:dayjs
- 可视化:ECharts,包含图形扩展与自定义形状实现立体柱形效果
- 三维与地图:ThingJS 2.0 / UEarth / thing.campus 集成与容器初始化,地图样式与图层通过 public\map\map.json驱动
4.个人职责与贡献
- 负责大屏页面架构与模块化设计,完成“企业入驻”“人员/就业”“资金/销售”“项目进度”“视频监控”等核心面板开发
- 集成 ThingJS/UEarth 三维能力,搭建三维容器与地图管理器,实现相机寻览、场景切换与园区重点位点进入
- 基于 ECharts 实现高性能图表与自定义图形,优化渲染与交互细节
- 开发通用组件(如标注与信息面板),支持工具提示、单击/双击细分交互与弹窗详情
- 封装业务接口调用与数据适配,完善土地规划、企业统计等数据的异步加载与状态管理
- 性能与体验优化:资源按需加载、滚动与动画优化、相机飞行参数调校,保障大屏稳定与流畅展示
- 工程化支撑:统一风格与全局样式、组件注册与路由初始化、免登录核心依赖初始化流程编排