layui.use('table', function(){
    var table = layui.table;
    var layer = layui.layer;
    var laytpl = layui.laytpl;
    var form = layui.form;
    //告警汇总
    table.render({
        elem: '#systemIcon'
        ,url: '/hxzkuwb/findHomeIcon'
        ,size:'sm'
        ,height:700
        ,toolbar:'#toolbarDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
        ,cols: [[ //表头
            {type:'checkbox',sort: true,fixed: "left"}
            ,{field: 'id', title: '序号'}
            ,{field: 'name', title: '图标名称' }
            ,{ field: 'icon', title: '默认图标',templet: '#titleTpl1'}
            ,{field: 'hvoer', title: '选中图标',templet: '#titleTpl2'}
            ,{field: 'namecolor', title: '名称颜色',templet: '#titleTplcolor' }
        ]]
    });

    $.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('mrimg');
        var selectElem1 = document.getElementById('xzimg');

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




    table.on('toolbar(systemIcon)', 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{
                    $("#up1").val(data[0].id)
                    $(".update").show();
                    $(".heimu").show();
                }
                break;
        }
    })
});

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