航班季度计划优化修改
This commit is contained in:
zhouyuejun
@@ -3,7 +3,7 @@
|
||||
<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" name="" id="">
|
||||
<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>
|
||||
@@ -15,7 +15,11 @@
|
||||
<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()">
|
||||
<input class="form-control mr-4" [(ngModel)]="SEARCH" (ngModelChange)="resetPositionArray()" type="text" (keyup.enter)="inputEnter()">
|
||||
<label for="arriOrDept">查询年份： </label>
|
||||
<select class="form-control" [(ngModel)]="filterYear" (ngModelChange)="selectYearChange($event)">
|
||||
<option *ngFor="let year of yearLists" [value]="year">{{year}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="line-operator-right mb-3 col-xlg-4 col-mlg-4 col-xl-4 col-lg-2">
|
||||
<button type="button" class="btn btn-info mr-2" (click)="toggleFilter()">{{filterClose?'展开':'关闭'}}</button>
|
||||
@@ -28,7 +32,7 @@
|
||||
<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>
|
||||
<option *ngFor="let item of airlinesSelections" [value]="item.airlineId">{{item.airlineName}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-container mr-4">
|
||||
@@ -45,13 +49,9 @@
|
||||
<label for="flightTypeCode">航班类别： </label>
|
||||
<select class="form-control" [(ngModel)]="filterItems.flightTypeCode" (ngModelChange)="selectChange()">
|
||||
<option value=""></option>
|
||||
<option *ngFor="let item of flightTypes" [value]="item.flightTypeCode">{{item.flightTypeNameCn}}</option>
|
||||
<option *ngFor="let item of flightTypeSelections" [value]="item.flightTypeCode">{{item.flightTypeNameCn}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<!-- <div class="input-container mr-4">
|
||||
<label for="startDate">查询年份： </label>
|
||||
<input readonly type="text" id="startDate" class="form-control" style="background:transparent;cursor: pointer">
|
||||
</div> -->
|
||||
<div class="input-container mr-4">
|
||||
<label for="arriOrDept">到达/出发： </label>
|
||||
<select class="form-control" [(ngModel)]="filterItems.arriOrDept" (ngModelChange)="selectChange()">
|
||||
@@ -60,12 +60,6 @@
|
||||
<option value="D">出发</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-container mr-4">
|
||||
<label for="arriOrDept">查询年份： </label>
|
||||
<select class="form-control" [(ngModel)]="filterYear" (ngModelChange)="selectYearChange($event)">
|
||||
<option *ngFor="let year of yearLists" [value]="year">{{year}}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="third-condition row" [ngClass]="{'filterClose-c':filterClose,'filterClose-o':!filterClose}">
|
||||
<label class="radio-inline custom-checkbox nowrap mr-4">
|
||||
@@ -92,72 +86,25 @@
|
||||
</table>
|
||||
</div>
|
||||
<div class="table-body" #tableBody (scroll)="handleScroll($event)">
|
||||
<div class="list-view-phantom" [ngStyle]="{ 'height': combined_data.length * 42 + 'px' }"></div>
|
||||
<table #tableContent id="table" class="table table-striped">
|
||||
<tbody>
|
||||
<tr *ngFor="let seasonal of render_data;let i = index" (click)="selectRow(seasonal)">
|
||||
<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 seasonal of render_data;last as isLast;index as i">
|
||||
<tr *ngIf="setWidth(isLast)" (click)="selectRow(seasonal)" [ngClass]="{'selected':getSelectedRow(seasonal)}">
|
||||
<td style="min-width:55px">{{start+i+1}}</td>
|
||||
<td *ngFor="let airline_col of render_col_lists" [ngStyle]="{'min-width':airline_col.COL_WIDTH}" [title]="seasonal[airline_col.COL_CODE]">{{seasonal[airline_col.COL_CODE]}}</td>
|
||||
<td *ngFor="let airline_col of render_col_lists" [ngStyle]="{'min-width':airline_col.COL_WIDTH}">{{seasonal[airline_col.COL_CODE]}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- <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>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr *ngFor="let seasonal of render_data;let i = index" (click)="selectRow(seasonal)" [ngClass]="{'selected':row_state.seasonflightId===seasonal.seasonflightId}">
|
||||
<td>{{i+1}}</td>
|
||||
<td>{{seasonal.flightNumber}}</td>
|
||||
<td>{{seasonal.seasonRecIdChn}}</td>
|
||||
<td>{{seasonal.internationalCode}}</td>
|
||||
<td>{{seasonal.airlineChnName}}</td>
|
||||
<td>{{seasonal.routeTypeChn}}</td>
|
||||
<td>{{seasonal.flightTypeChnName}}</td>
|
||||
<td>{{seasonal.operationDays}}</td>
|
||||
<td>{{seasonal.startDate}}</td>
|
||||
<td>{{seasonal.endDate}}</td>
|
||||
<td>{{seasonal.AirportChn}}</td>
|
||||
<td>{{seasonal.arriOrDeptChn}}</td>
|
||||
<td>{{seasonal.arrivalTimeTra}}</td>
|
||||
<td>{{seasonal.departureTimeTra}}</td>
|
||||
<td>{{seasonal.aircraftTypeName}}</td>
|
||||
<td>{{seasonal.flyingDistance}}</td>
|
||||
<td>{{seasonal.flyingTime}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table> -->
|
||||
</ng-container>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="airline-message" [ngClass]="{'tab-c': tabClose,'tab-o': !tabClose}">
|
||||
<div #tabContainer 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">
|
||||
<nz-tab nzTitle="关联信息" *ngIf="checkboxGroup.related">
|
||||
<app-related-tab [flight]="row_state"></app-related-tab>
|
||||
</nz-tab>
|
||||
<nz-tab nzTitle="详细信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.detail">
|
||||
<nz-tab nzTitle="详细信息" *ngIf="checkboxGroup.detail">
|
||||
<app-detail-tab [flight]="row_state"></app-detail-tab>
|
||||
</nz-tab>
|
||||
</nz-tabset>
|
||||
|
||||
Reference in New Issue
Block a user