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

<div class="main-page">
    <div class="page-content" #pageContent>
        <div class="search-filter mb-3" #searchFilter>
            <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" (ngModelChange)="resetPositionArray()" name=""
                        id="">
                        <option value="">选择列名</option>
                        <option *ngFor="let col of render_col_lists" [value]="col.COL_CODE">{{col.COL_CN}}</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" (ngModelChange)="resetPositionArray()" type="text"
                        (keyup.enter)="inputEnter()" id="inputerInfo">
                </div>
            </div>

            <div class="second-condition mb-3 row">
                <div class="input-container mr-4">
                    <label for="airlineCode">航空公司：&nbsp;&nbsp;</label>
                    <select class="form-control" [(ngModel)]="filterItems.airlineCode" (ngModelChange)="selectChange()"
                        id="airlineCompany">
                        <option value=""></option>
                        <option *ngFor="let item of airlines" [value]="item.airlineCode">{{item.airlineName}}</option>
                    </select>
                </div>
                <div class="input-container mr-4">
                    <label for="aircraftTypeCode">机型：&nbsp;&nbsp;</label>
                    <select class="form-control" [(ngModel)]="filterItems.aircraftTypeCode" (ngModelChange)="selectChange()"
                        id="jx">
                        <option value=""></option>
                        <option *ngFor="let item of aircraftTypes" [value]="item.aircraftTypeCode">{{item.aircraftTypeName}}</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="airline-table">
            <div #tableContainer id="table-container" class="table-container">
                <div class="table-head" #tableHead>
                    <table class="table">
                        <thead>
                            <tr>
                                <th style="min-width:55px">序号</th>
                                <th *ngFor="let col of render_col_lists" [ngStyle]="{'min-width':col.COL_WIDTH}">{{col.COL_CN}}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
                <div class="table-body" #tableBody (scroll)="handleScroll($event)">
                    <div class="list-view-phantom" [ngStyle]="{ 'height': wait_render_data.length * 42 + 'px' }"></div>
                    <table #tableContent id="table" class="table table-striped">
                        <tbody>
                            <ng-container *ngFor="let aircraft of render_data;last as isLast;index as i">
                                <tr *ngIf="setWidth(isLast)" (click)="selectRow(aircraft)" [ngClass]="{'selected':getSelectedRow(aircraft)}">
                                    <td style="min-width:55px">{{start+i+1}}</td>
                                    <td *ngFor="let col of render_col_lists" [ngStyle]="{'min-width':col.COL_WIDTH}">{{aircraft[col.COL_CODE]}}</td>
                                </tr>
                            </ng-container>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>