{extend name="../../admin/view/main"}

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

{block name="content"}
<div class="think-box-shadow">
    <fieldset>
        <legend>条件搜索</legend>
        <form class="layui-form layui-form-pane form-search" action="javascript:void(0)" method="get" autocomplete="off">
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">包名</label>
                <div class="layui-input-inline">
                    <input name="package_name" value="{$get.package_name|default=''}" placeholder="请输入包名" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">事件名称</label>
                <div class="layui-input-inline">
                    <input name="event_name" value="{$get.event_name|default=''}" placeholder="请输入事件名称" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">推送ID</label>
                <div class="layui-input-inline">
                    <input name="push_record_id" value="{$get.push_record_id|default=''}" placeholder="请输入推送ID" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-inline">
                    <select name="status" class="layui-select">
                        <option value="">所有状态</option>
                        <option value="1">成功</option>
                        <option value="0">失败</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">回传时间</label>
                <div class="layui-input-inline">
                    <input data-date-range name="callback_time" value="{$get.callback_time|default=''}" placeholder="请选择回传时间" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-inline">
                <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>
            </div>
        </form>
    </fieldset>
    <table id="RecordTable" data-url="{:sysuri('get_list')}" data-target-search="form.form-search"></table>
</div>
{/block}

{block name="script"}
<script>
    $(function () {
        $('#RecordTable').layTable({
            even: true, height: 'full',
            sort: {field: 'id', type: 'desc'},
            cols: [[
                {field: 'id', title: 'ID', width: 80, sort: true},
                {field: 'push_record_id', title: '推送ID', width: 150, templet: function(d){
                    var source = d.source_type || '-';
                    return '<a class="layui-link" data-title="查看推送详情" data-open="{:url("package_push_records/detail")}?id='+ d.push_record_id +'">'+ d.push_record_id +'('+ source +')</a>';
                }},
                {field: 'package_name', title: '包名', minWidth: 100},
                {field: 'event_name', title: '事件名称', minWidth: 100},
                {field: 'callback_url', title: '回传URL模板', minWidth: 200, templet: function(d){
                    return '<div class="layui-elip" title="'+ d.callback_url +'">'+ d.callback_url +'</div>';
                }},
                {field: 'final_url', title: '实际回传URL', minWidth: 200, templet: function(d){
                    return '<div class="layui-elip" title="'+ d.final_url +'">'+ d.final_url +'</div>';
                }},
                {field: 'response_code', title: '响应码', width: 100},
                {field: 'status', title: '状态', width: 100, templet: function(d){
                    return d.status == 1 ? '<span class="layui-badge layui-bg-green">成功</span>' : '<span class="layui-badge layui-bg-red">失败</span>';
                }},
                {field: 'callback_time', title: '回传时间', width: 180, sort: true},
                {title: '操作', toolbar: '#toolbar', width: 100, align: 'center', fixed: 'right'}
            ]]
        });
    });
</script>
<script type="text/html" id="toolbar">
    <a class="layui-btn layui-btn-xs" data-title="查看详情" data-open="{:url('detail')}?id={{d.id}}">详情</a>
</script>
{/block}