58 lines
2.8 KiB
HTML
58 lines
2.8 KiB
HTML
<div class="main-page">
|
|
<div class="page-content">
|
|
<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="">
|
|
<option value="">选择列名</option>
|
|
<option *ngFor="let col of col_lists" [value]="col.col_code">{{col.col_chn}}</option>
|
|
</select>
|
|
<label class="radio-inline custom-radio nowrap mr-4">
|
|
<input type="radio" [(ngModel)]="FLT_POS" [value]="1" name="filter-position">
|
|
<span>过滤</span>
|
|
</label>
|
|
<label class="radio-inline custom-radio nowrap mr-4">
|
|
<input type="radio" [(ngModel)]="FLT_POS" [value]="2" name="filter-position">
|
|
<span>查找定位</span>
|
|
</label>
|
|
<input class="form-control" [(ngModel)]="SEARCH" type="text" (keyup.enter)="inputEnter()" id="inputerInfo">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="second-condition mb-3 row">
|
|
<div class="input-container mr-4">
|
|
<label for="countryId">国家: </label>
|
|
<select class="form-control" [(ngModel)]="filterItems.countryId" (ngModelChange)="selectChange()" id="citry">
|
|
<option value=""></option>
|
|
<option *ngFor="let item of countrys" [value]="item.countryId">{{item.countryNameChn}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="airline-table">
|
|
<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>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let city of render_data;let i = index" (click)="selectRow(city)" [ngClass]="{'selected':row_state===city}">
|
|
<td>{{i+1}}</td>
|
|
<td>{{city.cityCode}}</td>
|
|
<td>{{city.cityNameChn}}</td>
|
|
<td>{{city.cityNameEng}}</td>
|
|
<td>{{city.countryNameChn}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |