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

2018-11-15 17:58:45 +08:00
parent 29757db259
commit 6f0ceeb165
3 changed files with 31 additions and 27 deletions
@@ -27,11 +27,11 @@
            <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.ZZU" (ngModelChange)="inputFliter()">
                      <option value=""></option>
-                      <option value="0">E-类飞机机型</option>
-                      <option value="1">T-类飞机机型</option>
-                      <option value="2">G-类飞机机型</option>
+                      <option value="E">E-类飞机机型</option>
+                      <option value="T">T-类飞机机型</option>
+                      <option value="G">G-类飞机机型</option>
                  </select>
              </div>
            </div>
@@ -24,7 +24,6 @@ public aircraft_lists: Array<object>;    //列数据

 public row_state: number;

-
 public TOP_1 = 1000000000000;
 public TOP_2 = 2000000000000;
 public TOP_3 = 3000000000000;
@@ -46,10 +45,15 @@ FLT_POS = 1;    //过滤还是定位
 SEL_COL = '';   //选择列名

 public filterItems = {
-
+    ZZU: '',    //机型组
 }

 public formatter = {
+    'ZZU': {
+        'E': 'E-类飞机机型',
+        'T': 'T-类飞机机型',
+        'G': 'G-类飞机机型'
+    },
    'SODT': dateFormatter,
    'ESTT': dateFormatter,
    'ACTT': dateFormatter