<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" style="width:170px;"  [(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>
               
                

                 
         
                &nbsp;&nbsp;
                <button class="btn btn-primary btn-rounded btn-outline btn-sm  mr-1" (click)="queryAllList()">
                  <i class="fa fa-search"></i> 查询</button>&nbsp;
                <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" style="text-align: right;">
  
                <button id="export" (click)="export();" class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left" title="导出">
                <i class="fa icon-cloud-download"></i> 导出</button>
                <button class="btn btn-primary mr-1 btn-sm" (click)="downloadRefund('自考宝信通调账申请表.xls')" data-toggle="tooltip"
                  data-placement="left" title="自考宝信通调账申请表.xls">
                  <i class="fa icon-cloud-download"></i>自考宝信通调账申请表.xls</button>
                  <button class="btn btn-primary mr-1 btn-sm" (click)="downloadRefund('自考网关退款申请表.xls')" data-toggle="tooltip"
                  data-placement="left" title="自考网关退款申请表.xls">
                  <i class="fa icon-cloud-download"></i>自考网关退款申请表.xls</button>
  
            </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: 1000px">
                <thead>
                  

                  <tr>
                    <th>
                      序号
                    </th>
                    <th>
                        现场报考账号
                    </th>
                    <th>
                        现场报考账号所属考区
                    </th>
                    <th align="center">
                      报考科次
                    </th>
                    <th align="center">
                      报考单价
                    </th>
                    <th align="center">
                      应收现场报考费用
                    </th>
                    <th align="center">
                      应收现场报考费用汇总
                    </th>
                   
                  </tr>
                    
                </thead>
                <tbody>
                  <tr *ngFor="let item of enrolList; let i = index">
                    <td>{{i+1}}</td>
                    <td>{{item.optr_name}}</td>
                    <td>{{item.org_name}}</td>
                    <td align="right">{{item.course_count}}</td>
                    <td align="right">{{item.fee_price}}</td>
                    <td align="right">{{item.cost}}</td>
                    <td align="right" *ngIf="item.rowSpan" [attr.rowspan]="item.rowSpan">{{item.total_cost}}</td>
                    
                    </tr>
                  

                </tbody>
              </table>
             
            </div>
  
 
          </div>
        </div>
      </div>
    </div>
 
  </div>
  
  
 