var layer;// 定义全局变量
var isShow = false;
var default_top = 20;//默认上偏移
var default_left = 0;//默认左偏移

var listDevice;
var deviceMap=[];

//定时轮询时间5s
var INTERVAL = 5 * 1000;
var intervalData;

//定制，
var thId1 = "-999";
var thId2 = "-999";
var thData1;
var thData2;

var imgData = {};

var testList = [
    {
        "id":"2211",
        "name":"温湿度#1",
        "category":"3004",
        "type":"0",
        "leftV":"0.4040",
        "topV":"0.2515",
        "value":[{
            "passcode":"2",
            "name":"温度",
            "value":"1"
        },{
            "passcode":"3",
            "name":"温度",
            "value":"18"
        },{
            "passcode":"4",
            "name":"湿度",
            "value":"60"
        }]
    },{
        "id":"2221",
        "name":"温湿度#1",
        "category":"2002",
        "type":"0",
        "leftV":"0.4840",
        "topV":"0.2015",
        "value":[{
            "passcode":"3",
            "name":"温度",
            "value":"18"
        },{
            "passcode":"4",
            "name":"湿度",
            "value":"60"
        }]
    },{
        "id":"3331",
        "name":"精密空调#1",
        "category":"2002",
        "type":"0",
        "leftV":"0.6840",
        "topV":"0.5015",
        "value":[{
            "passcode":"1",
            "name":"温度",
            "value":"1"
        },{
            "passcode":"2",
            "name":"温度",
            "value":"1"
        },{
            "passcode":"3",
            "name":"湿度",
            "value":"60"
        }]
    }];

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

    window.onload = function () {

        if(TEST_TAG){
            listDevice = testList;
            renderTips(listDevice);
        }else{
            //初始页面
            initImg();

            //初始化数据
            loadDevice();

            //开始模块的自我循环数据
            reLoadModelDataRecord();
        }
    }

});

function closepopBtn(){
    layer.closeAll();
}

// 循环执行页面数据的刷新
function reLoadModelDataRecord(){
    // 首先停止执行原有的循环
    if (intervalData) clearInterval(intervalData);

    intervalData = setInterval(function () {
        //监控信息渲染
        loadDevice();
    }, INTERVAL);
}

//获取2.5D图
function initImg() {
    $.ajaxSettings.async = false;
    $.get("./cgi-bin/img-data/query", function (data, status) {
        if ("success" == status) {
            // console.log("-------获取2.5D图接收的数据------");
            // console.log(data);
            imgData = data.data;
            renderImg();
        } else {
            window.parent.notify("系统获取2.5D图信息失败！");
        }
    }, "json");
}

//点击右侧操作按钮
function showEdit() {
    if (isShow) {
        $('.btn-edit').addClass('hide');
    } else {
        $('.btn-edit').removeClass('hide');
    }
    isShow = !isShow;
};

function renderImg() {
    var bodyH = $(document.body).height();
    var imgMin = $("#img-main");
    var top = imgMin.offset().top;
    var imgHei = bodyH - top - default_top;
    imgMin.height(imgHei);
    //console.log(imgData);
    //调整展示图片地址
    if(imgData){
        $("#img-three").attr('src', imgData);
    }
    $("#img-three").css("height", imgHei);
    // $("#img-three").css("width", "100%");
    $("#img-three").show();
};

//获取设备列表，渲染显示设备信息
function loadDevice() {

    $.ajaxSettings.async = false;
    $.get("./cgi-bin/detail/query-all", function (data, status) {
        if ("success" == status) {
            // console.log("-------获取设备列表接收的数据------");
            // console.log(data);
            listDevice = data;

            renderTips(listDevice)
        } else {
            window.parent.notify("系统获取系统配置信息失败！");
        }
    }, "json");
};

