layui.use('table', function(){
    var table = layui.table;
    var layer = layui.layer;
    var form = layui.form;
    //基站设备
    table.render({
        elem: '#bumen'
        ,url: '/hxzkuwb/findbumen'
        ,page: true //开启分页
        ,size:'sm'
        ,toolbar:'#toolbarDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        ,cols: [[ //表头
            {type:'checkbox',sort: true,fixed: "left"}
            ,{field: 'id', title: '序号', sort: true}
            ,{ field: 'departmentname', title: '部门名称'}
            ,{ field: 'baoliu1', title: '部门主管'}
            ,{ field: 'baoliu2', title: '主管姓名'}
            ,{ field: 'baoliu3', title: '主管电话'}
            ,{ field: 'baoliu4', title: '主管邮箱'}
            ,{ field: 'iconadress', title: '部门图标',templet: '#titleTpl'}
            ,{ field: 'baoliu5', title: '部门背景颜色',templet: '#titleTpl1'}
            ,{field: 'addtime', title: '添加时间'}
        ]]
        ,limits: [10, 20, 30, 40, 50,60,70,80,90,100,100000]
        ,limit: 20,
    });
    table.on('tool(bumen)', function(obj){
        var data = obj.data;
        console.log(data.id)
    })
    table.on('toolbar(bumen)', function(obj) {
        var checkStatus = table.checkStatus(obj.config.id);
        switch(obj.event) {
            case 'getadd' :
                $(".add").show();
                $(".heimu").show();
                break;
            case 'getUpdate':
                var data = checkStatus.data;
                if(data.length>1){
                    layer.alert("一次只能选中一个进行修改")
                }else if(data.length == 0){
                    layer.alert("请选中一条数据")
                }else{
                    $("#up1").val(data[0].id)
                    $("#up2").val(data[0].departmentname)
                    $("#up3").val(data[0].baoliu1)
                    $("#up4").val(data[0].baoliu2)
                    $("#up5").val(data[0].baoliu3)
                    $("#up6").val(data[0].baoliu4)
                    $("#xg1").val(data[0].baoliu5)
                    var iconvalue = data[0].iconadress;
                    var icon = data[0].iconadress.split('.');


                        $("#iconadress1").empty();
                    $.get("/hxzkuwb/findImage", function (data) {
                        var selectData = [];
                        var icontitle = icon[0]
                        var option1 = {
                            value: iconvalue,
                            title: '图标名称:'+icon+''
                        };
                        selectData.push(option1);
                        for (var i = 0; i < data.data.length; i++) {
                            var option = {
                                value: data.data[i].image,
                                title: '图标名称:'+data.data[i].name+''
                            };
                            selectData.push(option);
                        }
                        // 动态生成下拉框选项
                        var selectElem1 = document.getElementById('iconadress1');
                        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 'getdelete':
                var data = checkStatus.data;
                if(data<1){
                    layer.alert("请选中一条数据")
                }else{
                    for (var i = 0; i<data.length;i++){
                        var ds = "name="+data[i].departmentname
                        $.post("/hxzkuwb/deleteBuMen",ds,function (data){
                            table.reload('bumen', {
                                url: "/hxzkuwb/findbumen",
                                method:'get',
                                page: {
                                    curr: 1 // 重新从第 1 页开始
                                }
                            });
                        })
                    }
                    layer.msg('操作成功')
                }
                break;
            case 'getsearch':
                var seah = $("#seah").val();
                var whereParams = {
                    departmentname: seah
                };
                table.reload('bumen', {
                    url: "/hxzkuwb/findBuMenSearch",
                    method:'post',
                    page: {
                        curr: 1 // 重新从第 1 页开始
                    }
                    ,where: whereParams
                });
                layer.msg('搜索成功')
                break;
        }
    })


    $.get("/hxzkuwb/findImage", function (data) {
        var selectData = [];

        for (var i = 0; i < data.data.length; i++) {
            var option = {
                value: data.data[i].image,
                title: '<img width="40" src="../../Icon/' + data.data[i].image + '"/>图标名称:'+data.data[i].name+''
            };
            selectData.push(option);
        }

        // 动态生成下拉框选项
        var selectElem = document.getElementById('iconadress');
        var selectElem1 = document.getElementById('iconadress1');

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

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



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

}