奥翔创新中心IOC运营平台(Vue3)产品系统

我要开发同款
proginn21215622642026年01月20日
13阅读

技术信息

语言技术
JavaScriptVueElementUIwebpackCSRF/XSRF
系统类型
WebH5
行业分类
工业互联网

作品详情

行业场景

为奥翔园区开发的一款,可监视并管理城市服务的后台管理系统,对整个园区进行监控,设备设施等进行管
理。

功能介绍

负责模块:组织机构,综合态势,综合防控,设备管理,设施管理, 能效管理,系统设置,物业管理,指挥中心,账户管理。
应用技术栈:vue3+ts+elementplus+pinia+axios+DataV+echarts+百度地图+Vue-video+hls.js

项目实现

项目职责:
1. 根据原型图,使用elementplus完成页面的开发,高度还原页面。
2. 首页大屏模块中,v-scale-screen插件+网格布局+dataV完成整体适配方案。
3. 使用高德地图,完成园区位置的展示,园区路径使用polyline规划,车位markers汇总。
4. 设备管理中有个长列表使用vue-virtual-scroller虚拟滚动插件,完成万级数据渲染性能提升,使用
KeepAlive缓存高频访问的模块或功能。
5. 在大屏完成了,招商入驻,入园人员,访问趋势,停车场信息,耗能信息,等echarts的图表的汇总。
6. 系统设置模块,完成了大屏的比例适配分辨率调整的动态调整。提供下拉列表用户动态改变大屏适配比
例。
7. 组织机构模块,完成树形组件的二次封装和自定义布局,对el-tree,实现多套模板封装,并使用
appComponet注册全局组件方便复用。
8. 授权管理模块,可以给当前登录账户,设置访问权限,如物联平台权限系统,IOC权限,GoMap权限系统
9. 账户树形菜单,可视化授权列表,根据树形el-tree选择当前账户可访问的菜单列表。
10. 完成消息中心,后台采用 WebSocket 协议 建立全双工通信,替代传统 HTTP 轮询,实现消息的 低延
迟(

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论