{include file="public/head"}
<div class="layui-fluid layui-rg-bg">
    <div class="layui-row layui-col-space15">
    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
        <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="dropdown" lay-dropdown="{showBy: 'hover',align:'left', menus: [
                    {txt: '删除', event:'del'},
                    'hr',
                    {txt: '上线', event:'statuson'},
                    {txt: '下线', event:'statusoff'}
                    ]}"><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 class="layui-input-inline"><button class="layui-btn layui-btn-sm layui-btn-normal list_act" data-value="search"><i class="layui-icon layui-icon-search" style="float:left;"></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 class="layui-input-inline"><a class="layui-btn layui-btn-sm" onclick="openlayer('{:url("add",['model_id' => $modelinfo.id])}?c_id={$c_id}','{:lang('add')}','m')"><i class="layui-icon layui-icon-add-1" style="float:left;"></i>{:lang('add')}内容</a></div>
                </div>
            </div>
            <div class="layui-card-body">
                {include file="attacontent/search"}
                <style type="text/css">
                .layui-table-cell {
                    height: auto;
                    line-height: 24px;
                }
                </style>
                <table id="data_table" class="layui-table" lay-filter="data_table" style="margin-top:-10px;"></table>
                {:pagedebug()}
            </div>
        </div>
    </div>
    
    </div>
</div>
<div id="selectnav" style="display:none;"></div><input type="hidden" name="selectnav">
{include file="public/foot"}
<script type="text/html" id="action">
    <div class="layui-input-inline"><a class="layui-btn layui-btn-xs" lay-event="edit"><i class='layui-icon layui-icon-edit'></i>{:lang("edit")}</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="primary" value="{{d.id}}" lay-filter="status" {{ d.status == 1 ? 'checked' : '' }}>
</script>
<script type="text/javascript">
    layui.use(['table','form','element','tree','dropdown','laydate'],function(){
        var table = layui.table, form = layui.form, $ = layui.jquery;
        var tree = layui.tree;
        var laydate = layui.laydate;
        var dropdown = layui.dropdown;
        loading = layer.load(1, {shade: [0.1, '#fff']});
        table.render({
            elem: '#data_table',
            url: '{:url("clist",["model_id" => $modelinfo.id])}?c_id={$c_id}',
            method: 'POST',
            cols: [[
            {type:'checkbox'},
            {field:'id', align: 'center', title: 'ID',width:60, sort:true},
            {:DiyTableCol($modelinfo.id)}
            {field:'create_time',width: 165, title: '添加时间',sort:true},
            {field:'status', width: 70,align: 'center', title: '在线', templet:function(d){
                return '<input type="checkbox" name="status" lay-skin="primary" value="'+d.id+'" lay-filter="status" '+(d.status == 1 ? "checked" : "")+'>';
            }},
            {field:'torder', width: 80, align: 'center', title:'{:lang("order")}', sort:true, edit:'text'},
            {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('sort(data_table)', function(obj){
            var field = obj.field;
            var type = obj.type;
            table.reload('data_table',{
                initSort: obj
                ,where: {order:{field:field,type:type}}
                ,page:{curr:1}
            })
        });
        // 日期操作
        if($('.rgcms_date').length > 0 ) {
            $('.rgcms_date').each(function(){
                var datetype = $(this).attr('datetype');
                var dateval = $(this).attr('dateval');
                if(datetype == undefined || datetype == '') {
                    datetype = 'yyyy-MM-dd HH:mm:ss';
                }
                var type = 'date';
                if(datetype.indexOf("H") != -1 || datetype.indexOf("m") != -1) {
                    type = 'datetime';
                }
                if(dateval) {
                    $(this).val(util.toDateString(dateval*1000, datetype));
                }
                var name = $(this).parent().find('input[type=hidden]').eq(0).attr('name');
                laydate.render({
                    elem: this
                    ,trigger: 'click'
                    ,type: type
                    ,format: datetype
                    ,done: function(value, date, endDate){
                        var time = '';
                        if(value) {
                            time = (new Date(value)).getTime()/1000;
                        }
                        $('input[name='+name+']').val(time);
                    }
                });
            });
        }
        // 下拉按钮事件
        dropdown.onFilter("dropdown", 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('请选择要操作的{$modelinfo.title}！');
                return false;
            }
            if(event === 'del'){
                layer.confirm('确认删除所选{$modelinfo.title}吗！',{title:'删除'},function(){
                    table_ajax({id:ids},'{:url("del",["model_id" => $modelinfo.id])}',10);
                });
                return false;
            } else if(event == 'statuson') {
                layer.confirm('确认上线所选{$modelinfo.title}吗！',{title:'上线'},function(){
                    table_ajax({id:ids,field:'status',value:1},'{:url("edits",["model_id" => $modelinfo.id])}',10);
                })
            } else if(event == 'statusoff') {
                layer.confirm('确认取消上线所选{$modelinfo.title}吗！',{title:'取消上线'},function(){
                    table_ajax({id:ids,field:'status',value:0},'{:url("edits",["model_id" => $modelinfo.id])}',10);
                })
            }
        });
        // 按钮点击
        $(".list_act").click(function(){
            var list_act = $(this).attr("data-value");
            if(list_act == 'recycle') {
                openlayer('{:url("recycle",["model_id" => $modelinfo.id])}','{:lang("recycle")}','m',true);
            } else if(list_act == 'content') {
                location.href = "{:url('clist',['model_id' => $modelinfo.id])}";
            } else if(list_act == 'search') {
                $("#laysearch").toggle();
            }
        }); 
        //监听行双击事件
        table.on('rowDouble(data_table)', function(obj){
            var url = "{:url('edit',['model_id' => $modelinfo.id])}?id="+obj.data.id;
            openlayer(url,'{:lang("edit")}','m');
        });
        //点击事件
        table.on('tool(data_table)', function(obj) {
            var data = obj.data;
            var event = obj.event;
            if(event === 'del'){
                layer.confirm('确认删除所选{$modelinfo.title}吗！',{title:'删除'},function(){
                    table_ajax(data,'{:url("del",["model_id" => $modelinfo.id])}',10);
                });
                return false;
            }else if(event === 'edit'){
                var url = "{:url('edit',['model_id' => $modelinfo.id])}?id="+data.id;
                openlayer(url,'{:lang("edit")}','m');
            }
        });
        //监听单元格编辑
        table.on('edit(data_table)', function(obj){
            var value = obj.value //得到修改后的值
            ,data = obj.data //得到所在行所有键值
            ,field = obj.field; //得到字段
            delete data.create_time;
            if(field == 'torder') {
                table_ajax(data,'{:url("edit",["model_id" => $modelinfo.id])}',10);
            } else {
                table_ajax(data,'{:url("edit",["model_id" => $modelinfo.id])}',11);
            }
        });
        // 监听开关操作
        form.on('checkbox(status)', function(obj){
            var data={};
            data[obj.elem.name] = obj.elem.checked ? 1 : 0;
            data['id'] = obj.value;
            data['list_switch'] = true;
            table_ajax(data,'{:url("edit",["model_id" => $modelinfo.id])}',11);
        });
        // 搜索提交
        form.on('submit(rgcms_search)',function(data){
            loading = layer.load(1, {shade: [0.1, '#fff']});
            table.reload('data_table',{
                url: '{:url("search",["model_id" => $modelinfo.id])}',
                method: 'POST',
                page:{curr: 1},
                where: data.field
            })
            return false; //禁止刷新
        });
    });

</script>