机型选择列名数据绑定及查找定位数据过滤筛选

src/app/pages/basic-data/aircraft-type/aircraft-type.component.html

@@ -5,6 +5,19 @@
                 <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 value="aircraftTypeCode">机型代码</option>
+                        <option value="aircraftTypeName">机型名称</option>
+                        <option value="aircraftLength">飞机长度</option>
+                        <option value="aircraftWidth">翼展</option>
+                        <option value="aircraftHeight">机身高度</option>
+                        <option value="maxPassengers">最大乘客数</option>
+                        <option value="maxFreightWeight">最大货物重量</option>
+                        <option value="maxTakeoffWeight">最大起飞重量</option>
+                        <option value="maxAirbridges">最大廊桥数</option>
+                        <option value="aircrafttypegroupId">机型组</option>
+                        <option value="aircraftTypeCodeCaa">CAA码</option>
+                        <option value="aircraftTypeCodeIata">CAA码</option>
+                        <option value="aircraftTypeCodeIcao">ICAO码</option>
                     </select>
                     <label class="radio-inline custom-radio nowrap mr-4">
                         <input type="radio" [(ngModel)]="FLT_POS" [value]="1" name="filter-position">
@@ -61,7 +74,8 @@
                         </tr>
                     </thead>
                     <tbody>
-                        <tr *ngFor="let aircraftType of render_data;let i = index">
+                        <tr *ngFor="let aircraftType of render_data;let i = index" (click)="selectRow(aircraftType)"
+                            [ngClass]="{'selected':row_state===aircraftType}">
                             <td>{{i+1}}</td>
                             <td>{{aircraftType.aircraftTypeCode}}</td>
                             <td>{{aircraftType.aircraftTypeName}}</td>

src/app/pages/basic-data/aircraft-type/aircraft-type.component.ts

@@ -48,6 +48,14 @@ ngOnInit() {
     tableCont.addEventListener('scroll',scrollHandle);
 }
 
+/**
+ * 选中某行
+ * @param i 
+ */
+selectRow(i) {
+    this.row_state = i;
+}
+
 ///输入框回车事件
 inputEnter() {
     if (this.FLT_POS === 1) {