$.ajaxSetup({
    headers: {
        'x-access-token': localStorage.getItem("hxzkmars3d")
    }
});

layui.use('table', function(){
    var table = layui.table;
    var layer = layui.layer;
    var form = layui.form;



    var data = "username="+sessionStorage.getItem("username")
             $.get("/hxzkuwb/findUserRole",data,function (data) {
                     if (data.juese == "访客") {
                         //标签设备
                         table.render({
                             elem: '#tag'
                             , url: '/hxzkuwb/findrenyuanDaPing'
                             , page: true //开启分页
                             , skin: 'nob' //行边框风格
                             , cols: [[ // 表头
                                 {field: 'ponline', title: '状态', templet: '#titleTpl1', width: 150}
                                 , {field: 'ptagid', title: '编号', align: 'left', width: 80}
                                 , {field: 'pname', title: '名称', width: 90}
                                 , {field: 'pdepartment', title: '部门', width: 90}
                                 , {field: 'ppower', title: '电量%', width: 80}
                                 , {field: 'pphone', title: '电话', width: 140, templet: '#phoneTpl'}
                                 , {field: 'paddtiem', title: '时间', width: 170}
                                 , {toolbar: '#barDemotag', title: "看详情", width: 80}
                                 , {field: 'version', title: "固件版本", width: 100}
                             ]]
                         });
                     } else {
                         table.render({
                             elem: '#tag'
                             , url: '/hxzkuwb/findrenyuanDaPing'
                             , page: true //开启分页
                             , skin: 'nob' //行边框风格
                             , cols: [[ // 表头
                                 {field: 'ponline', title: '状态', templet: '#titleTpl1', width: 80}
                                 , {field: 'ptagid', title: '编号', align: 'left', width: 100}
                                 , {field: 'pname', title: '名称', width: 120}
                                 , {field: 'pdepartment', title: '部门',width: 140}
                                 , {field: 'ppower', title: '电量%' ,width: 80}
                                 , {field: 'paddtiem', title: '时间' ,width: 150}
                                 , {field: 'version', title: "固件版本",width: 90}
                                 , {toolbar: '#barDemotag', title: "看详情",width: 80}
                             ]]
                         });

                     }
                     table.render({
                         elem: '#anchor'
                         ,url: '/hxzkuwb/findanchor'
                         ,skin: 'nob'
                         ,page: true //开启分页
                         ,cols: [[ //表头
                             {field: 'id', title: '序号'}
                             ,{field: 'anchorid', title: '设备' }
                             ,{ field: 'anchormode', title: '状态' ,templet: '#titleTpl'}
                             ,{ field: 'posz', title: 'X坐标' }
                             ,{ field: 'posy', title: 'Y坐标'}
                             ,{ field: 'layer', title: '所在层' }
                             ,{field: 'version', title: '版本'}
                             ,{field: 'baoliu8', title: '电量%'}
                             ,{field: 'greatetime', title: '日期'}
                         ]]
                     });



                     table.render({
                         elem: '#fence'
                         ,url: '/hxzkuwb/findfence'
                         ,skin: 'nob'
                         ,page: true //开启分页
                         ,resize:true
                         ,cols: [[ //表头
                             { field: 'name', title: '名称',width:120}
                             ,{field: 'type', title: '类型',width:130}
                             ,{field: 'bumen', title: '关联部门',width:130}
                             ,{field: 'start', title: '生效时间',width:160}
                             ,{field: 'stop', title: '失效时间',width:160}
                             ,{field: 'baoliu7', title: '状态',templet: '#titleTplFence',width:160}
                         ]]
                     });


                     table.render({
                         elem: '#warning'
                         ,url: '/hxzkuwb/findwarningDaPing'
                         ,skin: 'nob'
                         ,page: true //开启分页
                         ,cols: [[ //表头
                             {field: 'id', title: '序号',width:70}
                             ,{ field: 'type', title: '告警类型',width:120}
                             ,{field: 'objectid', title: '编号',width:100}
                             ,{field: 'baoliu2', title: '姓名',width:100}
                             ,{field: 'time', title: '时间',width:160}
                             ,{field: 'baoliu1', title: '查看位置',templet: '#titleWarningGps',width:120}
                             ,{field: 'status', title: '操作',templet: '#titleWarning',width:200}
                         ]]
                     });

                     table.render({
                         elem: '#person'
                         ,url: '/hxzkuwb/findperson'
                         ,skin: 'nob'
                         ,page: true //开启分页
                         ,cols: [[ //表头
                             {field: 'id', title: 'ID',width:80}
                             ,{ field: 'ptagid', title: '编号',width:100}
                             ,{field: 'pname', title: '姓名',width:100}
                             ,{field: 'psex', title: '性别',width:60}
                             ,{field: 'ponline', title: '状态',width:150}
                             ,{field: 'pdepartment', title: '部门',width:165}
                             ,{field: 'pphone', title: '电话',width:170}
                             ,{field: 'ppower', title: '电量',width:131}
                         ]]
                     });



                     table.render({
                         elem: '#gathers'
                         ,url: '/hxzkuwb/findgather'
                         ,skin: 'nob'
                         ,page: true //开启分页
                         ,cols: [[ //表头
                             {field: 'id', title: 'ID',width:80}
                             ,{ field: 'pernum', title: '人员上限',width:100}
                             ,{field: 'typec2', title: '静默区域',width:120}
                             ,{field: 'name', title: '围栏名称',width:120}
                             ,{field: 'redius', title: '聚集半径',width:150}
                             ,{field: 'shichang', title: '聚集时长',width:165}
                             ,{field: 'weixianpin', title: '危险品名称',width:170}
                         ]]
                     });
             })



    $.get("/hxzkuwb/getbumen", function (data) {
        var selectData = [];
        for (var i = 0; i < data.length; i++) {
            var option = {
                value: data[i].departmentname,
                title: data[i].departmentname
            };
            selectData.push(option);
        }
        // 动态生成下拉框选项
        var selectElem = document.getElementById('bumen');
        for (var i = 0; i < selectData.length; i++) {
            var optionElem = document.createElement('option');
            optionElem.value = selectData[i].value;
            optionElem.innerHTML = selectData[i].title; // 使用 innerHTML 属性来设置 HTML 内容
            selectElem.appendChild(optionElem);
        }
        // 重新渲染下拉框
        form.render('select');
    });

    //人员刷新
    form.on('submit(demo-table-search1)', function(data){
        var field = data.field; // 获得表单字段

        table.reload('tag', {
            url: "/hxzkuwb/findrenyuanDaPing",
            method:'get',
            page: {
                curr: 1 // 重新从第 1 页开始
            }
        });
        layer.msg(languages1);
        $("#search1").text(languages2+getCurrentTimes())
        return false; // 阻止默认 form 跳转
    });
    table.on('row(tag)', function(obj){
        var data = obj.data;
        $("#uperson1").val(data.ptagid)
        $("#uperson2").val(data.pname)
        $("#uperson3").val(data.pphone)
        $("#uperson4").val(data.pidcardnum);
        $("#uperson5").val(data.pzu)
        bumenup = data.pdepartment
        //标注选中样式
        obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
    });
    //人员修改
    form.on('submit(demo-table-update)', function(data){
        //查询是否是超级管理员或者有修改权限
        var username = sessionStorage.getItem("username")
        var data = "username="+username
        $.get("/hxzkuwb/findUserRole",data,function (data){
           if(data.juese == languages3 || data.uupdate == "Yes"){
               var id = $("#uperson1").val();
               if(id == "" || id == null){
                   layer.msg(languages4)
               }else{
                   var field = data.field; // 获得表单字段
                   console.log(field)
                   $("#perup").toggle()
                   layer.msg(languages5);
               }
           }else{
               layer.msg(languages6)
           }
        })

        return false; // 阻止默认 form 跳转
    });
    // 监听表单提交事件
    form.on('submit(myForm)', function(data){
       var tagid = $("#uperson1").val();
       var pname = $("#uperson2").val();
       var sex = getSelectedRadioValue("pSex");
       var phone = $("#uperson3").val();
       var idcard = $("#uperson4").val();
       var bumen = bumenup;
       var pzu = $("#uperson5").val();
       var data = "pTagid="+tagid+"&pName="+pname+"&pSex="+sex+"&pPhone="+phone+"&pIdcardnum="+idcard+"&pDepartment="+bumen+"&pZu="+pzu
        $.ajax({
            url: "/hxzkuwb/updatePersonDaPing",
            type: "POST",
            data: data,
            async: false, // 设置为同步请求
            success: function (data) {
                if(data == "success"){
                    layer.msg(languages7)
                    $("#perup").hide();
                }
            }
        });
        // 阻止表单默认提交行为
        return false;
    });
    //警告刷新
    form.on('submit(demo-table-search2)', function(data){
        var field = data.field; // 获得表单字段

        if (field == ""){
            notify.error("请输入围栏名称")
            return
        }
        table.reload('warning', {
            url: "/hxzkuwb/findwarning",
            method:'get',
            page: {
                curr: 1 // 重新从第 1 页开始
            }
        });
        layer.msg(languages1);
        $("#search2").text(languages2+getCurrentTimes())
        return false; // 阻止默认 form 跳转
    });
    //围栏刷新
    form.on('submit(demo-table-search3)', function(data){
        var field = data.field; // 获得表单字段
        table.reload('fence', {
            url: "/hxzkuwb/findfence",
            method:'get',
            page: {
                curr: 1 // 重新从第 1 页开始
            }
        });
        layer.msg(languages1);
        $("#search3").text(languages2+getCurrentTimes())
        return false; // 阻止默认 form 跳转
    });
    //设备刷新
    form.on('submit(demo-table-search4)', function(data){
        var field = data.field; // 获得表单字段
        table.reload('anchor', {
            url: "/hxzkuwb/findanchor",
            method:'get',
            page: {
                curr: 1 // 重新从第 1 页开始
            }
        });
        layer.msg(languages1);
        $("#searchSheBei").text(languages2+getCurrentTimes())
        return false; // 阻止默认 form 跳转
    });

    //设备搜索
    form.on('submit(demo-search1)', function(data){
        var field = data.field; // 获得表单字段
        console.log(field)
        table.reload('anchor', {
            url: "/hxzkuwb/findanchorSearch",
            method:'get',
            page: {
                curr: 1 // 重新从第 1 页开始
            }
            ,where: field // 搜索的字段
        });
        layer.msg(languages8);
        return false; // 阻止默认 form 跳转
    });



    form.on('submit(demo-search2)', function(data){
        var field = data.field; // 获得表单字段
        if (field.name == ""){
            notify.error('请输入内容')
            return
        }
        table.reload('fence', {
            url: "/hxzkuwb/findfenceSearch",
            method:'get',
            page: {
                curr: 1 // 重新从第 1 页开始
            }
            ,where: field
        });
        layer.msg(languages8);
        return false; // 阻止默认 form 跳转
    });
    form.on('submit(demo-search3)', function(data){
        var field = data.field; // 获得表单字段
        if (field.objectid == ""){
            notify.error('请输入内容')
            return
        }
        table.reload('warning', {
            url: "/hxzkuwb/findwarningSearch",
            method:'get',
            page: {
                curr: 1 // 重新从第 1 页开始
            }
            ,where: field
        });
        layer.msg(languages8);
        return false; // 阻止默认 form 跳转
    });

    form.on('select(filterSelect)', function(data){
        var filterValue = {};
        for (var i = 0; i < data.value.length; i++) {
            filterValue['param' + i] = data.value[i];
        }
        table.reload('warning', {
            url: "/hxzkuwb/findwarningScreen",
            method:'get',
            page: {
                curr: 1 // 重新从第 1 页开始
            }
            ,where: filterValue
            ,done: function (res, curr, count) {
                // res 即为后端返回的响应数据
                $("#searnum").text(languages9+count); // 输出总条数
            }
        });
        layer.msg(languages8);
        return false; // 阻止默认 form 跳转
    });

    form.on('submit(demo-search4)', function(data){
        var field = data.field; // 获得表单字段
        if (field.pTagid == ""){
            notify.error('请输入内容')
            return
        }
        table.reload('tag', {
            url: "/hxzkuwb/findpersonSearch",
            method:'get',
            page: {
                curr: 1 // 重新从第 1 页开始
            }
            ,where: field
        });
        layer.msg(languages8);
        return false; // 阻止默认 form 跳转
    });

    //围栏开启/关闭
    table.on('tool(fence)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;
        var username = sessionStorage.getItem("username")
        var dts = "name="+data.name
        var data ="username="+username
        switch (layEvent){
            case "开启":
                var curr = $(".layui-laypage-em").next().text();
                $.get("/hxzkuwb/findUserRole",data,function (data){
                    if(data.uupdate == "Yes"){
                        $.get("/hxzkuwb/FenceKaiQi",dts,function (data){
                            table.reload('fence', {
                                url: "/hxzkuwb/findfence",
                                method:'get',
                                page: {
                                    curr: curr[1] // 重新从第 1 页开始
                                }
                            });
                            layer.msg(languages5)
                        })
                    }else{
                        layer.msg(languages10)
                    }
                })

                break;
            case "关闭":
                var curr = $(".layui-laypage-em").next().text();
                $.get("/hxzkuwb/findUserRole",data,function (data){
                    if(data.uupdate == "Yes"){
                        $.get("/hxzkuwb/FenceGuanBi",dts,function (data){
                            table.reload('fence', {
                                url: "/hxzkuwb/findfence",
                                method:'get',
                                page: {
                                    curr: curr[1] // 重新从第 1 页开始
                                }
                            });
                            layer.msg(languages5)
                        })
                    }else{
                        layer.msg(languages10)
                    }
                })
                break;
        }
        layer.msg(languages5)
    })

    var currentPage = 1; // 初始值为第一页

});



