$.get("/hxzkuwb/RightLeftImage", function (data) {
    for (var i = 0; i < data.length; i++) {
        if (data[i].name == "大屏左") {
            var container = document.getElementById('border2s');
            container.style.backgroundImage = 'url("/hxzkuwb/Icon/' + data[i].image + '")';
            container.style.backgroundSize = "cover";
            container.style.backgroundRepeat = "no-repeat";
        } else {
            var container = document.getElementById('border3s');
            container.style.backgroundImage = 'url("/hxzkuwb/Icon/' + data[i].image + '")';
            container.style.backgroundSize = "cover";
            container.style.backgroundRepeat = "no-repeat";
        }
    }
})



function ck(c) {
    (c)
    if (c == "Daping") {
        if (document.fullscreenElement) {
            document.exitFullscreen();
        } else {
            document.documentElement.requestFullscreen();
        }
    }
    if (c == "Weilan") {
        $("#ac").hide()
        $("#fen").toggle()
        $("#war").hide();
        $("#tags").hide();
        $("#gather").hide()
    }
    if (c == "Shebei") {
        $("#ac").toggle()
        $("#fen").hide();
        $("#war").hide();
        $("#tags").hide();
        $("#gather").hide()
    }
    if (c == "Jinggao") {
        $("#war").toggle()
        $("#tags").hide();
        $("#ac").hide();
        $("#fen").hide();
        $("#gather").hide()
    }
    if (c == "Renyuan") {
        $("#tags").toggle()
        $("#ac").hide();
        $("#fen").hide();
        $("#war").hide();
        $("#gather").hide()
    }
    if (c == "Juji") {
        $("#gather").toggle()
        $("#tags").hide()
        $("#ac").hide();
        $("#fen").hide();
        $("#war").hide();
    }
}



//告警信息
setInterval(function () {
    $.get("/hxzkuwb/findDaPingGaojing", function (data) {
        $(".gjxx").empty();
            $("#gjimg").fadeOut(1000)
            for (var i = 0; i < data.length; i++) {
                $(".gjxx").append('<p><a class="gjxxwz" href="javascript:;" onclick="ChuLi(' + data[i].id + ')" style="font-size: 14px;"><img src="/hxzkuwb/Home/HomeImg/msg.png" style="width: 25px;">' + data[i].pname+ ',' + data[i].type + '告警,电话' + data[i].pphone + '</a></p>')
            }
    })
}, 3000);

setInterval(function () {
    $.get("/hxzkuwb/findDapingWeiChuLiCount", function (data) {
        $(".wcl").html("未处理:" + data)
    })
}, 10000)


function ChuLi(id) {
    //获取选中告警数据的详细信息
    var data = "id=" + id
    $.get("/hxzkuwb/findIdXiangXi", data, function (data) {
        $("#XiangXi").empty();
        $("#XiangXi").append('<p style="padding-top: 10px;margin-left: 20px;font-size: 16px">信息</p>')
        $("#XiangXi").append('<p><hr></p>')
        $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 10px">名称：' + data.baoliu2 + ' 标签ID：' + data.objectid + ' <br>坐标：' + data.baoliu1 + '</p>')
        $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 10px">内容：' + data.type + '</p>')
        $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 10px">时间: ' + data.time + '</p>')
        $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 10px">快速处理：&nbsp;无需处理&nbsp;<input type="radio" onclick="cl(\'无需处理\')" name="baoliu5" value="无需处理" lay-filter="baoliu5" id="option1" title="无需处理">&nbsp;误报&nbsp;<input type="radio" onclick="cl(\'误报\')" name="baoliu5" value="误报"  lay-filter="baoliu5" id="option2" title="误报">&nbsp;已联系&nbsp;<input type="radio" onclick="cl(\'已联系\')" name="baoliu5" value="已联系" lay-filter="baoliu5" title="已联系"></p></div>')
        $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 10px">处理记录：<textarea id="cl1" style="background-color: whitesmoke;border: none;width: 70%;height: 50px" required placeholder="请输入内容"></textarea></p></div>')
        $("#XiangXi").append('<p style="font-size: 12px;margin-left: 10px;padding-top: 20px"> <button onClick="windQx()" style="float: right;margin-left: 20px;margin-right: 20px"class="layui-btn layui-btn-primary">关闭 </button><button onClick=windCl("' + data.objectid + '","' + data.type + '") style="float: right" class="layui-btn layui-btn-normal">处理</button> </p>')

    })
    $("#wind").fadeIn(1000)
}

function cl(context) {
    var text = document.getElementById("cl1")
    text.value = context
}

//跑马灯
var marquee = document.getElementById('myMarquee');
var winds = document.getElementById("wind");
winds.addEventListener('mouseover', function () {
    marquee.stop();
});

