基础数据之登机门优化修改

This commit is contained in:
zhouyuejun
2019-02-20 10:47:48 +08:00
parent 3e542bb52c
commit 44be4589ec
4 changed files with 439 additions and 202 deletions
@@ -1,11 +1,11 @@
<div class="main-page">
<div class="page-content">
<div class="search-filter mb-3">
<div class="page-content" #pageContent>
<div class="search-filter mb-3" #searchFilter>
<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" (ngModelChange)="resetPositionArray()" name="" id="">
<option value="">选择列名</option>
<option *ngFor="let col of col_lists" [value]="col.col_code">{{col.col_chn}}</option>
<option *ngFor="let col of render_col_lists" [value]="col.COL_CODE">{{col.COL_CN}}</option>
</select>
<label class="radio-inline custom-radio nowrap mr-4">
<input type="radio" [(ngModel)]="FLT_POS" [value]="1" name="filter-position">
@@ -15,7 +15,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)="inputEnter()" id="inputerInfo">
<input class="form-control" [(ngModel)]="SEARCH" (ngModelChange)="resetPositionArray()" type="text" (keyup.enter)="inputEnter()" id="inputerInfo">
</div>
</div>
@@ -45,27 +45,30 @@
</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 gate of render_data;let i = index" (click)="selectRow(gate)" [ngClass]="{'selected':row_state===gate}">
<td>{{i+1}}</td>
<td>{{gate.gateCode}}</td>
<td>{{gate.gateName}}</td>
<td>{{gate.terminalAreaName}}</td>
<td>{{gate.gateStatus}}</td>
</tr>
</tbody>
</table>
<div #tableContainer id="table-container" class="table-container">
<div class="table-head" #tableHead>
<table class="table">
<thead>
<tr>
<th style="min-width:55px">序号</th>
<th *ngFor="let col of render_col_lists" [ngStyle]="{'min-width':col.COL_WIDTH}">{{col.COL_CN}}</th>
</tr>
</thead>
</table>
</div>
<div class="table-body" #tableBody (scroll)="handleScroll($event)">
<div class="list-view-phantom" [ngStyle]="{ 'height': wait_render_data.length * 42 + 'px' }"></div>
<table #tableContent id="table" class="table table-striped">
<tbody>
<ng-container *ngFor="let gate of render_data;last as isLast;index as i">
<tr *ngIf="setWidth(isLast)" (click)="selectRow(gate)" [ngClass]="{'selected':getSelectedRow(gate)}">
<td style="min-width:55px">{{start+i+1}}</td>
<td *ngFor="let col of render_col_lists" [ngStyle]="{'min-width':col.COL_WIDTH}">{{gate[col.COL_CODE]}}</td>
</tr>
</ng-container>
</tbody>
</table>
</div>
</div>
</div>
</div>