51 lines
2.9 KiB
HTML
51 lines
2.9 KiB
HTML
<div class="main-page">
|
|
<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" (ngModelChange)="resetPositionArray()" name="" id="">
|
|
<option value="">选择列名</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">
|
|
<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" (ngModelChange)="resetPositionArray()" type="text" (keyup.enter)="inputEnter()" id="inputerInfo">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="airline-table">
|
|
<div class="table-container" #tableContainer id="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 checkinGroup of render_data;last as isLast;index as i">
|
|
<tr *ngIf="setWidth(isLast)" (click)="selectRow(checkinGroup)" [ngClass]="{'selected':getSelectedRow(checkinGroup)}">
|
|
<td style="min-width:55px">{{start+i+1}}</td>
|
|
<td *ngFor="let col of render_col_lists" [ngStyle]="{'min-width':col.COL_WIDTH}">{{checkinGroup[col.COL_CODE]}}</td>
|
|
</tr>
|
|
</ng-container>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |