{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>
            <div class="ibox-content">
                <div class="alert alert-info">
                    <form action="{:url('duration')}" 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-datetime1" id="dialog-datetime1" name="month" type="text" data-date-format="yyyy-mm" value="{$month}" 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>
                            </div>
                        </div>
                        <div class="panel-body" id="printer">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>工单类型</th>
                                    <th>完成工单时长</th>
                                    <th>完成工单量</th>
                                    <th>平均时长</th>
                                </tr>
                                </thead>
                                <tbody>
                                {foreach $data as $k=>$v}
                                <tr>
                                    <td>{$v.title}</td>
                                    <td>{$v.duration}min</td>
                                    <td>{$v.count}</td>
                                    <td>{$v.avgDuration}min</td>
                                </tr>
                                {/foreach}
                                </tbody>
                            </table>
                        </div>
                    </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 = 'duration';
    }
    $(function () {
        laydate.render({
            elem: '#dialog-datetime1'
            ,type: 'month'
        });
    })
</script>
{/block}