winds.addEventListener('mouseout', function () {
    marquee.start();
});
marquee.addEventListener('mouseover', function () {
    marquee.stop();
});

marquee.addEventListener('mouseout', function () {
    marquee.start();
});

//告警消息窗处理或取消
function windQx() {
    $("#wind").fadeOut(1000)
    layer.msg("取消成功")
}

function windCl(id, type) {
    var username = sessionStorage.getItem("username")
    var data = "username=" + username
    $.get("/hxzkuwb/findUserRole", data, function (data) {
        if (data.uupdate == "Yes") {
            let opst = parseInt(id);
            var data = "objectid=" + opst + "&username=" + username + "&baoliu5=" + $("#cl1").val() + "&type=" + type;
            $.post("/hxzkuwb/DaPingDellWarning1", data, function (data) {
                $("#wind").fadeOut(1000)
                layer.msg("处理成功")
            })
        } else {
            layer.msg('当前没有权限处理！请联系管理员')
        }
    })

}

//设置浏览器Title
var data = "username=" + sessionStorage.getItem("username")
$.get("/hxzkuwb/findCompanySystemName", data, function (data) {
    document.title = data.systemname;
    $("#titles").text(data.systemname)
})
// 页面加载完成后开始定时器

var pagebiaoqian = 0;
















//区域统计
setInterval(function () {
    $.get("/hxzkuwb/findKaoQinQuYu", function (data) {
        if (data.length > 10) {
            $("#qytj").empty();
            for (var i = 0; i < 10; i++) {
                var tds = data[i].name
                var tds1 = tds.split(' ');
                $("#qytj").append('<ul style="margin-left: 30px"><li style="text-align:left">' + data[i].area + '</li><li style="color: #29D7C8;text-align: left;;margin-left: 30px">' + data[i].tagid + '</li><li style="margin-left: 0px;text-align: left">' + tds1[1] + '</li></ul>')
            }
        } else {
            $("#qytj").empty();
            for (var i = 0; i < data.length; i++) {
                var tds = data[i].name
                var tds1 = tds.split(' ');
                $("#qytj").append('<ul style="margin-left: 30px"><li style="text-align:left ">' + data[i].area + '</li><li style="color: #29D7C8;text-align: left;margin-left: 30px">' + data[i].tagid + '</li><li style="margin-left: 0px;text-align: left">' + tds1[1] + '</li></ul>')
            }
        }
    })
}, 10000)


//充电提示
$.post("/hxzkuwb/findPowerTag", function (data) {
    var num = 0;
    if (data.length > 9) {
        num = 9;
    } else {
        num = data.length;
    }
    for (var i = 0; i < num; i++) {
        if (data[i].power == "-1") {
            data[i].power = "0"
        }
        $("#cdts").append('<ul class="qytj2"><li style="font-size: 12px">' + data[i].state + '</li><li style="font-size: 12px;color:#FF8B5D">' + data[i].power + '</li><li style="font-size: 12px;color: #29D7C8">' + data[i].tagId + '</li><li style="font-size: 12px"><img src="../Home/HomeImg/cddianchi.png" style="width: 20px"></li></ul>')
    }
})


var pagePower = 0;

function nextpagepower(page) {
    (pagePower)
    if (page == "上一页" && pagePower != 0) {
        pagePower -= 9;
    } else {
        pagePower += 9;
    }
    $.post("/hxzkuwb/findPowerTag", function (data) {
        if (pagePower == 0) {
            layer.msg("已经是第一页了")
            $("#cdts").empty();
            for (var i = pagePower; i < pagePower + 9; i++) {
                if (data[i].power == "-1") {
                    data[i].power = "0"
                }
                $("#cdts").append('<ul class="qytj2"><li style="font-size: 12px">' + data[i].state + '</li><li style="font-size: 12px;color:#FF8B5D">' + data[i].power + '</li><li style="font-size: 12px;color: #29D7C8">' + data[i].tagId + '</li><li style="font-size: 12px"><img src="../Home/HomeImg/cddianchi.png" style="width: 20px"></li></ul>')
            }
        } else {
            $("#cdts").empty();
            for (var i = pagePower; i < pagePower + 9; i++) {
                if (data[i].power == "-1") {
                    data[i].power = "0"
                }
                $("#cdts").append('<ul class="qytj2"><li style="font-size: 12px">' + data[i].state + '</li><li style="font-size: 12px;color:#FF8B5D">' + data[i].power + '</li><li style="font-size: 12px;color: #29D7C8">' + data[i].tagId + '</li><li style="font-size: 12px"><img src="../Home/HomeImg/cddianchi.png" style="width: 20px"></li></ul>')
            }
        }
    })
}

//人员详细信息

