<div class="content-heading  justify-content-between">
    <div>美术评分<span class="ml-1 "></span>
        <span class="ml-6" style="font-size: 18px;">
            考生总数【{{totalMap['total']}}】 未评分【{{totalMap['no_score_total']}}】
            <!-- 合格考生数【{{totalMap.qualified_total}}】,未合格考生数【{{totalMap.no_qualified_total}}】 -->
            &nbsp;&nbsp;当前考生序号：<span class="text-danger" style="font-size: 22px;"> {{std?.std_seq}}号</span>
            &nbsp;&nbsp;<span *ngIf="std?.qualified ==1" style="font-size: 22px;"class="text-success">合格</span> 
            <span *ngIf="std?.qualified ==0" style="font-size: 22px;"class="text-danger">不合格</span>
            <span *ngIf="std?.qualified =='' || std?.qualified == undefined" style="font-size: 22px;" class="text-danger">未评</span>
        </span>
    </div>
    <div class="col-lg-6">
        <button class="btn btn-success btn-lg" type="button" (click)="scoreQualified(1)"> 合格</button>
        <button class="btn btn-danger btn-lg ml-4" type="button " (click)="scoreQualified(0)"> 不合格</button>
        <button class="btn btn-primary btn-lg ml-4" type="button" (click)="preStd()"> 上一个</button>
        <button class="btn btn-success btn-lg ml-4" type="button " (click)="nextStd()"> 下一个</button>
    </div>
</div>

<div class="row">

    <div class="col-lg-2">
        <div class="table-responsive bg-white table-full" #scoll>
            <table class="table table-striped table-hover table-bordered">
                <thead>
                    <tr>
                        <th>考生序号</th>
                        <th>是否合格</th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let v of pager.getRecords(); let i = index" (click)="currentStd(v)">
                        <td>{{v.std_seq}}</td>
                        <td><span [ngClass] ="{'text-danger' : v.qualified==0,'text-success' : v.qualified == 1}">{{v.qualified | frameDict: 'QualifiedType'}}</span></td>
                    </tr>
                </tbody>
            </table>
            <frame-pager [url]="'./ex/judge/art/score/page.htm'" [showSearch] = "false" [pagerLimit]="2700" #pager> </frame-pager>
        </div>
    </div>


    <div class="col-lg-10">
        <div class="row">

            <div class="col-lg-6" *ngIf="std.photo_url">
                <ng-container>
                        <div class="card card-default">
                            <div class="card-body">
                                <div>
                                    <span class="text-success ml-2" *ngIf="std.qualified==1">合格</span>
                                    <span class="text-danger ml-2" *ngIf="std.qualified==0">不合格</span>
                                </div>
                                <div class="text-center mt-2">
                                    <div class="px-2">
                                        <img  class="img-fluid rounded id_card"  [src]="std?.photo_url" ngxViewer [viewerOptions]="viewerOptions"/> 
                                    </div>
                                </div>
                            </div>
                        </div>
                </ng-container> 
                
            </div>
            
            <div class="col-lg-6" *ngIf="std.photo_url2">
                <ng-container>
                    <div class="card card-default">
                        <div class="card-body">
                            <div>
                                <span class="text-success ml-2" *ngIf="std.qualified==1">合格</span>
                                <span class="text-danger ml-2" *ngIf="std.qualified==0">不合格</span>
                            </div>
                            <div class="text-center mt-2">
                                <div class="px-2">
                                    <img  class="img-fluid rounded id_card"  [src]="std?.photo_url2" ngxViewer [viewerOptions]="viewerOptions"/> 
                                </div>
                            </div>
                        </div>
                    </div>
            </ng-container> 
            </div>
        </div>
</div>