<div class="panel panel-default">
  <!--标题-->
  <div class="panel-title">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <!-- TODO -->
        <li class="breadcrumb-item">考务</li>
        <li class="breadcrumb-item active" aria-current="page">自考笔迹信息采集卡</li>
      </ol>
    </nav>
  </div>
  <div class="panel-body ml-sm" [hidden]="this.editShowType=='only'">
    <div class="card card-default">
      <div class="card-body">
        <!--查询条件-->
        <div class="row mb-3 ml-1" [hidden]="this.editShowType=='only'">
          <div class="col-lg-12">
            <form class="form-inline">

              <div class="input-group mr-1 input-group-sm">
                <label>考试批次：</label>
                <select class="custom-select"  [(ngModel)]="query.exam_time_id" [ngModelOptions]="{standalone: true}">
                  <option value="">全部</option>
                  <option *ngFor="let item of examTimeIdArray; let i = index" [value]="item.id">{{item.exam_year_month}}</option>
                  </select>


              </div>
              <div class="input-group mr-1 input-group-sm">
                <label>考点：</label>
                <select class="custom-select"  [(ngModel)]="query.exam_agent_id" [ngModelOptions]="{standalone: true}">
                  <option value="">全区</option>
                  <option *ngFor="let item of agentArray" [value]="item.id">{{item.exam_name}}</option>
                  </select>


              </div>
              <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="queryAllList()">
                <i class="fa fa-search"></i> 查询</button>
              <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="reset()">
                <i class="fa fa-undo"></i> 重置</button>
            </form>
          </div>
        </div>

        <!-- 工具栏 -->
        <div class="row mb-2" [hidden]="this.editShowType=='only'">
          <div class="col-lg-12">
            <div class="pull-left">
              <button id="exportPdf" (click)="exportPdf();" class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left" title="导出">
                <i class="fa fa-file-excel"></i> PDF导出</button>
            </div>

          </div>
        </div>

        <!--表格-->
        <div class="row">
          <div class="col-lg-12 ml-0" [hidden]="this.editShowType=='only'">
            <table class="table table-sm table-striped table-hover table-bordered bg-white" style="width: 1000px">
              <thead>
                <tr>
                  <td  width="40px" style="vertical-align: middle" align="center">
                    序号
                  </td>
                  <td style="vertical-align: middle;width: 320px" align="center">
                    考区
                  </td>
                  <td colspan="4" style="vertical-align: middle;width: 200px" align="center">
                    传统阅卷课程数量<br>
                    (定卷袋数)
                  </td>
                  <td align="center" width="160px">
                    笔迹信息采集卡袋数(30份/袋)
                  </td>
                  
                </tr>
                <tr>
                  <td colspan="2" align="center">试卷类型</td>
                  <td align="center">大</td>
                  <td align="center">中</td>
                  <td align="center">小</td>
                  <td align="center">合计</td>
                  <td>&nbsp;</td>
                </tr>
                  
              </thead>
              <tbody>
                <tr *ngFor="let item of list; let i = index">
                  <td align="center">{{i+1}}</td>
                  <td align="center" >{{item.b}}</td>
                  <td align="center">{{item.f1}}</td>
                  <td align="center">{{item.f2}}</td>
                  <td align="center">{{item.f3}}</td>
                  <td align="center">{{item.f4}}</td>
                  <td align="center">{{item.f5}}</td>
                </tr>
              </tbody>
            </table>
          </div>
    
        </div>
      </div>
    </div>
  </div>
 
</div>