选择列名数据绑定加载及查找定位数据过滤筛选

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

@@ -38,7 +38,8 @@
                       </tr>
                   </thead>
                   <tbody>
-                      <tr *ngFor="let chut of render_data;let i = index">
+                      <tr *ngFor="let chut of render_data;let i = index" (click)="selectRow(chut)"
+                          [ngClass]="{'selected':row_state===chut}">
                           <td>{{i+1}}</td>
                           <td>{{chut.chutCode}}</td>
                           <td>{{chut.chutName}}</td>

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

src/app/pages/basic-data/terminal-area/terminal-area.component.html

@@ -21,7 +21,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>
         </div>
@@ -38,7 +38,8 @@
                         </tr>
                     </thead>
                     <tbody>
-                        <tr *ngFor="let terminalArea of render_data;let i = index">
+                        <tr *ngFor="let terminalArea of render_data;let i = index" (click)="selectRow(terminalArea)"
+                            [ngClass]="{'selected':row_state===terminalArea}">
                             <td>{{i+1}}</td>
                             <td>{{terminalArea.terminalAreaCode}}</td>
                             <td>{{terminalArea.terminalAreaName}}</td>

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