<div class="panel panel-default">
  <!--标题-->
  <div class="panel-title">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item">特殊报考</li>
        <li class="breadcrumb-item active" aria-current="page">编排结果查询</li>
      </ol>
    </nav>
  </div>

  <div class="panel-body ml-sm" [hidden]="editShowType=='only'">

    <div class="row">

      <div class="col-lg-5">
        <div class="card card-default">
          <div class="card-body">
            <table class="table table-border table-hover">
              <thead>
                <tr>
                  <th>场次</th>
                  <th>开始时间</th>
                  <th>结束时间</th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of roomList; let i =index" (click) = "getLayout(item)"  [ngClass]="{'table-success': item.id == room_id}">
                  <td>第{{item.room_num}}场</td>
                  <td>{{item.start_time}}</td>
                  <td>{{item.end_time}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>

      <div class="col-lg-7">
        <div class="card card-default">
          <div class="card-body">
            <!--查询条件-->
            <div class="row mb-3 ml-1" [hidden]="editShowType=='only'">
              <div class="col-lg-12">
                <form (ngSubmit)="listRoom()" class="form-inline">
                  <div class="input-group mr-1 input-group-sm">
                    <label>考试时间</label>
                    <flex-select [allowClear]="true" [url]="EXAM_TIME_URL" respDataPath="array" optionValueField="id"
                      optionTextField="exam_year_month" [(ngModel)]="query.exam_time_id" (ngModelChange)="getPoint($event)"
                      placeholder="请选择" [ngModelOptions]="{standalone: true}" width="122" noResultsFound="无数据">
                    </flex-select>
                  </div>

                  <div class="input-group mr-1 input-group-sm">
                    <label>考点</label>
                    <flex-select [allowClear]="true" [(items)]="pointList" [(ngModel)]="query.batch_id"
                      optionValueField="id" optionTextField="batch_name" placeholder="请选择" [ngModelOptions]="{standalone: true}"
                      width="122" noResultsFound="无数据">
                    </flex-select>
                  </div>
                  <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1">
                    <i class="fa fa-search"></i> 查询</button>
                </form>
              </div>
            </div>

            <!--表格-->
            <div class="row">
              <div class="col-lg-12 ml-0" [hidden]="editShowType=='only'">
                <table class="table table-sm table-striped table-hover table-bordered bg-white">
                  <thead>
                    <tr>
                      <th>座位号</th>
                      <th>准考证号</th>
                      <th>课程代码</th>
                      <th>课程名称</th>
                      <th>考生姓名</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let item of layoutList">
                      <td>{{item.seat_no}}</td>
                      <td>{{item.ticket_no}}</td>
                      <td>{{item.course_code}}</td>
                      <td>{{item.course_name}}</td>
                      <td>{{item.stu_name}}</td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>


          </div>
        </div>
      </div>
    </div>


  </div>
</div>