{extend name="table"}

{block name="button"}
<!--{if auth("add")}-->
<a data-modal="{:url('add')}" data-height="80%" data-width="80%" class="layui-btn layui-btn-xs">添加流程</a>
<!--{/if}-->
{/block}

{block name="content"}
<div class="layui-row">
    <div class="layui-col">
        <div class="article_list think-bg-white">
            {include file='approval/index_search'}
            <table class="layui-hide" data-url="{$request->url()}" data-target-search="form.form-search" id="processTable" lay-filter="processTable"></table>
        </div>
    </div>
</div>

<script type="text/html" id="toolbar">
    <!--{if auth("edit")}-->
    <a data-modal="{:url('edit')}?id={{ d.id }}" data-width="50%" class="layui-btn layui-btn-xs">编辑</a>
    <!--{/if}-->
    <!--{if auth("remove")}-->
    <a data-confirm="确定删除该流程？" data-action="{:url('remove')}" data-value="id#{{d.id}}" class="layui-btn layui-btn-danger layui-btn-xs">删除</a>
    <!--{/if}-->
</script>
{/block}


{block name='style'}
<style>
</style>
{/block}

{block name='script'}
<script>
    $(function () {
        $('#processTable').layTable({
            height: 'full-250',
            toolbar: true,
            sort: {field: 'create_time', type: 'desc'},
            title: '流程列表',
            cols: [[
                {field:'create_time', title: '创建时间', width: 160, sort: true},
                {field:'name', title:'流程名称', width:160},
                {align: 'center', toolbar: '#toolbar', title: '操作', width: 200}
            ]]
        });
    });
</script>
{/block}