var viewAB = "01";// 默认正面

/**
 * 根据设备列表渲染设备示意图，要求被渲染的divID = device_view
 *
 * @param listDevice
 */
renderDevice = function (listDevice) {
    // 首先清空div中的内容
    $("#device_view").empty();

    // 根据设备列表添加原型信息
    addDevice(listDevice, viewAB);
};

// 切换图片a=正面，b=背面
function cutImg(depotId, target) {
    $("#device_view").empty();

    var verbImg = imgMap[depotId];
    var imgPath = "../../static/img/n2/" + verbImg.file + "/" + verbImg.a;
    if (target == "02") {
        imgPath = "../../static/img/n2/" + verbImg.file + "/" + verbImg.b;
    }

    $("#device_view").css("background", "url(" + imgPath + ") no-repeat");
    viewAB = target;
};

// 动态添加设备信息
function addDevice(list) {
    if (!list || list.length == 0) return;
    var container = $("#device_view");
    var parentLeft = container.offset().left, parentTop = container.offset().top;
    // var parentWidth = container.width(), parentHeight = container.height();

    var temp;
    var left = 0, top = 0;
    var imgResult;
    $.each(list, function (index, item) {
        // 获取PC的位置
        left = parentLeft + item.posX - 20;
        top = parentTop + item.posY - 10;
        temp = "";
        if (viewAB == "01" && item.location == "02") {
            return true;// 跳过
        }
        if (viewAB == "02" && item.location == "01") {
            return true;// 跳过
        }
        imgResult = getStatusImg(item);

        temp += "<div id='" + item.id + "' class='device' " + "depotid='"
            + item.depotId + "' name='" + item.name + "' type='"
            + item.type + "' passcode='" + item.passCode + "' serid='"
            + item.serId
            + "' status='" + item.status
            + "' link='" + item.link
            + "' select='false"
            + "' onclick=showControl('" + item.id + "') style='left:"
            + left + "px;top:" + top + "px;'>";

        if (DeviceType.TYPE_03 == item.type) {
            temp += "<img class='img_device40' src='" + imgResult.statusImg + "' />";
        } else if (DeviceType.TYPE_04 == item.type) {
            temp += "<img class='img_device25' src='" + imgResult.statusImg + "' />";
        } else if (viewAB == "02") {
            temp += "<img class='img_device50' src='" + imgResult.statusImg + "' />";
        } else {
            temp += "<img class='img_device30' src='" + imgResult.statusImg + "' />";
        }
        //表示有故障
        if (imgResult.errorTag) {
            temp += "<i class='err-img'></i>";
        }
        temp += "</div>";

        container.append(temp);
    });
};

