{extend name="common/common2" /}
{block name="main"}
<style>
    .ctable td{
        min-width: 150px!important;
        max-width: 300px!important;
    }
    .col-sm-8{
        padding-top: 7px;
    }
</style>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>计划详情</h5>
                <div class="ibox-tools">
                    <a class="toback" href="{:url('index')}">
                        返回上一页
                    </a>
                </div>
            </div>
            <div class="ibox-content" id="vue-plan">
                <form method="post" class="form-horizontal">
                    <div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">任务名称</label>
                            <div class="col-sm-8">
                                {$info.title}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">计划时间</label>
                            <div class="col-sm-8">
                                {$info.start_time} ~ {$info.end_time}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">创建人</label>
                            <div class="col-sm-8">
                                {$info.uname}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">创建日期</label>
                            <div class="col-sm-8">
                                {$info.create_time}
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">地点</label>
                            <div class="col-sm-8">
                                <div>共{:count($info['content']['addrForms'])}个</div>
                                <table class="table table-bordered">
                                    {volist name="info['content']['addrForms']" id="v"}
                                    <tr>
                                        <td>{$v.addrTitle}</td>
                                        <td>{$v.formTitle}</td>
                                    </tr>
                                    {/volist}
                                </table>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">设置人员</label>
                            <div class="col-sm-8">
                                {$info.unames}
                            </div>
                        </div>
                        {eq name="info['content']['dateType']" value="2"}
                        <div class="form-group">
                            <label class="col-sm-2 control-label">周期</label>
                            <div class="col-sm-8">
                                {volist name="info['content']['dateWeeks']" id="v"}
                                <el-tag
                                        style="margin-right: 5px;cursor: pointer"
                                        size="small"
                                        type="{$v.type}"
                                        effect="dark"
                                >
                                    {$v['title']}
                                </el-tag>
                                {/volist}
                            </div>
                        </div>
                        {/eq}

                        {eq name="info['content']['dateType']" value="3"}
                        <div class="form-group">
                            <label class="col-sm-2 control-label">自定义</label>
                            <div class="col-sm-8">
                                自{$info['content']['dateFrom']}开始，工作{$info['content']['datePlay']}天，暂停{$info['content']['datePause']}天，每天在规定时间段内进行任务。
                            </div>
                        </div>
                        {/eq}

                        <div class="form-group">
                            <label class="col-sm-2 control-label">时间段</label>
                            <div class="col-sm-8">
                                {volist name="info['content']['dateTimes']" id="v"}
                                <el-tag style="margin-right: 5px;margin-bottom: 5px" size="small">
                                    {$v.stime} ~ {eq name="v['stype']" value="1"}<span>{$v.sday}日后</span>{/eq}{$v.etime}
                                </el-tag>
                                {/volist}
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="text-center">任务表</div>
                            <div class="table-responsive">
                                <table class="table table-bordered ctable text-center">
                                    <tr>
                                        <td></td>
                                        {volist name="info['content']['tasks']['days']" id="v"}
                                        <td>{$v}</td>
                                        {/volist}
                                    </tr>
                                    {volist name="info['content']['tasks']['list']" id="v"}
                                    <tr>
                                        <td>{$v['time']['stime']} ~ {eq name="v['time']['stype']" value="1"}<span>{$v['time']['sday']}日后</span>{/eq}{$v['time']['etime']}</td>
                                        {volist name="info['content']['tasks']['days']" id="vo"}
                                        <td>
                                            {volist name="v['list']" id="voo"}
                                                {if condition="$voo['day'] eq $vo"}
                                                <span>{$voo.userNames}</span>
                                                {/if}
                                            {/volist}
                                        </td>
                                        {/volist}
                                    </tr>
                                    {/volist}
                                </table>
                            </div>
                        </div>

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

</script>

{/block}