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);
}