var layer;
var form;
var deviceList;// 当前仓库的所有设备列表
var depotId;
var deviceType = DeviceType.TYPE_05;// 被选中的设备类型，设备类型 空调
var viewTargetStatus;// 目标状态，根据设备类型和当前值调用动效
var domSelectDevice;// 被选中的设备dom对象

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

        form.render();

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

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

    // 添加切换动作
    $(".js-tf-btn").click(
        function () {
            $(this).addClass("active").siblings(".js-tf-btn").removeClass(
                "active");
        });

    $(".js-xg115-arrow").click(function () {
        $(this).siblings(".xg115-btnhide").toggle()
        $(this).toggleClass("active");
    });
});

function initData() {
    if (depotId) {
        $("#depotId").val(depotId);
        query(true, true, true);
        form.render();
    }
}

/**
 * 检测仓库类型是否发生改变，如果发生改变，重新切换页面
 */
function onDepotChange(obj) {
    var depotType = obj.elem[obj.elem.selectedIndex].getAttribute('type');
    if (depotType == DEPOT_TYPE) {
        query(true, true, true);
    } else {
        changeView(depotType);
    }
}

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

function showVideo() {
    window.parent.openTab("./basic/security/aerial-video?t=1", "视频鸟瞰", "aerial-video");
};

function closeAll() {
    layer.msg("终端不支持当前功能……");
};

// 状态查询
function queryStatus() {
    depotId = $("#depotId").val();
    if (!depotId) {
        layer.msg("请先选择仓库！");
        return;
    }
    //把当前页面的设备传递到后台
    var data = {
        depotId: depotId,
        deptId: deptId,
        deviceList: []
    };
    var tips = $(".device");
    $.each(tips, function (index, item) {
        data.deviceList.push({
            id: item.id,
            depotId: item.getAttribute("depotid"),
            passCode: item.getAttribute("passcode"),
            name: item.getAttribute("name"),
            serId: item.getAttribute("serid"),
            link: item.getAttribute("link"),
            type: item.getAttribute("type"),
            companyId: companyId
        });
    });

    $.ajax({
        type: "POST",
        url: "../../basic/temp/query-status",
        dataType: "json",
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            layer.msg(result.msg);
        },
        error: function (result) {
            layer.msg("获取数据失败，请重新尝试！");
        }
    });
};

/**
 * @param isNew 是否新库跟新仓库信息并执行状态刷新
 * @param isCut 是否切换页面
 * @param isQueryStatus 是否更新状态
 */
function query(isNew, isCut, isQueryStatus) {
    depotId = $("#depotId").val();
    if (!depotId) {
        layer.msg("请先选择仓库！");
        return;
    }
    if (isNew) {
        updateGrainInfo();
    }
    deviceList = [{"companyId":"5303","depotId":"P0101","id":"53030P190220_11001","link":"3001","location":"01","locationName":"02-背面","name":"空调#1","passCode":1001,"posX":857,"posY":216,"serId":"20","status":"OPEN","statusName":"风机正转","type":"05","typeName":"05-空调"},{"companyId":"5303","depotId":"P0101","id":"53030P190220_11002","link":"3002","location":"01","locationName":"02-背面","name":"空调#2","passCode":1002,"posX":469,"posY":212,"serId":"20","status":"CLOSE","statusName":"风口开","type":"05","typeName":"05-空调"}];
    if(isCut){
        toCutExe(viewAB,true);
    }
    // $.ajax({
    //     type: "POST",
    //     url: "../../basic/temp/list-device-manual",
    //     dataType: "json",
    //     contentType: "application/json;charset=UTF-8",
    //     data: JSON.stringify({
    //         depotId: depotId
    //     }),
    //     success: function (result) {
    //         if (isNew) {
    //             updateGrainInfo();
    //         }
    //
    //         if (result.code != "0000") {
    //             layer.msg(result.msg);
    //             deviceList = null;
    //             if(isCut){
    //                 toCutExe(viewAB,true);
    //             }
    //             return;
    //         }
    //         deviceList = result.data;
    //         if(isCut){
    //             toCutExe(viewAB,true);
    //         }
    //         if (isQueryStatus) {
    //             queryStatus();
    //         }
    //     },
    //     error: function (result) {
    //         layer.msg("获取数据失败，请重新尝试！");
    //     }
    // });
};

// 获取当前仓库的最新粮情数据信息
function updateGrainInfo() {
    $("#tempIn").text("26.6");
    $("#humidityIn").text("41");
    $("#humidityOut").text("63");
    $("#tempOut").text("32.4");
    $("#updateTime").text("2025-05-16 09:05");
    // $.ajax({
    //     type: "POST",
    //     url: "../../basic/grain/grain-data",
    //     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;
    //         }
    //         var grainData = result.data;
    //         // 更新信息
    //         $("#tempIn").text(grainData.tempIn <= -100?"--":(grainData.tempIn).toFixed(1));
    //         $("#humidityIn").text((grainData.humidityIn).toFixed(1));
    //         $("#humidityOut").text((grainData.humidityOut).toFixed(1));
    //         $("#tempOut").text(grainData.tempOut <= -100?"--":(grainData.tempOut).toFixed(1));
    //         $("#updateTime").text(grainData.receiveDate);
    //     },
    //     error: function (result) {
    //         layer.msg("当前仓库的粮情数据信息获取失败！");
    //     }
    // });
};

/**
 * 切换效果
 * @param target 正反面
 * @param isCutImg 是否执行切图
 */
