<div class="content-heading  justify-content-between">
    <div>编排冲突数据</div>
    <div class="float-right">
        <div class="row">
            <div class="wd-xl wd-sm">
                <ngx-select [items]="agentArr" [(ngModel)]="query.agent_id"
                    placeholder="考点" [autoClearSearch]="true" optionValueField="agent_id" optionTextField="agent_name">
                </ngx-select>
            </div>
            <div class="wd-xl wd-sm ml-3">
                <ngx-select [items]="'ExamBatchName' | frameDict" [(ngModel)]="query.batch_id"  (ngModelChange)="requestData()"
                optionValueField="dict_value" optionTextField="dict_text" placeholder="批次"></ngx-select>
            </div>
            <div class="wd-xl wd-sm ml-3">
                <button class="btn btn-primary" (click)="detectConflict()">冲突数据检测</button>
            </div>
            <div class="btn-group ml-3 mr-3" dropdown>
                <button class="btn dropdown-toggle btn-secondary" type="button" dropdownToggle>编排冲突数据
                    <span class="caret"></span>
                </button>
                <div *dropdownMenu class="dropdown-menu modal-lg" role="menu">
                    <a class="dropdown-item" href="#" (click)="export()">导出</a>
                    <div class="dropdown-divider"></div>
                </div>
            </div>
        </div>

    </div>
</div>


<div class="table-responsive bg-white table-full">
    <table class="table table-striped table-hover table-bordered">
      <thead>
      <tr>
        <th class="text-center">分组名称</th>
        <th class="text-center">考试时段</th>
        <th class="text-center">冲突分组名称</th>
        <th class="text-center">冲突考试时段</th>
        <th class="text-center">考生姓名</th>
        <th class="text-center">证件号码</th>
      </tr>
      </thead>
      <tbody>
      <tr  *ngFor="let v of pager.getRecords(); let i = index">
        <td  class="text-center">{{v.group_name}}</td>
        <td  class="text-center">{{v.exam_start_time}}~{{v.exam_end_time | date: 'HH:mm'}}</td>
        <td  class="text-center">{{v.conflict_group_name}}</td>
        <td  class="text-center">{{v.c_exam_start_time}}~{{v.c_exam_end_time| date: 'HH:mm'}}</td>
        <td  class="text-center">{{v.std_name}}</td>
        <td  class="text-center">{{v.cert_id}}</td>
      </tr>
      </tbody>
    </table>
    <frame-pager [url]="'./layout/appointment/conflict/page.htm'" [pagerParams]="{ly_agent_id: query?.agent_id, batch_id: query?.batch_id}" #pager></frame-pager>
  </div>