{extend name="Public/base" /}
{block name="js"}
<script>
    $(function(){
        $(".nul_bli").eq(2).find(".navb").addClass("active");
    });
    var staff_name = "{$Think.session.staff_name}";
    var colModel = "{$colModel}";
    var colNames = "{$colNames}";
</script>

{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
{/block}

{block name="style"}
.fenpei_table {
height: 450px;
width: 100%;
overflow: auto;
}
.add_input{width:100%;}
ul,ul li{margin:0;padding:0; list-style:none;}
.mx_con {
height: 200px;
width: 100%;
box-sizing: border-box;
display: inline-block;
background-color: #eee;
overflow: auto;
}
.mx3 {
clear: both;
float: left;
height: auto;
width: 100%;
}
.mx3 li {
font-size: 13px;
line-height: 30px;
color: #333;
float: left;
height: 30px;
padding:0 5px;
box-sizing:border-box;
overflow:hidden;
}
.mx3 li:nth-child(1) {
width:35%;
}
.mx3 li:nth-child(2) {
width:35%;
}
.mx3 li:nth-child(3) {
width:30%;
}

.mx2 {
clear: both;
float: left;
height: auto;
width: 100%;
}
.mx2 li {
font-size: 13px;
line-height: 30px;
color: #333;
float: left;
height: 30px;
padding:0 5px;
box-sizing:border-box;
}
.mx2 li:nth-child(1) {
width:35%;
overflow:hidden;
}
.mx2 li:nth-child(2) {
width:65%;
overflow:auto;
}
.mx_pad {
padding: 5px;
box-sizing:border-box;
}
{/block}

{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>查看明细</span></div>

    </div>
    <div class="layui-container" style="width: 80%;margin-top: 20px;">

        <div class="layui-row">
            <div class="layui-col-xs3 mx_pad">
                <div class="grid-demo grid-demo-bg1">
                    <div class="mx_con">
                        <ul class="mx3" style="margin-top: 15px;">
                            <li>整体任务内容</li>
                            <li></li>
                        </ul>
                        <ul class="mx2">
                            <li>任务量：</li>
                            <!--<li>{$info.enterprise.task_quantity} </li> -->
                            <li>
                                {if condition='$info.enterprise.type eq 1'}
                                    {$info.enterprise.task_quantity}{$info.enterprise.task_unit}
                                {else}
                                    100%
                                {/if}
                            </li>

                        </ul>
                        <ul class="mx2">
                            <li>已完成量：</li>
                            <li>{$info.enterprise.number}    {if condition='$info.enterprise.type eq 2'}%{else} {$info.enterprise.task_unit} {/if}</li>
                        </ul>
                    </div>
                </div>
            </div>

            {volist name='$info.list' id='vo'}
            <div class="layui-col-xs3 mx_pad">
                <div class="grid-demo grid-demo-bg1">
                    <div class="mx_con">
                        <ul class="mx3" style="margin-top: 15px;">
                            <li>执行人</li>
                            <li>{$vo.staffname}</li>
                        </ul>
                        <ul class="mx2">
                            <li>任务量：</li>
                            <li>

                                {if $info.enterprise.type == 1}
                                    {$vo.task_quantity}   {$info.enterprise.task_unit}
                                {elseif $info.enterprise.type == 2}
                                    {if $info.grade_type == '1' }{$vo.cause_task_quantity}{elseif $info.grade_type == '2'}{$vo.shop_task_quantity}{/if}%
                                {/if}
                            </li>
                        </ul>
                        <ul class="mx2">
                            <li>已完成量：</li>
                            <li>{if condition='$vo.number eq 0'}0{else}{$vo.number}{/if}
                                {$info.enterprise.task_unit}</li>
                        </ul>
                    </div>
                </div>
            </div>
            {/volist}

        </div><br/><br/>

    </div>
</div>

{/block}