[toc]

---

丝路天街信息化项目:应急指挥平台3D可视化管理系统

项目介绍↑

丝路天街互动式情景街区位于乌鲁木齐铁路局商圈核心区域，周边潜在消费巨大。 汇集高端酒店、精品百货、儿童全业态、知名餐饮等业态于一体的城市综合体。打造全疆首家互动式情景街区。 项目一期5万平方米，业态种类丰富，全疆首家麦当劳、星巴克、优衣库进驻。全国知名儿童连锁平台孩子王携旗下儿童游乐主力平台FUN乐园进驻，打造全疆最大的室内儿童乐园。 拥有西北最大的天幕屏，屏幕面积约2000平方米。 应急指挥平台3D可视化平台，是集园区三维可视化管理、安防监控、业态分析于一体，通过数据多维度、安防监控可交互，进行联动分析，实时收集数据，集中立体化展示，为管理决策提供支持。 安防监控方面，通过一整套3D可视化管理系统，实现将视频监控、报警、巡更、门禁、公共广播等安防系统作为子系统，进行资源整合，通过相应的接口接入园区3D可视化管理系统，实现统一应用管控。应急管理平台3D可视化管理系统的建设按照信息化建设的总体和要求，结合各园区工作的实际情况，以需求为导向，结合实际情况，组成了现代化管理系统平台重要的一环。 园区业态分析，是对业务运营数据，进行数据清理、集成、存储整合、分析挖掘等。使用丰富的数据分析方法及模型多维交互联动分析，洞悉数据背后的价值，并以丰富绚丽的可视化效果展示，是为监控中心量身打造的大屏解决方案。 应急指挥平台3D可视化，以先进的数字化、可视化、网络化、集成化、智能化的理念，将园区多个安防子系统统一集成，并实现资源可视化，运营数据可视化，对整个园区整体进行立体可视化的动态展示。

软件架构

Ht+VueCli3+Vue-router+Vuex+Axios+Element-ui+Echarts+jQuery

目录结构

Ht for Web介绍 Ht学习手册

参与贡献↑

里程↑

20-01-09↑

1. 工具增加商铺,待处理
2. 房间更新,删除完成
3. 导出json文件排除视频设备和设施(电梯,楼梯)
4. 商铺暂时获取模型数据
5. 安全通道未提供,电梯,楼梯,安全通道暂不考虑

20-01-08↑

1. 底部收藏栏图标更改,样式小调整
2. 外景场景模型更新,球体内图片更新
3. 屏蔽浏览器右击默认展开项

2020-01-07↑

1. 工具数据Mock模拟

2020-01-06↑

1. 工具模型绑定,保存完成

2020-01-03↑

1. 工具房间部分处理

2020-01-02↑

1. 工具视频监控完善

2019-12-31↑

1. 新增操作模型工具
2. tools文件夹,工具场景部分处理
3. 业务逻辑小处理

2019-12-30↑

1. 开始回放默认置空,关闭视频流
2. 回放逻辑处理完,待回放视频接入

2019-12-27↑

1. 通知提示点击定位后展示推送的该设备信息
2. 视频回放添加日期时间选择框,并调整弹出风格
3. 开始播放回放逻辑小处理
4. 去除关联视频获取提示
5. 5号楼3层模型更改
6. 视频轮播组颜色变更

2019-12-26↑

1. 收藏小模块完善
2. 处理底部栏与路由关系
3. 处理鹰眼与底部栏关系
4. 顶部去除最小宽度
5. websocket推送重要设备通知并点击后定位
6. 通知提示可手动关闭或点击设备定位后关闭

2019-12-25↑

1. Enter触发行走模式
2. 收藏栏收藏应用居中展示
3. 鹰眼,设备分类加入到底部收藏栏
4. 分离收藏小模块栏

2019-12-24↑

1. 商户,销售,缴费无信息时显示暂无信息
2. 加入视频监控回放demo(待处理)
3. Tit1Classify,Tit2Classify组件根据需求变更进行整改
4. 底部新增收藏栏
5. 行走模式,紧急疏散,2D/3D切换小模块加入底部收藏栏
6. 进入,退出行走模式添加提示

2019-12-23↑

1. 视频方案列表最新创建的方案排首位
2. 视频轮播设备小于两个或大于两个播放时,展示大小调整

2019-12-20↑

1. 视频轮播多视频播放处理

2019-12-19↑

1. 设备关联视频逻辑处理

• 不存在关联设备,展示无关联设备信息,点击视频监控栏请求展示流视频
• 存在关联视频,默认先请求展示关联设备,同时点击视频监控栏再次请求并展示流视频
• 存在关联设备与监控设备id相同或不同,处理同上,且uuid统一
• 关闭流视频,当前设备与关联设备id一直则关闭一次,反之多次

