layui.use('table', function(){
    var table = layui.table;
    var layer = layui.layer;
    var laytpl = layui.laytpl;
    var form = layui.form;
    //告警汇总
    table.render({
        elem: '#Daohang'
        ,url: '/hxzkuwb/DaoHang'
        ,size:'sm'

        ,page:true
        ,toolbar:'#toolbarDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        ,cols: [[ //表头
            {type:'checkbox',sort: true,fixed: "left"}
            ,{field: 'id', title: '序号', sort: true}
            ,{ field: 'name', title: '导航名称'}
            ,{ field: 'parent', title: '自身级别'}
            ,{ field: 'parents', title: '关联级别'}
            ,{ field: 'level', title: '层级'}
            ,{ field: 'ishow', title: '是否显示',templet: '#titleTpl'}
            ,{ field: 'icon', title: '图标',templet: '#titleTplimg'}
            ,{ field: 'addtime', title: '添加时间'}
        ]]
        ,limits: [10, 20, 30, 40, 50,60,70,80,90,100,100000]
        ,limit: 20,
    });

    table.on('toolbar(Daohang)', function(obj) {
        var checkStatus = table.checkStatus(obj.config.id);
        switch(obj.event) {
            case 'getUpdate':
                var data = checkStatus.data;
                if(data.length>1){
                    layer.alert("一次只能选中一个进行修改")
                }else if(data.length == 0){
                    layer.alert("请选中一条数据")
                }else{
                    console.log(data[0].parent)
                    if (data[0].parent == "" || data[0].parent == null){
                        $("#tu").hide();
                        $("#fu").show();
                        $("#up1").val(data[0].id)
                        $("#up2").val(data[0].name)
                        $("#up3").val(data[0].parents)
                    }else{
                        $("#tu").show();
                        $("#fu").hide();
                        $("#up1").val(data[0].id)
                        $("#up2").val(data[0].name)
                    }
                    $(".update").show();
                    $(".heimu").show();
                }
                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('icons');
        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');
    });

});

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