airport-chengdu-web/src/app/pages/basic-data/airline/airline.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="airlineCode">航空公司代码</option>
                        <option value="airlineName">航空公司中文名</option>
                        <option value="briefNameChn">中文简称</option>
                        <option value="airlineNameEng">航空公司英文名</option>
                        <option value="briefNameEng">英文简称</option>
                        <option value="airlineCodeIata">IATA码</option>
                        <option value="airlineCodeCaa">CAA码</option>
                        <option value="airlineCodeIcao">ICAO码</option>
                        <option value="parentAirlineId">上级母公司</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="gl">
                </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> -->
                   <!--  <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="airlineName">航空集团：&nbsp;&nbsp;</label>
                <select class="form-control" [(ngModel)]="filterItems.airlineName" (ngModelChange)="selectChange()" id="handkong">
                    <option value=""></option>
                    <option *ngFor="let item of airlines" [value]="item.airlineName" >{{item.airlineName}}</option>
                </select>
            </div>
            <div class="input-container mr-4">
                <label for="briefNameChn">航班代理：&nbsp;&nbsp;</label>
                <select class="form-control" (ngModelChange)="selectChange()" [(ngModel)]="filterItems.briefNameChn" id="hb">
                    <option value=""></option>
                    <option *ngFor="let items of airlines" [value]="items.briefNameChn">{{items.briefNameChn}}</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 *ngFor="let airline_col of airline_lists">{{airline_col.COL_CN}}</th> -->
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let airline of render_data;let i = index" (click)="selectRow(airline)"
                            [ngClass]="{'selected':row_state===airline}">
                            <td>{{i+1}}</td>
                            <td>{{airline.airlineCode}}</td>
                            <td>{{airline.airlineName}}</td>
                            <td>{{airline.briefNameChn}}</td>
                            <td>{{airline.airlineNameEng}}</td>
                            <td>{{airline.briefNameEng}}</td>
                            <td>{{airline.airlineCodeIata}}</td>
                            <td>{{airline.airlineCodeCaa}}</td>
                            <td>{{airline.airlineCodeIcao}}</td>
                            <td>{{airline.parentAirlineId}}</td>
                            <!-- <td *ngFor="let airline_col of airline_lists" [ngStyle]="{'background-color':getColor(airline_col.COL_CODE)}">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td> -->
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
  </div>