182 lines
10 KiB
HTML
182 lines
10 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 class="mr-4 form-control" [(ngModel)]="SEL_COL" name="" id="">
|
|
<option value="">选择列名</option>
|
|
<option value="flightNumber">航班号</option>
|
|
<option value="seasonRecId">航班季度</option>
|
|
<option value="internationalCode">国际代码</option>
|
|
<option value="airlineChnName">航空公司</option>
|
|
<option value="routeType">航线类别</option>
|
|
<option value="flightTypeCode">航班类别</option>
|
|
<option value="flightTask">航班任务</option>
|
|
<option value="operationDays">运营日</option>
|
|
<option value="startDate">开始日期</option>
|
|
<option value="endDate">结束日期</option>
|
|
<option value="startAirport">航线</option>
|
|
<option value="arriOrDept">进/出港</option>
|
|
<option value="arrivalTime">到达时间</option>
|
|
<option value="departureTime">出发时间</option>
|
|
<option value="aircraftTypeCode">机型</option>
|
|
<option value="flyingDistance">飞行距离(千米)</option>
|
|
<option value="flyingTime">飞行时间(分钟)</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()">
|
|
</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" (click)="refresh()">刷新</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="second-condition mb-3 row">
|
|
<div class="input-container mr-4">
|
|
<label for="airlineId">航空公司： </label>
|
|
<select class="form-control" [(ngModel)]="filterItems.airlineId" (ngModelChange)="selectChange()">
|
|
<option value=""></option>
|
|
<option *ngFor="let item of airlines" [value]="item.airlineId">{{item.airlineName}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="routeType">航线类别： </label>
|
|
<select class="form-control" [(ngModel)]="filterItems.routeType" (ngModelChange)="selectChange()">
|
|
<option value=""></option>
|
|
<option value="D">国内</option>
|
|
<option value="I">国际</option>
|
|
<option value="M">混合</option>
|
|
<option value="R">地区</option>
|
|
<!-- <option *ngFor="let item of seasonals" [value]="item.routeType">{{item.routeType}}</option> -->
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="flightTypeCode">航班类别： </label>
|
|
<select class="form-control" [(ngModel)]="filterItems.flightTypeCode" (ngModelChange)="selectChange()" >
|
|
<option value=""></option>
|
|
<option value="P">客机</option>
|
|
<option value="F">货机</option>
|
|
<option value="B">专机</option>
|
|
<option value="O">公务机</option>
|
|
<option value="M">军机</option>
|
|
<option value="X">其他</option>
|
|
<!-- <option *ngFor="let item of seasonals" [value]="item.flightTypeCode">{{item.flightTypeCode}}</option> -->
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="arriOrDept">到达/出发： </label>
|
|
<select class="form-control" [(ngModel)]="filterItems.arriOrDept" (ngModelChange)="selectChange()">
|
|
<option value=""></option>
|
|
<option value="A">到达</option>
|
|
<option value="D">出发</option>
|
|
<!-- <option *ngFor="let item of seasonals" [value]="item.arriOrDept">{{item.arriOrDept}}</option> -->
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="flightTask">航班任务： </label>
|
|
<select class="form-control" [(ngModel)]="filterItems.flightTask" (ngModelChange)="selectChange()">
|
|
<option value=""></option>
|
|
<option value="S">正班</option>
|
|
<option value="N">包机</option>
|
|
<option value="E">急救</option>
|
|
<option value="B">专机</option>
|
|
<option value="G">通用</option>
|
|
<option value="J">加班</option>
|
|
<option value="M">军用</option>
|
|
<option value="Q">补班</option>
|
|
<option value="X">其他</option>
|
|
<option value="A">计划外</option>
|
|
<!-- <option *ngFor="let item of seasonals" [value]="item.flightTask">{{item.flightTask}}</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>
|
|
</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>航班号</th>
|
|
<th>航班季度</th>
|
|
<th>国际代码</th>
|
|
<th>航空公司</th>
|
|
<th>航线类别</th>
|
|
<th>航班类别</th>
|
|
<th>航班任务</th>
|
|
<th>运营日</th>
|
|
<th>开始日期</th>
|
|
<th>结束日期</th>
|
|
<th>航线</th>
|
|
<th>进/出港</th>
|
|
<th>到达时间</th>
|
|
<th>出发时间</th>
|
|
<th>机型</th>
|
|
<th>飞行距离(千米)</th>
|
|
<th>飞行时间(分钟)</th>
|
|
<!-- <th *ngFor="let seasonal of seasonal_lists">{{seasonal.COL_CN}}</th> -->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let seasonal of render_data;let i = index" (click)="selectRow(seasonal)"
|
|
[ngClass]="{'selected':row_state===seasonal}">
|
|
<td>{{i+1}}</td>
|
|
<td>{{seasonal.flightNumber}}</td>
|
|
<td>{{seasonal.seasonRecId}}</td>
|
|
<td>{{seasonal.internationalCode}}</td>
|
|
<td>{{seasonal.airlineChnName}}</td>
|
|
<td>{{seasonal.routeType}}</td>
|
|
<td>{{seasonal.flightTypeCode}}</td>
|
|
<td>{{seasonal.flightTask}}</td>
|
|
<td>{{seasonal.operationDays}}</td>
|
|
<td>{{seasonal.startDate}}</td>
|
|
<td>{{seasonal.endDate}}</td>
|
|
<td>{{seasonal.startAirport}}</td>
|
|
<td>{{seasonal.arriOrDept}}</td>
|
|
<td>{{seasonal.arrivalTime}}</td>
|
|
<td>{{seasonal.departureTime}}</td>
|
|
<td>{{seasonal.aircraftTypeCode}}</td>
|
|
<td>{{seasonal.flyingDistance}}</td>
|
|
<td>{{seasonal.flyingTime}}</td>
|
|
<!-- <td *ngFor="let seasonal of seasonal_lists" [ngStyle]="{'background-color':getColor(seasonal.COL_CODE)}">{{airline_row['renderFlight'][seasonal.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-tabset>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |