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-19 11:16:26 +08:00
parent d73ce5f2d7
commit 3f62792264
9 changed files with 431 additions and 595 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/basic-data/aircraft/aircraft.component.html
+38 -14
View File
@@ -3,7 +3,7 @@
<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="">
<select class="mr-4 form-control" [(ngModel)]="SEL_COL" name="" id="">
<option value="">选择列名</option>
</select>
<label class="radio-inline custom-radio nowrap mr-4">
@@ -14,7 +14,7 @@
<input type="radio" [(ngModel)]="FLT_POS" [value]="2" name="filter-position">
<span>查找定位</span>
</label>
<input class="form-control" [(ngModel)]="SEARCH" type="text" (keyup.enter) = "inputFliter()">
<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>
@@ -26,30 +26,54 @@
<div class="second-condition mb-3 row">
<div class="input-container mr-4">
<label for="">机型组：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.ZZU" (ngModelChange)="inputFliter()">
<option value=""></option>
<option value="E">E-类飞机机型</option>
<option value="T">T-类飞机机型</option>
<option value="G">G-类飞机机型</option>
</select>
</div>
<label for="">航空公司：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.HK" (ngModelChange)="selectChange()">
<option value=""></option>
<option value="GH">海南航空公司</option>
<option value="CH">国外航空公司</option>
</select>
</div>
<div class="input-container mr-4">
<label for="">机型：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.JX" (ngModelChange)="selectChange()">
<option value=""></option>
<option value="A">A306</option>
<option value="B">B252</option>
<option value="C">C256</option>
</select>
</div>
</div>
</div>
<div class="airline-table">
<div class="table-container">
<table class="table table-bordered table-striped">
<div id="table-container" class="table-container">
<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 *ngFor="let airline_col of aircraft_lists">{{airline_col.COL_CN}}</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let airline_row of render_data;let i = index" (click)="selectRow(i)"
[ngClass]="{'active':row_state===i}">
<tr *ngFor="let airline_row of render_data;let i = index" (click)="selectRow(airline_row)"
[ngClass]="{'selected':row_state['renderFlight']===airline_row['renderFlight']}">
<td>{{i+1}}</td>
<!-- <td>{{airline_col.aircraftNumber}}</td>
<td>{{airline_col.maxPassengers}}</td>
<td>{{airline_col.maxFreightWeight}}</td>
<td>{{airline_col.maxTakeoffWeight}}</td>
<td>{{airline_col.maxAirbridges}}</td>
<td>{{airline_col.aircraftOwnerCode}}</td>
<td>{{airline_col.airlineCode}}</td>
<td>{{airline_col.aircraftTypeCode}}</td> -->
<td *ngFor="let airline_col of aircraft_lists" [ngStyle]="{'background-color':getColor(airline_col.COL_CODE)}">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
</tr>
</tbody>