{extend name='table'}
{block name="button"}
{if auth("add")}
<button data-open='{:url("add")}' class='layui-btn layui-btn-sm layui-btn-primary'>添加百知文库</button>
{/if}
{/block}
{block name="content"}
<div class="layui-tab layui-tab-card">
    <div class="layui-tab-content">
        <form class="layui-form layui-form-pane form-search" action="{:sysuri()}" onsubmit="return false" method="get" autocomplete="off">
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">申请用户</label>
                <label class="layui-input-inline">
                    <input name="name" value="{$get.name|default=''}" placeholder="申请用户" class="layui-input">
                </label>
            </div>
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">标题</label>
                <label class="layui-input-inline">
                    <input name="title" value="{$get.title|default=''}" placeholder="标题" class="layui-input">
                </label>
            </div>
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">商品分类</label>
                <div class="layui-input-inline">
                    <label class="layui-input-inline">
                        <select class="layui-select" lay-search name="class_id">
                            <option value="">-- 全部分类 --</option>
                            {foreach $class as $cate}{if input('cateids') eq $cate.id}
                            <option selected value="{$cate.id}">{$cate.spl}{$cate.name|default=''}</option>
                            {else}
                            <option value="{$cate.id}">{$cate.spl}{$cate.name|default=''}</option>
                            {/if}{/foreach}
                        </select>
                    </label>
                </div>
            </div>
            <div class="layui-form-item layui-inline">
                <input type="hidden" name="type" value="{$type|default='index'}">
                <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
            </div>
        </form>
        <table id="Table" data-url="{:sysuri()}" data-target-search="form.form-search"></table>
    </div>
</div>
<script>
    $(function () {
        $('#Table').layTable({
            even: true, height: 'full',
            sort: {field: 'id', type: 'desc'},
            where: {},
            cols: [[
                {field: 'id', title: 'ID', align: 'center'},
                {field: 'title', title: '标题', align: 'center'},
                {field: 'uuid', title: '用户', align: 'center',templet(d){
                    return d.user.nickname
                }},
                {field: 'class_id', title: '类别', align: 'center',templet(d){
                    return d.classTo.name
                }},
                {field: 'imgs', title: '图片',  align: 'center', templet:function (d) {
                        if (d.imgs.length<1){
                            return '无图片'
                        }else {
                            let b = ''
                            for (var a=0;a<d.imgs.length;a++){
                                b = b + '<div class="headimg headimg-no headimg-ss margin-0" data-tips-hover data-tips-image='+ d.imgs[a] +' style="background-image:url('+ d.imgs[a] +')"></div><a href="'+d.imgs[a]+'" download="'+d.imgs[a]+'" ">下载 </a>&nbsp;&nbsp;&nbsp;&nbsp;'
                            }
                            return laytpl(b).render(d)
                        }
                }},
                {field: 'xurl', title: '视频',  align: 'center', templet: function (d) {
                        return d.video ? laytpl('<div><a target="_blank" data-iframe="{{d.video}}" data-title="查看媒体">查看</a>'+
                            '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="{{d.video}}" download="{{d.video}}">下载 </a></div>').render(d) : '无视频';
                    }
                },
                {field: 'file', title: '文件',  align: 'center', templet:function (d) {
                        if (d.file.length<1){
                            return '无文件'
                        }else {
                            let b = ''
                            for (var a=0;a<d.file.length;a++){
                                b = b + '<a href="'+d.imgs[a]+'" download="'+d.imgs[a]+'" ">下载 </a>'
                            }
                            return laytpl(b).render(d)
                        }
                    }},
                {field: 'create_at', title: '创建时间', align: 'center',sort:true},
                {toolbar: '#toolbar', title: '操作', align: 'center', fixed: 'right'}
            ]]
        });
    });
</script>


<!-- 列表排序权重模板 -->
<script type="text/html" id="toolbar">
    {if auth('edit')}
    <button data-open='{:url("edit")}?id={{d.id}}' class='layui-btn layui-btn-sm layui-btn-primary'>编 辑</button>
    {/if}
    {if auth('del')}
    <a class="layui-btn layui-btn-sm layui-btn-danger" data-title="删除" data-confirm="确认删除吗？" data-action='{:url("del")}?id={{d.id}}'>删除</a>
    {/if}
</script>
{/block}