// var chartDom = document.getElementById('tong');
// var myChart = echarts.init(chartDom);
// var option;
//
// // 定义更新图表数据的函数
// function updateChart() {
//     // 模拟获取最新的数据
//     var newData = tubiaotongji();
//     // 更新图表的数据
//     myChart.setOption({
//         series: [{
//             data: newData
//         }]
//     });
//
// }
//
// // 每隔一段时间调用一次更新图表数据的函数
// setInterval(updateChart, 10000); // 每10秒更新一次数据
//
// window.addEventListener('resize', function() {
// });
//
//
//
//
// option = {
//     tooltip: {
//         trigger: 'item'
//     },
//     legend: {
//         orient: 'vertical',
//         right: 180,
//         top: 0,
//         bottom: 30,
//         itemWidth: 15,
//         textStyle: {
//             color: 'white'
//         }
//     },
//     series: [
//         {
//             name: languages11,
//             type: 'pie',
//             radius: ['20%', '40%'],
//             center: ['35%', '60%'],
//             avoidLabelOverlap: false,
//             itemStyle: {
//                 borderRadius: 10,
//             },
//             label: {
//                 show: false,
//                 position: 'center'
//             },
//             emphasis: {
//                 label: {
//                     show: true,
//                     fontSize: 20,
//                     fontWeight: 'bold'
//                 }
//             },
//             labelLine: {
//                 show: false
//             },
//             data: [
//                 { value: 0, name: '静止报警  0' },
//                 { value: 0, name: 'SOS报警  0' },
//                 { value: 0, name: '跌落报警  0' },
//                 { value: 0, name: '缺员报警  0' },
//                 { value: 0, name: '超员报警  0' },
//                 { value: 0, name: '聚集报警  0' },
//                 { value: 0, name: '越界报警  0' },
//                 { value: 0, name: '进入报警  0' },
//                 { value: 0, name: '低电报警  0' },
//                 { value: 0, name: '离线基站  0' },
//
//             ]
//         }
//     ]
// };
// option && myChart.setOption(option);


