{extend name="common/common2" /}
{block name="main"}
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>{$meta_title}</h5>

            </div>
            <style>
                #search_form .input-group{
                    width: 170px;
                }
                #search_form .btn{
                    margin-right: 5px;
                }
            </style>
            <div class="alert alert-info">
                <form action="{:url('WorkerPatrol')}" method="GET" id='search_form' class="form-inline">
                    <div class="input-group" style="width: 200px">
                        <span class="input-group-addon">开始时间</span>
                        <input class="form-control dialog-datetime" id="startTime" name="start" type="text" data-date-format="yyyy-mm-dd" value="{$month.start}" placeholder="" readonly/>
                    </div>
                    <div class="input-group" style="width: 200px">
                        <span class="input-group-addon">结束时间</span>
                        <input class="form-control dialog-datetime" id="endTime" name="end" type="text" data-date-format="yyyy-mm-dd" value="{$month.end}" placeholder="" readonly/>
                    </div>
                    <div class="input-group">
            <span class="input-group-btn">
				<button class="btn btn-primary btn-sm" type="submit"><i class="glyphicon glyphicon-search">搜索</i></button>
			</span>
                        <span class="input-group-btn">
                <button class="btn btn-default btn-sm" type="reset" onclick="empty_search()"><i class="glyphicon glyphicon-remove">重置</i></button>
            </span>
                    </div>
                </form>
            </div>

            <div class="panel-group">
                <div class="panel panel-default">
                   <!-- <div class="panel-heading clearfix">
                        <div class="btn-group pull-left">
                            巡更 人员工作量统计
                        </div>
                        <div style="display: none;" class="btn-group pull-right">
                            <a href="javascript:;" onclick="printer()" class="btn btn-sm btn btn-primary"><i class="glyphicon glyphicon-print"></i>打印</a>
                            <a href="javascript:;" onclick="exportExcel()" class="btn btn-success btn-sm"><i class="glyphicon glyphicon-download"></i>导出</a>
                        </div>
                    </div>-->
                    <div class="panel-body" id="printer">
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th>ID</th>
                                <th>姓名</th>
                                <th>工作记录</th>
                            </tr>
                            </thead>
                            <tbody>
                          {foreach $data as $k=>$v}
                            <tr>
                                <td>{$v['user_id']}</td>
                                <td>{$v['nickname']}</td>
                                <td>{$v['count']}</td>
                            </tr>
                            {/foreach}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>


        </div>
    </div>
</div>
{/block}
{block name="script"}
<script src="/static/echarts.js"></script>
<script src="/static/browser.js"></script>
<script src="/static/layDate-v5.0.9/laydate.js"></script>
<script type="text/javascript">
    function empty_search(){
        window.location.href = 'WorkerPatrol';
    }
    $(function () {
        laydate.render({
            elem: '#startTime',
            trigger: 'click' ,
            theme:'#148d8f'
        });
        laydate.render({
            elem: '#endTime',
            trigger: 'click' ,
            theme:'#148d8f'
        });
    })
</script>
{/block}