机场下拉框过滤及精确筛选

2018-11-15 17:53:31 +08:00
parent edcbaac42a
commit 29757db259
3 changed files with 38 additions and 28 deletions
@@ -28,19 +28,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.JT" (ngModelChange)="inputFliter()">
                  <option value=""></option>
                  <option value="GH">国内机场</option>
-                  <option value="CH">国外机场</option>
+                  <option value="CH">国际机场</option>
              </select>
          </div>
          <div class="input-container mr-4">
              <label for="">城市：&nbsp;&nbsp;</label>
-              <select  class="form-control">
+              <select  class="form-control" [(ngModel)]="filterItems.CS" (ngModelChange)="inputFliter()">
                  <option value=""></option>
-                  <option value="0">广州</option>
-                  <option value="1">上海</option>
-                  <option value="2">北京</option>
+                  <option value="GZ">广州</option>
+                  <option value="SH">上海</option>
+                  <option value="BJ">北京</option>
              </select>
          </div>
        </div>
@@ -45,10 +45,20 @@ FLT_POS = 1;    //过滤还是定位
 SEL_COL = '';   //选择列名

 public filterItems = {
-    
+    JT: '',    //机场集团
+    CS: '',    //所在城市
 }

 public formatter = {
+    'JT': {
+        'GH': '国内区域',
+        'CH': '国际区域'
+    },
+    'CS': {
+        'GZ': '广州',
+        'SH': '上海',
+        "BJ": '北京'
+    },
    'SODT': dateFormatter,
    'ESTT': dateFormatter,
    'ACTT': dateFormatter