zoukankan      html  css  js  c++  java
  • 电子地图监控

    电子地图功能简介:

    技术采用的Raphael

    分设计模式和监控模式

    设计模式

    底图可以上传修改,下图中是没有上传底图时,使用的默认底图

    场景中的文字为了不和底图颜色重合而看不到,一律采取加蓝色描边的方案

    监控图元可以拖动、新增、删除

    新增时可以点击右侧树节点,也可以拖动节点到左侧场景中,拖动可以拖动到指定的位置,点击都是放在默认的左上角位置

    设计好后保存入库,入库是相对左上角的位置,由于浏览器界面大小不一致,这个相对于左上角的位置是一个百分比的位置

    监控图元在设计页面只显示名称和图标

    监控模式

    监控模式下图元位置不具备挪动功能,也不具备删除功能

    监控图元会在后台获取实时数据和状态,显示实时数据和状态,

    开入元素分 离线、恢复正常和异常三种状态,异常时图元左上角有告警小图标闪烁

    开出元素分 离线、未启用和已启用三种状态,启用和未启用使用的图标也是不一样的

    模拟量元素显示数值和单位,如果数值越限显示红色文字,正常显示绿色文字

    鼠标放到图元上,左上角会显示监控图元的基本信息,当图元就在左上角时,为了不遮盖图元,基本信息的信息框会显示到左下角

    当设备不在线时,图元的名称显示的位置是在图片上方,而当设备在线时,有实时的状态和数据,实时状态和数据显示在图元上方,图元的名字要上移,放到状态的上方

    图元过多时,如果想关注指定的类型监控对象,可以点击下方的模式,比如门禁模式仅仅显示门禁监控对象,安防模式仅仅显示安防监控对象(即开入对象)

     

     

  • 相关阅读:
    时间加减天数
    时间加减秒数
    什么BOM?
    js 事件基础
    js 九九乘法
    CSS3 动画基础单词语法
    css3 3D转换 基础语法
    css3 2D 转换 基础语法
    js onchange案例
    js之冒泡排序
  • 原文地址:https://www.cnblogs.com/LcxSummer/p/15768160.html
Copyright © 2011-2022 走看看