ganwei-base-equip-lists v1.0.12

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组件开发即可。