maintenance/application/admin/view/student/practice/into.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;
    }
    .panel-heading{font-size: 18px}
    #layui-layer1{width: 200px !important}
    .layui-layer-loading2{width: 300px !important;padding-left:40px;line-height:35px}
    img{ width: 300px; height: 230px}
</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">
                        {:__('基本信息')}
                        <a href="javascript:;" style="margin-left: 85%" class="btn btn-success btn-refresh" title="{:__('刷新模拟器状态')}" ><i class="fa fa-refresh"></i> 刷新模拟器状态</a>
                    </div>
                    <input type="hidden" name="exam_collection_id" value="{$row.exam_collection_id}">
                    <div class="box-body box-profile">
                        <div class="row">
                            <div class="form-group col-sm-4">
                                <label class="control-label">{:__('当前模式')}:</label>
                                <input type="text" class="form-control" value="训练" readonly/>
                            </div>
                            <div class="form-group col-sm-4">
                                <label class="control-label">{:__('模拟器类型')}:</label>
                                <input type="text" class="form-control" value="{$info.sim_type_text|htmlentities}" readonly/>
                            </div>
                            <div class="form-group col-sm-4">
                                <label class="control-label">{:__('模拟器状态')}:</label>
                                <input type="text" class="form-control mnq_zt"  value="{$info.sim_text|htmlentities}" readonly/>
                            </div>
                            <div class="form-group col-sm-4">
                                <label class="control-label">{:__('学员姓名')}:</label>
                                <input type="text" class="form-control" value="{$admin.nickname|htmlentities}" readonly/>
                            </div>
                            <div class="form-group col-sm-4">
                                <label class="control-label">{:__('学员座号')}:</label>
                                <input type="text" class="form-control"  value="{$info.seat_id|htmlentities}"  readonly/>
                            </div>
                            <div class="form-group col-sm-4">
                                <label class="control-label">{:__('学员区队')}:</label>
                                <input type="text" class="form-control"  value="{$info.qudui_text|htmlentities}"  readonly/>
                            </div>
                            <div class="form-group col-sm-4">
                                <label class="control-label">{:$info.sim_type_text}参考照片:</label><br/>
                                {if $info.sim_type eq '0001'}
                                <img src="/assets/img/type_0001.png">
                                {/if}
                                {if $info.sim_type eq '0002'}
                                <img src="/assets/img/type_0002.png">
                                {/if}
                                {if $info.sim_type eq '0003'}
                                <img src="/assets/img/type_0003.png">
                                {/if}
                            </div>
                            <div class="form-group col-sm-4 kaiguan" style="display: none">
                                <label class="control-label">按照下图打开模拟器连接线开关:</label><br/>
                                <img src="/assets/img/kaiguan.png">
                            </div>
                        </div>
                    </div>
                    <div class="panel-heading">
                        {:__('注意事项')}
                    </div>
                    <div class="box-body box-profile">
                        <div style="color: rgb(192, 74, 84)">1.遵守考场纪律‌</div>
                        <div style="color: rgb(192, 74, 84)">2.合理安排时间</div>
                        <div style="color: rgb(192, 74, 84)">3.超时10分钟不交卷自动结束</div>
                    </div>
                    <div class="form-group" style="text-align: center">
                        <button type="button" class="btn btn-info btn-startexam">{:__('开始训练')}</button>
                        <!--                            <button type="reset" class="btn btn-default">{:__('Reset')}</button>-->
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>