{extend name="common/common2" /}
{block name="main"}
<style>
    .el-step__title.is-wait{
        color: #333333!important;
    }
    .el-step__description.is-wait{
        color: #333333!important;
    }
    .el-step__head.is-wait {
        color: #333!important;
        border-color: #333!important;
    }
    .el-step__line{
        background-color: #333333 !important;
    }
</style>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <!--<div class="ibox-title">-->
                <!--<h5>{$modeName}任务详情</h5>-->
                <!--<div class="ibox-tools">-->
                    <!--<a class="toback" href="{:url('index',['mode'=>$mode])}">-->
                        <!--返回上一页-->
                    <!--</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><td>{$info['cateName']}</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}

                    <tr>
                        <th>是否按顺序执行</th>
                        {if condition="$info['in_order'] eq 0"}
                        <td>否</td>
                        {elseif condition="$info['in_order'] eq 1"}
                        <td>是</td>
                        {/if}
                    </tr>

                    </tbody>
                </table>


                <div id="vue-plan">
                    <p><br></p>
                    <h5>{$modeName}路线</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;">{$modeName}时间</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>
                                    {eq name="info['in_order']" value="1"}
                                    <tr>
                                        <td>时间状态</td>
                                        <td>
                                            {eq name="$v['record']['time']" value="0"}正常{else /}异常{/eq}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>标准完成时间段</td>
                                        <td>
                                            {$v['record']['min']} ~ {$v['record']['max']} 分
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>实际完成时间</td>
                                        <td>
                                            {$v['record']['wc_time']} 分
                                        </td>
                                    </tr>
                                    {/eq}
                                    <tr>
                                        <td>检查项</td>
                                        <td>
                                            {volist name="v['record']['check_json']" id="voo" key="kkk"}
                                            <div>{$voo.title}</div>
                                            <table class="table table-bordered">
                                                <thead>
                                                <tr>
                                                    <th>序号</th>
                                                    <th>内容</th>
                                                    <th>完成</th>
                                                </tr>
                                                </thead>
                                                {volist name="voo['forms']" 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>
                                            {/volist}
                                        </td>
                                    </tr>


                                    {if !empty($v['record']['img'])}
                                    <tr>
                                        <td>图片</td>
                                        <td> {foreach ($v['record']['img'] as $key=>$val)}
                                            <img onclick="open_img(this)" src="{$val}"  width="80" height="80">
                                            {/foreach}
                                        </td>
                                    </tr>
                                    {/if}

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