airport-chengdu-web/src/app/pages/basic-data/gate/gate.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 class="second-condition mb-3 row">
                <div class="input-container mr-4">
                    <label for="terminalAreaCode">所属航站楼区域：&nbsp;&nbsp;</label>
                    <select class="form-control" [(ngModel)]="filterItems.terminalAreaCode" (ngModelChange)="selectChange()"
                        id="qy">
                        <option value=""></option>
                        <option *ngFor="let items of terminalAreas" [value]="items.terminalAreaCode">{{items.terminalAreaName}}</option>
                    </select>
                </div>
                <div class="input-container mr-4">
                    <label for="gateStatus">资源状态：&nbsp;&nbsp;</label>
                    <select class="form-control" [(ngModel)]="filterItems.gateStatus" (ngModelChange)="selectChange()"
                        id="zy">
                        <option value=""></option>
                        <option value="0">可用</option>
                        <option value="1">在用</option>
                        <option value="2">锁定</option>
                        <option value="3">禁用</option>
                        <option value="4">预分</option>
                        <!-- <option *ngFor="let items of gates" [value]="items.gateStatus">{{items.gateStatus}}</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>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let gate of render_data;let i = index" (click)="selectRow(gate)" [ngClass]="{'selected':row_state===gate}">
                            <td>{{i+1}}</td>
                            <td>{{gate.gateCode}}</td>
                            <td>{{gate.gateName}}</td>
                            <td>{{gate.terminalAreaName}}</td>
                            <td>{{gate.gateStatus}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>