//开始渲染信息
function renderTips(listDevice) {

    //console.log(listDevice);

    var parent = $("#img-main");
    var parentWidth = parent.width();
    var parentHeight = parent.height();

    var left = 50, top = 50;
    var temp;
    var id;
    var tagValue;
    var category;
    var recordMap;
    var warnState = 0;
    var i;
    var name;
    var warnStr = " warn-div ";
    // console.log("=========所有设备信息=========");
    // console.log(listDevice);
    $.each(listDevice, function (index, device) {

        i = index;
        left = (parentWidth * device.leftV).toFixed(4);
        top = (parentHeight * device.topV).toFixed(4);
        category = device.category;//设备类型
        id = device.id;//设备ID
        name = device.name;

        if(category != CATEGORY.D3009.code){
            if(id && category){
                if(category != CATEGORY.D2090.code && category != CATEGORY.D2091.code){
                    recordMap = device.value;//设备监控属性集合
                    warnState = device.type;
                    tagValue = addCurData(category, recordMap, warnState,device);
                    warnState = tagValue.warnState;
                    if(warnState == 0){
                        warnStr = "";
                    }else{
                        warnStr = " warn-div ";
                    }

                    temp = "";
                    if(device.id == thId1 || device.id == thId2){
                        if(device.id == thId1){
                            thData1 = device;
                        }else{
                            thData2 = device;
                        }
                        temp += "<div id='" + device.id
                            + "' class='tip arrow_box "+warnStr+"'  style='left:" + left+ "px;top:" + top + "px;display: none;' "
                            + "name='" + device.name + "' category='" + category + "' index='" + index + "'>";
                        temp += "<div class = 'div-c'>";
                        temp += "</div>";
                        temp += "<div class = 'div-d' style='font-size: 14px;'><p style='margin-bottom: 5px;'><span>露点温度1</span><span style='margin-left: 10%;'>露点温度2</span></p>" +
                            "<p><span style='margin-left: 1%;background-color: rgba(21, 221, 86, 1);padding: 0% 5%;'>22.2℃</span>" +
                            "<span style='margin-left: 15%;background-color: rgba(21, 221, 86, 1);padding: 0% 5%;'>22.2℃</span></div>";
                        temp += "</div>";

                    }else{
                        if ("FULL" == tagValue.code) {
                            temp += "<div id='" + device.id
                                + "' class='tip arrow_box "+warnStr+"'  style='left:" + left+ "px;top:" + top + "px;' "
                                + "name='" + device.name + "' category='" + category + "' index='" + index + "'>";
                            temp += "<div class = 'div-c'>";
                            temp += addCurImg(category,warnState);
                            temp += "</div>";
                            temp += tagValue.htm;

                            // temp += "<div class = 'div-d' style='margin-top: -5px;'>";
                            // temp += "<span style='padding: 2px;background-color: #524c4c;color: white;'>";
                            // temp += name;
                            // temp += "</span>";
                            // temp += "</div>";

                            temp += "</div>";
                        } else {
                            temp += "<div id='" + device.id
                                + "' class='tip arrow_min "+warnStr+"'  style='left:" + left + "px;top:" + top + "px;' "
                                + "name='" + device.name + "' category='" + category + "' index='" + index + "'>";
                            temp += "<div class = 'div-c'>";
                            temp += addCurImg(category,warnState);
                            temp += "</div>";
                            temp += tagValue.htm;

                            // temp += "<div class = 'div-d' style='margin-top: -10px;'>";
                            // temp += "<span style='padding: 2px;background-color: #524c4c;color: white;'>";
                            // temp += name;
                            // temp += "</span>";
                            // temp += "</div>";

                            temp += "</div>";
                        }

                        // temp += "<div class = 'div-c'>";
                        // temp += addCurImg(category);
                        // temp += "</div>";
                        // temp += tagValue.htm;
                        // temp += "</div>";
                    }
                    // if(category == CATEGORY.D3001.code){
                    //     console.log("=========门禁设备=========设备信息：");
                    //     console.log(device);
                    // }

                    // if(device.id != "1001" && device.id != "1002"){
                    //     //删除原有元素，在进行追加
                    //     $("#"+device.id).remove();
                    //     parent.append(temp);
                    //
                    // }
                    //删除原有元素，在进行追加
                    $("#"+device.id).remove();
                    parent.append(temp);
                }
            }else{
                console.log("=========没有获取到该设备的设备id（类型）=========设备信息：");
                console.log(device);
            }
        }



    });
    // if(thData1 && thData2){
    //     addhtml(parent,i);
    // }

    //添加图标的事件
    $(".tip").click(function () {
        var id = $(this).attr("id");
        var name = $(this).attr("name");

        layer.msg("当前设备：" + name);
    });

    //添加图标的事件
    $(".tip").dblclick(function () {
        var deviceId = $(this).attr("id");
        var name = $(this).attr("name");
        var category = $(this).attr("category");
        var url = "";
        url = "./detail-ty.html?id="+deviceId+"&type="+category;
        if (category == CATEGORY.D2001.code) {
            url = "./detail-wsd.html?id="+deviceId+"&type=" + category;
        }
        if (category == CATEGORY.D3001.code) {
            url = "./detail-mj.html?id="+deviceId+"&type=" + category;
        }
        if (category == CATEGORY.D1004.code || category == CATEGORY.D1003.code) {
            url = "./detail-pd.html?id="+deviceId+"&type=" + category;
        }
        if (category == CATEGORY.D1001.code || category == CATEGORY.D1002.code) {
            url = "./detail-ups.html?id="+deviceId+"&type=" + category;
        }
        if (category == CATEGORY.D2002.code) {
            url = "./detail-jmkt.html?id="+deviceId+"&type=" + category;
        }
        if (category == CATEGORY.D1005.code) {
            url = "./detail-dcz.html?id="+deviceId+"&type=" + category;
        }

        //红外
        if (category == CATEGORY.D3003.code) {
            url = "./detail-hw.html?id=999&type=" + category;
            name = "红外";
        }
        //漏水
        if (category == CATEGORY.D2005.code) {
            url = "./detail-ls.html?id=999&type=" + category;
            name = "漏水";
        }
        //烟感
        if (category == CATEGORY.D3002.code) {
            url = "./detail-yg.html?id=999&type=" + category;
            name = "烟感";
        }
        if (category == CATEGORY.D3008.code) {
            url = "./detail-wg.html?id=999&type=" + category;
            name = "温感";
        }
        if (category == CATEGORY.D3004.code) {
            url = "./detail-video.html?id=999&type=" + category;
            name = "视频";
            // var html = '';
            // html += '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" ';
            // html += 'src="./detail-video-pop.html?id='+deviceId+'&type='+category+'" ';
            // html += ' frameborder="0" data-id="detail-ty-2.html" seamless></iframe>';
            // $("#video .popCon").html(html);
            // $("#device-name").text(name);
            // layer.open({
            //     skin: 'mypop',
            //     type: 1,
            //     title: false,
            //     area: ['100%', '100%'],
            //     closeBtn: 0,
            //     shade: 0,
            //     scrollbar: false,
            //     content: $('#video')
            // });
            // return;
        }
        // console.log("===================跳转==================");
        // console.log("url="+url);
        // var url = "./warn-list.html?id=999&category=" + category;
        console.log("name="+name+",url="+url);
        window.parent.openTab(url, name + "", deviceId)
    });

    //添加图标的事件--鼠标悬停事件
    $(".tip").mouseenter(function () {
        var id = $(this).attr("id");
        var category = $(this).attr("category");
        if(category == "3004"){
            return ;
        }
        if(id != "th"){
            var name = $(this).attr("name");
            var index = $(this).attr("index");

            var device = listDevice[index];

            category = device.category;
            var record = device.value;

            var temp = addCurDataInfo(category,record);

            layer.open({
                type: 1
                ,title: '当前设备：' + name
                ,skin: 'skin-class'
                ,area: ['300px']
                ,shade: 0//不遮拦
                ,offset: ['0px','83%']//左上角显示
                ,moveType: 0 //拖拽模式，0或者1
                ,content: temp
            });
        }

        // console.log(listDevice[index]);
    });



    //添加图标的事件--鼠标离开事件
    $(".tip").mouseleave(function () {
        var id = $(this).attr("id");
        var name = $(this).attr("name");
        var index = $(this).attr("index");
        var category = $(this).attr("category");
        if (category != CATEGORY.D3004.code) {
            layer.closeAll();
        }

    });
};

