{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: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>
                                </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}