89 lines
4.6 KiB
HTML
89 lines
4.6 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>
|
|
</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()">
|
|
</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>
|
|
<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">定制查询</button> -->
|
|
<button type="button" class="btn btn-info mr-3">刷新</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="second-condition mb-3 row">
|
|
<div class="input-container mr-4">
|
|
<label for="">洲/地区： </label>
|
|
<select class="form-control">
|
|
<option value=""></option>
|
|
<option value="GH">非洲</option>
|
|
<option value="CH">亚洲</option>
|
|
</select>
|
|
</div>
|
|
<div class="input-container mr-4">
|
|
<label for="">国家： </label>
|
|
<select class="form-control" [(ngModel)]="filterItems.ZY" (ngModelChange)="selectChange()">
|
|
<option value=""></option>
|
|
<option value="ZG">中国</option>
|
|
<option value="MG">美国</option>
|
|
<option value="YG">英国</option>
|
|
</select>
|
|
</div>
|
|
<div class="third-condition row">
|
|
<label class="radio-inline custom-checkbox nowrap checkInfo mr-4">
|
|
<input type="checkbox">
|
|
<span>洲/地区-国家关联</span>
|
|
</label>
|
|
<label class="radio-inline custom-checkbox nowrap checkInfo mr-4">
|
|
<input type="checkbox">
|
|
<span>国家-城市关联</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="airline-table">
|
|
<div id="table-container" class="table-container">
|
|
<!-- <div id="divFieldset_title" class="divFieldseTitle">城市</div> -->
|
|
<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(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>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |