值机柜台优化

src/app/pages/basic-data/checkin-desk/checkin-desk.component.html

@@ -19,36 +19,39 @@
               <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 class="second-condition mb-3 row">
             <div class="input-container mr-4">
-              <label for="">所属航站楼区域：&nbsp;&nbsp;</label>
+              <label for="terminalAreaCode">所属航站楼区域：&nbsp;&nbsp;</label>
-              <select  class="form-control" [(ngModel)]="checkinDesks" (ngModelChange)="selectChange()" id="qy">
+              <select  class="form-control" [(ngModel)]="filterItems.terminalAreaCode" (ngModelChange)="selectChange()" id="qy">
                   <option value=""></option>
-                  <option value="GH">国内区域</option>
+                  <option *ngFor="let items of checkinDesks" [value]="items.terminalAreaCode">{{items.terminalAreaCode}}</option>
+                  <!-- <option value="GH">国内区域</option>
                   <option value="CH">国外区域</option>
-                  <option value="QH">其他区域</option>
+                  <option value="QH">其他区域</option> -->
               </select>
           </div>
           <div class="input-container mr-4">
-              <label for="">值机岛：&nbsp;&nbsp;</label>
+              <label for="checkinGroupCode">值机岛：&nbsp;&nbsp;</label>
-              <select  class="form-control" [(ngModel)]="checkinDesks" (ngModelChange)="selectChange()" id="zjd">
+              <select  class="form-control" [(ngModel)]="filterItems.checkinGroupCode" (ngModelChange)="selectChange()" id="zjd">
                   <option value=""></option>
-                  <option value="A">A岛</option>
+                  <option *ngFor="let items of checkinDesks" [value]="items.checkinGroupCode">{{items.checkinGroupCode}}</option>
+                  <!-- <option value="A">A岛</option>
                   <option value="B">B岛</option>
-                  <option value="C">C岛</option>
+                  <option value="C">C岛</option> -->
               </select>
           </div>
           <div class="input-container mr-4">
-            <label for="">行李传送带：&nbsp;&nbsp;</label>
+            <label for="chutCode">行李传送带：&nbsp;&nbsp;</label>
-            <select  class="form-control" [(ngModel)]="checkinDesks" (ngModelChange)="selectChange()" id="xl">
+            <select  class="form-control" [(ngModel)]="filterItems.chutCode" (ngModelChange)="selectChange()" id="xl">
                 <option value=""></option>
-                <option value="X">X行李</option>
+                <option *ngFor="let items of checkinDesks" [value]="items.chutCode">{{items.chutCode}}</option>
+                <!-- <option value="X">X行李</option>
                 <option value="Z">Z行李</option>
-                <option value="Y">Y行李</option>
+                <option value="Y">Y行李</option> -->
             </select>
         </div>
         </div>
@@ -69,7 +72,7 @@
                       </tr>
                   </thead>
                   <tbody>
-                      <tr *ngFor="let checkinDesk of checkinDesks;let i = index">
+                      <tr *ngFor="let checkinDesk of render_data;let i = index">
                           <td>{{i+1}}</td>
                           <td>{{checkinDesk.checkindeskCode}}</td>
                           <td>{{checkinDesk.checkindeskName}}</td>

src/app/pages/basic-data/checkin-desk/checkin-desk.component.ts

@@ -20,9 +20,17 @@ SEARCH = '';    //手动输入条件
 FLT_POS = 1;    //过滤还是定位
 SEL_COL = '';   //选择列名
 
+//下拉框
+public filterItems = {
+    terminalAreaCode:'',
+    checkinGroupCode:'',
+    chutCode:'',
+}
+
 checkinDesks : Array<any>;
 public row_state: any = { renderFlight: {} };
 public render_data: Array<object> = [];  //显示数据，即需要显示的数据
+public return_data: Array<object> = []; //下拉框显示数据
 ngOnInit() {
     this.checkinDesks = this.basicDataService.checkin_desk;
     this.basicDataService.checkin_desk_subject.subscribe(
@@ -42,114 +50,38 @@ ngOnInit() {
     tableCont.addEventListener('scroll',scrollHandle);
 }
 
-//刷新
-clearFiter(){
-    $("#inputerInfo").val(""); //清空过滤或查找定位文本框
-    $("#qy").val(""); //清空所属航站楼区域
-    $("#zjd").val(""); //清空值机岛
-    $("#xl").val(""); //清空行李传送带
-    this.ngOnInit();
-}
 //输入框回车事件
 inputEnter() {
-if (this.FLT_POS === 1) {
+    if (this.FLT_POS === 1) {
-    this.selectChange()
+        this.inputFilter(this.checkinDesks)
-} else {
+    } else {
-    this.selectChange()
+        this.inputFilter(this.checkinDesks)
-    this.inputPosition(this.render_data)
+        this.inputPosition(this.checkinDesks)
-}
+    }
 }
 
 //下拉框选择筛选
 selectChange() {
-    let filter_data = [];
+    this.return_data = this.checkinDesks.filter(item=>{
-    let filtercheckinDesks = this.render_data;
-    this.render_data.forEach(item => {
-        filter_data.push(Object.assign({}, item));
-    })
-    if (this.FLT_POS === 1) {
-        this.inputFilter(filter_data);
-    } else {
-        this.checkinDesks = filter_data;
-        this.row_state = this.checkinDesks.length > 0 ? this.checkinDesks[0] : { renderFlight: {} };
-    }
-    //下拉框筛选
-    filter_data = filter_data.filter(item => {
-        if (item) {
             let is_satis = true;
-            for (const key in filtercheckinDesks) {
+            for (const key in this.filterItems) {
-                if (filtercheckinDesks.hasOwnProperty(key) && filtercheckinDesks[key]) {
+                if (this.filterItems.hasOwnProperty(key) && this.filterItems[key]) {
-                    if (item[key] === filtercheckinDesks[key]) {
+                    if (item[key] === this.filterItems[key]) {
                         is_satis = true;
                         continue;
                     } else {
                         is_satis = false;
                         break;
                     }
-
                 }
             }
             return is_satis;
-        } else if (item) {
-            let is_satis = true;
-            for (const key in filtercheckinDesks) {
-                if (filtercheckinDesks.hasOwnProperty(key) && filtercheckinDesks[key]) {
-                    if (item[key] === filtercheckinDesks[key]) {
-                        is_satis = true;
-                        continue;
-                    } else {
-                        is_satis = false;
-                        break;
-                    }
-
-                }
-            }
-            return is_satis;
-        } else {
-            let pre_satis = true;
-            let rea_satis = true;
-            for (const key in filtercheckinDesks) {
-                if (filtercheckinDesks.hasOwnProperty(key) && filtercheckinDesks[key]) {
-                    if (item[key] === filtercheckinDesks[key]) {
-                        pre_satis = true;
-                        continue;
-                    } else {
-                        pre_satis = false;
-                        break;
-                    }
-
-                }
-            }
-            for (const key in filtercheckinDesks) {
-                if (filtercheckinDesks.hasOwnProperty(key) && filtercheckinDesks[key]) {
-                    if (item[key] === filtercheckinDesks[key]) {
-                        rea_satis = true;
-                        continue;
-                    } else {
-                        rea_satis = false;
-                        break;
-                    }
-
-                }
-            }
-
-            if (pre_satis && !rea_satis) {
-                item = item;
-                return pre_satis;
-            } else if (!pre_satis && rea_satis) {
-                item = item;
-                return rea_satis;
-            } else if (pre_satis && rea_satis) {
-                return pre_satis && rea_satis;
-            } else {
-                return false;
-            }
-        }
     })
-    }
+    this.render_data = this.return_data;
+}
 
-    //输入框筛选
+//输入框筛选
-    inputFilter(filterData) {
+inputFilter(filterData) {
     if (this.SEARCH) {
         if (this.SEL_COL) {
             let sel_col = this.SEL_COL;
@@ -197,14 +129,14 @@ selectChange() {
             })
         }
     }
-    this.checkinDesks = filterData;
+    this.render_data = filterData;
-    this.row_state = this.checkinDesks.length > 0 ? this.checkinDesks[0] : { renderFlight: {} };
+    this.row_state = this.render_data.length > 0 ? this.render_data[0] : { renderFlight: {} };
-    }
+}
 
-    positionArray: Array<any> = [];
+positionArray: Array<any> = [];
-    positionArrayIndex: number = 0;
+positionArrayIndex: number = 0;
-    //输入框定位
+//输入框定位
-    inputPosition(filterData) {
+inputPosition(filterData) {
     let transArray = []
     if (this.SEL_COL) {
         let sel_col = this.SEL_COL;

src/app/pages/basic-data/checkin-group/checkin-group.component.ts

@@ -59,204 +59,204 @@ if (this.FLT_POS === 1) {
 
 //下拉框选择筛选
 selectChange() {
-let filter_data = [];
+    let filter_data = [];
-let filtercheckinGroups = this.render_data;
+    let filtercheckinGroups = this.render_data;
-this.render_data.forEach(item => {
+    this.render_data.forEach(item => {
-    filter_data.push(Object.assign({}, item));
+        filter_data.push(Object.assign({}, item));
-})
+    })
-if (this.FLT_POS === 1) {
+    if (this.FLT_POS === 1) {
-    this.inputFilter(filter_data);
+        this.inputFilter(filter_data);
-} else {
-    this.checkinGroups = filter_data;
-    this.row_state = this.checkinGroups.length > 0 ? this.checkinGroups[0] : { renderFlight: {} };
-}
-//下拉框筛选
-filter_data = filter_data.filter(item => {
-    if (item) {
-        let is_satis = true;
-        for (const key in filtercheckinGroups) {
-            if (filtercheckinGroups.hasOwnProperty(key) && filtercheckinGroups[key]) {
-                if (item[key] === filtercheckinGroups[key]) {
-                    is_satis = true;
-                    continue;
-                } else {
-                    is_satis = false;
-                    break;
-                }
-
-            }
-        }
-        return is_satis;
-    } else if (item) {
-        let is_satis = true;
-        for (const key in filtercheckinGroups) {
-            if (filtercheckinGroups.hasOwnProperty(key) && filtercheckinGroups[key]) {
-                if (item[key] === filtercheckinGroups[key]) {
-                    is_satis = true;
-                    continue;
-                } else {
-                    is_satis = false;
-                    break;
-                }
-
-            }
-        }
-        return is_satis;
     } else {
-        let pre_satis = true;
+        this.checkinGroups = filter_data;
-        let rea_satis = true;
+        this.row_state = this.checkinGroups.length > 0 ? this.checkinGroups[0] : { renderFlight: {} };
-        for (const key in filtercheckinGroups) {
+    }
-            if (filtercheckinGroups.hasOwnProperty(key) && filtercheckinGroups[key]) {
+    //下拉框筛选
-                if (item[key] === filtercheckinGroups[key]) {
+    filter_data = filter_data.filter(item => {
-                    pre_satis = true;
+        if (item) {
-                    continue;
+            let is_satis = true;
-                } else {
+            for (const key in filtercheckinGroups) {
-                    pre_satis = false;
+                if (filtercheckinGroups.hasOwnProperty(key) && filtercheckinGroups[key]) {
-                    break;
+                    if (item[key] === filtercheckinGroups[key]) {
+                        is_satis = true;
+                        continue;
+                    } else {
+                        is_satis = false;
+                        break;
+                    }
+
                 }
-
             }
-        }
+            return is_satis;
-        for (const key in filtercheckinGroups) {
+        } else if (item) {
-            if (filtercheckinGroups.hasOwnProperty(key) && filtercheckinGroups[key]) {
+            let is_satis = true;
-                if (item[key] === filtercheckinGroups[key]) {
+            for (const key in filtercheckinGroups) {
-                    rea_satis = true;
+                if (filtercheckinGroups.hasOwnProperty(key) && filtercheckinGroups[key]) {
-                    continue;
+                    if (item[key] === filtercheckinGroups[key]) {
-                } else {
+                        is_satis = true;
-                    rea_satis = false;
+                        continue;
-                    break;
+                    } else {
+                        is_satis = false;
+                        break;
+                    }
+
                 }
-
             }
-        }
+            return is_satis;
-
-        if (pre_satis && !rea_satis) {
-            item = item;
-            return pre_satis;
-        } else if (!pre_satis && rea_satis) {
-            item = item;
-            return rea_satis;
-        } else if (pre_satis && rea_satis) {
-            return pre_satis && rea_satis;
         } else {
-            return false;
+            let pre_satis = true;
+            let rea_satis = true;
+            for (const key in filtercheckinGroups) {
+                if (filtercheckinGroups.hasOwnProperty(key) && filtercheckinGroups[key]) {
+                    if (item[key] === filtercheckinGroups[key]) {
+                        pre_satis = true;
+                        continue;
+                    } else {
+                        pre_satis = false;
+                        break;
+                    }
+
+                }
+            }
+            for (const key in filtercheckinGroups) {
+                if (filtercheckinGroups.hasOwnProperty(key) && filtercheckinGroups[key]) {
+                    if (item[key] === filtercheckinGroups[key]) {
+                        rea_satis = true;
+                        continue;
+                    } else {
+                        rea_satis = false;
+                        break;
+                    }
+
+                }
+            }
+
+            if (pre_satis && !rea_satis) {
+                item = item;
+                return pre_satis;
+            } else if (!pre_satis && rea_satis) {
+                item = item;
+                return rea_satis;
+            } else if (pre_satis && rea_satis) {
+                return pre_satis && rea_satis;
+            } else {
+                return false;
+            }
+        }
+    })
+    }
+
+    //输入框筛选
+    inputFilter(filterData) {
+    if (this.SEARCH) {
+        if (this.SEL_COL) {
+            let sel_col = this.SEL_COL;
+            filterData = filterData.filter(item => {
+                if (item[sel_col]) {
+                    if (item[sel_col].toString().match(new RegExp(this.SEARCH, 'i'))) {
+                        return true;
+                    }
+                } else {
+                    if (this.SEARCH) {
+                        return false;
+                    } else {
+                        return true;
+                    }
+                }
+            })
+
+        } else {
+            filterData = filterData.filter(item => {
+                let is_satis = false;
+                for (const key in item) {
+                    if (item.hasOwnProperty(key)) {
+                        if (item[key]) {
+                            if (item[key].toString().match(new RegExp(this.SEARCH, 'i'))) {
+                                is_satis = true;
+                                break;
+                            } else {
+                                is_satis = false;
+                                continue;
+                            }
+                        } else {
+                            if (this.SEARCH) {
+                                is_satis = false;
+                                continue;
+                            } else {
+                                is_satis = true;
+                                break;
+                            }
+                        }
+                    } else {
+                        continue;
+                    }
+                }
+                return is_satis;
+            })
         }
     }
-})
+    this.checkinGroups = filterData;
-}
+    this.row_state = this.checkinGroups.length > 0 ? this.checkinGroups[0] : { renderFlight: {} };
+    }
 
-//输入框筛选
+    positionArray: Array<any> = [];
-inputFilter(filterData) {
+    positionArrayIndex: number = 0;
-if (this.SEARCH) {
+    //输入框定位
+    inputPosition(filterData) {
+    let transArray = []
     if (this.SEL_COL) {
         let sel_col = this.SEL_COL;
-        filterData = filterData.filter(item => {
+        filterData.forEach(element => {
-            if (item[sel_col]) {
+            if (element[sel_col]) {
-                if (item[sel_col].toString().match(new RegExp(this.SEARCH, 'i'))) {
+                if (element[sel_col].toString().match(new RegExp(this.SEARCH, 'i'))) {
-                    return true;
+                    transArray.push(element)
                 }
             } else {
-                if (this.SEARCH) {
+                if (!this.SEARCH) {
-                    return false;
+                    transArray.push(element)
-                } else {
-                    return true;
                 }
             }
-        })
+        });
-
     } else {
-        filterData = filterData.filter(item => {
+        filterData.forEach(element => {
-            let is_satis = false;
+            for (const key in element) {
-            for (const key in item) {
+                if (element.hasOwnProperty(key)) {
-                if (item.hasOwnProperty(key)) {
+                    if (element[key]) {
-                    if (item[key]) {
+                        if (element[key].toString().match(new RegExp(this.SEARCH, 'i'))) {
-                        if (item[key].toString().match(new RegExp(this.SEARCH, 'i'))) {
+                            transArray.push(element)
-                            is_satis = true;
                             break;
                         } else {
-                            is_satis = false;
                             continue;
                         }
                     } else {
                         if (this.SEARCH) {
-                            is_satis = false;
                             continue;
                         } else {
-                            is_satis = true;
+                            transArray.push(element)
                             break;
                         }
                     }
+
                 } else {
                     continue;
                 }
             }
-            return is_satis;
+        });
-        })
     }
-}
-this.checkinGroups = filterData;
-this.row_state = this.checkinGroups.length > 0 ? this.checkinGroups[0] : { renderFlight: {} };
-}
 
-positionArray: Array<any> = [];
+    if (transArray.length > 0) {
-positionArrayIndex: number = 0;
+        if (transArray.toString() == this.positionArray.toString()) {
-//输入框定位
+            this.positionArrayIndex++;
-inputPosition(filterData) {
+            if (this.positionArrayIndex === this.positionArray.length) {
-let transArray = []
+                this.positionArrayIndex = 0;
-if (this.SEL_COL) {
-    let sel_col = this.SEL_COL;
-    filterData.forEach(element => {
-        if (element[sel_col]) {
-            if (element[sel_col].toString().match(new RegExp(this.SEARCH, 'i'))) {
-                transArray.push(element)
             }
+            this.row_state = this.positionArray[this.positionArrayIndex];
         } else {
-            if (!this.SEARCH) {
+            this.positionArray = transArray;
-                transArray.push(element)
-            }
-        }
-    });
-} else {
-    filterData.forEach(element => {
-        for (const key in element) {
-            if (element.hasOwnProperty(key)) {
-                if (element[key]) {
-                    if (element[key].toString().match(new RegExp(this.SEARCH, 'i'))) {
-                        transArray.push(element)
-                        break;
-                    } else {
-                        continue;
-                    }
-                } else {
-                    if (this.SEARCH) {
-                        continue;
-                    } else {
-                        transArray.push(element)
-                        break;
-                    }
-                }
-
-            } else {
-                continue;
-            }
-        }
-    });
-}
-
-if (transArray.length > 0) {
-    if (transArray.toString() == this.positionArray.toString()) {
-        this.positionArrayIndex++;
-        if (this.positionArrayIndex === this.positionArray.length) {
             this.positionArrayIndex = 0;
+            this.row_state = this.positionArray[this.positionArrayIndex];
         }
-        this.row_state = this.positionArray[this.positionArrayIndex];
     } else {
-        this.positionArray = transArray;
+        alert('没有搜索到相关数据');
-        this.positionArrayIndex = 0;
+    }
-        this.row_state = this.positionArray[this.positionArrayIndex];
     }
-} else {
-    alert('没有搜索到相关数据');
-}
-}
 }