function addhtml(parent,i){
    console.log("添加露点设备信息");
    i++;
    var parentWidth = parent.width();
    var parentHeight = parent.height();

    var left = (parentWidth * thData1.leftV).toFixed(4);
    var top = (parentHeight * thData1.topV).toFixed(4);

    var recordMap1 = thData1.value;//设备监控属性集合
    var recordMap2 = thData2.value;

    var value1 = "00.0",value2 = "00.0";
    $.each(recordMap1,function (index,item) {
        if (item.passcode == "3") {
            value1 = item.value;
        }
    });
    $.each(recordMap2,function (index,item) {
        if (item.passcode == "3") {
            value2 = item.value;
        }
    });
    value1 = parseFloat(value1).toFixed(1);
    value2 = parseFloat(value2).toFixed(1);
    var temp = "";
    temp += "<div id='th' class='tip arrow_box_1'  style='left:" + left+ "px;top:" + top + "px;'  index='" + i + "'>";
    temp += "<div class = 'div-c'>";
    temp += "</div>";
    temp += "<div class = 'div-d' style='font-size: 14px;'><p style='margin-left: 2%;margin-bottom: 5px;'><span>露点温度1</span><span style='margin-left: 10%;'>露点温度2</span></p>" +
        "<p style='margin-left: 2%;'><span style='margin-left: 1%;background-color: rgba(21, 221, 86, 1);padding: 0% 5%;'>" + value1 +"℃</span>" +
        "<span style='margin-left: 15%;background-color: rgba(21, 221, 86, 1);padding: 0% 5%;'>" + value2 +"℃</span></div>";
    temp += "</div>";

    //删除原有元素，在进行追加
    $("#th").remove();
    parent.append(temp);
}


//使各Tip支持拖拽
function editTips() {

    layer.confirm('进行设备拖拽时将会暂停设备数据的实时刷新，是否继续？', function (index) {
        layer.close(index);
        // 首先停止执行原有的循环
        // 循环体中包括设备位置和数据，进行拖拽要暂停数据的自动刷新
        if (intervalData) clearInterval(intervalData);

        //获取可以移动的范围，默认就是当前页面
        var maxY = $(document.body).height();
        var maxX = $(document.body).width();

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

    });
};

