<div class="content-heading  justify-content-between">
  <div>模特照片查看</div>
  <div class="float-right">
    <div class="row">
      <div class="wd-sm ml-3" style="padding-right: 20px;">
        <select class="form-control" frameDict [dictName]="'PhotoNum'" [tipFlag]="false" [(ngModel)]="num"
          (change)="reload()" style="height: 40px;"> </select>
      </div>

      <div class="btn-group mb-1 mr-1 ml-3" dropdown style="padding-right: 20px;">
        <button class="btn dropdown-toggle btn-secondary btn-lg" type="button"  dropdownToggle>模特照片
          <span class="caret"></span>
        </button>
        <div *dropdownMenu class="dropdown-menu modal-lg" role="menu">
          <a class="dropdown-item" href="#" (click)="export()">导出</a>
        </div>
      </div>

    </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"  (click)="pager.sort('group_name')">分组名称</span></th>
        <th><span class="table-sort"  (click)="pager.sort('room_name')">考场名称</span></th>
        <th><span class="table-sort"  (click)="pager.sort('room_addr')">考场地址</span></th>
        <th><span class="table-sort"  (click)="pager.sort('nums')">照片数量</span></th>
        <th>模特查看</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let v of pager.getRecords(); let i = index">
        <td>{{v.group_name}}</td>
        <td>{{v.room_name}}</td>
        <td>{{v.room_addr}}</td>
        <td>{{v.nums}}</td>
        <td>
          <span><img class="align-self-start mx-2 circle thumb32 " *ngIf="v.photo1"
              [src]="FrameService.getParamValue('EnrolMaterialWebPath') + v.photo1" alt="Image" ngxViewer></span>
          <span><img class="align-self-start mx-2 circle thumb32 " *ngIf="v.photo2"
              [src]="FrameService.getParamValue('EnrolMaterialWebPath') + v.photo2" alt="Image" ngxViewer></span>
          <span><img class="align-self-start mx-2 circle thumb32 " *ngIf="v.photo3"
              [src]="FrameService.getParamValue('EnrolMaterialWebPath') + v.photo3" alt="Image" ngxViewer></span>
        </td>
      </tr>
    </tbody>
  </table>
  <frame-pager [url]="'./ly/room/model/photo/page.htm'" [pagerParams]="{num: num}" #pager></frame-pager>
</div>
