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

    电子地图功能简介:

    技术采用的Raphael

    分设计模式和监控模式

    设计模式

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

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

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

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

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

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

    监控模式

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

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

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

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

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

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

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

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

     

     

  • 相关阅读:
    微信小程序view标签以及display:flex的测试
    微信小程序简单入门理解
    spring+mybatis的简单配置示例
    反链与外链的区别汇总
    隐性URL与显性URL区别与SEO考虑
    你是如何为公司死心塌地卖命的?
    大三下学期十七周总结
    IP地址、子网掩码、网络号、主机号、网络地址、主机地址、IP段/数字
    大三下学期十六周总结
    图解高内聚与低耦合
  • 原文地址:https://www.cnblogs.com/LcxSummer/p/15768160.html
Copyright © 2011-2022 走看看