//--保存位置信息，保存时候调整为相对于当前parent的位置保存
function saveTips() {
    var tips = $(".tip");
    if (tips.length == 0) {
        return;
    }
    var parent = $("#img-main");
    var parentWidth = parent.width();
    var parentHeight = parent.height();
    var parentLeft = parent.offset().left, parentTop = parent.offset().top;

    //封装数据进行保存
    var data = new Array();
    var id = null;
    var offset;
    var left = 0, top = 0;
    $.each(tips, function (index, item) {
        id = item.id;
        offset = $('#' + id).offset();
        var category =  $('#' + id).attr("category");

        left = (offset.left - parentLeft) / parentWidth;
        top = (offset.top - parentTop) / parentHeight;

        data[index] = {
            deviceId: id,
            leftV: left.toFixed(4),
            topV: top.toFixed(4)
        };

        // if(thData1 && thData2){
        //     if(id==thData1.id || id==thData2.id){
        //         offset = $('#th').offset();
        //
        //         left = (offset.left - parentLeft) / parentWidth;
        //         top = (offset.top - parentTop) / parentHeight;
        //     }
        // }
        //
        // if(id != "th"){
        //     data[index] = {
        //         deviceId: id,
        //         leftV: left.toFixed(4),
        //         topV: top.toFixed(4)
        //     };
        // }
    });
    // console.log(data);

    var param = data;
    console.log("-------保存设备位置信息，发送的数据------");
    console.log(param);
    //执行保存
    $.post("./cgi-bin/device-place/save", JSON.stringify(param), function (data, status) {
        if (data.code == "success") {
            layer.closeAll();
            layer.msg("数据保存成功！");
            window.parent.notify("数据保存成功！");
        } else {
            window.parent.notify("数据保存出错，请重新操作！"+data.msg+"！");
        }
        if (status == "success") {
            layer.closeAll();
            layer.msg("数据保存成功！");
            window.parent.notify("数据保存成功！");
        } else {
            window.parent.notify("数据保存出错，请重新操作！"+data.msg+"！");
        }

    }, "json");
    
};

function updateImg() {
    layer.confirm("是否更换2.5D图片?", function (index) {
        $("#image").click();
        layer.close(index);
    });


}

function toBase64() {
    var file = document.querySelector('input[type=file]').files[0];
    var fileSize = file.size;
    // console.log(fileSize);
    if(fileSize > 1024 * 1024 ){
        window.parent.notify("上传的图片大小不得大于1M！");
        return ;
    }
    var reader = new FileReader();
    reader.onloadend = function () {
        imgData = reader.result;
        uploadImg(imgData);
        // $("#img-three").attr("src", reader.result);
        // console.log(reader.result);
    }
    if (file) {
        reader.readAsDataURL(file);
    }
}
//上传图片Base64码
function uploadImg(imgData) {
    var param = {data:imgData};
    // console.log("-------保存2.5D图，发送的数据------");
    // console.log(param);
    //执行保存
    $.ajaxSettings.async = false;
    $.post("./cgi-bin/img-data/save", JSON.stringify(param), function (data, status) {
        if (data.code == "success") {
            layer.closeAll();
            window.parent.notify("图片保存成功！");

        } else {
            window.parent.notify("图片保存出错，请重新操作！"+data.msg+"！");
        }
    }, "json");
    renderImg();
}

/**
 * 不同的设备显示不同的信息，部分设备不显示设备信息
 *
 * 返回信息是一个MAP，包含两个信息，一个是CODE，一个是值
 */
