<div class="content-heading  justify-content-between">
  <div>视频分组列表</div>
  <div class="float-right">
    <div class="row">
      <div>
        <ngx-select [items]="agentArray" [(ngModel)]="ly_agent_id" (ngModelChange)="pager.reload({ly_agent_id:ly_agent_id})"
                    placeholder="请选择考点 "
                    class="wd-wide" [size]="'large'"
                    optionValueField="ly_agent_id" optionTextField="ly_agent_name"></ngx-select>
      </div>
    </div>
  </div>
</div>
<div class="table-responsive bg-white table-full">
  <table class="table table-striped table-hover table-bordered">
    <thead>
    <tr>
      <th><span>分组名称</span></th>
      <th><span>视频分组名称</span></th>
      <th><span>录制开始时间</span></th>
      <th><span>录制结束时间</span></th>
      <th><span>模拟开始时间</span></th>
      <th><span>模拟结束时间</span></th>
      <th><span>提交时间</span></th>
      <th class="th-b-2"></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let v of pager.getRecords(); let i = index">
      <td>{{v.group_name}}</td>
      <td>{{v.ump_group_name}}</td>
      <td>{{v.record_start_time}}</td>
      <td>{{v.record_end_time}}</td>
      <td>{{v.simulate_start_time}}</td>
      <td>{{v.simulate_end_time}}</td>
      <td>{{v.submit_end_time}}</td>
      <td>
        <span class="table-button" (click)="showSendMsg(v)"><em  class="fa-lg fas icon-grid text-primary"></em></span>
      </td>
    </tr>
    </tbody>
  </table>
  <frame-pager [url]="'./exam/video/dist/page.htm'" [pagerParams]="{ly_agent_id: this.ly_agent_id}"  [autoRequest]="true" #pager></frame-pager>
</div>