2. Loading页处理
3. 路由标题保持一致
4. 行走模式层级关系调整
5. 紧急疏散默认不展示

2019-12-18↑

1. 楼层信息倒序
2. 楼层商铺加入roomId
3. 业态仅读取存在的商铺
4. 群内提到风格已改完
5. 2D场景下,行走模式关闭
6. 进入楼层时默认保存外景视角,使退出到全景时恢复进入前视角(待解决)

2019-12-17↑

1. 关联视频报错修复
2. 商铺信息列表高度自适应
3. 设施信息展示处理完成
4. 设备高亮方法抽离
5. 视频轮播编辑时该组设备高亮,保存及关闭
6. 视频轮播添加提示且选中新设备高亮
7. 修改单视频id问题
8. 单条视频非正常状态关闭时无法成功bug解决
9. 设施分类存在关闭紧急疏散则恢复默认状态
10. 视频流不允许同时点击多条
11. 行走模式在一定条件下不可拖动修复
12. 增加loading

2019-12-16↑

1. 点击商铺模型展示商铺信息
2. 设施信息展示处理部分

2019-12-14↑

1. 建筑信息展示框及展示状态完成
2. 设备及设施展示框缩小,并存入less
3. 视频流开启,关闭方法合并至注入
4. 视频轮播点击单设备无法定位bug修复
5. 视频轮播单设备查看监控ok,多条监控暂未处理
6. 开启视频轮播后进入楼层后会与楼层信息展示模块重叠bug修复
7. 视频轮播风格小改

2019-12-13↑

1. 告警列表和设备列表显示提相关提示风格统一
2. 手动刷新.vue页面后,重定向到首页
3. 部署到nginx,非首页刷新后显示404,nginx重定向处理解决
4. 读取楼层信息及业态信息和状态
5. Promise处理楼层信息下多态状态
6. 楼层信息关闭,则模型透明也关闭,反之,同理

2019-12-12↑

1. 楼层信息进入楼层时默认展开(不为子路由时,默认展开此模块)
2. 内部商铺列表根据模型切换改变
3. 模型多态由model-logic控制
4. 楼层信息增加业态开关状态
5. 商铺列表数据显示不全解决

2019-12-11↑

• 已解决
• 暂未解决

1. 设备信息展示框无法向右下拖动bug修复
2. 当前楼层信息获取
3. 创建分支oldModel,保留老模型
4. 新模型引入,商铺定位联调
5. 行走模式可拖动
6. Bug说明

• • 1. 打包后部署到nginx主页刷新后404
• • 2. 暂未确定实现的功能模块先隐藏
• • 3. 关闭有关功能,点击中央上部改为再次点击原按钮关闭
• • 4. 顶部tit组件空隙减小,为9功能做准备
• • 5. 告警列表和设备列表显示相关提示风格统一
• • 6. 行走模式被遮挡
• • 7. 主页UI两边图标对称,待UI提供图标
• • 8. 有关功能打开后,图标应该略微变化,待UI提供图标
• • 9. 根据模型路径,快速切换相关路层功能需要增加(后面考虑)

2019-12-10↑

1. 视频流播放基本完成
2. 生成uuid:随机数+时间戳方式
3. 问题1

• 存在问题： 单用户关闭流及所有流均关闭,其他用户无法正确访问流
• 解决方案： 前台用uuid标识当前打开的流,最后关闭当前流

4. 问题2

• 存在问题： 若用户未正确关闭当前打开的流
• 暂定方案： 指定时间点重置所有流(初始化)

5. 商铺内暂无监控设备,有监控设备开启流,无则不启用
6. 定位的设备监控视频设备展示框默认垂直水平居中
7. 楼层信息读取商铺列表
8. 楼层信息商铺混入定位
9. 解除swf上传限制

2019-12-09↑

1. 不用模型打tag方式标识店铺名,存入Vuex
2. 显示店铺名两种方式:定位到该店铺和主动点击店铺展示
3. tit1无法点击bug修复
4. 加载当前层所有商铺信息
5. 测试视频监控流
6. 新增视频监控流展示(目前一台设备,id暂时固定)
7. rtsp转rtmp视频流转换

2019-12-06↑

1. 模拟商铺定位Ok,场景模型下午给到,暂时定位指定商铺
2. 商铺地址搜索重复提示bug修复
3. 商铺定位后除监控设备其他设备无基本信息bug修复
4. 新增随机定位商铺演示
5. 新增所在当前模型场景名称
6. 商铺类型标识

2019-12-05↑