function personMsgtid(id) {
    var data = "id=" + id
    $.get("/hxzkuwb/findtIdPerson", data, function (data) {
        if (data.ponline == "1") {
            data.ponline = "在线"
        } else {
            data.ponline = "离线"
        }
        $("#personImage").empty()
        $("#personImage").append('<img style="width: 100px;height: 100px" src=/hxzkuwb/Icon/' + data.baoliu38 + '/>')
        $(".xingming").text(data.pname)
        $(".xingbie").text(data.psex)
        $(".bumen").text(data.pdepartment)
        $(".banben").text("未知")
        $(".leixing").text(data.baoliu19)
        $(".dianhua").text(data.pphone)
        $(".kahao").text(data.ptagid)
        $(".shijian").text(data.pzu)
        $(".powers").text(data.ppower)
        $(".jingdu").text(data.baoliu2)
        $(".weidu").text(data.baoliu3)
        $(".gaocheng").text(data.baoliu4)
        $(".zhuangtai1").text(data.baoliu13)
        $(".xzuobiao").text(data.px)
        $(".yzuobiao").text(data.py)
        $(".louceng").text(data.pfloor)
        $(".zhuangtai2").text(data.ponline)
    })
    $("#personMsg").show()
}

function GuanMsg() {
    $("#personMsg").hide()
}


function FenceKai() {
    layer.msg('操作成功')
}

function SheBeiGuan() {
    layer.msg('操作成功')
    $("#ac").hide()
}

function WeiLanGuan() {
    layer.msg('操作成功')
    $("#fen").hide()
}

function JingGaoGuan() {
    layer.msg('操作成功')
    $("#war").hide()
}

function RenYuanGuan() {
    layer.msg('操作成功')
    $("#tags").hide()
}

function JuJiGuan() {
    layer.msg('操作成功')
    $("#gather").hide()
}


//根据权限显示对应看板
var data = "username=" + sessionStorage.getItem("username")
var bgcolorwz = "";
$.get("/hxzkuwb/findScreenRole", data, function (data) {
    if (data.jizhanshow == "1") {
        localStorage.setItem("jizhanshow", "1")
    } else {
        localStorage.setItem("jizhanshow", "0")

    }
    if (data.wangguanshow == "1") {
        localStorage.setItem("wangguanshow", "1")
    } else {
        localStorage.setItem("wangguanshow", "0")

    }
    bgcolorwz = data.bgcolor
    if (data.bgcolor != null || data.bgcolor != "") {
        //使用默认文字颜色
        $(".htxx").css("color", data.bgcolor)
        $(".htxx li").css("color", data.bgcolor)
        $(".htxx li a").css("color", data.bgcolor)
        $("#ykcbs").css("color", data.bgcolor)
        $("#warningTongtitle").css("color", data.bgcolor)
        $("#TongXuntitle").css("color", data.bgcolor)
        $("#JinRiTongJititle").css("color", data.bgcolor)
        $("#Powertitle").css("color", data.bgcolor)
        $("#QuYutitle").css("color", data.bgcolor)
        $("#personTongtitle").css("color", data.bgcolor)
        $("#gouxuan").css("color", data.bgcolor)
        $(".qytj li").css("color", data.bgcolor)
        $(".JingWeiDu").css("color", data.bgcolor)
        $("#biaoqiantitle").css("color", data.bgcolor)
        $("#jizhantitle").css("color", data.bgcolor)
        const style = document.createElement('style');
        style.innerHTML = '::placeholder { color: ' + data.bgcolor + '; }';
        document.head.appendChild(style); //将样式添加到<head>中
        $("#sousuotags").css("border", "1px solid " + data.bgcolor)

    }
    if (data.quyu != "No") {
        $("#tong2").fadeIn(500)
    }
    if (data.power != "No") {
        $("#tong3").fadeIn(500)
    }
    if (data.tongji != "No") {
        $("#tong1").fadeIn(500)
    }
    if (data.warning != "No") {
        $(".gjxx").fadeIn(500)
        $("#warningTong").fadeIn(500)
    }
    if (data.say != "No") {
        $("#txin").fadeIn(500)
    }
    if (data.biaoqian != "No") {
        $("#biaoqian").fadeIn(500)
    }
    if (data.jizhan != "No") {
        $("#jizhan").fadeIn(500)
    }
    // if(data.person!="No"){
    //     $("#personTong").fadeIn(500)
    // }
})
//根据看板XY进行排版
$.get("/hxzkuwb/findsmallXY", function (data) {
    $("#warningTongtitle").text(data[0].name)
    $("#TongXuntitle").text(data[1].name)
    $("#JinRiTongJititle").text(data[2].name)
    $("#Powertitle").text(data[3].name)
    $("#QuYutitle").text(data[4].name)
    $("#personTongtitle").text(data[5].name)
    $("#biaoqiantitle").text(data[6].name)
    $("#jizhantitle").text(data[7].name)
    if (data[0].posx != "0") {
        $("#warningTong").css("left", data[0].posx)
        if (data[0].posy != "0") {
            $("#warningTong").css("top", data[0].posy)
        }
    }
    if (data[1].posx != "0") {
        $("#txin").css("left", data[1].posx)
        if (data[1].posy != 0) {
            $("#txin").css("bottom", data[1].posy)
        }
    }
    if (data[2].posx != "0") {
        $("#tong1").css("right", data[2].posx)
        if (data[2].posy != "0") {
            $("#tong1").css("top", data[2].posy)

        }
    }
    if (data[3].posx != "0") {
        $("#tong3").css("right", data[3].posx)
        if (data[3].posy != "0") {
            $("#tong3").css("bottom", data[3].posy)
        }
    }
    if (data[4].posx != "0") {
        $("#tong2").css("right", data[4].posx)
        if (data[4].posy != "0") {
            $("#tong2").css("bottom", data[4].posy)
        }
    }
    if (data[5].posx != "0") {
        $("#personTong").css("left", data[5].posx)
        if (data[5].posy != "0") {
            $("#personTong").css("bottom", data[5].posx)
        }
    }
    if (data[6].posx != "0") {
        $("#biaoqian").css("right", data[6].posx)
        if (data[6].posy != "0") {
            $("#biaoqian").css("top", data[6].posy)
        }
    }
    if (data[7].posx != "0") {
        $("#jizhan").css("left", data[7].posx)
        if (data[7].posy != "0") {
            $("#jizhan").css("top", data[7].posy)
        }
    }
})
let num = 0


