| | |
| | | var url; |
| | | var electricList; |
| | | var dateTime; |
| | | var data = { |
| | | "interfaceId": "5501", |
| | | "outId": "10501", |
| | |
| | | function init() { |
| | | var user = JSON.parse(localStorage.getItem('user')); |
| | | var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId')); |
| | | url = user.url + "/api-phone/v35/gateway"; |
| | | url = user.url + "/api/phone/v35/gateway"; |
| | | data.tokenAuth = user.tokenAuth; |
| | | data.data.deptId = selectDeptId; |
| | | dateTime = getDate(new Date()); |
| | | getElectric(); |
| | | } |
| | | |
| | | //日期格式化yyyy-MM-dd |
| | | function getDate(date) { |
| | | var year = date.getFullYear(); |
| | | var month, day,hour,minute; |
| | | month = date.getMonth() + 1; |
| | | if (month > 0 && month <= 9) { |
| | | month = "0" + month; |
| | | } |
| | | day = date.getDate() |
| | | if (day > 0 && day <= 9) { |
| | | day = "0" + day |
| | | } |
| | | hour = date.getHours(); |
| | | minute = date.getMinutes(); |
| | | return year + "-" + month + "-" + day + " "+ hour + ":" + minute |
| | | } |
| | | |
| | | function getElectric() { |
| | | mui.ajax(url, { |
| | | type: "POST", |
| | |
| | | if (result.code == "0000") { |
| | | electricList = result.data; |
| | | renderData(); |
| | | // console.log(JSON.stringify(result.data)) |
| | | } else { |
| | | renderData(); |
| | | mui.toast(result.msg); |
| | |
| | | mui.alert("系统繁忙,请重试!", "提示", ["确定"], function() {}, "div") |
| | | } |
| | | }) |
| | | |
| | | } |
| | | //渲染页面 |
| | | function renderData() { |
| | |
| | | if (electricList && electricList.length > 0) { |
| | | $.each(electricList, function(index, item) { |
| | | html += '<li><div class="con"><div class="tit"><div class="t1">'; |
| | | if (index % 3 == 0) { |
| | | if (item.depotType == '01') { |
| | | html += '<span class="bg" style="background-image: url(images/d1.png);"></span>'; |
| | | } |
| | | if (index % 3 == 1) { |
| | | } else if (item.depotType == '02') { |
| | | html += '<span class="bg" style="background-image: url(images/d2.png);"></span>' |
| | | } |
| | | if (index % 3 == 2) { |
| | | if (item.depotType == '03') { |
| | | html += '<span class="bg" style="background-image: url(images/d3.png);"></span>' |
| | | } |
| | | html += '<span>' + item.depotName + '</span></div><span class="time">' + item.updateTime + |
| | | '</span></div>'; |
| | | html += '<div class="inner"><div class="info">最近一小时用能: <span>10.0</span>KW-h</div>'; |
| | | html += '<div class="txt"><div class="num">' + item.ua + |
| | | html += '<span>' + item.depotName + '</span></div></div>'; |
| | | html += '<div class="inner"><div class="info">更新时间: <span style="font-size:15px">' + (item.updateTime == null || item.updateTime == "" ? dateTime : item.updateTime) + '</span></div>'; |
| | | html += '<div class="txt"><div class="num">' + (item.ua == null || item.ua == "" ? "0" : item.ua) + |
| | | ' <span> V</span></div><div class="desc">A相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num">' + item.ub + |
| | | html += '<div class="txt"><div class="num">' + (item.ub == null || item.ub == "" ? "0" : item.ub) + |
| | | ' <span> V</span></div><div class="desc">B相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num">' + item.uc + |
| | | html += '<div class="txt"><div class="num">' + (item.uc == null || item.uc == "" ? "0" : item.uc) + |
| | | ' <span> V</span></div><div class="desc">B相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num">' + item.ia + |
| | | html += '<div class="txt"><div class="num">' + (item.ia == null || item.ib == "" ? "0" : item.ib) + |
| | | ' <span> V</span></div><div class="desc">A相电流</div></div>'; |
| | | html += '<div class="txt"><div class="num">' + item.ib + |
| | | html += '<div class="txt"><div class="num">' + (item.ib == null || item.ic == "" ? "0" : item.ic) + |
| | | ' <span> V</span></div><div class="desc">B相电流</div></div>'; |
| | | html += '<div class="txt"><div class="num">' + item.ic + |
| | | html += '<div class="txt"><div class="num">' + (item.ic == null || item.ic == "" ? "0" : item.ic) + |
| | | ' <span> V</span></div><div class="desc">C相电流</div></div>'; |
| | | html += '</div></div></li>' |
| | | }) |
| | | } else { |
| | | html += |
| | | '<li><div class="con myfancy" style="text-align: center;font-size: 20px;color:#dd524d">暂无实时配电信息</div></li>'; |
| | | html += '<li><div class="con"><div class="tit"><div class="t1">'; |
| | | html += '<span class="bg" style="background-image: url(images/d1.png);"></span>'; |
| | | html += '<span>暂无配电数据</span></div></div>'; |
| | | html += '<div class="inner"><div class="info">更新时间: <span style="font-size:15px">' + dateTime + '</span></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">A相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电压</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">A相电流</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">B相电流</div></div>'; |
| | | html += '<div class="txt"><div class="num">0<span> V</span></div><div class="desc">C相电流</div></div>'; |
| | | html += '</div></div></li>' |
| | | } |
| | | // $("#recordList").html(html); |
| | | $("#recordList").html(html); |
| | | } |
| | | var slider = mui(".mui-slider"); |
| | | slider.slider({ |