windy/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-12-21 15:35:13 +08:00
parent 19934a59f4
commit b75d0dcfc1
2 changed files with 115 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/seasonal-plan/seasonal-plan.component.html
+111 -143
View File
@@ -2,10 +2,10 @@
<div class="page-content"> <div class="page-content">
<div class="search-filter mb-3"> <div class="search-filter mb-3">
<div class="first-condition row"> <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"> <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" name="" id="">
<option value="">选择列名</option> <option value="">选择列名</option>
<option *ngFor="let col of col_lists" [value]="col.col_code">{{col.col_chn}}</option> <option *ngFor="let col of col_lists" [value]="col.col_code">{{col.col_chn}}</option>
</select> </select>
<label class="radio-inline custom-radio nowrap mr-4"> <label class="radio-inline custom-radio nowrap mr-4">
<input type="radio" [(ngModel)]="FLT_POS" [value]="1" name="filter-position"> <input type="radio" [(ngModel)]="FLT_POS" [value]="1" name="filter-position">
@@ -16,154 +16,122 @@
<span>查找定位</span> <span>查找定位</span>
</label> </label>
<input class="form-control" [(ngModel)]="SEARCH" type="text" (keyup.enter) = "inputEnter()"> <input class="form-control" [(ngModel)]="SEARCH" type="text" (keyup.enter) = "inputEnter()">
</div> </div>
<div class="line-operator-right mb-3 col-xlg-4 col-mlg-4 col-xl-4 col-lg-1"> <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" (click)="refresh()">刷新</button>
<button type="button" class="btn btn-info mr-3">航班季度</button> </div>
<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>
<div class="second-condition mb-3 row"> <div class="second-condition mb-3 row">
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="airlineId">航空公司：&nbsp;&nbsp;</label> <label for="airlineId">航空公司：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.airlineId" (ngModelChange)="selectChange()"> <select class="form-control" [(ngModel)]="filterItems.airlineId" (ngModelChange)="selectChange()">
<option value=""></option> <option value=""></option>
<option *ngFor="let item of airlines" [value]="item.airlineId">{{item.airlineName}}</option> <option *ngFor="let item of airlines" [value]="item.airlineId">{{item.airlineName}}</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="routeType">航线类别：&nbsp;&nbsp;</label> <label for="routeType">航线类别：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.routeType" (ngModelChange)="selectChange()"> <select class="form-control" [(ngModel)]="filterItems.routeType" (ngModelChange)="selectChange()">
<option value=""></option> <option value=""></option>
<option value="D">国内</option> <option value="D">国内</option>
<option value="I">国际</option> <option value="I">国际</option>
<option value="M">混合</option> <option value="M">混合</option>
<option value="R">地区</option> <option value="R">地区</option>
<!-- <option *ngFor="let item of seasonals" [value]="item.routeType">{{item.routeType}}</option> --> </select>
</select> </div>
</div> <div class="input-container mr-4">
<div class="input-container mr-4"> <label for="flightTypeCode">航班类别：&nbsp;&nbsp;</label>
<label for="flightTypeCode">航班类别：&nbsp;&nbsp;</label> <select class="form-control" [(ngModel)]="filterItems.flightTypeCode" (ngModelChange)="selectChange()" >
<select class="form-control" [(ngModel)]="filterItems.flightTypeCode" (ngModelChange)="selectChange()" > <option value=""></option>
<option value=""></option> <option *ngFor="let item of flightTypes" [value]="item.flightTypeCode">{{item.flightTypeNameCn}}</option>
<!-- <option value="P">客机</option> </select>
<option value="F">货机</option> </div>
<option value="B">专机</option> <div class="input-container mr-4">
<option value="O">公务机</option> <label for="startDate">查询年份：&nbsp;&nbsp;</label>
<option value="M">军机</option> <input readonly type="text" id="startDate" class="form-control" style="background:transparent;cursor: pointer">
<option value="X">其他</option> --> </div>
<option *ngFor="let item of flightTypes" [value]="item.flightTypeCode">{{item.flightTypeNameCn}}</option> <div class="input-container mr-4">
</select> <label for="arriOrDept">到达/出发：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.arriOrDept" (ngModelChange)="selectChange()">
<option value=""></option>
<option value="A">到达</option>
<option value="D">出发</option>
</select>
</div>
</div> </div>
<div class="input-container mr-4"> <div class="third-condition row">
<label for="startDate">查询年份：&nbsp;&nbsp;</label> <label class="radio-inline custom-checkbox nowrap mr-4">
<input readonly type="text" id="startDate" class="form-control" style="background:transparent;cursor: pointer"> <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="input-container mr-4">
<label for="arriOrDept">到达/出发：&nbsp;&nbsp;</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">航班任务：&nbsp;&nbsp;</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>
<div class="airline-table"> <div class="airline-table">
<div id="table-container" class="table-container" [ngClass]="{'table-c': !tabClose,'table-o': tabClose}"> <div id="table-container" class="table-container" [ngClass]="{'table-c': !tabClose,'table-o': tabClose}">
<table id="table" class="table table-bordered table-striped"> <table id="table" class="table table-bordered table-striped">
<thead> <thead>
<tr> <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>开始日期</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>
</tr> </thead>
</thead> <tbody>
<tbody> <tr *ngFor="let seasonal of render_data;let i = index" (click)="selectRow(seasonal)"
<tr *ngFor="let seasonal of render_data;let i = index" (click)="selectRow(seasonal)" [ngClass]="{'selected':row_state===seasonal}">
[ngClass]="{'selected':row_state===seasonal}"> <td>{{i+1}}</td>
<td>{{i+1}}</td> <td>{{seasonal.flightNumber}}</td>
<td>{{seasonal.flightNumber}}</td> <td>{{seasonal.seasonRecId}}</td>
<td>{{seasonal.seasonRecId}}</td> <td>{{seasonal.internationalCode}}</td>
<td>{{seasonal.internationalCode}}</td> <td>{{seasonal.airlineChnName}}</td>
<td>{{seasonal.airlineChnName}}</td> <td>{{seasonal.routeType}}</td>
<td>{{seasonal.routeType}}</td> <td>{{seasonal.flightTypeNameCn}}</td>
<td>{{seasonal.flightTypeNameCn}}</td> <!-- <td>{{seasonal.flightTask}}</td> -->
<!-- <td>{{seasonal.flightTask}}</td> --> <td>{{seasonal.operationDays}}</td>
<td>{{seasonal.operationDays}}</td> <td>{{seasonal.startDate}}</td>
<td>{{seasonal.startDate}}</td> <td>{{seasonal.endDate}}</td>
<td>{{seasonal.endDate}}</td> <td>{{seasonal.startAirport}}</td>
<td>{{seasonal.startAirport}}</td> <td>{{seasonal.arriOrDept}}</td>
<td>{{seasonal.arriOrDept}}</td> <td>{{seasonal.arrivalTime}}</td>
<td>{{seasonal.arrivalTime}}</td> <td>{{seasonal.departureTime}}</td>
<td>{{seasonal.departureTime}}</td> <td>{{seasonal.aircraftTypeName}}</td>
<td>{{seasonal.aircraftTypeName}}</td> <td>{{seasonal.flyingDistance}}</td>
<td>{{seasonal.flyingDistance}}</td> <td>{{seasonal.flyingTime}}</td>
<td>{{seasonal.flyingTime}}</td> </tr>
<!-- <td *ngFor="let seasonal of seasonal_lists" [ngStyle]="{'background-color':getColor(seasonal.COL_CODE)}">{{airline_row['renderFlight'][seasonal.COL_CODE]}}</td> --> </tbody>
</tr> </table>
</tbody> </div>
</table> <div class="airline-message" [ngClass]="{'tab-c': tabClose,'tab-o': !tabClose}">
</div> <nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" [nzShowPagination]="false">
<div class="airline-message" [ngClass]="{'tab-c': tabClose,'tab-o': !tabClose}"> <nz-tab nzTitle="关联信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.related">
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" [nzShowPagination]="false"> <app-related-tab [flight]="row_state"></app-related-tab>
<nz-tab nzTitle="关联信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.related"> </nz-tab>
<app-related-tab [flight]="row_state"></app-related-tab> <nz-tab nzTitle="详细信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.detail">
</nz-tab> <app-detail-tab [flight]="row_state"></app-detail-tab>
<nz-tab nzTitle="详细信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.detail"> </nz-tab>
<app-detail-tab [flight]="row_state"></app-detail-tab> </nz-tabset>
</nz-tab> </div>
</nz-tabset>
</div>
</div> </div>
</div> </div>
</div> </div>
src/app/pages/seasonal-plan/seasonal-plan.component.ts
+4 -3
View File
@@ -70,6 +70,7 @@ export class SeasonalPlanComponent implements OnInit {
public render_data: Array<object> = []; //显示数据，即需要显示的数据 public render_data: Array<object> = []; //显示数据，即需要显示的数据
public return_data: Array<object> = []; //下拉框显示数据 public return_data: Array<object> = []; //下拉框显示数据
ngOnInit() { ngOnInit() {
//选择年份
this.laydateYear(); this.laydateYear();
/* 获取季度计划信息 */ /* 获取季度计划信息 */
var value = new Date(new Date().getTime()); var value = new Date(new Date().getTime());
@@ -114,7 +115,7 @@ export class SeasonalPlanComponent implements OnInit {
data=>{ data=>{
this.airlines = data; this.airlines = data;
if(this.airlines && this.airlines.length > 0){//航空公司列表数据转换 if(this.airlines && this.airlines.length > 0){//航空公司列表数据转换
this.irlinesHandle(); this.airlinesHandle();
} }
} }
) )
@@ -149,7 +150,7 @@ export class SeasonalPlanComponent implements OnInit {
tableCont.addEventListener('scroll',scrollHandle); tableCont.addEventListener('scroll',scrollHandle);
} }
//航空公司名称数据转换处理 //航空公司名称数据转换处理
irlinesHandle() { airlinesHandle() {
this.render_data.forEach(item => { this.render_data.forEach(item => {
let airlineLinkIndex = this.airlines.findIndex(val => val.airlineId === item['airlineId']); let airlineLinkIndex = this.airlines.findIndex(val => val.airlineId === item['airlineId']);
if(this.airlines[airlineLinkIndex]){ if(this.airlines[airlineLinkIndex]){
@@ -192,7 +193,7 @@ export class SeasonalPlanComponent implements OnInit {
this.seasonals = data.body; this.seasonals = data.body;
this.render_data = this.seasonals; this.render_data = this.seasonals;
if(this.airlines && this.airlines.length > 0){//航空公司列表数据转换 if(this.airlines && this.airlines.length > 0){//航空公司列表数据转换
this.irlinesHandle(); this.airlinesHandle();
} }
if(this.aircraftTypes && this.aircraftTypes.length > 0){//机型列表数据转换 if(this.aircraftTypes && this.aircraftTypes.length > 0){//机型列表数据转换
this.aircraftTypesHandle(); this.aircraftTypesHandle();