{include file="public/head"}
{include file="content/nav"}
<div class="layui-fluid layui-rg-bg ">
{include file="public/location"}
    <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"><a class="layui-btn layui-btn-warm layui-btn-sm" href="{:url('list',['model_id' => $modelinfo.id])}"><i class="layui-icon layui-icon-prev"></i> 返回内容列表</a></div>
                <div class="layui-input-inline"><button class="layui-btn layui-btn-sm" id="btn-expand">全部展开</button></div>
                <div class="layui-input-inline"><button class="layui-btn layui-btn-sm" id="btn-fold">全部折叠</button></div>
            </div>
            <div class="layui-inline" style="float:right;">
                <div class="layui-input-inline"><a class="layui-btn layui-btn-sm" onclick="openlayer('{:url("addcategory",['model_id' => $modelinfo.id])}','{:lang('add')}','m')">{:lang('add')}分类</a></div>
            </div>
        </div>
        <div class="layui-card-body">
            <table id="data_table" class="layui-table" lay-filter="data_table" style="margin-top:-10px;"></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="edit"><i class='layui-icon layui-icon-edit'></i>{:lang("edit")}</a></div>
    {{# if(!d.hasChild){ }}
    <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>
    {{# } else { }}
    <div class="layui-input-inline"><a class="layui-btn layui-btn-xs layui-btn-danger layui-btn-disabled"><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}}" lay-filter="status" {{ d.status == 1 ? 'checked' : '' }}>
</script>
<script type="text/javascript">
    layui.use(['table','form','element','treeTable'],function(){
        var table = layui.table, form = layui.form, $ = layui.jquery;
        var tree = layui.tree;
        var treeTable = layui.treeTable;
        loading = layer.load(1, {shade: [0.1, '#fff']});
        var insTb = treeTable.render({
            elem: '#data_table',
            tree: {
                iconIndex: 1,
                idName: 'id',
                pidName: 'pid',
                isPidData: true,
                openName: 'id'
            },
            cols: [
            {field:'id',title:'ID',align:'center'},
            {field:'title', title:'分类名称',edit:'text',minWidth:200},
            {field:'etitle', title:'副名称',edit:'text'},
            {width:80, 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:'alias', title:'文件名', edit:'text'},
            {field:'link', title:'外链', edit:'text'},
            {title:'访问权限',templet: function(d){
                if(d.auth == '1') {
                    return '会员访问';
                } else if(d.auth == '2') {
                    return '密码访问';
                } else {
                    return '无';
                };
            }},
            {title:'列表模板',templet:function(d){
                if(d.listtemplate) {
                    return d.listtemplate;
                } else {
                    return '模型默认';
                }
            }},
            {title:'详情模板',templet:function(d){
                if(d.template) {
                    return d.template;
                } else {
                    return '模型默认';
                }
            }},
            {field:'status',width: 80, align: 'center', title: '{:lang("state")}', templet: '#status'},
            {field:'torder', width: 80, align: 'center', title:'{:lang("order")}', sort:true, edit:'text'},
            {toolbar:'#action', width: 140, align: 'center', title: '{:lang("act")}', fixed: 'right'}
            ],
            reqData: function(data, callback) {
                $.post('{:url("category",["model_id" => $modelinfo.id])}', function (res) {
                    callback(res.data);
                    $('.countnum').text('记录数：' + res.count + '条');
                    layer.close(loading);
                });
            }
        });
        //点击事件
        treeTable.on('tool(data_table)', function(obj) {
            var data = obj.data;
            var event = obj.event;
            if(event === 'del'){
                layer.confirm('确认{:lang("del")}分类('+ data.title +')吗？',{title:'{:lang("del")}'},function(){
                    table_ajax(data,"{:url('delcategory',['model_id' => $modelinfo.id])}",1);
                })
                return false;
            }else if(event === 'edit'){
                var url = "{:url('editcategory',['model_id' => $modelinfo.id])}?id="+data.id;
                openlayer(url,'{:lang("edit")}','m');
            }
        });
        //监听行双击事件
        treeTable.on('rowDouble(data_table)', function(obj){
            var url = "{:url('editcategory',['model_id' => $modelinfo.id])}?id="+obj.data.id;
            openlayer(url,'{:lang("edit")}','m');
        });
        //监听单元格编辑
        treeTable.on('edit(data_table)', function(obj){
            var value = obj.value //得到修改后的值
            ,data = obj.data //得到所在行所有键值
            ,field = obj.field; //得到字段
            data[field] = value;
            if(field == 'torder') {
                table_ajax(data,"{:url('editcategory',['model_id' => $modelinfo.id])}",1);
            } else {
                table_ajax(data,"{:url('editcategory',['model_id' => $modelinfo.id])}",2);
            }
        });
        //监听开关操作
        form.on('switch(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('editcategory',['model_id' => $modelinfo.id])}",2);
        });
        //点击展开
        $('#btn-expand').click(function () {
            insTb.expandAll();
        });

        $('#btn-fold').click(function () {
            insTb.foldAll();
        });
    });

</script>