var layer;
var form;
var table;
var element;
var grainData;// 仓库信息及温湿度信息

$(function () {
    layui.use(['layer', 'laydate', 'form', 'table', 'element'], function () {
        element = layui.element;
        form = layui.form;
        layer = layui.layer;
        var laydate = layui.laydate;
        table = layui.table;

        // 日期
        laydate.render({
            elem: '#checkDateMore',
            type: 'month',
            theme: '#7b8e9f',
            position: 'static',
            done: function (value, date, endDate) {
                flushGrain(value);
            }
        });

        laydate.render({
            elem: '#compareCheckDate',
            type: 'month',
            theme: '#7b8e9f',
            done: function (value, date, endDate) {
                compareStep2(value);
            }
        });

        laydate.render({
            elem: '#printCheckDate',
            theme: '#7b8e9f'
        });
        laydate.render({
            elem: '#printCheckDate2',
            theme: '#7b8e9f'
        });
        form.render();

        // 监听仓库选择
        form.on('select(select_depotId)', function (obj) {
            return onDepotChange(obj);
        });

        //初始化刷新数据
        initData();
    });

    // 初始化WebSocket
    initWS(deptId, bizType, null, userId);
});

function initData() {
    if (depotId) {
        $("#depotId").val(depotId);
        flushGrain(null);
        form.render();
    }
}

function queryDeviceIot() {
    depotId = $("#depotId").val();
    if (!depotId) {
        layer.msg("请先选择仓库！");
        return;
    }
    $.ajax({
        type: "POST",
        url: "../../basic/grain/list-device-iot",
        dataType: "json",
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify({
            depotId: depotId
        }),
        success: function (result) {
            if (result.code != "0000") {
                layer.msg(result.msg);
                return;
            }
            deviceList = result.data;
            console.log(deviceList);
            // 根据设备渲染
            addDevice(deviceList);
        },
        error: function (result) {
            layer.msg("获取设备失败，请重新尝试！");
        }
    });
}

function addDevice(list) {
    console.log(list);

    if (!list || list.length == 0) {
        return;
    }
    //清空设备信息
    $("#lq-center").empty();
    $("#lq-center").html('<img src="../../static/images/cpc-pic.png" class="qt-pic"/>');

	var mainImg = $("#lq-center");

    var temp;
    var left = 0, top = 0;
    $.each(list, function (index, item) {
        left = item.posX;
        top = item.posY;

        if (left < 1) left = 50;
        if (top < 1) top = 50;

        temp = '';
        temp += '<div id="' + item.id + '" class="wsd device" onclick=showTips("' + item.name + '") ';
        temp += 'style="left:' + left + 'px;top:' + top + 'px;position: absolute;"><div>';
        temp += '<img src="../../static/images/icon_wendu.png"/><span id="' + item.id + '_temp">--℃</span></div>';
        temp += '<div><img src="../../static/images/icon_shidu.png"/><span id="' + item.id + '_hum">--%</span>';
        temp += '</div></div>';

        mainImg.append(temp);
    });
}

function showTips(name) {
    $("#device_info").text("提示：设备名称-" + name);
}

// 开始拖拽
function dragDevice() {
    var tips = $(".device");
    if (tips.length == 0) {
        return;
    }

    var maxX = 1280;
    var maxY = 500;

    $.each(tips, function (index, item) {
        var dd = new Dragdrop({
            target: item,
            area: [0, maxX, 0, maxY],
            callback: function (obj) {
                //console.log('x:' + (obj.moveX) + ' y:' + (obj.moveY));
            }
        });
        dd.dragAll();
    });
}

// 保存设备位置信息
function updateGrainPos() {
    var tips = $(".device");
    if (tips.length == 0) {
        return;
    }
    var container = $("#lq-center");
    var parentLeft = container.offset().left;
    var parentTop = container.offset().top;

    // 封装数据进行保存
    var data = new Array();
    var id = null, curDepotId = null;
    var offset;

    $.each(tips, function (index, item) {
        id = item.id;
        curDepotId = item.getAttribute("depotId");
        offset = $('#' + id).offset();

        data[index] = {
            bizId: id,
            depotId: curDepotId,
            posX: offset.left - parentLeft,
            posY: offset.top - parentTop
        };
    });
    $.ajax({
        type: 'POST',
        url: "../../basic/common/update-grain-pos",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            layer.msg(result.msg);
        },
        error: function (result) {
            layer.msg(result.msg);
        }
    });
}

/**
 * 检测仓库类型是否发生改变，如果发生改变，重新切换页面
 */
