{extend name="Public/base_new" /}
{block name="main"}

    <fieldset class="layui-elem-field">
        <legend>操作日志</legend>
        <div class="layui-field-box">
            <div class="layui-form-item layui-form">
                <div class="layui-inline">
                    <select name="type" id = "type">
                        <option value="1">日志内容</option>
                        <option value="2">用户昵称</option>
                        <option value="3">用户ID</option>
                    </select>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline" style="width: 300px;">
                        <input type="text" name="keyword" id="keyword" placeholder="请输入关键词" class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <span class="layui-btn sub" id="search">查询</span>
                </div>


            </div>


            <div class="cus-table">

                <table id="demo" lay-filter="demo" lay-data="{id: 'idTest'}"></table>

                <div id="pager"></div>
            </div>
            <!--<table class="layui-table" id="list-admin" lay-even>-->
                <!--<thead>-->
                <!--<tr>-->
                    <!--<th>序号</th>-->
                    <!--<th>品牌名称</th>-->
                    <!--<th>简称</th>-->
                    <!--<th>微信公众号</th>-->
                    <!--<th>appid</th>-->
                    <!--<th>appsecret</th>-->
                    <!--<th>所属集团</th>-->
                    <!--<th>操作</th>-->
                <!--</tr>-->
                <!--</thead>-->
                <!--<tbody>-->
                <!--{volist name="brand" id="vo"}-->
                    <!--<tr>-->
                        <!--<td>{$vo['id']}</td>-->
                        <!--<td>{$vo['brandclass']}</td>-->
                        <!--<td>{$vo['nickname']}</td>-->
                        <!--<td>{$vo['wx_public']}</td>-->
                        <!--<td>{$vo['wx_appid']}</td>-->
                        <!--<td>{$vo['wx_secret']}</td>-->
                        <!--<td>{$vo['group_company_name']}</td>-->
                        <!--<td>-->
                            <!--<span data-url="{:U('editBrand', array('id' => $vo['id']))}" class="layui-btn edit layui-btn-normal">编辑</span>-->
                            <!--<span class="layui-btn layui-btn-danger del" data-id="{$vo['id']}" data-info="你确定删除当前品牌吗？" data-url="{:U('delBrand')}">删除</span>-->
                        <!--</td>-->
                    <!--</tr>-->
                <!--{/volist}-->
                <!--</tbody>-->
            <!--</table>-->

        </div>
    </fieldset>
{/block}
{block name="myScript"}

<script type="text/html" id="barDemo">
    <span style="margin-top: -4px;" lay-event="del_brand" data-id="{{d.id}}" class="layui-btn layui-btn-danger del">删除</span>
</script>

    <script>

        var brandclass,keyword,type;
        layui.use(['layer', 'table','form'], function () {
            var table = layui.table, layer = layui.layer, form = layui.form;
            //第一个实例
            var tableIns=table.render({
                elem: '#demo'
                , url: '/admin/Log/ajaxGetIndex' //数据接口
                ,id: 'idTest'
                //,even: true
                ,where: {brandclass:brandclass}
                , page: true //开启分页
                , cols: [[ //表头
                    {field:'id', title: 'ID', sort: true,templet: '#sexTpl',width:'5%'}
                    ,{field:'data', title: '操作内容', align: 'center',width:'30%'}
                    ,{field:'old_data', title: '操作者昵称', align: 'center',width:'10%'}
                    ,{field:'staff_id', title: '操作者ID', align: 'center',width:'10%'}
                    ,{field:'ip', title: 'IP地址', align: 'center',width:'10%'}
                    ,{field:'create_time', title: '操作时间', align: 'center',width:'10%'}
                    ,{title: '操作', align: 'center',width:'20%', toolbar: '#barDemo'}
                ]],
                done: function(res, curr, count){
                    $(".mark-red").parents("tr").css({
                        "color":"#fff",
                        "background":"red"
                    });
                }
            });

            table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
                var data = obj.data //获得当前行数据
                        , layEvent = obj.event; //获得 lay-event 对应的值
                var id   = $(this).attr("data-id");
                if(layEvent=='del_brand'){

                        layer.confirm('你确定删除当前日志吗？', {
                            btn: ['确定','取消'] //按钮
                        }, function(){
                            $.ajax({
                                type: "POST",
                                url: 'delBrand',
                                data: {id:id},
                                success: function(msg){
                                    if( msg.code == 1 ){
                                        location.reload();
                                    }else{
                                        layer.alert(msg.msg);
                                        layer.msg(msg.msg, {
                                            icon: 5,
                                            shade: [0.6, '#393D49'],
                                            time:1500
                                        });
                                    }
                                }
                            });
                        });
                }

            });

            $('#search').on('click', function(){
                keyword = $('#keyword').val();
                type = $('#type').val();
                table.reload('idTest', {
                        page: {
                            curr: 1 //重新从第 1 页开始
                        }
                        ,where: {keyword:keyword,type:type}
                    });
            });
            $(document).keyup(function(event){
                if(event.keyCode ==13){
                    $("#search").trigger("click");
                }
            });


        });



    </script>
{/block}