airport-chengdu-web/src/app/pages/basic-data/checkin-group/checkin-group.component.html

<div class="main-page breadcrumb-main-content">
  <div class="navigation">
        <nz-breadcrumb>
            <nz-breadcrumb-item>
                值机岛
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                列表
            </nz-breadcrumb-item>
        </nz-breadcrumb>
  </div>   
  <div class="page-content breadcrumb-main-content card">
      <div class="search-filter mb-3">
          <div class="first-condition row">
              <div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
                  <select class="mr-4 form-control" [(ngModel)]="SEL_COL" name="" id="">
                        <option value="">选择列名</option>
                        <option *ngFor="let col of col_lists" [value]="col.col_code">{{col.col_chn}}</option>
                  </select>
                  <label class="radio-inline custom-radio nowrap mr-4">
                        <input type="radio" [(ngModel)]="FLT_POS" [value]="1" name="filter-position">
                        <span>过滤</span>
                    </label>
                    <label class="radio-inline custom-radio nowrap mr-4">
                        <input type="radio" [(ngModel)]="FLT_POS"  [value]="2" name="filter-position">
                        <span>查找定位</span>
                    </label>
                    <input class="form-control" [(ngModel)]="SEARCH" type="text" (keyup.enter) = "inputEnter()" id="inputerInfo">
              </div>
          </div>
      </div>

      <div class="airline-table">
          <div id="table-container" class="table-container">
              <table id="table" class="table table-bordered table-striped">
                  <thead>
                      <tr>
                          <th>序号</th>
                          <th>值机岛代码</th>
                          <th>值机岛名称</th>
                      </tr>
                  </thead>
                  <tbody>
                      <tr *ngFor="let checkinGroup of render_data;let i = index" (click)="selectRow(checkinGroup)"
                          [ngClass]="{'selected':row_state===checkinGroup}">
                          <td>{{i+1}}</td>
                          <td>{{checkinGroup.checkinGroupCode}}</td>
                          <td>{{checkinGroup.checkinGroupName}}</td>
                      </tr>
                  </tbody>
              </table>
          </div>
      </div>
  </div>
</div>