{extend name="common/common2" /}
{block name="main"}
<style>
    .widget{
        cursor: pointer;
        height: 100px;
    }
    .gray-bg{
        color: #333333;
    }
    h3{
        font-size: 14px;
    }
    .line1 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: box;
        display: -webkit-box;
        line-clamp: 1;
        box-orient: vertical;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: break-all;
    }
    .line2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: box;
        display: -webkit-box;
        line-clamp: 2;
        box-orient: vertical;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
        line-height: 55px;
    }
    .line3{
        line-height: 55px;

    }
    .line{
        float: left;
        line-height: 55px;
    }
    .count-task{
        width: 100%;
        padding-bottom: 6px;
    }
</style>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <div class="row">
                    <div class="col-xs-3">
                        <a href="{:url('year',[],'')}?year={$prv}" class="btn btn-sm btn-primary">上一年</a>
                    </div>
                    <div class="col-xs-9" style="text-align: right;">
                        <a href="{:url('year',[],'')}?year={$last}" class="btn btn-sm btn-primary">下一年</a>
                    </div>
                </div>
            </div>
            <div class="ibox-content">
                <div class="row">
                    {volist name="lists" id="v"}
                    <a href="{:url('calendar',[],'')}?month={$v.title}">

                    <div class="col-md-4">
                        {if $v['count'] > 0}
                        <div class="widget style1 navy-bg">
                            <div class="row">
                                <div class="col-xs-5 text-left">
                                    <h3 class="font-bold line2">{$v.title}</h3>

                                </div>
                                <div class="col-xs-7 text-right">
<!--                                    <h3 class="line pull-right">总任务数：<span class="font-bold line3">{$v.count}</span></h3>-->
                                    <div class="pull-right count-task">
                                        <h3> 总任务数：<span class="font-bold">{$v.count}</span></h3>
                                    </div>
                                    <div class="pull-right count-task">
                                        <h3> 已完成数：<span class="font-bold">{$v.count1}</span></h3>
                                    </div>
                                    <div class="pull-right count-task">
                                        <h3> 未完成数：<span class="font-bold">{$v.count2}</span></h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {else}
                        <div class="widget style1 gray-bg">
                            <div class="row">
                                <div class="col-xs-5 text-left">
                                    <h3 class="font-bold line2">{$v.title}</h3>
                                </div>
                                <div class="col-xs-7 text-right">
                                    <div class="pull-right count-task">
                                        <h3> 总任务数：<span class="font-bold">{$v.count}</span></h3>
                                    </div>
                                    <div class="pull-right count-task">
                                        <h3> 已完成数：<span class="font-bold">{$v.count1}</span></h3>
                                    </div>
                                    <div class="pull-right count-task">
                                        <h3> 未完成数：<span class="font-bold">{$v.count2}</span></h3>
                                    </div>
                                </div>

                            </div>
                        </div>
                        {/if}

                    </div>
                    </a>
                    {/volist}
<!--                    <a href="javascript:;" url="{:url('record',['id'=>1,'start'=>1,'end'=>1])}" data-title="提交记录" onclick="layer_open(this,0)">-->
<!--                    <div class="col-sm-2">-->
<!--                        <div class="widget style1 navy-bg">-->
<!--                            <div class="row">-->
<!--                                <div class="col-xs-9 text-left">-->
<!--                                    <h3 class="font-bold line2">住院部大厅厕所2</h3>-->
<!--                                    <h5 class="line2">  保洁工人,张小奇（调度）  </h5>-->
<!--                                </div>-->
<!--                                <div class="col-xs-3">-->
<!--                                    <h1 class="font-bold text-center">1</h1>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    </a>-->
<!--                    <a href="javascript:;" url="{:url('record',['id'=>1,'start'=>1,'end'=>1])}" data-title="提交记录" onclick="layer_open(this,0)">-->
<!--                    <div class="col-sm-2">-->
<!--                        <div class="widget style1 yellow-bg">-->
<!--                            <div class="row">-->
<!--                                <div class="col-xs-9 text-left">-->
<!--                                    <h3 class="font-bold line2">住院部大厅厕所3</h3>-->
<!--                                    <h5 class="line2">  保洁工人,张小奇（调度）  </h5>-->
<!--                                </div>-->
<!--                                <div class="col-xs-3">-->
<!--                                    <h1 class="font-bold text-center">1</h1>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    </a>-->

                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script>


</script>
{/block}