function onDepotChange(obj) {
    var depotType = obj.elem[obj.elem.selectedIndex].getAttribute('type');
    //储粮方式
    var storeType = listDepot[obj.elem.selectedIndex - 1].storeType;
    if (depotType == DEPOT_TYPE) {
        if (storeType && storeType == "2") {
            flushGrain(null);
            return true;
        } else {
            changeView(depotType, storeType);
        }
    }else {
        changeView(depotType, storeType);
    }
}

function changeView(depotType, storeType) {
    //类型改变，自动切换页面
    if (socket) {
        socket.close();
    }
    depotId = $("#depotId").val();
    window.location.href = "../../basic/grain/gateway?depotId=" + depotId
        + "&depotType=" + depotType + "&storeType=" + storeType;
    return true;
}

// socket信息返回處理
function socketOnMessage(pocket) {
    if (pocket.orderResp == "MSG_SUCCESS") {// 信息解析成功刷新当前数据
        window.parent.sysNotify(pocket.data);
    }
};

// 单仓打印
function printSingle() {
    layer.msg("功能待开放……");
    return;
    layer.msg("开始调用后台打印模板……");
    toPrintSingle(grainData);
}

// 批量打印
function printBatch() {
    layer.msg("功能待开放……");
    return;
    // 首先去除之前的选择
    $('#batchPrintSelect input').each(function () {
        var name = $(this).prop("name");
        if (name == "printCheckDate") {// 跳过
            return true;
        }
        $(this).prop("disabled", false);
        $(this).prop("checked", false);
    });
    form.render();

    //初始化批量模板
    initModel();

    // 弹出选择框
    layer.open({
        type: 1,
        title: '批量粮情打印（红色表示没有粮情记录，默认为当天）',
        area: ['690px', '450px'],
        shade: 0,
        content: $('#batchPrintSelect'),
        btn: ['全选', '反选', '重选', '执行打印', '取消打印'],
        yes: function () {
            var name;
            $('#batchPrintSelect input').each(function () {
                name = $(this).prop("name");
                if (name == "printCheckDate" || $(this).prop("disabled")) {
                    // doNothing
                } else {
                    $(this).prop("checked", true);
                }
            });
            form.render();
        },
        btn2: function () {
            var name;
            $('#batchPrintSelect input').each(function () {
                name = $(this).prop("name");
                if (name == "printCheckDate" || $(this).prop("disabled")) {
                    // doNothing
                } else {
                    if ($(this).prop("checked")) {
                        $(this).prop("checked", false);
                    } else {
                        $(this).prop("checked", false);
                    }
                }
            });
            form.render();
            return false;
        },
        btn3: function () {
            var name;
            $('#batchPrintSelect input').each(function () {
                name = $(this).prop("name");
                if (name == "printCheckDate" || $(this).prop("disabled")) {
                    // doNothing
                } else {
                    $(this).prop("checked", false);
                }
            });
            form.render();
            return false;
        },
        btn4: function () {
            printBatchTodo();
        },
        btn5: function () {
            layer.close(0);
        },
        closeBtn: 0
    });
    // 默认调用获取数据更新
    $("#printCheckDate").prop("value", dateFtt("yyyy-MM-dd", new Date()));
    getPrintBatchDepot();
};

// 获取批量打印的信息
function getPrintBatchDepot() {
    layer.msg("验证粮情检测记录……");
    var checkDate = $("#printCheckDate").val();
    $.ajax({
        type: "POST",
        url: "../../basic/grain/query-checkDate-map",
        dataType: "json",
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify({
            checkDate: checkDate
        }),
        success: function (result) {
            if (result.code != "0000") {
                layer.msg(result.msg);
                disabledAllSelectDepot();
            } else {
                mapGrainData = result.data;
                updateSelectDepot();
            }
        },
        error: function () {
            layer.msg("批量打印获取粮情信息失败！");
        }
    });
};

// 根据查询的数据批量打印预览
function printBatchTodo() {
    layer.msg("开始批量生成打印模版……");
    var strHtml;
    var value;
    var checked;
    var printGrainData;
    // 将仓库数据列表转换为MAP
    var mapDepot = {};
    $.each(listDepot, function (index, data) {
        mapDepot[data.id] = data;
    });
    var LODOP = CLODOP;
    // 设置默认满张打印
    LODOP.PRINT_INIT("粮情报表");// 初始化在循环外
    LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");
    $('#batchPrintSelect input').each(function () {
        if ($(this).prop("name") == "printCheckDate") {// 跳过
            return true;
        }
        checked = $(this).prop("checked");
        if (checked) {
            value = $(this).val();
            printGrainData = mapGrainData[value];
            if (!printGrainData) {// 如果没有粮情数据跳过执行下一个
                return true;
            }
            LODOP.NewPage();
            printGrainData.depotData = mapDepot[value];
            strHtml = builderModel(printGrainData);
            LODOP.ADD_PRINT_HTM(30, 40, "180mm", "100%", strHtml);
        }
    });
    layer.msg("开始调用打印程序预览……");
    LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "Full-Page");
    LODOP.PREVIEW();
};