function toCutExe(target, isCutImg) {
    // 获取当前仓库效果图
    viewAB = target;
    if (isCutImg) {
        cutImg(depotId, viewAB);
    }
    // 根据设备列表添加原型信息
    addDevice(deviceList, viewAB);
};

// 手动执行，同时更新状态
function toCut(target) {
    if(target == "03" || target == "04"){
        layer.msg("当前协议未对接！");
        return;
    }
    toCutExe(target, true);
};

// 添加操作日志
function addLog(htmlStr) {
    var info = $("#areationInfo").html();
    $("#areationInfo").html(htmlStr + "</br>" + info);
};

function addRedLog(htmlStr) {
    var info = $("#areationInfo").html();
    $("#areationInfo").html(
        "<span class='font-red'>" + htmlStr + "</span></br>" + info);
};

/**
 * 弹出操作框
 */
function showControl(id) {
    domSelectDevice = $("#" + id);
    var curDepotId = domSelectDevice.attr("depotid");
    // 如果点击的设备不是选择仓库的，不执行
    if (curDepotId != depotId) {
        addLog("<font color='red'>当前所选设备：" + domSelectDevice.attr("name")
            + "【非所选仓库】</font>");
        return;
    } else {
        addLog("当前所选设备：" + domSelectDevice.attr("name"));
    }
    // 更新所选择的设备类型
    deviceType = domSelectDevice.attr("type");
    if (1 == deviceType)
        deviceType = "01";
    if (2 == deviceType)
        deviceType = "02";
    if (3 == deviceType)
        deviceType = "03";
    if (4 == deviceType)
        deviceType = "04";
    if (5 == deviceType)
        deviceType = "05";
    if (6 == deviceType)
        deviceType = "06";
    if (7 == deviceType)
        deviceType = "07";
    if (8 == deviceType)
        deviceType = "08";
    if (9 == deviceType)
        deviceType = "09";

    // 根据设备类型弹出不一样的弹出框
    if (DeviceType.TYPE_04 == deviceType) {// 环流风机
        layer.open({
            type: 1,
            title: '设备操作-' + domSelectDevice.attr("name"),
            area: ['450px', '200px'],
            shade: 0,
            content: $('#control-HL2'),
            btn: 0,
            closeBtn: 2
        });
    } else {
        layer.open({
            type: 1,
            title: '空调控制-' + domSelectDevice.attr("name"),
            area: ['420px', '280px'],
            shade: 0,
            content: $('#tempControl'),
            btn: ['确定执行', '取消操作'],
            yes: function () {
                layer.msg("当前协议未对接");
                return;
                toExecute();
                layer.closeAll();
                layer.msg("开始执行……");
            },
            btn2: function () {
                layer.closeAll();
            },
            closeBtn: 0
        });
    }
};

function toExecute(targetStatus) {
    if (deviceType == "04"){
        toExecute04(targetStatus)
    }
    if (deviceType == "05"){
        toExecute05()
    }
};

// 操作空调
function toExecute05() {
    var targetStatus = $('input[name="targetStatus"]:checked').val();
    var targetTemp = $("#targetTemp").val();
    var targetModel = $('input[name="targetModel"]:checked').val();

    if (!targetTemp)
        targetTemp = 16;
    if (targetTemp < 16)
        targetTemp = 16;
    if (targetTemp > 24)
        targetTemp = 24;

    if ("on" == targetStatus) {
        targetStatus = "OPEN";
    } else {
        targetStatus = "CLOSE";
    }
    var exeDevice = null;
    $.each(deviceList, function (index, item) {
        if (item.id == domSelectDevice.attr("id")) {
            exeDevice = item;
            return true;
        }
    });

    var data = {
        companyId: companyId,
        deptId: deptId,
        depotId: depotId,
        targetStatus: targetStatus,
        targetTemp: targetTemp,
        targetModel: targetModel,
        deviceList: [exeDevice]
    };
    $.ajax({
        type: "POST",
        url: "../../basic/temp/control",
        data: JSON.stringify(data),
        dataType: "json",
        contentType: "application/json;charset=UTF-8",
        success: function (result) {
            if ("ORDER_SUCCESS" == result.code) {
                layer.msg("温控命令发送成功，请请等待执行结果……");
            } else {
                layer.msg("执行失败，信息：" + result.msg);
            }
        },
        error: function () {
            layer.msg("温控执行失败，后台出现错误！");
        }
    });
};

// 操作环流风机
function toExecute04(targetStatus) {
    viewTargetStatus = targetStatus;

    var data = {
        depotId: depotId,
        deptId: deptId,
        deviceList: []
    };

    data.deviceList.push({
        id: domSelectDevice.id,
        depotId: domSelectDevice.attr("depotid"),
        passCode: domSelectDevice.attr("passcode"),
        name: domSelectDevice.attr("name"),
        serId: domSelectDevice.attr("serid"),
        link: domSelectDevice.attr("link"),
        type: domSelectDevice.attr("type"),
        targetStatus: targetStatus
    });

    // 开始调用后台执行
    layer.load(1);
    $.ajax({
        type: 'POST',
        url: "../../basic/verb/control-device",
        dataType: 'JSON',
        contentType: "application/json;charset=UTF-8",
        data: JSON.stringify(data),
        success: function (result) {
            layer.closeAll();
            if (result.code != "ORDER_SUCCESS") {
                layer.msg("执行失败：" + result.msg);
            } else {
                layer.msg("操作指令发送成功，待终端响应……");
                // 开始调用动画 TODO
                updateAnimate(deviceType, targetStatus, false);
            }
        },
        error: function (result) {
            layer.closeAll();
            layer.msg("操作发生异常，暂时无法解决！！");
        }
    });
};