function addCurData(category, record, warnState,device) {
    var recordMap = [];
    if(record){
        for(var i=0;i<record.length;i++){
            recordMap[record[i].passcode] = record[i];
        }
    }
    var result = {code: "FULL", htm: "",warnState:0};
    var temp = "";
    // //温湿度-只显示温度和湿度
    if (category == CATEGORY.D2001.code) {
        if(recordMap){
            if(recordMap[1] && recordMap[1].value == 1){
                temp += "<div class = 'div-d font-warn'>";
                // temp += "<p><span>"+device.name+"</span></p>";
                temp += "<p><span>通讯异常</span></p>";
                result.warnState = 1;
            }else{
                if(recordMap[2] && recordMap[2].value == 1){
                    temp += "<div class = 'div-d font-warn'>";
                    // temp += "<p><span>"+device.name+"</span></p>";
                    // temp += "<p><span>报警</span></p>";
                    result.warnState = 1;
                }else{
                    temp += "<div class = 'div-d'>";
                    // temp += "<p><span>"+device.name+"</span></p>";
                    // temp += "<p><span>正常</span></p>";
                }
                if (recordMap[3]) {
                    temp += "<p><span> 温  度：" + recordMap[3].value + "℃</span></p>";
                }
                if (recordMap[4]) {
                    temp += "<p><span> 湿  度：" + recordMap[4].value + "%</span></p>";
                }
            }
        }else{
            temp += "<div class = 'div-d font-warn'>";
            temp += "<p><span>"+device.name+"</span></p>";
            temp += "<p><span>通讯异常</span></p>";
            result.warnState = 1;
        }
        temp += "</div>";
        result.htm = temp;
        return result;
    }
    //精密空调
    if (category == CATEGORY.D2002.code) {
        if(recordMap){
            if(recordMap[1] && recordMap[1].value == 1){
                temp += "<div class = 'div-d font-warn'>";
                // temp += "<p><span>"+device.name+"</span></p>";
                temp += "<p><span>通讯异常</span></p>";
                result.warnState = 1;
            }else{
                if(recordMap[2] && recordMap[2].value == 1){
                    temp += "<div class = 'div-d font-warn'>";
                    // temp += "<p><span>"+device.name+"</span></p>";
                    // temp += "<p><span>报警</span></p>";
                    result.warnState = 1;
                }else{
                    temp += "<div class = 'div-d'>";
                    // temp += "<p><span>"+device.name+"</span></p>";
                    // temp += "<p><span>正常</span></p>";
                }
                if (recordMap[4]) {
                    temp += "<p><span>室内温度：" + recordMap[4].value + "℃</span></p>";
                }
                if (recordMap[5]) {
                    temp += "<p><span>室内湿度：" + recordMap[5].value + "%</span></p>";
                }
                if (recordMap[6]) {
                    temp += "<p><span>设定温度" + recordMap[6].value + "℃</span></p>";
                }
            }
        }else{
            temp += "<div class = 'div-d font-warn'>";
            temp += "<p><span>"+device.name+"</span></p>";
            temp += "<p><span>通讯异常</span></p>";
            result.warnState = 1;
        }
        temp += "</div>";
        result.htm = temp;
        return result;
    }
    // //普通空调
    // if (category == CATEGORY.D2003.code) {
    //     if(recordMap){
    //         if(recordMap[1] && recordMap[1].value == 1){
    //             temp += "<div class = 'div-d font-warn'>";
    //             // temp += "<p><span>"+device.name+"</span></p>";
    //             temp += "<p><span>通讯异常</span></p>";
    //         }else{
    //             if(recordMap[2] && recordMap[2].value == 1){
    //                 temp += "<div class = 'div-d font-warn'>";
    //                 // temp += "<p><span>"+device.name+"</span></p>";
    //                 // temp += "<p><span>报警</span></p>";
    //             }else{
    //                 temp += "<div class = 'div-d'>";
    //                 // temp += "<p><span>"+device.name+"</span></p>";
    //                 // temp += "<p><span>正常</span></p>";
    //             }
    //             if (recordMap[3]) {
    //                 temp += "<p><span>设定温度：" + recordMap[3].value + "℃</span></p>";
    //             }
    //             if (recordMap[4]) {
    //                 temp += "<p><span>设定湿度：" + recordMap[4].value + "%</span></p>";
    //             }
    //         }
    //     }else{
    //         temp += "<div class = 'div-d font-warn'>";
    //         temp += "<p><span>"+device.name+"</span></p>";
    //         temp += "<p><span>通讯异常</span></p>";
    //     }
    //     temp += "</div>";
    //     result.htm = temp;
    //     return result;
    // }
    // //电池
    // if (category == CATEGORY.D1005.code) {
    //     if(recordMap){
    //         if(recordMap[1] && recordMap[1].value == 1){
    //             temp += "<div class = 'div-d font-warn'>";
    //             // temp += "<p><span>"+device.name+"</span></p>";
    //             temp += "<p><span>通讯异常</span></p>";
    //         }else{
    //             if(recordMap[2] && recordMap[2].value == 1){
    //                 temp += "<div class = 'div-d font-warn'>";
    //                 // temp += "<p><span>"+device.name+"</span></p>";
    //                 // temp += "<p><span>报警</span></p>";
    //             }else{
    //                 temp += "<div class = 'div-d'>";
    //                 // temp += "<p><span>"+device.name+"</span></p>";
    //                 // temp += "<p><span>正常</span></p>";
    //             }
    //             if (recordMap[125]) {
    //                 temp += "<p><span>总 电 压：" + recordMap[125].value + "</span></p>";
    //             }
    //             if (recordMap[124]) {
    //                 temp += "<p><span>总 电 流：" + recordMap[124].value + "</span></p>";
    //             }
    //             // if (recordMap[3]) {
    //             //     temp += "<p><span>电池个数：" + recordMap[3].value + "</span></p>";
    //             // }
    //             // if (recordMap[126]) {
    //             //     temp += "<p><span>后备时间：" + recordMap[126].value + "</span></p>";
    //             // }
    //         }
    //     }else{
    //         temp += "<div class = 'div-d font-warn'>";
    //         temp += "<p><span>"+device.name+"</span></p>";
    //         temp += "<p><span>通讯异常</span></p>";
    //     }
    //     temp += "</div>";
    //     // temp += "</marquee>";
    //     result.htm = temp;
    //     return result;
    // }
    if(category == CATEGORY.D3001.code){
        temp += "<div class = 'div-d'>";
        // temp += "<p><span>"+device.name+"</span></p>";
        temp += "</div>";
        result.htm = temp;
        result.code = "EMPTY";
        return result;
    }

    if(category == CATEGORY.D3004.code){
        temp += "<div class = 'div-d'>";
        // temp += "<p><span>"+device.name+"</span></p>";
        temp += "</div>";
        result.htm = temp;
        result.code = "EMPTY";
        return result;
    }

    if(category == CATEGORY.D2005.code || category == CATEGORY.D3002.code
            || category == CATEGORY.D3003.code){
        if(recordMap){
            if(recordMap[1] && recordMap[1].value == 1){
                temp += "<div class = 'div-d font-warn'>";
                // temp += "<p><span>"+device.name+"</span></p>";
                temp += "<p><span>通讯异常</span></p>";
                result.warnState = 1;
            }else{
                if(recordMap[2] && recordMap[2].value == 1){
                    temp += "<div class = 'div-d font-warn'>";
                    // temp += "<p><span>"+device.name+"</span></p>";
                    temp += "<p><span>报警</span></p>";
                    result.warnState = 1;
                }else{
                    temp += "<div class = 'div-d '>";
                    // temp += "<p><span>"+device.name+"</span></p>";
                    temp += "<p><span>正常</span></p>";
                }
            }
        }else{
            temp += "<div class = 'div-d font-warn'>";
            // temp += "<p><span>"+device.name+"</span></p>";
            temp += "<p><span>通讯异常</span></p>";
            result.warnState = 1;
        }
        temp += "</div>";
        result.htm = temp;
        result.code = "EMPTY";
        return result;
    }

    //没有专门的显示，调整父ＤＩＶ的大小
    if(recordMap){
        if(recordMap[1] && recordMap[1].value == 1){
            temp += "<div class = 'div-d font-warn'>";
            // temp += "<p><span>"+device.name+"</span></p>";
            // temp += "<p><span>通讯异常</span></p>";
            result.warnState = 1;
        }else{
            if(recordMap[2] && recordMap[2].value == 1){
                temp += "<div class = 'div-d font-warn'>";
                // temp += "<p><span>"+device.name+"</span></p>";
                // temp += "<p><span>报警</span></p>";
                result.warnState = 1;
            }else{
                temp += "<div class = 'div-d'>";
                // temp += "<p><span>"+device.name+"</span></p>";
                // temp += "<p><span>正常</span></p>";
            }
        }
    }else{
        temp += "<div class = 'div-d font-warn'>";
        // temp += "<p><span>"+device.name+"</span></p>";
        // temp += "<p><span>通讯异常</span></p>";
        result.warnState = 1;
    }
    temp += "</div>";
    result.htm = temp;
    result.code = "EMPTY";
    return result;

}

