npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

ganwei-base-equip-lists

v1.0.12

Published

基线模块-设备列表

Downloads

3

Readme

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