zhitong.yu
2024-03-15 ebd89b9ffa8980ac944a7e79ecc64c01637d4f17
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
 
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);
}