var url;
|
var electricList;
|
var dateTime;
|
var data = {
|
"interfaceId": "5501",
|
"outId": "10501",
|
"reqDateTime": new Date(),
|
"tokenAuth": "",
|
"data": {
|
"deptId": ""
|
}
|
};
|
|
function init() {
|
var user = JSON.parse(localStorage.getItem('user'));
|
var selectDeptId = JSON.parse(localStorage.getItem('selectDeptId'));
|
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",
|
dataType: "json",
|
crossDomain: true,
|
contentType: "application/json;charset=utf-8",
|
data: JSON.stringify(data),
|
success: function(result) {
|
if (result.code == "0000") {
|
electricList = result.data;
|
renderData();
|
} else {
|
renderData();
|
mui.toast(result.msg);
|
console.log(JSON.stringify(result))
|
}
|
},
|
error: function() {
|
mui.alert("系统繁忙,请重试！", "提示", ["确定"], function() {}, "div")
|
}
|
})
|
// electricList = [{
|
// "depotId": "18",
|
// "depotName": "做一几加",
|
// "depotType": "02",
|
// "ua": 97,
|
// "ub": 43,
|
// "uc": 81,
|
// "ia": 85,
|
// "ib": 76,
|
// "ic": 43,
|
// "updateTime": "1982-03-19 23:26:43"
|
// },
|
// {
|
// "depotId": "35",
|
// "depotName": "层能比维",
|
// "depotType": "01",
|
// "ua": 71,
|
// "ub": 60,
|
// "uc": 45,
|
// "ia": 22,
|
// "ib": 42,
|
// "ic": 12,
|
// "updateTime": "1980-11-10 20:35:36"
|
// },
|
// {
|
// "depotId": "61",
|
// "depotName": "从周阶红",
|
// "depotType": "02",
|
// "ua": 88,
|
// "ub": 94,
|
// "uc": 77,
|
// "ia": 33,
|
// "ib": 83,
|
// "ic": 67,
|
// "updateTime": "1972-03-23 06:15:44"
|
// },
|
// {
|
// "depotId": "31",
|
// "depotName": "火五况斯",
|
// "depotType": "03",
|
// "ua": 76,
|
// "ub": 76,
|
// "uc": 68,
|
// "ia": 80,
|
// "ib": 54,
|
// "ic": 2,
|
// "updateTime": "2010-02-02 15:07:12"
|
// },
|
// {
|
// "depotId": "20",
|
// "depotName": "话美书着具",
|
// "depotType": "01",
|
// "ua": 96,
|
// "ub": 5,
|
// "uc": 83,
|
// "ia": 74,
|
// "ib": 49,
|
// "ic": 37,
|
// "updateTime": "2007-11-02 05:03:29"
|
// }
|
// ]
|
|
}
|
//渲染页面
|
function renderData() {
|
var html = '';
|
if (electricList && electricList.length > 0) {
|
$.each(electricList, function(index, item) {
|
html += '<li><div class="con"><div class="tit"><div class="t1">';
|
if (item.depotType == '01') {
|
html += '<span class="bg" style="background-image: url(images/d1.png);"></span>';
|
} else if (item.depotType == '02') {
|
html += '<span class="bg" style="background-image: url(images/d2.png);"></span>'
|
}
|
if (item.depotType == '03') {
|
html += '<span class="bg" style="background-image: url(images/d3.png);"></span>'
|
}
|
html += '<span>' + item.depotName + '</span></div></div>';
|
html += '<div class="inner"><div class="info">更新时间: <span style="font-size:15px">' + item
|
.updateTime + '</span></div>';
|
html += '<div class="txt"><div class="num">' + item.ua +
|
' <span> V</span></div><div class="desc">A相电压</div></div>';
|
html += '<div class="txt"><div class="num">' + item.ub +
|
' <span> V</span></div><div class="desc">B相电压</div></div>';
|
html += '<div class="txt"><div class="num">' + item.uc +
|
' <span> V</span></div><div class="desc">B相电压</div></div>';
|
html += '<div class="txt"><div class="num">' + item.ia +
|
' <span> V</span></div><div class="desc">A相电流</div></div>';
|
html += '<div class="txt"><div class="num">' + item.ib +
|
' <span> V</span></div><div class="desc">B相电流</div></div>';
|
html += '<div class="txt"><div class="num">' + item.ic +
|
' <span> V</span></div><div class="desc">C相电流</div></div>';
|
html += '</div></div></li>'
|
})
|
} else {
|
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);
|
}
|
var slider = mui(".mui-slider");
|
slider.slider({
|
interval: 3000
|
});
|
|
mui('.mui-scroll-wrapper').scroll({
|
indicators: false, //是否显示滚动条
|
deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
|
bounce: false, //是否启用回弹
|
deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
|
});
|
