var layer;
|
var form;
|
|
$(function () {
|
layui.use(['layer', 'form'], function () {
|
form = layui.form;
|
layer = layui.layer;
|
// 查询仓库的实时能耗信息
|
query();
|
});
|
});
|
|
// 根据仓库查询
|
function query() {
|
var index = layer.load();
|
$.ajax({
|
type: "POST",
|
url: "../../basic/es/cur-data",
|
dataType: "json",
|
contentType: "application/json;charset=UTF-8",
|
success: function (result) {
|
layer.close(index);
|
if (result.code == "0000") {
|
renderView(result.data);
|
} else {
|
renderView(null);
|
layer.alert(result.msg);
|
}
|
},
|
error: function (result) {
|
layer.close(index);
|
renderView(null);
|
layer.msg("获取数据失败，请重新尝试！");
|
}
|
});
|
};
|
|
/**
|
* 根据查询的MAP能耗数据信息，渲染页面，如果没有能耗数据，仅仅渲染粮库信息
|
*
|
* @param esData
|
* @returns
|
*/
|
function renderView(esList) {
|
$("#div_main").empty();
|
layer.msg("开始渲染配电信息！！");
|
var html = "";
|
if (esList) {
|
$.each(esList, function (index, esData) {
|
html += "<div class='layui-col-md4 layui-col-sm6'><div class='layadmin-contact-box'><div class='layui-col-md4 layui-col-sm6'><div class='layadmin-text-center'>";
|
//通过判断A相电压的值，判断当前仓库是红色图片还是正常图片
|
if (esData.ua > 0) {
|
html += "<img src='../../static/images/depot-icon-blue.png'><div class='layadmin-maillist-img layadmin-font-blod'><span id='time_"
|
+ esData.depotId + "'>";
|
} else {
|
html += "<img src='../../static/images/depot-icon-blue.png'><div class='layadmin-maillist-img layadmin-font-blod'><span id='time_"
|
+ esData.depotId + "'>";
|
}
|
html += esData.updateTime + "</span></div></div></div><div class='layui-col-md8 layadmin-padding-left20 layui-col-sm6'><h3 class='layadmin-title'>";
|
html += "<strong id='depot_" + esData.depotId + "'>" + esData.depotName + "</strong></h3>";
|
|
html += "<div class='layui-col-md6'><strong><i class='layui-icon layui-icon-fonts-del'></i>电压</strong><br>";
|
html += "<p class='layadmin-textimg color-a' id='ua_"
|
+ esData.depotId + "'>A相电压：" + esData.ua.toFixed(1) + " V</p>";
|
html += "<p class='layadmin-textimg color-b' id='ub_"
|
+ esData.depotId + "'>B相电压：" + esData.ub.toFixed(1) + " V</p>";
|
html += "<p class='layadmin-textimg color-c' id='uc_"
|
+ esData.depotId + "'>C相电压：" + esData.uc.toFixed(1) + " V</p></div>";
|
|
html += "<div class='layui-col-md6'><strong><i class='layui-icon layui-icon-fonts-del'></i>电流</strong><br>";
|
html += "<p class='layadmin-textimg color-a' id='ia_'"
|
+ esData.depotId + ">A相电流：" + esData.ia.toFixed(1) + " A</p>";
|
html += "<p class='layadmin-textimg color-b' id='ib_'"
|
+ esData.depotId + ">B相电流：" + esData.ib.toFixed(1) + " A</p>";
|
html += "<p class='layadmin-textimg color-c' id='ic_'"
|
+ esData.depotId + ">C相电流：" + esData.ic.toFixed(1) + " A</p>";
|
html += "</div></div></div></div>";
|
});
|
} else {
|
$.each(listDepot, function (index, depot) {
|
html += "<div class='layui-col-md4 layui-col-sm6'><div class='layadmin-contact-box'><div class='layui-col-md4 layui-col-sm6'><div class='layadmin-text-center'>";
|
html += "<img src='../../static/images/depot-icon-red.png'><div class='layadmin-maillist-img layadmin-font-blod'><span id='time_" + depot.id + "'>";
|
html += "00:00</span></div></div></div><div class='layui-col-md8 layadmin-padding-left20 layui-col-sm6'><h3 class='layadmin-title'>";
|
|
html += "<strong id='depot_" + depot.id + "'>" + depot.name
|
+ "</strong> </h3><div class='layui-col-md6'><strong><i class='layui-icon layui-icon-fonts-del'></i>电压</strong> <br>";
|
html += "<p class='layadmin-textimg color-a' id='ua_"
|
+ depot.id + "'>A相电压：0.0 V</p>";
|
html += "<p class='layadmin-textimg color-b' id='ub_"
|
+ depot.id + "'>B相电压：0.0 V</p>";
|
html += "<p class='layadmin-textimg color-c' id='uc_"
|
+ depot.id + "'>C相电压：0.0 V</p>";
|
|
html += "</div><div class='layui-col-md6'><strong><i class='layui-icon layui-icon-fonts-del'></i>电流</strong><br>";
|
html += "<p class='layadmin-textimg color-a' id='ia_'"
|
+ depot.id + ">A相电流：0.0 A</p>";
|
html += "<p class='layadmin-textimg color-b' id='ib_'"
|
+ depot.id + ">B相电流：0.0 A</p>";
|
html += "<p class='layadmin-textimg color-c' id='ic_'"
|
+ depot.id + ">C相电流：0.0 A</p>";
|
html += "</div></div></div></div>";
|
});
|
}
|
$("#div_main").append(html);
|
}
|