// 设置批量打印中所有仓库不可选择
function disabledAllSelectDepot() {
    var name;
    $('#batchPrintSelect input').each(function () {
        name = $(this).prop("name");
        if (name == "printCheckDate") {// 跳过
            return true;
        }
        $(this).prop("disabled", true);
    });
    form.render();
};

function updateSelectDepot() {
    var value, name;
    $('#batchPrintSelect input').each(function () {
        value = $(this).val();
        name = $(this).prop("name");
        if (name == "printCheckDate") {// 跳过
            return true;
        }
        if (mapGrainData[value]) {
            $(this).prop("disabled", false);
        } else {
            $(this).prop("disabled", true);
        }
    });
    form.render();
};

// 点击刷新操作
function flushGrain() {
    queryDeviceIot();
    compareData = null;
    depotId = $("#depotId").val();

    if (!depotId) {
        layer.alert("请先选择仓库！");
        return;
    }
    var data = {
        depotId: depotId
    };

    $.ajax({
        type: "POST",
        url: "../../basic/grain/query-grain-iot-data",
        dataType: "json",
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            if (result.code != "0000") {
                layer.msg(result.msg);
            }else {

            }
            grainData = result.data;
            if (!grainData) {
                return;
            }

            // 粮情信息赋值
            renderGrainInfo();

            // 调用全部关闭
            layer.closeAll();
            layer.msg("更新成功……");
        },
        error: function () {
            layer.msg("根据当前条件获取粮情数据渲染图标失败！！");
        }
    });
};

// 填写粮情信息
function renderGrainInfo() {
    // 配置仓库卡片信息
    var depotData = grainData.depotData;
    $("#depotTypeName").text(depotData.depotTypeName);
    $("#storeDate").text(depotData.storeDate);
    $("#storageReal").text(depotData.storageReal);
    $("#foodVarietyName").text(depotData.foodVarietyName);
    $("#perWet").text(depotData.perWet);
    $("#depotStatus").text(DEPOT_STATUS_MSG(depotData.depotStatus));
    $("#foodLocation").text(depotData.foodLocation);
    $("#perImpurity").text(depotData.perImpurity);
    $("#storeKeeperName").text(depotData.storeKeeperName);

    var grainIotData = grainData.grainIotData;

    if (!grainIotData) {
        return;
    }

    var tempMax = null, humMax = null, tempMin = null, humMin = null, tempSum = 0.0, humSum = 0.0;
    var i = 0, j = 0;
    var time = "";
    $.each(grainIotData, function (index, item) {
        if(index == 0){
            $("#tempOut").text(item.outTemp == null?"--":item.outTemp.toFixed(1));
            $("#humidityOut").text(item.outHum == null?"--":item.outHum.toFixed(1));
        }
        time = item.time;
        if(item.temp){
            $("#" + item.deviceId + "_temp").text(item.temp + "℃");
            tempSum += item.temp;
            i ++;
            if(!tempMax){
                tempMax = item.temp;
            }
            if(!tempMin){
                tempMin = item.temp;
            }
            if(item.temp > tempMax){
                tempMax = item.temp;
            }
            if(item.temp < tempMin){
                tempMin = item.temp;
            }
        }
        if(item.hum){
            $("#" + item.deviceId + "_hum").text(item.hum + "%");
            humSum += item.hum;
            j ++;
            if(!humMax){
                humMax = item.hum;
            }
            if(!humMin){
                humMin = item.hum;
            }
            if(item.hum > humMax){
                humMax = item.hum;
            }
            if(item.hum < humMin){
                humMin = item.hum;
            }
        }
    });
    $("#tempMax").text(tempMax == null?"--":tempMax.toFixed(1));
    $("#tempMin").text(tempMin == null?"--":tempMin.toFixed(1));

    $("#humMax").text(humMax == null?"--":humMax.toFixed(1));
    $("#humMin").text(humMin == null?"--":humMin.toFixed(1));

    if(i > 0){
        $("#tempAve").text((tempSum/i).toFixed(1));
    }
    if(j > 0){
        $("#humAve").text((humSum/j).toFixed(1));
    }
    $("#batchId").empty();
    $('#batchId').append(new Option(time, time));// 下拉菜单里添加元素
    form.render();
}