行李转盘选择列名数据绑定及查找定位数据过滤筛选

src/app/pages/basic-data/carousel/carousel.component.html

@@ -5,6 +5,10 @@
               <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="carouselCode">行李转盘代码</option>
+                            <option value="carouselName">行李转盘名称</option>
+                            <option value="terminalAreaCode">航站楼区域</option>
+                            <option value="carouselStatus">资源状态</option>
                     </select>
                     <label class="radio-inline custom-radio nowrap mr-4">
                             <input type="radio" [(ngModel)]="FLT_POS" [value]="1" name="filter-position">
@@ -19,7 +23,7 @@
               <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" (click)="clearFiter()">刷新</button>
+                  <button type="button" class="btn btn-info mr-3">刷新</button>
               </div>
           </div>
 
@@ -60,7 +64,8 @@
                       </tr>
                   </thead>
                   <tbody>
-                      <tr *ngFor="let carousel of render_data;let i = index">
+                      <tr *ngFor="let carousel of render_data;let i = index" (click)="selectRow(carousel)"
+                          [ngClass]="{'selected':row_state===carousel}">
                           <td>{{i+1}}</td>
                           <td>{{carousel.carouselCode}}</td>
                           <td>{{carousel.carouselName}}</td>

src/app/pages/basic-data/carousel/carousel.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) {