maintenance/application/admin/view/student/exercise/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">
                <form id="update-form" role="form" data-toggle="validator" method="POST" action="">
                    {:token()}
                    <div class="panel-heading">
                        <div class="readme">正在练习中，考试时间 50 分钟</div>
                        <div class="djs">距离练习结束还有 <span id="timer"></span> </div>
                    </div>
                    <div class="box-body box-profile">
                        <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 addRedStar">{:__('更换件列表')}:</label>
                                <div class="col-xs-9 col-sm-9">
                                    <dl class="fieldlist" data-name="row[other_supplier]" data-template="other_suppliertpl">
                                        <dd>
                                            <ins style="width: 450px;">更换件类型</ins>
                                            <ins style="width: 300px;">状态</ins>
                                        </dd>
                                        <dd>
                                            <a href="javascript:;" class="btn btn-sm btn-info btn-append"><i class="fa fa-plus"></i> 追加</a>
                                        </dd>
                                        <textarea name="row[other_supplier]" class="form-control hide" cols="30" rows="5" data-rule="required"></textarea>
                                    </dl>
                                    <!--定义模板，模板语法使用Art-Template模板语法-->
                                    <script type="text/html" id="other_suppliertpl">
                                        <dd class="form-inline">
<!--                                            <input type="text" name="unwin[<%=index%>][name]"-->
<!--                                                   class="form-control" value="<%=row['name']%>" style="width: 450px;" >-->
                                            <select class="form-control" name="unwin[<%=index%>][name]" style="width: 550px;">
                                                {foreach name="departmentdata" item="vo"}
                                                <option value="{$vo.report_id}" >{$vo.name}</option>
                                                {/foreach}
                                            </select>
                                            <select class="form-control" name="unwin[<%=index%>][states]" style="width: 420px;">
                                                <option value="0">未送</option>
                                                <option value="0">已送</option>
                                            </select>
<!--                                            <input type="text" name="unwin[<%=index%>][price]"-->
<!--                                                   style="width: 300px;"-->
<!--                                                   class="form-control" value="<%=row['price']%>" >-->
                                            <span class="btn btn-sm btn-danger btn-remove" title="移除"><i class="fa fa-times"></i></span>
                                            <span class="btn btn-sm btn-success btn-save" title="保存"><i class="fa fa-check"></i></span>
                                        </dd>
                                    </script>
                                </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 addRedStar">{:__('更换件列表')}:</label>
                                <div class="col-xs-9 col-sm-9">
                                    <dl class="fieldlist" data-name="row[other_supplier1]" data-template="other_suppliertpl1">
                                        <dd>
                                            <ins style="width: 250px;">故障现象</ins>
                                            <ins style="width: 250px;">可能原因</ins>
                                            <ins style="width: 250px;">故障部位</ins>
                                            <ins style="width: 250px;">排除方法</ins>

                                        </dd>
                                        <dd>
                                            <a href="javascript:;" class="btn btn-sm btn-info btn-append"><i class="fa fa-plus"></i> 追加</a>
                                        </dd>
                                        <textarea name="row[other_supplier1]" class="form-control hide" cols="30" rows="5" data-rule="required"></textarea>
                                    </dl>
                                    <!--定义模板，模板语法使用Art-Template模板语法-->
                                    <script type="text/html" id="other_suppliertpl1">
                                        <dd class="form-inline">
                                            <input type="text" name="unwin[<%=index%>][name]"
                                                   class="form-control" value="<%=row['name']%>" style="width: 250px;" >
                                            <input type="text" name="unwin[<%=index%>][price]"
                                                   style="width: 250px;"
                                                   class="form-control" value="<%=row['price']%>" >
                                            <input type="text" name="unwin[<%=index%>][price]"
                                                   style="width: 250px;"
                                                   class="form-control" value="<%=row['price']%>" >
                                            <input type="text" name="unwin[<%=index%>][price]"
                                                   style="width: 250px;"
                                                   class="form-control" value="<%=row['price']%>" >
                                            <span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
                                        </dd>
                                    </script>
                                </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 addRedStar">{:__('修复结论')}:</label>-->
<!--                                <div class="col-xs-9 col-sm-9">-->
<!--                                    <textarea class="form-control" data-rule="required" name="row[jielun]" style="width: 91%"></textarea>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
                    </div>
                    <div class="form-group" style="text-align: center;">
                        <button type="submit" class="btn btn-info" style="text-align: center;width: 10%">{:__('交卷')}</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>