layui.use('table', function(){
    var table = layui.table;
    var layer = layui.layer;
    var form = layui.form;
    //基站设备
    table.render({
        elem: '#renyuan'
        ,url: '/hxzkuwb/findrenyuan'
        ,page: true //开启分页
        ,toolbar:'#toolbarDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        ,cols: [[ //表头
            {type:'checkbox',sort: true,fixed: "left"}
            ,{field: 'id', title: 'ID', sort: true,width:60}
            ,{ field: 'ptagid', title: '标签ID',width:80}
            ,{field: 'pname', title: '人员名称',width:90}
            ,{field: 'psex', title: '性别',width:70}
            ,{field: 'pphone', title: '电话',width:120}
            ,{field: 'pidcardnum', title: '身份证',width:130}
            ,{field: 'pdepartment', title: '部门',width:120}
            ,{field: 'pzu', title: '岗位',width:120}
            ,{field: 'ppower', title: '电量%',sort: true,width:90}
            ,{field: 'ponline', title: '状态' ,templet: '#titleTpl11s',width:80}
            ,{field: 'pimage', title: '图标',templet: '#titleTpl1',width:80}
            ,{field: 'baoliu38', title: '照片',templet: '#titleTpl2',width:80}
            ,{field: 'baoliu40', title: '卡号'}
            ,{field: 'paddtiem', title: '时间'}
        ]]
        ,limits: [10, 20, 30, 40, 50,60,70,80,90,100,100000]
        ,limit: 20,
    });
    table.on('tool(renyuan)', function(obj){
        var data = obj.data;
        console.log(data.id)
    })




    table.on('toolbar(renyuan)', function(obj) {
        var checkStatus = table.checkStatus(obj.config.id);
        var add = "Yes";
        var udelete = "Yes";
        var uupdate = "Yes";
        $.ajax({
            url: "/hxzkuwb/findUserRole",
            type: "GET",
            data:ds,
            dataType: "json",
            async: false, // 设置为同步
            success: function(data) {
                if (data.uadd == "No") {
                    add = "No";
                }
                if (data.udelete == "No") {
                    udelete = "No";
                }
                if (data.uupdate == "No") {
                    uupdate = "No";
                }
            }
        });
        switch(obj.event) {
            case 'export':
                var data = table.cache['renyuan'];
                table.exportFile('renyuan', data, 'xls'); // 也可导出为 csv 格式
                break
            case 'getadd' :
                if (add == "Yes") {
                    $(".add").show();
                    $(".heimu").show();
                }
                break;
            case 'getUpdate':
                if (uupdate == "Yes") {
                    var data = checkStatus.data;
                    if (data.length > 1) {
                        layer.alert("一次只能选中一个进行修改")
                    } else if (data.length == 0) {
                        layer.alert("请选中一条数据")
                    } else {
                        $("#up1").val(data[0].ptagid)
                        $("#up2").val(data[0].pname)
                        $("#up5").val(data[0].pphone)
                        $("#up6").val(data[0].pidcardnum)
                        $("#up8").val(data[0].pzu)
                        var hx = data[0].pdepartment;
                        $("#bumen1").empty();
                        $.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 selectElem1 = document.getElementById('bumen1');
                            var optionElem = document.createElement('option');
                            optionElem.value = hx;
                            optionElem.innerHTML = hx; // 使用 innerHTML 属性来设置 HTML 内容
                            selectElem1.appendChild(optionElem);
                            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 内容
                                selectElem1.appendChild(optionElem);
                            }
                            form.render('select');
                        });
                        $(".update").show();
                        $(".heimu").show();
                    }
                }
                break;
            case 'getshuaxin':
                layer.msg('刷新成功')
                setTimeout(function (){
                    location.reload();
                },500)
                break;
            case 'getsearch':
                var seah = $("#seah").val();
                var whereParams = {
                    pTagid: seah
                };
                table.reload('renyuan', {
                    url: "/hxzkuwb/findpersonSearch",
                    method:'get',
                    page: {
                        curr: 1 // 重新从第 1 页开始
                    }
                    ,where: whereParams
                });
                layer.msg('搜索成功')
                break
            case 'getstate':
                var state = $("#states").text();
                if (state == "只看在线"){
                    //只搜索在线
                    table.reload('renyuan', {
                        url: "/hxzkuwb/findpersonSearchState",
                        method:'get',
                        page: {
                            curr: 1 // 重新从第 1 页开始
                        }
                    });
                    $("#states").text("查看所有");
                    $("#states").css("background-color","#52C41A")
                    $("#states").css("color","white")

                }else{
                    //刷新
                    $("#states").text("只看在线");
                    $("#states").css("background-color","rgba(0, 0, 0, 0)")
                    $("#states").css("color","black")
                    location.reload();
                }
                break;
        }
    })

    $.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');
        var selectElem1 = document.getElementById('bumen1');
        var selectElem2 = document.getElementById('XzBumen');

        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);
        }

        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 内容
            selectElem1.appendChild(optionElem);
        }

        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 内容
            selectElem2.appendChild(optionElem);
        }


        // 重新渲染下拉框
        form.render('select');
    });


    form.on('select(filterSelect)', function(data){
        var filterValue = data;
        var seah = filterValue.value
        var whereParams = {
            pTagid: seah
        };
        table.reload('renyuan', {
            url: "/hxzkuwb/findpersonDepartSearch",
            method:'get',
            page: {
                curr: 1 // 重新从第 1 页开始
            }
            ,where: whereParams
        });
        var dts = "pTagid="+seah
        $.get("/hxzkuwb/findpersonDepartSearch",dts,function (data){
            layer.alert("当前部门在线人员：" + data.count, {
                offset: '100px' // 设置偏移量，可以是像素值或者百分比
            });
        })
        layer.msg('搜索成功');
        return false; // 阻止默认 form 跳转
    });

});

function quxiao(){
    layer.msg('操作成功')
    setTimeout(function() {
        $(".add").hide();
        $(".update").hide();
        $(".heimu").hide();
    }, 500);
}