// 定义更新图表数据的函数
function updateChart() {
    // 模拟获取最新的数据
    let newData = tubiaotongji();
    $("#TongJiNumPerson").empty()
    for (let i = 0; i < newData.length; i++) {
        let pos = newData[i].name.split(':')
        if (pos[0] == "离线人员" ){
            $("#TongJiNumPerson").append('<tr onclick="OnlinePerson(0)" style="font-weight: bolder;cursor: pointer;font-size: 14px;height: 40px"><td style=""><img src="TongJi/'+newData[i].icon+'" width="18"/>&nbsp;&nbsp;'+pos[0]+'</td><td style="">'+pos[1]+'</td></tr>')
        }else if(pos[0] == "在线人员"){
            $("#TongJiNumPerson").append('<tr onclick="OnlinePerson(1)" style="font-weight: bolder;cursor: pointer;font-size: 14px;height: 40px"><td style=""><img src="TongJi/'+newData[i].icon+'" width="18"/>&nbsp;&nbsp;'+pos[0]+'</td><td style="">'+pos[1]+'</td></tr>')
        } else if (pos[0] == "离线车辆"){
            $("#TongJiNumPerson").append('<tr onclick="OnlinePerson(4)" style="font-weight: bolder;cursor: pointer;font-size: 14px;height: 40px"><td style=""><img src="TongJi/'+newData[i].icon+'" width="18"/>&nbsp;&nbsp;'+pos[0]+'</td><td style="">'+pos[1]+'</td></tr>')

        }else if (pos[0] == "在线车辆"){
            $("#TongJiNumPerson").append('<tr onclick="OnlinePerson(3)" style="font-weight: bolder;cursor: pointer;font-size: 14px;height: 40px"><td style=""><img src="TongJi/'+newData[i].icon+'" width="18"/>&nbsp;&nbsp;'+pos[0]+'</td><td style="">'+pos[1]+'</td></tr>')

        }else{
            $("#TongJiNumPerson").append('<tr onclick=ck("Jinggao") style="font-weight: bolder;cursor: pointer;font-size: 14px;height: 40px"><td style=""><img src="TongJi/'+newData[i].icon+'" width="18"/>&nbsp;&nbsp;'+pos[0]+'</td><td style="">'+pos[1]+'</td></tr>')

        }
        // if (newData[i].value !== 0) {
        //     labels.push(newData[i].name);
        //     services.push(parseInt(newData[i].value));
        // }
    }

}

