基础数据之值机岛优化修改

This commit is contained in:
zhouyuejun
2019-02-19 15:57:47 +08:00
parent a5263a18fe
commit 3e542bb52c
8 changed files with 393 additions and 237 deletions
@@ -1,45 +1,51 @@
<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="">
<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 col_lists" [value]="col.col_code">{{col.col_chn}}</option>
</select>
<label class="radio-inline custom-radio nowrap mr-4">
<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">
<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>
<input class="form-control" [(ngModel)]="SEARCH" (ngModelChange)="resetPositionArray()" type="text" (keyup.enter)="inputEnter()" id="inputerInfo">
</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>
</tr>
</thead>
<tbody>
<tr *ngFor="let checkinGroup of render_data;let i = index" (click)="selectRow(checkinGroup)"
[ngClass]="{'selected':row_state===checkinGroup}">
<td>{{i+1}}</td>
<td>{{checkinGroup.checkinGroupCode}}</td>
<td>{{checkinGroup.checkinGroupName}}</td>
</tr>
</tbody>
</table>
</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>