{extend name="common/common2" /}
{block name="main"}
<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">
                <h5>任务信息</h5>
                <table class="table">
                    <tbody>
                    <tr>
                        <th style="width:130px ">任务名称</th><td>{$info['title']}</td>
                    </tr>
                    <tr>
                        <th>开始时间</th><td>{$info['start_time']}</td>
                    </tr>
                    <tr>
                        <th>结束时间</th><td>{$info['end_time']}</td>
                    </tr>
                    <tr>
                        <th>执行人员</th><td>{$info['task_user']}</td>
                    </tr>
                    <tr>
                        <th>任务状态</th>
                        {if condition="$info['status'] eq 0"}
                        <td>未执行</td>
                        {elseif condition="$info['status'] eq 1"}
                        <td>执行中</td>
                        {elseif condition="$info['status'] eq 2"}
                        <td>已完成</td>
                        {elseif condition="$info['status'] eq 3"}
                        <td>未完成</td>
                        {elseif condition="$info['status'] eq 6"}
                        <td>已关闭</td>
                        {/if}
                    </tr>

                    </tbody>
                </table>


                <div id="vue-plan">
                    <p><br></p>
                    <h5>品控路线</h5>
                    <hr>
                    <el-steps direction="vertical">
                        {volist name="info['addrForms']" id="v"}
                        <el-step title="{$v.addrTitle}">
                            <div slot="description">
                                {empty name="v['record']"}
                                暂无记录
                                <p><br></p>
                                {else /}
                                <p><br></p>
                                <table class="table">
                                    <tr>
                                        <td style="width: 100px;">关联地点</td>
                                        <td>{$v['ts']}</td>
                                    </tr>
                                    <tr>
                                        <td style="width: 100px;">时间</td>
                                        <td>{$v['record']['create_time']}</td>
                                    </tr>
                                    <tr>
                                        <td>执行人员</td>
                                        <td>{$v['record']['uname']}</td>
                                    </tr>

                                    <tr>
                                        <td>检查项</td>
                                        <td>
                                            <table class="table table-bordered">
                                                <thead>
                                                <tr>
                                                    <th>序号</th>
                                                    <th>内容</th>
                                                    <th>完成</th>
                                                </tr>
                                                </thead>
                                                {volist name="v['record']['check_json']" id="voo" key="kkk"}
                                                <tr>
                                                    <td width="10%">{$kkk+1}</td>
                                                    <td width="45%">{$voo['title']}</td>
                                                    <td width="45%">
                                                        {eq name="voo['type']" value="1"}
                                                        {$voo.result}
                                                        {else /}
                                                        {eq name="voo['result']" value="1"}
                                                        <input type="checkbox" checked disabled>
                                                        {else /}
                                                        <input type="checkbox" disabled>
                                                        {/eq}
                                                        {/eq}
                                                    </td>
                                                </tr>
                                                {/volist}
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                                {/empty}

                            </div>
                        </el-step>
                        {/volist}
                    </el-steps>
                </div>


            </div>
        </div>


</div>
{/block}

{block name="script"}
<script>
    new Vue({
        el: '#vue-plan',
        data: function() {
            return {

            }
        },
        watch: {

        },
        computed: {

        },
        created(){

        },
        methods: {

        }
    })

</script>

{/block}