// 根据设备类型和状态，获取当前设备的显示状态图片
function getStatusImg(item) {
    var result = {
        statusImg: null,
        errorTag: false
    };

    //轴流风窗
    if (DeviceType.TYPE_02 == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status) {
            result.statusImg = "../../static/img/device/CIR_02_W_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.W_CLOSE == item.status) {
            result.statusImg = "../../static/img/device/CIR_02_W_CLOSE.png";
            return result;
        }
        if (DeviceStatus.W_OPEN == item.status) {
            result.statusImg = "../../static/img/device/CIR_02_W_OPEN.png";
            return result;
        }
        if (DeviceStatus.F_CLOSE == item.status) {
            result.statusImg = "../../static/img/device/CIR_02_F_CLOSE.png";
            return result;
        }
        if (DeviceStatus.F_OPEN == item.status) {
            result.statusImg = "../../static/img/device/CIR_02_F_OPEN.gif";
            return result;
        }
        if (DeviceStatus.F_OPEN_F == item.status) {
            result.statusImg = "../../static/img/device/CIR_02_F_OPEN_F.gif";
            return result;
        }
    }
    //离心风机
    if (DeviceType.TYPE_03 == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status) {
            result.statusImg = "../../static/img/device/CIR_03_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.CLOSE == item.status || DeviceStatus.F_CLOSE == item.status) {
            result.statusImg = "../../static/img/device/CIR_03_CLOSE.png";
            return result;
        }
        if (DeviceStatus.OPEN == item.status || DeviceStatus.F_OPEN == item.status) {
            result.statusImg = "../../static/img/device/CIR_03_OPEN.gif";
            return result;
        }
    }

    //环流风机
    if (DeviceType.TYPE_04 == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status) {
            result.statusImg = "../../static/img/device/CIR_04_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.CLOSE == item.status || DeviceStatus.F_CLOSE == item.status) {
            result.statusImg = "../../static/img/device/CIR_04_CLOSE.png";
            return result;
        }
        if (DeviceStatus.OPEN == item.status || DeviceStatus.F_OPEN == item.status) {
            result.statusImg = "../../static/img/device/CIR_04_OPEN.gif";
            return result;
        }
    }
    //阀门
    if (DeviceType.TYPE_07 == item.type || DeviceType.TYPE_09 == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status) {
            result.statusImg = "../../static/img/device/CIR_07_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.CLOSE == item.status) {
            result.statusImg = "../../static/img/device/CIR_07_CLOSE.png";
            return result;
        }
        if (DeviceStatus.OPEN == item.status) {
            result.statusImg = "../../static/img/device/CIR_07_OPEN.png";
            return result;
        }
    }

    //通风口
    if (DeviceType.TYPE_0B == item.type) {
        if (!item.status || DeviceStatus.ERROR == item.status) {
            result.statusImg = "../../static/img/device/CIR_0B_CLOSE.png";
            result.errorTag = true;
            return result;
        }
        if (DeviceStatus.CLOSE == item.status) {
            result.statusImg = "../../static/img/device/CIR_0B_CLOSE.png";
            return result;
        }
        if (DeviceStatus.OPEN == item.status) {
            result.statusImg = "../../static/img/device/CIR_0B_OPEN.png";
            return result;
        }
    }
    return result;
};

// 根据CSS标签控制那些组件支持拖拽.device
function dragDevice() {
    var tips = $(".device");
    if (tips.length == 0) {
        return;
    }
    // var container = $("#device_view");
    // var parentLeft = container.offset().left, parentTop = container.offset().top;
    //console.log("-----------parentLeft----" + parentLeft);
    // console.log("-----------parentTop----" + parentTop);
    //var parentWidth = container.width(), parentHeight = container.height();
    var maxX = 1300, maxY = 750;
    $.each(tips, function (index, item) {
        var dd = new Dragdrop({
            target: item,
            area: [0, maxX, 0, maxY],
            callback: function (obj) {
                // console.log('x:' + (obj.moveX - parentLeft) + ' y:' + (obj.moveY - parentTop));
            }
        });
        dd.dragAll();
    });
};

// 保存设备位置信息
function updatePos() {
    var tips = $(".device");
    if (tips.length == 0) {
        return;
    }
    var container = $("#device_view");
    var parentLeft = container.offset().left, parentTop = container.offset().top;
    //var parentWidth = container.width(), parentHeight = container.height();

    console.log("-----------parentLeft----" + parentLeft);
    console.log("-----------parentTop----" + parentTop);

    // 封装数据进行保存
    var data = new Array();
    var id, curDepotId = null, offset;
    $.each(tips, function (index, item) {
        id = item.id;
        curDepotId = item.getAttribute("depotid");
        offset = $('#' + id).offset();
        //调整为相对位置
        posX = offset.left - parentLeft;
        posY = offset.top - parentTop;

        data[index] = {
            bizId: id,
            depotId: curDepotId,
            selfTag: viewAB,
            posX: posX,
            posY: posY
        };
    });

    console.log(data);

    $.ajax({
        type: 'POST',
        url: "../../basic/common/update-verb-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);
        }
    });
}