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

<div class="main-page">
  <div class="page-content">
      <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" name="" id="">
                      <option value="">选择列名</option>
                  </select>
                  <label class="radio-inline custom-radio nowrap mr-4">
                      <input type="radio" [value]="1" name="filter-position">
                      <span>过滤</span>
                  </label>
                  <label class="radio-inline custom-radio nowrap mr-4">
                      <input type="radio"  [value]="2" name="filter-position">
                      <span>查找定位</span>
                  </label>
                  <input class="form-control"  type="text">
              </div>
              <div class="line-operator-right mb-3 col-xlg-4 col-mlg-4 col-xl-4 col-lg-1">
                  <!-- <button type="button" class="btn btn-info mr-3">行李传送带编辑</button>
                  <button type="button" class="btn btn-info mr-3">打印</button> -->
                  <button type="button" class="btn btn-info mr-3">刷新</button>
              </div>
          </div>
      </div>

      <div class="airline-table">
          <div class="table-container">
              <table class="table table-bordered table-striped">
                  <thead>
                      <tr>
                          <th>序号</th>
                          <th *ngFor="let airline_col of chut_lists">{{airline_col.COL_CN}}</th>
                      </tr>
                  </thead>
                  <tbody>
                      <tr *ngFor="let airline_row of render_data;let i = index" (click)="selectRow($event,i)"
                          [ngClass]="{'active':row_state===i}">
                          <td>{{i+1}}</td>
                          <td *ngFor="let airline_col of chut_lists" [ngStyle]="{'background-color':getColor(airline_col.COL_CODE)}">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
                      </tr>
                  </tbody>
              </table>
          </div>
      </div>
  </div>
</div>