airport-chengdu-web/src/app/pages/basic-data/airport/airport.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" [(ngModel)]="SEL_COL" name="" id="">
                            <option value="">选择列名</option>
                            <option value="airportCode">机场代码</option>
                            <option value="airportNameChn">机场中文名</option>
                            <option value="briefNameChn">中文简称</option>
                            <option value="airportNameEng">机场英文名</option>
                            <option value="briefNameEng">英文简称</option>
                            <option value="airportCodeIata">IATA码</option>
                            <option value="airportCodeCaa">CAA码</option>
                            <option value="airportCodeIcao">ICAO码</option>
                            <option value="airportGroupId">机场集团</option>
                            <option value="cityId">所在城市</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="inputInfo">
              </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>
                  <button type="button" class="btn btn-info mr-3">定制查询</button> -->
                  <button type="button" class="btn btn-info mr-3">刷新</button>
              </div>
          </div>

          <div class="second-condition mb-3 row">
            <div class="input-container mr-4">
              <label for="airportGroupId">机场集团：&nbsp;&nbsp;</label>
              <select  class="form-control" [(ngModel)]="filterItems.airportGroupId" (ngModelChange)="selectChange()" id="jt">
                  <option value=""></option>
                  <!-- <option value="GH">国内机场</option>
                  <option value="CH">国际机场</option> -->
                  <option *ngFor="let item of airports" [value]="item.airportGroupId">{{item.airportGroupId}}</option>
              </select>
          </div>
          <div class="input-container mr-4">
              <label for="cityId">城市：&nbsp;&nbsp;</label>
              <select  class="form-control" [(ngModel)]="filterItems.cityId" (ngModelChange)="selectChange()" id="city">
                  <option value=""></option>
                  <!-- <option value="GZ">广州</option>
                  <option value="SH">上海</option>
                  <option value="BJ">北京</option> -->
                  <option *ngFor="let item of citys" [value]="item.cityNameChn">{{item.cityNameChn}}</option>
              </select>
          </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>
                          <th>中文简称</th>
                          <th>机场英文名</th>
                          <th>英文简称</th>
                          <th>IATA码</th>
                          <th>CAA码</th>
                          <th>ICAO码</th>
                          <th>机场集团</th>
                          <th>所在城市</th>
                          <!-- <th *ngFor="let airline_col of airport_lists">{{airline_col.COL_CN}}</th> -->
                      </tr>
                  </thead>
                  <tbody>
                      <tr *ngFor="let airport of render_data;let i = index" (click)="selectRow(airport)"
                          [ngClass]="{'selected':row_state===airport}">
                          <td>{{i+1}}</td>
                          <td>{{airport.airportCode}}</td>
                          <td>{{airport.airportNameChn}}</td>
                          <td>{{airport.briefNameChn}}</td>
                          <td>{{airport.airportNameEng}}</td>
                          <td>{{airport.briefNameEng}}</td>
                          <td>{{airport.airportCodeIata}}</td>
                          <td>{{airport.airportCodeCaa}}</td>
                          <td>{{airport.airportCodeIcao}}</td>
                          <td>{{airport.airportGroupId}}</td>
                          <td>{{airport.cityId}}</td>
                          <!-- <td *ngFor="let airline_col of airport_lists" [ngStyle]="{'background-color':getColor(airline_col.COL_CODE)}">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td> -->
                      </tr>
                  </tbody>
              </table>
          </div>
      </div>
  </div>
</div>