maintenance/application/admin/view/student/practice/examing.html

<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: 100%;
        font-size: 12px;
    }

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

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

    .span_show {
        float: left;
        margin-left: 15px;
        font-size: 11px;
        color: #0a84ff;
        cursor: pointer;
    }

    .span_hide {
        float: left;
        margin-left: 15px;
        font-size: 11px;
        color: #0a84ff;
        cursor: pointer;
    }

    .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" style="text-align: center">
                            <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>
                        <div class="col-xs-12 col-sm-12" style="text-align: center">
                            <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_report]" data-template="other_suppliertpl1" id="second-fieldlist">
                                        <dd >
                                            <ins style="width: 250px;">故障现象</ins>
                                            <ins style="width: 250px;">可能原因</ins>
                                            <ins style="width: 250px;">故障部位</ins>
                                            <ins style="width: 250px;">排除方法</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>
                                        <!--                                        hide-->
                                        <textarea name="row[other_report]" class="form-control hide other_report" cols="30" rows="5">{$row.other_report}</textarea>
                                    </dl>
                                    <script type="text/html" id="other_suppliertpl1">
                                        <dd class="form-inline">
                                            <select class="form-control" name="unwin[<%=index%>][xx_id]" style="width: 260px;">
                                                <option value="" >请选择</option>
                                                {foreach name="xianxiang" item="vo"}
                                                <option value="{$vo.fault_id}" <%if(row.xx_id =='{$vo.fault_id}'){%> selected <% }%> >{$vo.name}</option>
                                                {/foreach}
                                            </select>
                                            <input style="width: 250px;" type="text" name="<%=unwin%>[<%=index%>][yy_id]" class="form-control selectpage" data-source="fault/selectpage" data-multiple="true" data-primary-key="fault_id"  data-field="name" data-params='{"custom[fault_type]":"2","custom[sim_type]":"{$row.sim_type}"}' value="<%=row.yy_id%>"/>
                                            <input style="width: 250px;" type="text" name="<%=unwin%>[<%=index%>][bw_id]" class="form-control selectpage" data-source="fault/selectpage" data-multiple="true" data-primary-key="fault_id"  data-field="name" data-params='{"custom[fault_type]":"3","custom[sim_type]":"{$row.sim_type}"}' value="<%=row.bw_id%>"/>
                                            <input style="width: 250px;" type="text" name="<%=unwin%>[<%=index%>][pc_id]" class="form-control selectpage" data-source="fault/selectpage" data-multiple="true" data-primary-key="fault_id"  data-field="name" data-params='{"custom[fault_type]":"4","custom[sim_type]":"{$row.sim_type}"}' value="<%=row.pc_id%>"/>

                                            <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
                                        </dd>
                                    </script>
                                </div>
                            </div>
                        </div>
                        <div class="form-group" style="text-align: center">
                            <button type="button" class="btn btn-success btn-replace" style="text-align: center;width: 10%;margin-top: 5%">{:__('暂存')}</button>
                            <button type="submit" class="btn btn-info" style="text-align: center;width: 10%;margin-top: 5%">{:__('交卷')}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>