{extend name="public/base" /}

{block name="body"}
<blockquote class="layui-elem-quote">
    <form class="layui-form" action="__SELF__">
        <div class="layui-inline">
            <input type="text" name="queue_id" autocomplete="off" placeholder="请输入任务ID" value="{$Think.get.queue_id|default=''}" class="layui-input">
        </div>
        <div class="layui-inline">
            <input type="text" name="job" autocomplete="off" placeholder="请输入任务名称" value="{$Think.get.job|default=''}" class="layui-input">
        </div>
        <div class="layui-inline">
            <select name="type">
                <option value="">执行状态</option>
                <option {eq name="Think.get.status|default=''" value="1"}selected{/eq} value="1">执行成功</option>
                <option {eq name="Think.get.status|default=''" value="0"}selected{/eq} value="0">执行失败</option>
            </select>
        </div>
        <div class="layui-inline">
            <input class="layui-input" name="start_date" placeholder="开始日期" value="{$Think.get.start_date|default=''}" onclick="layui.laydate({elem: this, format: 'YYYY-MM-DD'})">
        </div>
        <div class="layui-inline">
            <input class="layui-input" name="end_date" placeholder="结束日期" value="{$Think.get.end_date|default=''}" onclick="layui.laydate({elem: this, format: 'YYYY-MM-DD'})">
        </div>
        <div class="layui-inline">
            <button class="layui-btn">搜索</button>
        </div>
    </form>
</blockquote>
<div class="layui-form admin-main">
    <table class="layui-table">
        <thead>
            <tr>
                <th>任务ID</th>
                <th>队列名称</th>
                <th>任务名称</th>
                <th>交付数据</th>
                <th>状态</th>
                <th>创建时间</th>
                <th>备注信息</th>
            </tr>
        </thead>
        <tbody>
            {volist name="list" id="vo"}
            <tr>
                <td>{$vo.queue_id}</td>
                <td>{$vo.queue}</td>
                <td>{$vo.job}</td>
                <td>{$vo.payload}</td>
                <td>{$vo.status_text}</td>
                <td>{$vo.create_time}</td>
                <td>{$vo.remark}</td>
            </tr>
            {/volist}
        </tbody>
    </table>
    {$list->render();}
</div>
{/block}

{block name="layui"}
<script>
    layui.use(['form', 'laydate'], function(){
        var form = layui.form(), $ = layui.jquery, laydate = layui.laydate;

        var start = {
            min: '2017-01-01 00:00:00'
            ,max: laydate.now()
            ,istoday: false
            ,choose: function(datas) {
                end.min = datas;
                end.start = datas
            }
        };

        var end = {
            min: '2017-01-01 00:00:00'
            ,max: laydate.now()
            ,istoday: false
            ,choose: function(datas) {
                start.max = datas;
            }
        };

        $('input[name="start_date"]').on('click', function() {
            start.elem = this;
            laydate(start);
        });
        $('input[name="end_date"]').on('click', function() {
            end.elem = this
            laydate(end);
        });
    });
</script>
{/block}