ship-expert/app/admin/view/teaching_knowledge/index.html

{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="title" value="{$get.title|default=''}" placeholder="标题" class="layui-input">
                </label>
            </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: 'imgs', title: '图片', width: '8%', align: 'center', templet: '#imgs'},
                {field: 'user', title: '申请用户', align: 'center',templet(d){
                        return d.user?d.user.nickname:''
                    }},
                {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>&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></div>').render(d) : '无视频';
                        if(!d.video){
                            return '无视频'
                        }
                        let a=[];
                        d.video.split(',').forEach((item,idx)=>{
                            if(item){
                                a.push(`<a target="_blank" data-iframe="${item}" data-title="查看媒体">视频${idx+1}</a>`)
                            }
                        })
                        return `<div>${a.join('|')}</div>`
                    }
                },

                {field: 'create_at', title: '创建时间', align: 'center'},
                {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}