{extend name='table'}

{block name="button"}
<!--{if auth("add")}-->
<button data-modal='{:url("add")}' data-title="{:lang('添加企业证书')}" class='layui-btn layui-btn-sm layui-btn-primary'>{:lang('新 增')}</button>
<!--{/if}-->
{/block}

{block name="content"}
<div class="think-box-shadow" style="flex: 4">
    {include file="staff_cert/index_search"}
    <table class="layui-hide" id="CertTable" data-url="{:request()->url()}" data-target-search="form.form-search" lay-filter="CertTable"></table>
</div>
<script type="text/html" id="ToolbarTpl">
    <div class="layui-btn-container">
        <!--{if auth("edit")}-->
        <a class="layui-btn layui-btn-xs" data-modal="{:url('edit')}?id={{d.id}}" data-title="编辑企业证书">{:lang('编 辑')}</a>
        <!--{/if}-->
        <!--{if auth("remove")}-->
        <a class="layui-btn layui-btn-danger layui-btn-xs" data-confirm="{:lang('确定要删除该企业证书吗？')}" data-action="{:url('remove')}" data-value="id#{{d.id}}">{:lang('删除证书')}</a>
        <!--{/if}-->
    </div>
</script>
<script>
    $(function () {
        $('#CertTable').layTable({
            height: 'full',
            sort: ['create_at', 'desc'],
            cols: [[
                { field: 'staff_name', title: '员工', width: 200 },
                { field: 'name', title: '员工证书名称', width: 200 },
                { field: 'zclb_name', title: '注册类别' },
                { field: 'zczy_name', title: '注册专业' },
                { field: 'zsjb_name', title: '证书级别' },
                { field: 'valid_before', title: '有效期截至', width: 200, sort: true },
                { field: 'create_at', title: '创建时间', width: 200, sort: true },
                { fixed: "right", title: "操作", width: 200, align: "center", toolbar: "#ToolbarTpl"}
            ]],
            page: true
        })
        layui.use(['form', 'table'], function () {
            const Table = layui.table;
            const Form = layui.form;
            Table.on('tool(CertTable)', function (obj) {
                console.log(obj);
            })
        });
    })
</script>
{/block}