{include file="public/head"}
<div class="layui-fluid layui-rg-bg">
    <div class="layui-card">
        <div class="layui-card-header">
            <div class="layui-inline">
                <div class="layui-input-inline"><button class="layui-btn layui-btn-primary layui-btn-sm layui-btn-disabled countnum"></button></div>
                <div class="layui-input-inline"><button class="layui-btn layui-btn-sm" lay-filter="list_act" lay-dropdown="{showBy: 'hover',align:'left', menus: [{layIcon: 'layui-icon-refresh',txt: '{:lang('restore')}', event:'restore'},{layIcon:'layui-icon-delete',txt: '{:lang('truedel')}', event:'dels'}]}"><span>{:lang('operate')}</span><i class="layui-icon layui-icon-triangle-d" style="float:right;margin-left:5px;margin-right:-5px;"></i></button></div>
            </div>
            <div class="layui-inline" style="float:right;">
                <div class="layui-input-inline"><a class="layui-btn layui-btn-primary layui-btn-sm refresh"><i class="layui-icon layui-icon-refresh-3"></i></a></div>
            </div>
        </div>
        <div class="layui-card-body">
            <table id="data_table" class="layui-table" lay-filter="data_table"></table>
            {:pagedebug()}
        </div>
    </div>
</div>
{include file="public/foot"}
<script type="text/html" id="action">
    <div class="layui-input-inline"><a class="layui-btn layui-btn-xs" lay-event="restore"><i class='layui-icon layui-icon-refresh'></i>{:lang("restore")}</a></div>
    <div class="layui-input-inline"><a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del"><i class='layui-icon layui-icon-delete'></i>{:lang("del")}</a></div>
</script>
<script type="text/html" id="status">
    <input type="checkbox" name="status" lay-skin="switch" value="{{d.id}}" disabled {{ d.status == 1 ? 'checked' : '' }}>
</script>
<script type="text/javascript">
    layui.use(['table','form','element','dropdown'],function(){
        var table = layui.table, form = layui.form, $ = layui.jquery;
        var dropdown = layui.dropdown;
        loading = layer.load(1, {shade: [0.1, '#fff']});
        table.render({
            elem: '#data_table',
            url: '{:url("recycle")}',
            method: 'POST',
            cols: [[
            {type:'checkbox'},
            {field:'id', align: 'center', title: 'ID',width:60},
            {field:'title', title:'标题'},
            {field:'etitle', title:'副标题'},
            {width:60, align: 'center',title:'图片',templet: function(d){
                if(!d.img) d.img = '/public/static/images/nopic.jpg';
                return '<img src="'+d.img+'" style="height:28px;width:30px;" onclick=viewpic("'+d.img+'")>';
            }},
            {field:'hits', title:'点击数'},
            {field:'create_time',align: 'center', title: '添加时间'},
            {field:'update_time',align: 'center', title: '最后修改'},
            {field:'delete_time',align: 'center', title: '删除时间',style:'background-color: #FAFAFA;'},
            {field:'status', width: 80,align: 'center', title: '状态', templet: '#status'},
            {field:'torder', width: 80, align: 'center', title:'{:lang("order")}'},
            {toolbar: '#action', width: 140, align: 'center', title: '{:lang("act")}', fixed: 'right'}
            ]],
            limit: {:config('app.admin.pagelimit')},
            page: true,
            done: function (res) {
                $('.countnum').text('记录数：' + res.count + '条');
                layer.close(loading);
            }
        });
        // 点击事件
        table.on('tool(data_table)', function(obj) {
            var data = obj.data;
            var event = obj.event;
            if(event === 'del'){
                layer.confirm('确认{:lang("truedel")}吗？',{title:'{:lang("truedel")}'},function(){
                    table_ajax(data,'{:url("del")}',10);
                })
                return false;
            } else if(event === 'restore'){
                layer.confirm('确认{:lang("restore")}吗？',{title:'{:lang("restore")}'},function(){
                    table_ajax(data,'{:url("restore")}',10);
                })
                return false;
            }
        });
        // 下拉按钮事件
        dropdown.onFilter("list_act", function (event) {
            var checkStatus = table.checkStatus('data_table'), data = checkStatus.data;
            var ids = [];
            $(data).each(function(k,v){
                ids.push(v.id);
            });
            if(ids == '') {
                layer.msg('请选择要操作的内容！');
                return false;
            }
            var list_act = $(this).attr("data-value");
            if(event == 'dels') {
                layer.confirm('确认{:lang("truedel")}所选内容吗！',{title:'{:lang("truedel")}'},function(){
                    table_ajax({id:ids},'{:url("del")}',10);
                })
            } else if(event == 'restore') {
                layer.confirm('确认{:lang("restore")}所选内容吗！',{title:'{:lang("restore")}'},function(){
                    table_ajax({id:ids},'{:url("restore")}',10);
                })
            }
        })
    })
</script>