<div class="panel panel-default">
  <div>
    <!--标题-->
    <div class="panel-title">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item active" aria-current="page">报考课程统计</li>
        </ol>
      </nav>
    </div>
  </div>

  <div class="panel-body ml-sm " [hidden]="editShowType=='only'">
    <!--查询条件-->
    <div class="row mb-3 ml-1" [hidden]="editShowType=='only'">
      <div class="col-lg-12">
        <form (ngSubmit)="search()" class="form-inline">
          <!-- 支持排序 -->
          <div class="input-group mr-1 input-group-sm">
            <label>批次：</label>
            <flex-select [allowClear]="true" [url]="YEAR_CODE_URL" respDataPath="array" optionValueField="id"
              optionTextField="examyearmonth" [(ngModel)]="query.exam_time_id" placeholder="请选择"
              [ngModelOptions]="{standalone: true}" width="80" noResultsFound="无数据">
            </flex-select>
          </div>
          <div class="input-group mr-1 input-group-sm">
            <label>关键字：</label>
            <input name="query" [(ngModel)]="query.query" class="input-sm form-control" type="text" value=""
              maxlength="64" placeholder="请输入查询关键字">
          </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 mb-2" [hidden]="editShowType=='only' ">
      <div class="col-lg-12">
        <div class="pull-left">
            <button id="btnExport" class="btn btn-primary mr-1 btn-sm" data-toggle="tooltip" data-placement="left"
            (click)="export()" title="导出">
            <i class="fa fa-file-excel"></i> 导出</button>
        </div>
      </div>
    </div>


    <!--表格-->
    <div class="row" [hidden]="editShowType=='only'">
      <div class="col-sm-12 ml-0">
        <table class="table table-sm table-striped table-hover table-bordered bg-white">
          <thead>
            <tr>
              <th>序号</th>
              <th align="center">课程代码</th>
              <th>课程名称</th>
              <th align="center">报考总人数</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of stdEnrol; let i = index">
              <td>{{i+1}}</td>
              <td align="center">{{item.course_code}}</td>
              <td>{{item.course_name}}</td>
              <td align="right">{{item.num}}</td>
            </tr>
            <tr style="font-weight: 900;font-size: 15px;">
              <td  align="center" colspan="3">汇总</td>
              <td align="right">{{sum}}</td>
            </tr>
          </tbody>
        </table>
      </div>


    </div>
  </div>

</div>