<div class="content-heading  justify-content-between">
    <div>评委签到
    </div>
    <div class="float-right">
      <div class="row">
        <div class="ml-3">
          <ngx-select [items]="dateArray" [(ngModel)]="judge.exam_date"  placeholder="请选择考试时间 " (ngModelChange)="requestJudge()"
                class="wd-wide" optionValueField="exam_date" optionTextField="exam_date"></ngx-select>
        </div>
        <div class="btn-group  ml-3" dropdown *ngIf="judge.exam_date!==undefined ">
            <button class="btn dropdown-toggle btn-secondary " type="button" dropdownToggle>评委签到
              <span class="caret"></span>
            </button>
            <div *dropdownMenu class="dropdown-menu " role="menu">
                <a class="dropdown-item" href="#"  (click)="judgeSign()">一键签到</a>
               <div class="dropdown-divider"></div>
            </div>
        </div>
      </div>
  
    </div>
</div>


<!--未签到评委-->
<tabset class="bg-white p-0" justified="true">
    <tab>
      <ng-template tabHeading>
        <span class="table-sort"><em
          class="far fa-user fa-fw"></em> 未签到评委<span class="text-danger">({{noSignInPager.recordTotal}})</span></span>
      </ng-template>
      <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>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let v of noSignInPager.getRecords(); let i =index">
                <td>{{v.judge_name}}</td>
                <td>{{v.judge_mobile}}</td>
                <td>{{v.judge_sex}}</td>
                <td>{{v.judge_school}}</td>
                <td>{{v.judge_title}}</td>
                <td>{{v.judge_breeds}}</td>
                <td><button class="btn btn-primary" (click)="judgeSign(v.judge_id)">评委签到</button></td>
            </tr>
        </tbody>
       </table>            
       <frame-pager [url]="'./exam/judge/no/check/in/page.htm'"  [showSearch]="true"  [autoRequest] = "false"
       [pagerParams]="{ly_agent_id: agent.ly_agent_id, exam_date: judge.exam_date}"
       #noSignInPager></frame-pager>
    </tab>


<!--已签到评委-->
    <tab>
      <ng-template tabHeading>
        <span class="table-sort"><em
          class="far fa-user fa-fw"></em> 已签到评委<span class="text-success">({{signInPager.recordTotal}})</span></span>
      </ng-template>
      <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>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let v of signInPager.getRecords(); let i = index">
                <td>{{v.judge_name}}</td>
                <td>{{v.checkin_time}}</td>
                <td>{{v.judge_sex}}</td>
                <td>{{v.judge_mobile}}</td>
                <td>{{v.judge_title}}</td>
                <td>{{v.judge_school}}</td>
                <td>{{v.judge_breeds}}</td>
            </tr>
        </tbody>
       </table>
       <frame-pager [url]="'./exam/judge/check/in/page.htm'"  [showSearch]="true"  
       [pagerParams]="{ly_agent_id: agent.ly_agent_id, exam_date: judge.exam_date}"
       #signInPager></frame-pager>
    </tab>

</tabset>