// // 每5秒更新一次数据
setInterval(updateChart, 5000);
updateChart();

function tubiaotongji() {
    var tu = [];
        $.ajax({
            url: "/hxzkuwb/findWarnTongJi",
            type: "GET",
            async: false, // 将async参数设置为false，实现同步调用
            success: function(data) {
                for (var i = 0; i < data.length; i++) {
                    tu.push(data[i]);
                }
            }
        });
    return tu;
}

//图表默认加载一次
// setTimeout(function (){
//     updateChart()
// },1000)

function wardis(){
    var filterSelect = $("#filterSelect").val();
    var type;
    if (filterSelect == languages12){
        type = languages13
    }else{
        type = filterSelect
    }
    $("#warningid1").val(type)
    $("#warningMsg1").show()
}
function sendMsg(){
    var username1 = sessionStorage.getItem("username")
    var username = $(".kahao").text();
    var context = $("#context1").val();
    var data = "username="+username1+"&context="+context+"&tagid="+username
    if (context.length <2 || context.length >30){
        layer.msg(languages14)
        return;
    }
    $.get("/hxzkuwb/sendMsg",data,function(data){

    })
    layer.msg(languages5)
    $("#context1").val("");
}
var sendTimes = true;
function send(){


    if (!sendTimes){
        layer.msg("频繁发送过快，请稍等！")
        return false;
    }
    var checkbox1 = document.getElementById('ASends');
    // 检查 checkbox1 是否被选中
    if (checkbox1.checked) {
        var username1 = sessionStorage.getItem("username")
        var username = $("#username").val();
        var context = $("#context").val();
        context = sanitizeInput(context)
        username = sanitizeInput(username)
        var dt = "username="+username1+"&context="+context+"&tagid=ALL"
        $.get("/hxzkuwb/sendMsg",dt,function(data){
            sendTimes = false;
            $("#SendMsg").fadeIn(500)
            $("#BtnSend").css("background-image", "url('/hxzkuwb/view/Home/HomeImg/bs4s.png')");
            setTimeout(function (){
                $("#SendMsg").fadeOut(500)
                sendTimes = true;
                $("#BtnSend").css("background-image", "url('/hxzkuwb/view/Home/HomeImg/bs4.png')");
            },3000)
        })
    } else {
        var username1 = sessionStorage.getItem("username")
        var username = $("#username").val();
        var context = $("#context").val();
        username = sanitizeInput(username)
        context = sanitizeInput(context)
        username1 = sanitizeInput(username1)
        if(username == "" || username == null){
            layer.msg(languages15)
        }else{
            if (username.length < 2){
                layer.msg(languages16)

                return
            }
            if (context.length <2 || context.length > 30){
                layer.msg(languages14)
                return;
            }
            var dts = "username="+username1;
            $.get("/hxzkuwb/findUserRole",dts,function (data){
                if(data.juese=="访客"){
                    layer.msg(languages17)
                }else{
                    var dt = "username="+username1+"&context="+context+"&tagid="+username
                    $.get("/hxzkuwb/sendMsg",dt,function(data){
                        sendTimes = false;
                        $("#SendMsg").fadeIn(500)
                        $("#BtnSend").css("background-image", "url('/hxzkuwb/view/Home/HomeImg/bs4s.png')");
                        setTimeout(function (){
                            $("#SendMsg").fadeOut(500)
                            sendTimes = true;
                            $("#BtnSend").css("background-image", "url('/hxzkuwb/view/Home/HomeImg/bs4.png')");
                        },3000)
                    })

                }
            })
    }
    }

}
function sanitizeInput(input) {
    // 使用正则表达式过滤掉可能的危险字符
    return input.replace(/[<>&;"'\/]/g, '');
}

function getSelectedRadioValue(name) {
    var radios = document.getElementsByName(name);

    for (var i = 0; i < radios.length; i++) {
        if (radios[i].checked) {
            return radios[i].value;
        }
    }

    // 如果没有选中的值，可以返回一个默认值或者null
    return null;
}



//获取时分秒
function getCurrentTimes() {
    var now = new Date();
    var hours = String(now.getHours()).padStart(2, '0');
    var minutes = String(now.getMinutes()).padStart(2, '0');
    var seconds = String(now.getSeconds()).padStart(2, '0');

    var currentTime = hours+":"+minutes+":"+seconds;
    return currentTime;
}
let  gbcsSMS = 0;

var bumenup = "";
function GunLxCs(){
    $("#CsLiXian").fadeOut(500);
    gbcsSMS =1;
}