/**
 * 不同设备显示不同的图标
 * @param category
 * @returns {String}
 */
function addCurImg(category,warnState) {
    //温湿度
    if (category == CATEGORY.D2001.code) {
        return "<img src='images/icon-ht@64.png'/>";
    }
    //电表
    if (category == CATEGORY.D1003.code) {
        return "<img src='images/icon-db@100.png'/>";
    }
    //配电柜
    if (category == CATEGORY.D1004.code) {
        return "<img src='images/icon-ups@64.png'/>";
    }
    //UPS-三相
    if (category == CATEGORY.D1002.code) {
        if(warnState == 1){
            return "<img src='images/icon-ups@64.png'/>";
        }
        return "<img src='images/icon-ups@64.png'/>";
    }
    //UPS-单向
    if (category == CATEGORY.D1001.code) {
        if(warnState == 1){
            return "<img src='images/icon-ups@64.png'/>";
        }
        return "<img src='images/icon-ups@64.png'/>";
    }
    //门禁
    if (category == CATEGORY.D3001.code) {
        return "<img src='images/icon-mj@64.png'/>";
    }
    //精密空调
    if (category == CATEGORY.D2002.code) {
        return "<img src='images/img-kt.png'/>";
        // return "<img src='images/icon-ups@64.png'/>";
    }
    //普通空调
    if (category == CATEGORY.D2003.code) {
        return "<img src='images/img-kt2.png'/>";
        // return "<img src='images/icon-ups@64.png'/>";
    }
    //风机
    if (category == CATEGORY.D2004.code) {
        return "<img src='images/icon-fj.png'/>";
    }
    //红外
    if (category == CATEGORY.D3003.code) {
        return "<img src='images/icon-hw@100.png'/>";
    }
    //漏水
    if (category == CATEGORY.D2005.code) {
        return "<img src='images/icon-ls@100.png'/>";
    }
    //烟感
    if (category == CATEGORY.D3002.code) {
        return "<img src='images/icon-yg@100.png'/>";
    }
    //电池
    if (category == CATEGORY.D1005.code) {
        return "<img src='images/icon-dc@64.png'/>";
    }
    //视频
    if (category == CATEGORY.D3004.code) {
        return "<img src='images/icon-device-sp.png'/>";
    }

    return "<img src='images/icon-common@64.png'/>";
};



