cdia/airport-chengdu-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

季度计划加载渲染列表、选择列名、过滤及精确筛选查找定位

Browse Source
This commit is contained in:
714943302@qq.com
2018-11-29 10:33:25 +08:00
parent 9a6147af06
commit 3feff38c7e
2 changed files with 126 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/seasonal-plan/seasonal-plan.component.html
+47 -28
View File
@@ -3,8 +3,26 @@
<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" name="" id="">
<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 seasonal of seasonal_lists" [value]="seasonal.COL_CODE">{{seasonal.COL_CN}}</option> -->
</select>
<label class="radio-inline custom-radio nowrap mr-4">
<input type="radio" [(ngModel)]="FLT_POS" [value]="1" name="filter-position">
@@ -22,49 +40,50 @@
<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="">航空公司：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.HZ" (ngModelChange)="selectChange()">
<label for="airlineId">航空公司：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.airlineId" (ngModelChange)="selectChange()">
<option value=""></option>
<option value="GH">国内区域</option>
<option value="CH">国际区域</option>
<option value="QT">其他区域</option>
<!-- <option *ngFor="let item of seasonals" [value]="item.airlineId">{{item.airlineId}}</option> -->
<option *ngFor="let item of airlines" [value]="item.airlineId">{{item.airlineName}}</option>
</select>
</div>
<div class="input-container mr-4">
<label for="">航线类别：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.ZY" (ngModelChange)="selectChange()">
<label for="routeType">航线类别：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.routeType" (ngModelChange)="selectChange()">
<option value=""></option>
<option value="K">可用</option>
<option value="R">不可用</option>
<!-- <option *ngFor="let item of seasonals" [value]="item.routeType">{{item.routeType}}</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">航班类别：&nbsp;&nbsp;</label>
<select class="form-control" (ngModelChange)="selectChange()">
<select class="form-control" (ngModelChange)="selectChange()" [(ngModel)]="filterItems.flightTypeCode">
<option value=""></option>
<!-- <option *ngFor="let item of seasonals" [value]="item.flightTypeCode">{{item.flightTypeCode}}</option> -->
<option *ngFor="let item of seasonals" [value]="item.flightTypeCode">{{item.flightTypeCode}}</option>
</select>
</div>
<div class="input-container mr-4">
<label for="arriOrDept">到达/出发：&nbsp;&nbsp;</label>
<select class="form-control" (ngModelChange)="selectChange()">
<select class="form-control" (ngModelChange)="selectChange()" [(ngModel)]="filterItems.arriOrDept">
<option value=""></option>
<!-- <option *ngFor="let item of seasonals" [value]="item.arriOrDept">{{item.arriOrDept}}</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">航班任务：&nbsp;&nbsp;</label>
<select class="form-control" (ngModelChange)="selectChange()">
<select class="form-control" (ngModelChange)="selectChange()" [(ngModel)]="filterItems.flightTask">
<option value=""></option>
<!-- <option *ngFor="let item of seasonals" [value]="item.flightTask">{{item.flightTask}}</option> -->
<option *ngFor="let item of seasonals" [value]="item.flightTask">{{item.flightTask}}</option>
</select>
</div>
</div>
@@ -86,7 +105,7 @@
<thead>
<tr>
<th>序号</th>
<!-- <th>航班号</th>
<th>航班号</th>
<th>航班季度</th>
<th>国际代码</th>
<th>航空公司</th>
@@ -102,18 +121,18 @@
<th>出发时间</th>
<th>机型</th>
<th>飞行距离(千米)</th>
<th>飞行时间(分钟)</th> -->
<th *ngFor="let seasonal of seasonal_lists">{{seasonal.COL_CN}}</th>
<th>飞行时间(分钟)</th>
<!-- <th *ngFor="let seasonal of seasonal_lists">{{seasonal.COL_CN}}</th> -->
</tr>
</thead>
<tbody>
<tr *ngFor="let airline_row of render_data;let i = index" (click)="selectRow(airline_row)"
[ngClass]="{'selected':row_state['renderFlight']===airline_row['renderFlight']}">
<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.flightNumber}}</td>
<td>{{seasonal.seasonRecId}}</td>
<td>{{seasonal.internationalCode}}</td>
<td>{{seasonal.airlineId}}</td>
<td>{{seasonal.airlineChnName}}</td>
<td>{{seasonal.routeType}}</td>
<td>{{seasonal.flightTypeCode}}</td>
<td>{{seasonal.flightTask}}</td>
@@ -126,8 +145,8 @@
<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>
<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>