zhishifufei_php/application/admin/view/ump/event_registration/user.php

{extend name="public/container"}
{block name="head_top"}
<style>
    .layui-btn-xs {
        margin-left: 0px !important;
    }

    legend {
        width: auto;
        border: none;
        font-weight: 700 !important;
    }

    .site-demo-button {
        padding-bottom: 20px;
        padding-left: 10px;
    }

    .layui-form-label {
        width: auto;
    }

    .layui-input-block input {
        width: 50%;
        height: 34px;
    }

    .layui-form-item {
        margin-bottom: 0;
    }

    .layui-input-block .time-w {
        width: 200px;
    }

    .layui-btn-group button i {
        line-height: 30px;
        margin-right: 3px;
        vertical-align: bottom;
    }

    .back-f8 {
        background-color: #F8F8F8;
    }

    .layui-input-block button {
        border: 1px solid #e5e5e5;
    }
</style>
{/block}
{block name="content"}
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <form class="layui-form layui-form-pane">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">用户搜索：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="nickname" lay-verify="nickname" style="width: 100%" autocomplete="off" placeholder="请输入姓名、编号、手机号" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" lay-submit="" lay-filter="search">
                                <i class="layui-icon layui-icon-search"></i>搜索
                            </button>
                            <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" onclick="window.location.reload()">
                                <i class="layui-icon">&#xe669;</i>刷新
                            </button>
                        </div>
                    </div>
                </div>
            </form>
            <table class="layui-hide" id="userList" lay-filter="userList"></table>
            <script type="text/html" id="nickname">
                <a href="javascript:;"style="color:#0092DC">{{d.nickname ? d.nickname :'暂无昵称'}}</a>
            </script>
            <script type="text/html" id="barDemo">
                <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" lay-event='add_student' style="margin: 2px;">
                    设置成为核销员
                </button>
            </script>
        </div>
    </div>
</div>
<script src="{__ADMIN_PATH}js/layuiList.js"></script>
{/block}
{block name="script"}
<script>
    var event_id = "{$event_id}";
    layList.form.render();
    layList.tableList('userList', "{:Url('user_list')}", function () {
        return [
            {field: 'uid', title: 'UID', align: 'center'},
            {field: 'avatar', title: '头像', event: 'open_image', align: 'center', templet: '<div><img class="avatar open_image" style="cursor: pointer" height="50" data-image="{{d.avatar}}" src="{{d.avatar}}" alt="{{d.nickname}}"></div>'},
            {field: 'nickname', title: '姓名', templet: "#nickname", align: 'center'},
            {field: 'action', title: '操作', align: 'center', toolbar: '#barDemo'}
        ];
    });
    layList.search('search', function (where) {
        layList.reload(where, true);
    });
    //监听并执行 uid 的排序
    layList.tool(function (event, data) {
        var layEvent = event;
        switch (layEvent) {
            case 'add_student':
                var uid = data.uid;
                var url = layList.U({a: 'set_write_off_user', q: {event_id: event_id, uid: uid}});
                layer.confirm('确定设置该用户为核销员吗？', {
                    btn: ['确定', '取消'] //按钮
                }, function () {
                    $.ajax({
                        url: url,
                        dataType: 'json',
                        success: function (res) {
                            layer.msg('添加成功', {icon: 1}, function () {
                                // layer.closeAll();
                                parent.parent.layer.closeAll();
                            });
                        },
                        error: function (err) {
                            layer.msg('添加失败', {icon: 5}, function () {
                                layer.closeAll();
                            });
                        }
                    })
                }, function () {
                    layer.closeAll();
                });
                break;
        }
    });
</script>
{/block}