<style>
    .profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }
    .readme {
        margin-top:2%;
        text-align: center;
        line-height:8px;
        font-size:22px;
    }
    .djs {
        margin-top:2%;
        text-align: center;
        line-height:8px;
        font-size:22px;
        color:red;
        margin-bottom: 3%;
    }
</style>
<style type="text/css">
    .new_table {
        border-collapse: collapse;
        margin: 0 auto;
        text-align: center;
        width: 94%;
        font-size: 12px;
        margin-left:0px;
    }

    .new_table td,
    table th {
        border: 1px solid #cad9ea;
        color: #666;
        height: 2.5em;
    }

    .new_table thead th {
        background-color: #CCE8EB;
        width: 100px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: #17223f;
        color: #ffffff;
        border-color: #17223f;

        outline: none
    }
    .nav-tabs {
        border-bottom: 1.5px solid #17223f;
        margin-bottom: 10px;
    }
    .panel-heading{font-size: 18px}
</style>
<div class="row animated fadeInRight">
    <div class="col-md-12">
        <div class="box box-primary">
            <div class="panel-body">
                <div class="panel-heading">
                    <div class="readme">正在练习中，考试时间 {$row.limit_duration} 分钟</div>
                    <div class="djs">距离练习结束还有 <span id="timer"></span> </div>
                </div>
                <div class="box-body box-profile">
                    <form id="update-form" role="form" data-toggle="validator" method="POST" action="">
                        <div class="col-xs-12 col-sm-12">
                            <div class="form-group">
                                <label  style=" width: 10%;" class="control-label col-xs-3 col-sm-3">{:__('申请更换件')}:</label>
                                <div class="col-xs-9 col-sm-9">
                                    <dl class="fieldlist" data-name="row[other_replace]" data-template="other_suppliertpl">
                                        <dd>
                                            <ins style="width: 550px;">更换件类型</ins>
                                            <ins style="width: 430px;">状态</ins>
                                        </dd>
                                        <dd style="margin-right: 87%">
                                            <a href="javascript:;" class="btn btn-sm btn-info btn-append"><i class="fa fa-plus"></i> 追加</a>
                                        </dd>
                                        <textarea name="row[other_replace]" class="form-control hide other_replace" cols="30" rows="5">{$row.other_replace}</textarea>
                                    </dl>
                                    <!--定义模板，模板语法使用Art-Template模板语法 <span class="btn btn-sm btn-success btn-replace" title="保存"><i class="fa fa-check"></i></span>-->
                                    <script type="text/html" id="other_suppliertpl">
                                        <dd class="form-inline">
                                            <select class="form-control" name="unwin[<%=index%>][fault_id]" style="width: 600px;">
                                                <option value="" >请选择</option>
                                                {foreach name="departmentdata" item="vo"}
                                                <option value="{$vo.fault_id}" <%if(row.fault_id =='{$vo.fault_id}'){%> selected <% }%> >{$vo.replace_name}</option>
                                                {/foreach}
                                            </select>
                                            <input type="text" class="form-control" readonly name="unwin[<%=index%>][request_status]" value="<%if(row["request_status"]==1){%>已申请<%}else if(row["request_status"]==2){ %>已送达<%}else if(row["request_status"]==3){%>驳回<%}else{%>未申请<%}%>" style="width: 430px;">
                                            <span class="btn btn-sm btn-danger btn-remove" title="移除"><i class="fa fa-times"></i></span>

                                        </dd>
                                    </script>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-xs-9 col-sm-9" style="margin-left:44%;margin-bottom:7%;margin-top:-4%">
                                    <button type="button" class="btn btn-success btn-replace" style="text-align: center;width: 13%;margin-top: 5%">
                                        {:__('提交申请')}</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12">
                            <div class="form-group">
                                <label  style=" width: 10%;" class="control-label col-xs-3 col-sm-3">{:__('维修报告列表')}:</label>

                                <div class="col-xs-9 col-sm-9">
                                    <table class="new_table">
                                        <thead>
                                        <tr>
                                            <td>故障现象</td>
                                            <td style=" width: 50%;">可能原因</td>
                                            <td>故障部位</td>
                                            <td>排除方法</td>
                                            <td>操作</td>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {if $row.other_report_text}
                                        {foreach name="row.other_report_text" item="vo"}
                                        {if $vo.xx_name}
                                        <tr>
                                            <td>{$vo.xx_name}</td>
                                            <td>{$vo.yy_name}</td>
                                            <td>{$vo.bw_name}</td>
                                            <td>{$vo.pc_name}</td>
                                            <td>
                                                <span class="btn btn-xs btn-success btnedit" title="编辑" xh_id="{$vo.xh_id}"><i class="fa fa-pencil"></i> 编辑</span>
                                                <span class="btn btn-xs btn-danger btnmove" title="移除" xh_id="{$vo.xh_id}"><i class="fa fa-times"></i> 移除</span>
                                            </td>
                                        </tr>
                                        {/if}
                                        {/foreach}
                                        {else/}
                                        <tr>
                                            <td colspan="5">暂无记录</td>
                                        </tr>
                                        {/if}
                                        </tbody>
                                    </table>
                                    <a href="javascript:;" style="margin-top:8px" class="btn btn-sm btn-info btn-addlog">添加维修报告记录</a>
                                </div>

                                <textarea name="row[other_report]" style="margin-top:9px" class="form-control hide other_report" cols="30" rows="5">{$row.other_report}</textarea>
                            </div>
                        </div>
                        <div class="form-group" style="text-align: center">
                            <button type="submit" class="btn btn-info" style="text-align: center;width: 10%;margin-top: 5%">{:__('交卷')}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