function addCurDataInfo(category,record){
    var recordMap = [];
    $.each(record,function (index,item) {
        recordMap[item.passcode] = item;
    });

    var temp = "";
    //UPS-单向
    if (category == CATEGORY.D1001.code) {
        temp += "<div class = 'div-temp'>";
        if (record) {
            $.each(record,function (index,item) {
                if (item.passcode == "1")temp += "<p><span>通讯状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "2")temp += "<p><span>告警状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "999")temp += "<p><span>告警内容：" + (item.value?item.value:"无告警") + "</span></p>";
                if (item.passcode == "3")temp += "<p><span>输入电压：" + item.value + "V</span></p>";
                if (item.passcode == "4")temp += "<p><span>输入电流：" + item.value + "A</span></p>";
                if (item.passcode == "5")temp += "<p><span>输出电压：" + item.value + "V</span></p>";
                if (item.passcode == "6")temp += "<p><span>输出电流：" + item.value + "A</span></p>";
                if (item.passcode == "13")temp += "<p><span>电池剩余：" + item.value + "%</span></p>";
            });

            temp += "<p><span></span></p>";
        }else{
            temp += "<p><span>暂无数据</span></p>";
        }
        temp += "</div>";
        return temp;
    }
    //UPS-三相
    if (category == CATEGORY.D1002.code) {
        temp += "<div class = 'div-temp'>";
        if (record) {
            $.each(record,function (index,item) {
                if (item.passcode == "1")temp += "<p><span>通讯状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "2")temp += "<p><span>告警状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "999")temp += "<p><span>告警内容：" + (item.value?item.value:"无告警") + "</span></p>";
                if (item.passcode == "3")temp += "<p><span>A相输入电压：" + item.value + "V</span></p>";
                if (item.passcode == "4")temp += "<p><span>B相输入电压：" + item.value + "V</span></p>";
                if (item.passcode == "5")temp += "<p><span>C相输入电压：" + item.value + "V</span></p>";
                if (item.passcode == "6")temp += "<p><span>A相输入电流：" + item.value + "A</span></p>";
                if (item.passcode == "7")temp += "<p><span>B相输入电流：" + item.value + "A</span></p>";
                if (item.passcode == "8")temp += "<p><span>C相输入电流：" + item.value + "A</span></p>";
                if (item.passcode == "9")temp += "<p><span>A相输出电压：" + item.value + "V</span></p>";
                if (item.passcode == "10")temp += "<p><span>B相输出电压：" + item.value + "V</span></p>";
                if (item.passcode == "11")temp += "<p><span>C相输出电压：" + item.value + "V</span></p>";
                if (item.passcode == "12")temp += "<p><span>A相输出电流：" + item.value + "A</span></p>";
                if (item.passcode == "13")temp += "<p><span>B相输出电流：" + item.value + "A</span></p>";
                if (item.passcode == "14")temp += "<p><span>C相输出电流：" + item.value  + "A</span></p>";
                if (item.passcode == "23")temp += "<p><span>电池剩余：" + (item.value?item.value : "#") + "%</span></p>";
            });
            temp += "<p><span></span></p>";
        }else{
            temp += "<p><span>暂无数据</span></p>";
        }
        temp += "</div>";
        return temp;
    }
    //电表
    if (category == CATEGORY.D1003.code) {
        temp += "<div class = 'div-temp'>";
        if (record) {
            $.each(record,function (index,item) {
                if (item.passcode == "1")temp += "<p><span>通讯状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "2")temp += "<p><span>告警状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "999")temp += "<p><span>告警内容：" + (item.value?item.value:"无告警") + "</span></p>";
                if (item.passcode == "3")temp += "<p><span> A相电压：" + item.value + "V</span></p>";
                if (item.passcode == "4")temp += "<p><span> B相电压：" + item.value + "V</span></p>";
                if (item.passcode == "5")temp += "<p><span> C相电压：" + item.value + "V</span></p>";
                if (item.passcode == "6")temp += "<p><span> A相电流：" + item.value + "A</span></p>";
                if (item.passcode == "7")temp += "<p><span> B相电流：" + item.value + "A</span></p>";
                if (item.passcode == "8")temp += "<p><span> C相电流：" + item.value + "A</span></p>";
                if (item.passcode == "16")temp += "<p><span> 频率：" + item.value + "Hz</span></p>";
            });
            temp += "<p><span></span></p>";
        }else{
            temp += "<p><span>暂无数据</span></p>";
        }
        temp += "</div>";
        return temp;
    }
    //电表
    if (category == CATEGORY.D1004.code) {
        temp += "<div class = 'div-temp'>";
        if (record) {
            $.each(record,function (index,item) {
                if (item.passcode == "1")temp += "<p><span>通讯状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "2")temp += "<p><span> 告警状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "999")temp += "<p><span>告警内容：" + (item.value?item.value:"无告警") + "</span></p>";
                if (item.passcode == "3")temp += "<p><span> 1#A相电压：" + item.value + "V</span></p>";
                if (item.passcode == "4")temp += "<p><span> 1#B相电压：" + item.value + "V</span></p>";
                if (item.passcode == "5")temp += "<p><span> 1#C相电压：" + item.value + "V</span></p>";
                if (item.passcode == "6")temp += "<p><span> 1#A相电流：" + item.value + "A</span></p>";
                if (item.passcode == "7")temp += "<p><span> 1#B相电流：" + item.value + "A</span></p>";
                if (item.passcode == "8")temp += "<p><span> 1#C相电流：" + item.value + "A</span></p>";
                if (item.passcode == "16")temp += "<p><span> 1#频率：" + item.value + "Hz</span></p>";
                if (item.passcode == "20")temp += "<p><span> 2#A相电压：" + item.value + "V</span></p>";
                if (item.passcode == "21")temp += "<p><span> 2#B相电压：" + item.value + "V</span></p>";
                if (item.passcode == "22")temp += "<p><span> 2#C相电压：" + item.value + "V</span></p>";
                if (item.passcode == "23")temp += "<p><span> 2#A相电流：" + item.value + "A</span></p>";
                if (item.passcode == "24")temp += "<p><span> 2#B相电流：" + item.value + "A</span></p>";
                if (item.passcode == "25")temp += "<p><span> 2#C相电流：" + item.value + "A</span></p>";
                if (item.passcode == "33")temp += "<p><span> 2#频率：" + item.value + "Hz</span></p>";
            });
            temp += "<p><span></span></p>";
        }else{
            temp += "<p><span>暂无数据</span></p>";
        }
        temp += "</div>";
        return temp;
    }
    //电池
    if (category == CATEGORY.D1005.code) {
        temp += "<div class = 'div-temp'>";
        if (record) {
            $.each(record,function (index,item) {
                if (item.passcode == "1")temp += "<p><span>通讯状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "2")temp += "<p><span>告警状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "999")temp += "<p><span>告警内容：" + (item.value?item.value:"无告警") + "</span></p>";
                if (item.passcode == "3")temp += "<p><span>电池个数：" + item.value + "</span></p>";
                if (item.passcode == "124")temp += "<p><span>总 电 流：" + item.value + "A</span></p>";
                if (item.passcode == "125")temp += "<p><span>总 电 压：" + item.value + "V</span></p>";
                if (item.passcode == "126")temp += "<p><span>后备时间：" + item.value + "小时</span></p>";
            });
        }else{
            temp += "<p><span>暂无数据</span></p>";
        }
        temp += "</div>";
        return temp;
    }
    //精密空调
    if (category == CATEGORY.D2002.code) {
        temp += "<div class = 'div-temp'>";
        if (record) {
            $.each(record,function (index,item) {
                if (item.passcode == "1")temp += "<p><span>通讯状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "2")temp += "<p><span>告警状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "999")temp += "<p><span>告警内容：" + (item.value?item.value:"无告警") + "</span></p>";
                if (item.passcode == "3")temp += "<p><span>运行状态：" + item.value + "</span></p>";
                if (item.passcode == "4")temp += "<p><span>室内温度：" + item.value + "℃</span></p>";
                if (item.passcode == "5")temp += "<p><span>室内湿度：" + item.value + "%</span></p>";
                if (item.passcode == "6")temp += "<p><span>设定温度：" + item.value + "℃</span></p>";
                if (item.passcode == "7")temp += "<p><span>设定湿度：" + item.value + "%</span></p>";
            });
        }
        temp += "</div>";
        return temp;
    }
    //普通空调
    if (category == CATEGORY.D2003.code) {
        temp += "<div class = 'div-temp'>";
        if (record) {
            $.each(record,function (index,item) {
                if (item.passcode == "1")temp += "<p><span>通讯状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "2")temp += "<p><span>告警状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "999")temp += "<p><span>告警内容：" + (item.value?item.value:"无告警") + "</span></p>";
                if (item.passcode == "3")temp += "<p><span>设定温度：" + item.value + "℃</span></p>";
                if (item.passcode == "4")temp += "<p><span>设定湿度：" + item.value + "%</span></p>";
            });
        }else{
            temp += "<p><span>暂无数据</span></p>";
        }
        temp += "</div>";
        return temp;
    }
    //漏水、红外、烟感
    if (category == CATEGORY.D2005.code || category == CATEGORY.D3002.code || category == CATEGORY.D3003.code ) {
        temp += "<div class = 'div-temp'>";
        if (record) {
            $.each(record,function (index,item) {
                if (item.passcode == "1")temp += "<p><span>通讯状态：" + (item.value==0?"正常":"告警") + "</span></p>";
                if (item.passcode == "2")temp += "<p><span>告警状态：" + (item.value==0?"正常":"告警") + "</span></p>";
            });
        }else{
            temp += "<p><span>暂无数据</span></p>";
        }
        temp += "</div>";
        return temp;
    }

    if (record) {
        temp += "<div class = 'div-temp'>";
        $.each(record, function (index, item) {
            if (item.passcode == "1"){
                temp += "<p><span>通讯状态：" + (item.value==0?"正常":"告警") + "</span></p>";
            }else if (item.passcode == "2"){
                temp += "<p><span>告警状态：" + (item.value==0?"正常":"告警") + "</span></p>";
            }else if(item.passcode == "999"){
                temp += "<p><span>告警内容：" + (item.value?item.value:"无告警") + "</span></p>";
            }else{
                temp += "<p><span>" + item.name + "：" + item.value + "</span></p>";
            }
        });
        temp += "</div>";
    }else{
        temp += "<div class = 'div-temp'>";
        temp += "<p><span>暂无数据</span></p>";
        temp += "</div>";
    }

    return temp;



}