{extend name="common/common2" /}
{block name="main"}
<style>
    .widget{
        cursor: pointer;
        height: 100px;
    }
    .gray-bg{
        color: #333333;
    }
    .col-xs-9{
        padding-right: 0;
    }
    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;
    }
</style>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>网格化管理 ({$hours['start']} ~ {$hours['end']})</h5>
            </div>
            <div class="ibox-content">
                <p class="text-danger">注意：灰色代表未完成任务，绿色代表完成任务，黄色代表有品质整改中任务</p>
                <div class="row">
                    {volist name="lists" id="v"}
                    <a href="javascript:;" url="{:url('record',['id'=>$v['id'],'s'=>$hours['start'],'e'=>$hours['end']])}" data-title="提交记录" onclick="layer_open(this,0)">
                    <div class="col-sm-2">
                        {if condition="$v['zc'] eq 1"}
                        <div class="widget style1 navy-bg">
                            <div class="row">
                                <div class="col-xs-9 text-left">
                                    <h3 class="font-bold line2">{$v.title}</h3>
                                    <h5 class="line2"> {$v.users} </h5>
                                </div>
                                <div class="col-xs-3">
                                    <h1 class="font-bold text-center">{$v.count}</h1>
                                </div>
                            </div>
                        </div>
                        {/if}
                        {if condition="$v['zc'] eq 0"}
                        <div class="widget style1 gray-bg">
                            <div class="row">
                                <div class="col-xs-9 text-left">
                                    <h3 class="font-bold line2">{$v.title}</h3>
                                    <h5 class="line2"> {$v.users} </h5>
                                </div>
                                <div class="col-xs-3">
                                    <h1 class="font-bold text-center">{$v.count}</h1>
                                </div>
                            </div>
                        </div>
                        {/if}
                        {if condition="$v['zc'] eq 2"}
                        <div class="widget style1 yellow-bg">
                            <div class="row">
                                <div class="col-xs-9 text-left">
                                    <h3 class="font-bold line2">{$v.title}</h3>
                                    <h5 class="line2"> {$v.users} </h5>
                                </div>
                                <div class="col-xs-3">
                                    <h1 class="font-bold text-center">{$v.count}</h1>
                                </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}