<div class="content-heading  justify-content-between">
    <div>预约统计</div>
</div>

<div class="table-responsive bg-white table-full">
    <table class="table table-striped table-hover table-bordered">
      <thead>
      <tr>
        <th><span class="table-sort" >专业名称</span></th>
        <th><span class="table-sort" >预约日期</span></th>
        <th><span class="table-sort" >起始时间</span></th>
        <th><span class="table-sort" >终止时间</span></th>
        <th><span class="table-sort" >容量</span></th>
        <th><span class="table-sort" >已预约量</span></th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let v of pager.getRecords(); let i = index">
        <td>{{v.aspect_name}}</td>
        <td>{{v.appointment_date | date: 'yyyy-MM-dd'}}</td>
        <td>{{v.start_time}}</td>
        <td>{{v.end_time}}</td>
        <td>{{v.appointment_capacity}}</td>
        <td>{{v.std_total}}</td>
      </tr>
      </tbody>
    </table>
    <frame-pager [url]="'./enrol/report/appointment.htm'" [pagerLimit]="100" [autoRequest]="true"  #pager></frame-pager>
  </div>
  
  