//根据权限显示对应看板
function yckb() {
    num++;
    var data = "username=" + sessionStorage.getItem("username")
    $.get("/hxzkuwb/findScreenRole", data, function (data) {
        if (num % 2 == 0) {
            $("#ykcbs").text("隐藏看板")

            if (data.quyu != "No") {
                $("#tong2").fadeIn(500)
            }
            if (data.power != "No") {
                $("#tong3").fadeIn(500)
            }
            if (data.tongji != "No") {
                $("#tong1").fadeIn(500)
            }
            if (data.warning != "No") {
                $("#warningTong").fadeIn(500)
                $(".gjxx").fadeIn(500)
            }
            if (data.say != "No") {
                $("#txin").fadeIn(500);
            }
            if (data.biaoqian != "No") {
                $("#biaoqian").fadeIn(500)
            }
            if (data.jizhan != "No") {
                $("#jizhan").fadeIn(500)
            }
            $("#border2s").fadeIn(500)
            $("#border3s").fadeIn(500)
        } else {
            $("#biaoqian").fadeOut(500)
            $("#jizhan").fadeOut(500)
            $("#ykcbs").text("显示看板")
            if (data.quyu != "No") {
                $("#tong2").fadeOut(500)
            }
            if (data.power != "No") {
                $("#tong3").fadeOut(500)
            }
            if (data.tongji != "No") {
                $("#tong1").fadeOut(500)
            }
            if (data.warning != "No") {
                $("#warningTong").fadeOut(500)
            }
            if (data.say != "No") {
                $("#txin").fadeOut(500);
            }

            $("#border2s").fadeOut(500)
            $("#border3s").fadeOut(500)
        }
    })

    layer.msg('操作成功')
}

function warningqx() {
    $("#warningMsg").hide()
    $("#warningMsg1").hide()
}

function warningbc() {
    var textwar = $("#warningwb").val()
    if (textwar == "") {
        layer.msg("请先输入处理内容")
    } else {
        // 获取单选框选中的值
        var selectedValue = document.querySelector('input[name="baoliu5"]:checked').value;
        var id = $("#warningid").val();
        var texts = $("#warningwb").val()
        var types = $("#warningidtype").text();
        var username = localStorage.getItem("username")
        var data = "objectid=" + id + "&baoliu5=" + selectedValue + "&baoliu6=" + texts + "&baoliu4=" + username + "&type=" + types + "&id=" + $("#idwar").val() + "&username=" + sessionStorage.getItem("username");
        $.post("/hxzkuwb/DaPingDellWarning", data, function (data) {
            layer.msg('操作成功')
            $("#warningMsg").hide()
        })
    }
}

function gjxzt(nr) {
    $("#warningwb").val(nr)
}

var textColor = $("#Ht").css("color");
$("#Ht").hover(function () {
    $(this).css("color", "#36F5EF");
}, function () {
    (bgcolorwz)
    $(this).css("color", bgcolorwz);
})