src/main/resources/templates/conference/conflist.html

<div class="layui-card">
    <div class="layui-card-header">
        <h2 class="header-title">会议维护</h2>
        <span class="layui-breadcrumb pull-right">
          <a href="#">会议管理</a>
          <a><cite>会议维护</cite></a>
        </span>
    </div>
    <div class="layui-card-body">
        <div class="layui-form toolbar">
            搜索：
            <select id="search-conference-conftype">
                <option value=""> 选择会议类型</option>
                <option value="list"> 名单会议</option>
                <option value="nolist"> 临时会议</option>
            </select>&emsp;
            <input id="search-conference-confname" class="layui-input search-input" maxlength="20" type="text"
                   placeholder="输入名称查询"/>&emsp;
            <button id="btn-search-conference" class="layui-btn icon-btn" data-type="search"><i class="layui-icon">&#xe615;</i>搜索
            </button>
            <button id="btn-conference-add" class="layui-btn icon-btn" data-type="add"><i
                    class="layui-icon">&#xe654;</i>新 增
            </button>
        </div>
        <table class="layui-table" id="conferenceTable" lay-filter="conferenceTable-filter"></table>
    </div>
</div>


<!-- 表格操作列 -->
<script type="text/html" id="conference-table-bar">

    {{# if(d.status=='unstart'&&d.conftype=='list'){ }}
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    <a class="layui-btn layui-btn layui-btn-xs" lay-event="people">分配人员</a>
   <!-- <a class="layui-btn layui-btn layui-btn-xs" lay-event="detail">查看明细</a>-->
    {{# } else if(d.status=='unstart'&&d.conftype=='nolist'){ }}
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
   <!-- <a class="layui-btn layui-btn layui-btn-xs" lay-event="detail">查看明细</a>-->
    {{# } }}

</script>

<script>
    layui.use(['form', 'table', 'layer', 'admin', 'element'], function () {
        var form = layui.form;
        var table = layui.table;
        var admin = layui.admin;
        var element = layui.element;

        form.render("select");
        // 渲染表格
        table.render({
            elem: '#conferenceTable',
            url: '[[@{/conference/conflist}]]',
            page: true,
            cols: [
                [
                    {field: 'confname', title: '会议名称', align: 'center', fixed: 'left'},
                    {field: 'confdate', width: 150, title: '会议日期', align: 'center'},
                    {field: 'timeperoid', width: 150, title: '会议时间', align: 'center'},
                    {field: 'attendtime', width: 150, title: '签到时间', align: 'center'},
                    {
                        field: 'conftype',
                        title: '会议类型',
                        align: 'center',
                        width: 120,
                        sort: true,
                        templet: function (d) {
                            if ('list' == d.conftype) {
                                return '名单会议';
                            } else if ('nolist' == d.conftype) {
                                return '临时会议';
                            } else {
                                return d.conftype;
                            }
                        }
                    },
                    {
                        field: 'status', title: '状态', align: 'center', width: 120, sort: true, templet: function (d) {
                            if ('unstart' == d.status) {
                                return '<span class="layui-badge layui-bg-orange">未开始</span>'
                            } else if ('start' == d.status) {
                                return '<span class="layui-badge layui-bg-green">进行中</span>';
                            } else if ('closed' == d.status) {
                                return '<span class="layui-badge layui-bg-gray">关闭</span>';
                            } else if ('over' == d.status) {
                                return '<span class="layui-badge">结束</span>';
                            } else {
                                return d.status;
                            }
                        }
                    },
                    /*  {field: 'remark', title: '备注',  align: 'center'},*/
                    {align: 'center', title: '操作', width: 250, toolbar: '#conference-table-bar', fixed: 'right'}
                ]
            ]
        });

        // 搜索按钮点击事件
        $('#btn-search-conference').click(function () {
            var conftype = $("#search-conference-conftype").val();
            var confname = $("#search-conference-confname").val();
            table.reload('conferenceTable', {where: {conftype: conftype, confname: confname}, page: {curr: 1}});
        });

        $('#btn-conference-add').click(function () {
            admin.popupCenter({
                title: "新增会议",
                path: '[[@{/conference/load4addconf}]]',
                area: '500px',
                finish: function () {
                    table.reload('conferenceTable');
                }
            });
        });

        //监听单元格
        table.on('tool(conferenceTable-filter)', function (obj) {
            var data = obj.data;
            if ('del' == obj.event) {
                layer.confirm('确定直接删除会议【' + data.confname + '】吗?', {
                    btn: ['确定', '取消']
                }, function () {
                    layer.load(2);
                    let token = $("meta[name='_csrf_token']").attr("value");
                    admin.go('[[@{/conference/deleteconf}]]', {
                        _csrf:token,
                        id: data.confid
                    }, function (data) {
                        layer.closeAll('loading');
                        if (data.code == 200) {
                            layer.msg(data.msg, {icon: 1});
                        } else if (data.code == 401) {
                            layer.msg(data.msg, {icon: 2, time: 1500}, function () {
                                location.replace('[[@{/login}]]');
                            }, 1000);
                            return;
                        } else {
                            layer.msg(data.msg, {icon: 2});
                        }
                        table.reload('conferenceTable');
                    }, function (err) {
                        admin.errorBack(err)
                    });
                });

                /*layer.confirm('确定直接删除会议【' + data.confname + '】吗?', function (i) {
                    layer.close(i);
                    layer.load(2);
                    let token = $("meta[name='_csrf_token']").attr("value");
                    admin.go('[[@{/conference/deleteconf}]]', {
                        _csrf: token,
                        id: 1234
                    }, function (data) {
                        console.log(data.code);
                        layer.closeAll('loading');
                        if (data.code == 200) {
                            layer.msg(data.msg, {icon: 1});
                        } else if (data.code == 401) {
                            layer.msg(data.msg, {icon: 2, time: 1500}, function () {
                                location.replace('/login');
                            }, 1000);
                            return;
                        } else {
                            layer.msg(data.msg, {icon: 2});
                        }
                        table.reload('custtype-table', {});
                    }, function (ret) {
                        console.log(ret);
                        layer.closeAll('loading');
                        layer.msg('请求失败了，请稍后再试', {icon: 2});
                    });
                });*/
            } else if ('detail' == obj.event) {
                admin.popupCenter({
                    title: "查看名单",
                    path: '[[@{/conference/load4detail}]]?confid=' + data.confid,
                    area: '600px',
                    finish: function () {
                        table.reload('conferenceTable');
                    }
                });
            }else if ('people' == obj.event) {
                admin.popupCenter({
                    title: "分配人员",
                    area: '900px',
                    path: '[[@{/conference/loadimport}]]?confid=' + data.confid+'&confname='+data.confname,
                    finish: function () {
                        table.reload('conferenceTable');
                    }
                });
            }

        });

    });
</script>