物联网4.27-07.21总结

1.百度地图省市区及marker点统计功能

a.渲染省市区不同级别大圆圈显示 addRangeOverlay(data,地图级别), 通过var RangeOverlay = new rangeOverlay设置大圆圈显示的文字及显示位置

b.鼠标悬浮圆圈时,渲染行政区域轮廓, var bdary = new BMap.Boundary()可通过区域名字进行区域轮廓的渲染

c.查询方式sql,有省市区三种级别。以山西为例,山西为140000,太原为140100,小店区为140105,故判断各个区域的类型可通过获取得到districtCode后,进行截取判断,如果第3,4位为00说明为省级,如果34位不为00且56位为00说明是市级,如果第56位不为00说明为区级。

2.水系统中仪表盘显示

series中type为gauge,并且data的格式为[{value: 50, name: '完成率'}]

3.百度地图全景功能

var panorama = new BMap.Panorama('QuanJin');  panorama.setPov({heading: -40, pitch: 6});
   panorama.setPosition(new BMap.Point(lon, lat));可以通过直接传入相应的经纬度来进行展示

4.行政用户排名显示

a.echarts点击事件,myChart.on('click', function (params)传递行政区域名称进行下一级子查询

b.显示各个排名信息详情,easyui的点击事件$('#dataguid').datagrid({onClickRow:function(rowIndex,rowData)

5.layui树形菜单展示

a.格式问题,处理树形菜单格式,加载父子节点并进行循环,所需格式为json格式

b.修改ie下树形菜单图标不显示问题,修改tree.js中class类型

6.布局

a.修改以往fire_index所有页面显示,去除newWindow,使用iframe方式,只在头部保存当前设备的信息,下方iframe进行点击button来进行切换展现

b.iframe切换采用$('#center').attr('src','${ctx}/analysis/toLoadEleMess?code='+a);来进行src的切换显示

c.解决滚动条问题,动态设置iframe高度var iframeWin = iframe.contentWindow ;以及在layui-body设置overflow-y:hidden"来控制滚动条的显示

7.layui使用

a.先设置<div class="layui-fluid">外层div来进行自适应,内部设置<div class="layui-row layui-col-space20">,row代表占据一行显示,<div class="layui-col-xs12 layui-col-sm12 layui-col-md9" >设置不同分辨率下所占百分百,占满为12,若想小屏幕如手机上显示一行,设置外部块级元素为12.

b.监听layui下拉框的变化,首先定义layui中下拉框必须放到<div class="layui-form">的元素下才能生效下拉框,在下拉框定义    <select id="statics_type" onchange="change_type();" lay-filter="timeSelect">其中lay-filter为监听的事件,在js中定义layui.use(['layer','form','table'], function(){var form = layui.form;   form.on('select(timeSelect)', function(data){这样就可以在js中获取到下拉的变化

c.表格的渲染:  var tableIns = table.render({设置layui的table,其中主要参数url为请求地址,elem为渲染的表格id,where为请求的参数。  cols: []中为对应的渲染的值。其中如果表格为tab切换类型的,需要在引入layui.js后增加 layui.use('element', function(){var element = layui.element;});

d.layui弹出层定义,弹出层layer.open弹出,content定义请求的地址,弹出为一个iframe,但如果在iframe基础上继续弹出时需注意父子级别,此时需在子页面弹出时定义为parent.layer.open

8.pdf插件的引入使用

主要注意的为viewer.jsp中关联vierer.js要动态获取default_url传递给js相应的pdf名称

9.水系统数据展示

a.问题,目前水系统有三种测量值需展现,为水箱水位,管网压力,水池水位

b.解决思路,通过使用单位来获取到相应的黑盒子编码,其中把deviceCode和sourceaddr拼接查询来确定一个设备,并通过设备查询相应24小时的数据。

c.难点1 横坐标轴动态坐标轴,需要定义xsis为time,同时为了显示时间及值需在series的value值拼接格式为

[{name:'测试',value:['2018/08/04 14:22:12',0.11]}]

难点2 legend图例显示也应该动态和折现获取方式对应[data:{测试1,测试2}]

难点3 因为管网压力可能和水箱或者水池接在一起,故单纯靠sensor_code的21,22,23判断不全面,故通过source_addr继续进行判断,如果21时source_addr为奇数,则说明是水箱水位,为偶数则说明是管网压力。23时同理,当为22时不需判断都为管网压力

猜你喜欢

转载自blog.csdn.net/qq_33186251/article/details/81144577