146 lines
8.4 KiB
HTML
146 lines
8.4 KiB
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 [(ngModel)]="SEL_COL" class="mr-4 form-control" name="" id="">
|
|
<option value="">选择列名</option>
|
|
<option *ngFor="let airline_col of render_col_lists" [value]="airline_col.COL_CODE">{{airline_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" type="text" (keyup.enter)="inputEnter()">
|
|
</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" (click)="refresh()">刷新</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="second-condition mb-3 row">
|
|
<div class="input-container mr-4">
|
|
<label for="">航空公司： </label>
|
|
<select [(ngModel)]="filterItems.ALCD" (ngModelChange)="selectChange()" class="form-control">
|
|
<option value=""></option>
|
|
<option *ngFor="let airline of airlinesSelections" [value]="airline.airlineCodeIata">{{airline.airlineName}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="">航线类别： </label>
|
|
<select [(ngModel)]="filterItems.FLIN" (ngModelChange)="selectChange()" class="form-control">
|
|
<option value=""></option>
|
|
<option value="D">国内</option>
|
|
<option value="I">国际</option>
|
|
<option value="M">混合</option>
|
|
<option value="R">地区</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="">航班类别： </label>
|
|
<select [(ngModel)]="filterItems.FLTY" (ngModelChange)="selectChange()" class="form-control">
|
|
<option value=""></option>
|
|
<option *ngFor="let type of flightTypeSelections" [value]="type.flightTypeCode">{{type.flightTypeNameCn}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="">到达/出发：</label>
|
|
<select [(ngModel)]="filterItems.MVIN" (ngModelChange)="selectChange()" class="form-control">
|
|
<option value=""></option>
|
|
<option value="A">到达</option>
|
|
<option value="D">离港</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="">机坪代理： </label>
|
|
<select [(ngModel)]="filterItems.FHAG" class="form-control">
|
|
<option value=""></option>
|
|
<option value="GH">国航代理</option>
|
|
<option value="CH">川航代理</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="">旅客代理： </label>
|
|
<select [(ngModel)]="filterItems.PHAG" class="form-control">
|
|
<option value=""></option>
|
|
<option value="GH">国航代理</option>
|
|
<option value="CH">川航代理</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="">维护代理： </label>
|
|
<select [(ngModel)]="filterItems.MHAG" class="form-control">
|
|
<option value=""></option>
|
|
<option value="GH">国航代理</option>
|
|
<option value="CH">川航代理</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="third-condition row">
|
|
<label class="radio-inline custom-checkbox nowrap mr-4">
|
|
<input type="checkbox" [(ngModel)]="checkboxGroup.related" (ngModelChange)="checkboxChange()">
|
|
<span>航班关联信息</span>
|
|
</label>
|
|
<label class="radio-inline custom-checkbox nowrap mr-4">
|
|
<input type="checkbox" [(ngModel)]="checkboxGroup.detail" (ngModelChange)="checkboxChange()">
|
|
<span>详细信息</span>
|
|
</label>
|
|
<!-- <label class="radio-inline custom-checkbox nowrap mr-4">
|
|
<input type="checkbox" [(ngModel)]="checkboxGroup.vip" (ngModelChange)="checkboxChange()">
|
|
<span>航班VIP信息</span>
|
|
</label>
|
|
<label class="radio-inline custom-checkbox nowrap mr-4">
|
|
<input type="checkbox" [(ngModel)]="checkboxGroup.guarantee" (ngModelChange)="checkboxChange()">
|
|
<span>保障信息</span>
|
|
</label>
|
|
<label class="radio-inline custom-checkbox nowrap">
|
|
<input type="checkbox" [(ngModel)]="checkboxGroup.special" (ngModelChange)="checkboxChange()">
|
|
<span>航班特服信息</span>
|
|
</label> -->
|
|
</div>
|
|
</div>
|
|
<div class="airline-table">
|
|
<div id="table-container" class="table-container" [ngClass]="{'table-c': !tabClose,'table-o': tabClose}">
|
|
<table id="table" class="table table-bordered table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>序号</th>
|
|
<th *ngFor="let airline_col of render_col_lists">{{airline_col.COL_CN}}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let airline_row of render_data;let i = index;last as isLast" (click)="selectRow(airline_row)"
|
|
[ngClass]="{'selected':row_state['renderFlight']['FLNO']===airline_row['renderFlight']['FLNO']}">
|
|
<td>{{i+1}}</td>
|
|
<td *ngFor="let airline_col of render_col_lists" [ngClass]="getPosition(airline_col.COL_CODE,airline_row)">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="airline-message" [ngClass]="{'tab-c': tabClose,'tab-o': !tabClose}">
|
|
<!-- <nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" [nzShowPagination]="false">
|
|
<nz-tab nzTitle="关联信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.related">
|
|
<app-related-tab [flight]="row_state"></app-related-tab>
|
|
</nz-tab>
|
|
<nz-tab nzTitle="详细信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.detail">
|
|
<app-detail-tab [flight]="row_state"></app-detail-tab>
|
|
</nz-tab>
|
|
<nz-tab nzTitle="保障信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.guarantee">
|
|
<app-guarantee-tab></app-guarantee-tab>
|
|
</nz-tab>
|
|
<nz-tab nzTitle="VIP信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.vip">
|
|
<app-vip-tab></app-vip-tab>
|
|
</nz-tab>
|
|
<nz-tab nzTitle="特服信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.special">
|
|
<app-special-tab></app-special-tab>
|
|
</nz-tab>
|
|
</nz-tabset> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |