ganwei-base-equip-lists
v1.0.12
Published
基线模块-设备列表
Downloads
3
Readme
webui-base-equip-list
模块简介
基线模块-设备列表
设备列表模块展示不同设备分组下设备及其设备的遥测量、遥信量状态信息;设备的设置项下发命令操作;
遥测量
- 设备号
- 遥测编号
- 报警状态
- 遥测名称
- 实时值
- 报警合并数量
- 曲线【实时曲线、历史曲线】
- 定位【暂未实现】
- 视频
- 资产
- 处理意见
遥信量
- 设备号
- 遥信编号
- 报警状态
- 遥信名称
- 实时状态
- 报警合并数量
- 曲线【实时曲线】
- 定位【暂未实现】
- 视频
- 资产
- 处理意见
数据推送方法
- connectHubEquipState
该方法是接收设备列表设备状态数据推送;
设备列表初始化获取完成左侧的设备树状结构列表后调用该方法;该方法只调用一次连接,离开页面时进行断开操作;
- connectHub
该方法是接收指定设备的遥测量、遥信量实时状态和实时值;
每点击一个设备时就会断掉上一次连接开启新的连接;同样离开页面时进行断开操作;
开发条件
要开发此模块,需要先行下载基线模板, 地址:https://gitee.com/shend/io-tcenter-vue-temp.git(DEV分支),基线模板包含了webpack、router、API、style、components、utils等公共配置以及依赖项,详情依赖可查看package.json。
依赖框架
基于Elemen UI框架开发,要开发此模块,请预先熟悉该框架,地址:https://element.eleme.cn/#/zh-CN
开发调试
1、根据上面地址下载基础模板后,使用下面命令安装引入该模块,如果package.json中有对应依赖项,直接使用命令npm install 安装即可。
npm install ganwei-base-equip-lists
2、引入成功后,运行下面命令即可打开登录页面,继而开启IoT服务以及API服务即可登录查看该页面。
npm run dev
3、在node_modules下找到引入的组件,其目录结构有src(源文件)、package(配置文件)、readme(说明文件),其中src中又包含vue、js、css、img文件,按照正常VUE组件开发即可。