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 13:32:59 +08:00
parent 07635bb6d8
commit 15eaf78882
3 changed files with 234 additions and 418 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/basic-data/city/city.component.html
+14 -6
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>
@@ -37,7 +37,7 @@
</div>
<div class="input-container mr-4">
<label for="">国家：&nbsp;&nbsp;</label>
<select class="form-control" [(ngModel)]="filterItems.ZY" (ngModelChange)="inputFliter()">
<select class="form-control" [(ngModel)]="filterItems.ZY" (ngModelChange)="selectChange()">
<option value=""></option>
<option value="ZG">中国</option>
<option value="MG">美国</option>
@@ -58,19 +58,27 @@
</div>
<div class="airline-table">
<div class="table-container">
<div id="table-container" class="table-container">
<!-- <div id="divFieldset_title" class="divFieldseTitle">城市</div> -->
<table class="table table-bordered table-striped">
<table id="table" class="table table-bordered table-striped">
<thead>
<tr>
<th>序号</th>
<!-- <th>城市代码</th>
<th>城市中文名</th>
<th>城市英文名</th>
<th>所在国家</th> -->
<th *ngFor="let airline_col of city_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.cityCode}}</td>
<td>{{airline_col.cityNameChn}}</td>
<td>{{airline_col.cityNameEng}}</td>
<td>{{airline_col.countryId}}</td> -->
<td *ngFor="let airline_col of city_lists" [ngStyle]="{'background-color':getColor(airline_col.COL_CODE)}">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
</tr>
</tbody>