{extend name="todo/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="javascript:;" onclick="window.history.go(-1);">
                    返回上一页
                </a>
            </div>
        </div>

        <div class="ibox-content">
            <h5>任务信息</h5>
            <table class="table">
                <tbody>
                <tr>
                    <th style="width:90px ">任务名称</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 5"}
                    <td>中断</td>
                    {elseif condition="$info['status'] eq 6"}
                    <td>已关闭</td>
                    {/if}
                </tr>

                {if $info['status']==5}
                <tr>
                    <th>中断原因</th><td>{$info['interrupt_reson']}</td>
                </tr>
                <tr>
                    <th>中断图片</th><td><img src="{$info['interrupt_img']}" onclick="open_img(this)" style="width: 80px;height: 60px;"  ></td>
                </tr>
                {/if}

                </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}【{$v.formTitle}】">
                        <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['record']['create_time']}</td>
                                </tr>
                                <tr>
                                    <td>执行人员</td>
                                    <td>{$v['record']['uname']}</td>
                                </tr>
                                <tr>
                                    <td>状态</td>
                                    <td>
                                        {eq name="$v['record']['is_normal']" value="0"}正常{else /}异常{/eq}
                                    </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="vo" key="k"}
                                            <tr>
                                                <td width="10%">{$k+1}</td>
                                                <td width="45%">{$vo['title']}</td>
                                                <td width="45%">
                                                    {eq name="vo['type']" value="1"}
                                                    {$vo.result}
                                                    {else /}
                                                    {eq name="vo['result']" value="1"}
                                                    <input type="checkbox" checked disabled>
                                                    {else /}
                                                    <input type="checkbox" disabled>
                                                    {/eq}
                                                    {/eq}
                                                </td>
                                            </tr>
                                            {/volist}
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td>图片</td>
                                    <td>
                                        {volist name="v['record']['images']" id="voo"}
                                        <img src="{$voo}" onclick="open_img(this)" style="width: 40px;height: 40px;margin-right: 10px" alt="">
                                        {/volist}
                                    </td>
                                </tr>
                            </table>
                            {/empty}

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


        </div>
    </div>


</div>
</div>
{/block}

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

            }
        },
        watch: {

        },
        computed: {

        },
        created(){

        },
        methods: {

        }
    })

</script>

{/block}