guangan/plugs/think-plugs-ticket/src/view/verify/index.html

{extend name="table"}

{block name="button"}
{/block}

{block name="content"}
<div class="layui-row">
    <div class="layui-col">
        <div class="article_list think-bg-white">
            {include file='verify/index_search'}
            <table class="layui-hide" data-url="{$request->url()}" data-target-search="form.form-search" id="Table" lay-filter="Table"></table>
        </div>
    </div>
</div>
<script type="text/html" id="toolbar">
    <!--{if auth("edit")}-->
    <a data-modal="{:url('edit')}?id={{ d.id }}" data-height="80%" data-width="80%" class="layui-btn layui-btn-xs layui-btn-normal" title="修改">修改</a>
    <!--{/if}-->
    <!--{if auth("remove")}-->
    <a data-confirm="确定要删除此验收工单吗？" data-action="{:url('remove')}" data-value="id#{{ d.id }}" data-csrf="{:systoken('remove')}" class="layui-btn layui-btn-xs layui-btn-danger" title="删除">删除</a>
    <!--{/if}-->
</script>
{/block}

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

{block name='script'}
<script>
    $(function () {
        $('#Table').layTable({
            height: 'full-250',
            toolbar: true,
            sort: {field: 'create_at', type: 'desc'},
            title: '验收工单列表',
            cols: [[
                {field: 'create_at', title: '创建时间', width: 160, sort: true},
                {field:'type_name', title:'工单类型', width:120},
                {field:'title', title:'工单标题', width:160},
                {field:'content', title:'工单内容', minWidth:100},
                {field:'ticket_address', title:'工单地址', width:200, templet:function(item){
                        if (item.ticket_address) {
                            return `${item.ticket_region} ${item.ticket_address}`;
                        } else {
                            return '未填写地址';
                        }
                    }},
                {field: 'imgs', title: '工单图片', width: 100, templet:function(item){
                        if (item.imgs) {
                            return item.imgs.split("|").map((img) => {
                                return laytpl('<a target="_blank" data-tips-hover data-tips-image="{{d}}"><i class="layui-icon layui-icon-picture"></i></a>').render(img)
                            }).concat(' ')
                        } else {
                            return '';
                        }
                    }},
                {field:'status', title:'工单状态', width:100, templet:function(item){
                        if (item.status == 0) {
                            return '<span class="layui-badge layui-bg-red">未验收</span>';
                        } else {
                            return '<span class="layui-badge layui-bg-green">已验收</span>';
                        }
                    }},
                {fixed: 'right', title:'操作', toolbar: '#toolbar', width:200}
            ]],
            page: true
        })
    })
</script>
{/block}