1. 新增分组下图标及样式
2. 解除绑定分组设备信息
3. 抽离设备定位
4. 点击单个设备显示详细框和点击视频展示列表同时显示bug解决(非路由切换情况)
5. 商铺列表信息获取
6. 商铺详细信息展示,共用WarnModel组件,更改中
7. 测试商铺定位
8. 商铺完成(定位待处理)

2019-12-04↑

1. 视频轮播存储视频设备
2. 轮播视频展示
3. 楼层信息,视频轮播列表为模块
4. 封装视频轮播展示框
5. 视频轮播展示框内容参数通讯
6. 处理设备详情与视频轮播展示框关系,只允许同时存在一个
7. 视频轮播模块完成
8. Promise处理展示框展示及拖动
9. 抽离tabdrag,更改mixins

2019-12-03↑

1. 新增视频轮播模块
2. 视频轮播模块与楼层信息模块及子路由状态及关系处理
3. 视频轮播组件样式整改
4. 处理视频状态10个图标
5. 新建,删除视频方案实现
6. 标记商铺
7. 获取楼层信息方法改动
8. less侧边栏左右保持一致
9. 告警接口测试
10. 设备组件查询结果风格统一

2019-12-02↑

1. 后台获取告警设备
2. 增加音频文件
3. 告警音频功能(Uncaught (in promise) DOMException),问题解决

2019-11-29↑

1. 设备查询,设备定位,详细信息展示,获取视频完成
2. 告警列表,信息，悬浮效果完成
3. 新增告警确认高亮图标,原效果为字体图,现改为图片形式
4. 当前告警设备数量

2019-11-28↑

1. 配置.env文件存储api,无法在public下使用
2. vuex存储请求头部
3. 测试接口
4. 模块内请求细分

2019-11-27↑

1. 单机设备定位
2. 单机建筑信息展示
3. mixins定位优化
4. IE11兼容调整

2019-11-26↑

1. network配置别名
2. 楼层信息样式改动,增加动画
3. 商铺信息列表增加效果
4. 楼层子模块文字高亮
5. 后台整理中

2019-11-25↑

1. 开启2D或3D效果
2. 禁用BuildInfo组件强制销毁
3. keep-live子组件状态
4. 子组件统一content,适配
5. 设备分类,点击展示选项后对应设备高亮,再次点击取消高亮,存在两种设备则最后点击的为高亮设备,取消之前高亮设备

2019-11-22↑

1. 存在告警状态的设备进行告警定位
2. 事件总线监听告警定位
3. 设置告警框全局属性
4. 模型文件改动
5. 混入设备,商铺,告警定位
6. 解决定位后进入房间,楼层信息不显示问题
7. 开启模型告警闪烁(设备id)
8. WebSocket接收ESB信息推送处理

2019-11-21↑

1. 楼层信息界面完善,增加动画处理,Echarts图完成
2. 封装楼层信息组件
3. Vuex存储楼层信息状态
4. 路由守卫监听界面展示效果
5. 记录路由,监听Tit2Classify组件

2019-11-20↑

1. 无遮罩点击模型OK,穿透遮罩层点击模型无法正常展示问题
2. 请求绝对路径解决
3. 监听模型层级关系
4. 新增楼层信息展示界面

2019-11-19↑

1. 子组件统一共用样式用less管理
2. 封装子页面1组件
3. 更新echarts图
4. 增加商铺多态

2019-11-18↑

1. 增加子页面模块
2. 增加echarts图表

2019-11-15↑

1. 增加子组件点击效果及切换效果

2019-11-14↑

1. 新增模拟模型,黑夜场景贴图
2. 大概调整模型操作
3. 子路由中子组件细分,脑图结构修改
4. 配置页头ico及title
5. 封装前期所需全局组件

2019-11-13↑

1. 科技感大概设计和整合

2019-11-12↑

1. 讨论监听模型点击方案
2. 用vuex监听,ok
3. 样式小动,引入部分科技感

2019-11-11↑

1. 尝试Vue实例在外部pulic->static->model.js中调用,实现监听模型点击,进行操作,暂无结果

2019-11-09↑

1. 配置子路由,less高度计算,页面关系划分
2. 模拟测试模型和页面的通讯,确定通讯规则
3. 引入element-ui及echarts
4. 大概排版设备搜索界面

2019-11-08↑

1. 根据需求说明分析路由配置

2019-11-07↑

1. 测试模型载入,模型无法载入,目录重构,修改原方案,更改脑图目录说明
2. 载入模型,打包测试
3. less全局变量问题

2019-11-06↑

1. 确定部分UI图,需求文档分析,会议讨论方案

2019-10-30↑

1. 创建仓库,搭建框架,Eslint语法校验

2019-10-12↑

1. 项目起草,整理需求,设计概要整理,规范介绍