<div class="content-heading  justify-content-between" >
    <div>评委评分记录管理<h5 class="text-danger ml-2">说明：适用于评委评分过程中</h5></div>
    <div class="float-right" *ngIf="currentStep == 'main'">
        <div class="row">
            <div class="wd-sm">
                <ngx-select [items]="schoolArr" [(ngModel)]="record.school_id" (ngModelChange)="requestBatch()" [autoClearSearch]="true"
                    optionValueField="school_id" optionTextField="school_name" placeholder="请选择学校"></ngx-select>
            </div>
            <div class="ml-3 wd-sm" *ngIf="record.school_id!==undefined">
                <ngx-select [items]="batchArr" [(ngModel)]="record.batch_id" [autoClearSearch]="true"
                            (ngModelChange)="requestDate()" optionValueField="batch_id" 
                            optionTextField="batch_name" placeholder="请选择批次"></ngx-select>
            </div>
            <div class="ml-3 wd-sm" *ngIf="record.batch_id!==undefined">
                <ngx-select [items]="dateArr" [(ngModel)]="record.exam_date" [autoClearSearch]="true"
                            (ngModelChange)="requestRoom()" optionValueField="exam_date" 
                            optionTextField="exam_date" placeholder="请选择考试日期"></ngx-select>
            </div>
            <div class="col-lg-4 wd-xxl" *ngIf="record.exam_date!==undefined">
                <ngx-select [items]="roomArr" [(ngModel)]="record.ly_room_id" [autoClearSearch]="true"
                    optionValueField="ly_room_id" optionTextField="room_addr" placeholder="请选择考场"></ngx-select>
            </div>
            <div  *ngIf="record.ly_room_id!==undefined">
                <input class="form-control " type="text" [(ngModel)]="record.real_exam_echo" placeholder="输入考生进场序号"
               onfocus="this.select()" onmouseover="this.focus()" autocomplete="false"
               (keyup.enter)="requestRecord()"/>
            </div>
        </div>
    </div>
    <div class="float-right"  *ngIf="currentStep == 'detail'">
        <button class="btn btn-secondary ml-3 text-primary" type="button" (click)="goStep('main')">返回</button>
    </div>
</div>

<!--考生记录  -->
 <div class="table-responsive bg-white table-full"  *ngIf="currentStep == 'main'">
    <table class="table table-striped table-hover table-bordered" >
        <thead>
            <tr>
                <th>考生姓名</th>
                <th>性别</th>
                <th>准考证号</th>
                <th>所在考场</th>
                <th>进场序号</th>
                <th>考试科目</th>
                <th>评委名称</th>
                <th>评委序号</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let v of recordArr; let i = index">
                <td>{{v.std_name}}</td>
                <td>{{v.std_sex}}</td>
                <td>{{v.ticket_no}}</td>
                <td>{{v.room_addr}}&nbsp;&nbsp;第【{{v.room_seq}}】考场</td>
                <td>{{v.real_exam_seq}}</td>
                <td>{{v.subject_name}}</td>
                <td>{{v.judge_name}}</td>
                <td>{{v.judge_seq}}</td>
                <td>
                    <span class="table-button" (click)="requestRecordDetail(v)"><em class="fa-lg fas fa-list"></em></span>
                </td>
            </tr>
        </tbody>
    </table>
</div>


<div class="table-responsive bg-white table-full"  *ngIf="currentStep == 'detail'">
    <table class="table table-striped table-hover table-bordered" >
        <thead>
            <tr>
                <th>考生姓名</th>
                <th>性别</th>
                <th>准考证号</th>
                <th>所在考场</th>
                <th>考试序号</th>
                <th>考试科目</th>
                <th>评委名称</th>
                <th>几号评委</th>
                <th>成绩</th>
                <th>打分时间</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let v of detailArr; let i = index">
                <td>{{v.std_name}}</td>
                <td>{{v.std_sex}}</td>
                <td>{{v.ticket_no}}</td>
                <td>{{v.room_addr}}&nbsp;&nbsp;第【{{v.room_seq}}】考场</td>
                <td>{{v.real_exam_seq}}</td>
                <td>{{v.subject_name}}</td>
                <td>{{v.judge_name}}</td>
                <td>{{v.judge_seq}}</td>
                <td>{{v.judge_score}}</td>
                <td>{{v.record_time}}</td>
                <td>
                    <!-- <span class="table-button" (click)="showEditModal(v)" tooltip="修改">
                        <em class="fa-lg fas fa-edit"></em></span> -->
                    <span class="table-button ml-3 text-danger" tooltip="删除"  (click)="deleteScoreRecord(v)">
                         <em class="fa-lg fas fa-trash-alt "></em></span>
                </td>
            </tr>
        </tbody>
    </table>
</div> 