登机门下拉框过滤及精确筛选

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

@@ -26,18 +26,19 @@
           <div class="second-condition mb-3 row">
             <div class="input-container mr-4">
               <label for="">所属航站楼区域：&nbsp;&nbsp;</label>
-              <select  class="form-control">
+              <select  class="form-control" [(ngModel)]="filterItems.HZ" (ngModelChange)="inputFliter()">
                   <option value=""></option>
                   <option value="GH">国内区域</option>
-                  <option value="CH">国外区域</option>
+                  <option value="CH">国际区域</option>
+                  <option value="QT">其他区域</option>
               </select>
           </div>
           <div class="input-container mr-4">
               <label for="">资源状态：&nbsp;&nbsp;</label>
-              <select  class="form-control">
+              <select  class="form-control" [(ngModel)]="filterItems.ZY" (ngModelChange)="inputFliter()">
                   <option value=""></option>
-                  <option value="GH">可用</option>
-                  <option value="CH">不可用</option>
+                  <option value="K">可用</option>
+                  <option value="R">不可用</option>
               </select>
           </div>
         </div>

src/app/pages/basic-data/gate/gate.component.ts

@@ -46,10 +46,21 @@ FLT_POS = 1;    //过滤还是定位
 SEL_COL = '';   //选择列名
 
 public filterItems = {
-
+    HZ: '',    //所属航站楼区域
+    ZY: '',    //资源状态
 }
 
 public formatter = {
+    'HZ': {
+        'GH': '国内区域',
+        'CH': '国际区域',
+        "QT": '其他区域'
+    },
+    'ZY': {
+        'K': '可用',
+        'R': '不可用',
+        "T": '其他'
+    },
     'SODT': dateFormatter,
     'ESTT': dateFormatter,
     'ACTT': dateFormatter