{extend name="common/common2" /}
{block name="main"}

<div class="ibox">
    <div class="ibox-content">
        <div class="row">
            <div class="col-xs-12" style="text-align: right;">
                <form class="form-inline" action="{:url('orgList')}" method="GET" id='search_form'>

                    <div class="input-group">
                        <input type="text" class="form-control"  name="title" type="text" value="{$title}" placeholder="区域名称">
                    </div>


                    <div class="input-group">
                        <input type="text" class="form-control" id="sday" name="sday" type="text" data-date-format="yyyy-mm-dd" value="{$sday}" readonly>
                    </div>

                    <div class="input-group">
                        <input type="text" class="form-control" id="day" name="day" type="text" data-date-format="yyyy-mm-dd" value="{$day}" readonly>
                    </div>



                    <div class="input-group">
                        <select name="patrolMode" id="" class="form-control">
                            {foreach $modeList as $k=>$v}
                            <option value="{$v.id}" {if $patrolMode == $v.id}selected{/if}>{$v.name}</option>
                            {/foreach}
                        </select>
                    </div>

                    <div class="input-group">
                         <span class="input-group-btn">
                            <button class="btn-sm btn-primary" type="submit"  ><i class="fa fa-search"></i></button>
                        </span>&nbsp;
                        <span class="input-group-btn">
                                 <button class="btn-sm btn-warning" type="reset" onclick="empty_search()"><i class="fa fa-undo"></i></button>
                        </span>

                        <span class="input-group-btn">
                             <a href="javascript:;" onclick="printer()" class="btn btn-sm btn btn-primary"><i class="glyphicon glyphicon-print"></i>打印</a>
                        </span>&nbsp;

                        <span class="input-group-btn">
                            <a href="javascript:;" onclick="exportExcel()" class="btn btn-success btn-sm"><i class="glyphicon glyphicon-download"></i>导出</a>
                        </span>

                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="panel-group">
        <div class="panel panel-default">
            <div class="panel-heading clearfix">
                <div class="btn-group pull-left">

                </div>
            </div>
            <div class="panel-body" id="printer">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th>区域名称</th>
                        <th>项目名称</th>
                        <th>任务数</th>
                        <th>未执行</th>
                        <th>执行中</th>
                        <th>已完成</th>
                        <th>未完成</th>
                        <th>最近任务完成时间</th>
                        <th>完成人员</th>
                    </tr>
                    </thead>
                    <tbody>
                    {foreach $lists as $k=>$v}
                    <tr>
                        {if $v['area_name']}
                        <td rowspan="{$v['org_num']}">{$v['area_name']}</td>
                        {/if}
                        <td>{$v['org_name']}</td>
                        <td>
                            <a href="javascript:;" data-width="90%" data-height="80%"  url="{:url('patrolTaskList',['sday'=>$v['sday'],'day'=>$v['day'],'mode'=>$v['mode'],'status'=>'-1','orgId'=>$v['org_id']])}" onclick="layer_open(this,1)">{$v['count']}</a>
                        </td>
                        <td>
                            <a href="javascript:;" data-width="90%" data-height="80%"  url="{:url('patrolTaskList',['sday'=>$v['sday'],'day'=>$v['day'],'mode'=>$v['mode'],'status'=>'0','orgId'=>$v['org_id']])}" onclick="layer_open(this,1)">{$v['status0']}</a>
                        </td>
                        <td>
                            <a href="javascript:;" data-width="90%" data-height="80%"  url="{:url('patrolTaskList',['sday'=>$v['sday'],'day'=>$v['day'],'mode'=>$v['mode'],'status'=>'1','orgId'=>$v['org_id']])}" onclick="layer_open(this,1)">{$v['status1']}</a>
                        </td>
                        <td>
                            <a href="javascript:;" data-width="90%" data-height="80%"  url="{:url('patrolTaskList',['sday'=>$v['sday'],'day'=>$v['day'],'mode'=>$v['mode'],'status'=>'2','orgId'=>$v['org_id']])}" onclick="layer_open(this,1)">{$v['status2']}</a>
                        </td>
                        <td>
                            <a href="javascript:;" data-width="90%" data-height="80%"  url="{:url('patrolTaskList',['sday'=>$v['sday'],'day'=>$v['day'],'mode'=>$v['mode'],'status'=>'3','orgId'=>$v['org_id']])}" onclick="layer_open(this,1)">{$v['status3']}</a>
                        </td>
                        <td>{$v['end_task_time']}</td>
                        <td>{$v['user_name']}</td>
                    </tr>
                    {/foreach}
                    </tbody>
                </table>
            </div>
        </div>
    </div>


</div>
{/block}
{block name="script"}
<script src="/static/layDate-v5.0.9/laydate.js"></script>
<script src="/static/browser.js"></script>
<script src="/static/jquery.jqprint-0.3.js"></script>
<script>

    function empty_search(){
        window.location.href = "{:url('PatrolStatistics/orgList')}";
    }
    function printer(){
        $('#printer').jqprint();
    }

    function exportExcel() {

        window.location.href = "{:url('PatrolStatistics/orgListExport')}?"+$('#search_form').serialize();
    }

    $(function () {
        laydate.render({
            elem: '#day',
            trigger: 'click',
            theme: '#148d8f'
        });
    });
    $(function () {
        laydate.render({
            elem: '#sday',
            trigger: 'click',
            theme: '#148d8f'
        });
    });


</script>
{/block}