<div class="panel panel-default">
    <!--标题-->
    <div class="panel-title">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <!-- TODO -->
          <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>

                  <button id="exportPdf" (click)="exportPdf();" class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left" title="调整pay_bill_statis_org表可调整顺序和小计">
                    <i class="fa icon-cloud-download"></i> PDF导出</button>
              </form>
            </div>
          </div>
  
          <!-- 工具栏 -->
          <div class="row mb-2" [hidden]="this.editShowType=='only'">
            <div class="col-lg-12">
              <div class="pull-left">
  
               
                  
                  <div class="pull-left" style="padding-top:10px;font-weight:bold;">
                    提醒：与上批次对比，如考区或展示排序有变化，请后台维护pay_bill_statis_org表后，再查询或导出。   
                  </div>
  
            </div>
          </div>
  
          <!--表格-->
          <div class="row">
            <div class="col-lg-12 ml-2" [hidden]="this.editShowType=='only'">
              <table class="table table-sm table-striped table-hover table-bordered bg-white" style="width: 100%">
                <thead>
                  <tr>
                    <th style="width: 80px"  rowspan="2">序号</th>
                    <th style="width: 200px" rowspan="2" >单位</th>
                    <th style="width: 80px" rowspan="2" align="center">是否开考考区</th>
                    <th style="width: 80px" rowspan="2" align="center">交费单位</th>
                    <th style="width: 250px" colspan="2" align="center">现场报考</th>
                    <th style="width: 250px" colspan = "2" align="center">网上报考</th>
                   
  
                  </tr>
                 
                  <tr>
                    <th style="width: 60px" align="center">数量</th>
                    <th style="width: 60px" align="center">金额</th>
                    

                    <th style="width: 60px" align="center">数量</th>
                    <th style="width: 60px" align="center">金额</th>

                   

                  
               
             
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let item of allList; let i = index">
                      <!-- {{item.b !='合计' && item.b !='小计'? -->
                    <td >{{i+1}}</td>
                    <td align="left">{{item.b}}</td>
                    <td align="center">{{item.f15}}</td>
                    <td align="center">{{item.c}}</td>
                    <td align="right">{{item.f1}}</td>
                    <td align="right">{{item.f2}}</td>
                   
                    <td align="right">{{item.f9}}</td>
                    <td align="right">{{item.f10}}</td>
                    
                   
                  </tr>
                </tbody>
              </table>
             
            </div>
  
 
          </div>
        </div>
      </div>
    </div>
 
  </div>
  
  
 