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:51:37 +08:00
parent af3a5f7fdb
commit 07635bb6d8
4 changed files with 302 additions and 444 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/basic-data/airline/airline.component.html
+30 -11
View File
@@ -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>
@@ -29,37 +29,56 @@
<div class="second-condition mb-3 row">
<div class="input-container mr-4">
<label for="">航空集团：&nbsp;&nbsp;</label>
<select class="form-control">
<select [(ngModel)]="filterItems.JT" class="form-control" (ngModelChange)="selectChange()">
<option value=""></option>
<option value="GH">国内航空集团</option>
<option value="CH">国外航空集团</option>
<option value="CH">国际航空集团</option>
<option value="QH">其他航空集团</option>
</select>
</div>
<div class="input-container mr-4">
<label for="">航班代理：&nbsp;&nbsp;</label>
<select class="form-control">
<select [(ngModel)]="filterItems.HZ" class="form-control" (ngModelChange)="selectChange()">
<option value=""></option>
<option value="0">广州</option>
<option value="1">上海</option>
<option value="2">北京</option>
<option value="GZ">广州</option>
<option value="XG">香港华明</option>
<option value="QT">其他城市</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>IATA码</th>
<th>CAA码</th>
<th>ICAO码</th>
<th>上级母公司</th> -->
<th *ngFor="let airline_col of airline_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.airlineCode}}</td>
<td>{{airline_col.airlineName}}</td>
<td>{{airline_col.briefNameChn}}</td>
<td>{{airline_col.airlineNameEng}}</td>
<td>{{airline_col.briefNameEng}}</td>
<td>{{airline_col.airlineCodeIata}}</td>
<td>{{airline_col.airlineCodeCaa}}</td>
<td>{{airline_col.airlineCodeIcao}}</td>
<td>{{airline_col.parentAirlineId}}</td> -->
<td *ngFor="let airline_col of airline_lists" [ngStyle]="{'background-color':getColor(airline_col.COL_CODE)}">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
</tr>
</tbody>