@ebuilding/biz-comm 2.0.0

package/fesm2022/components.filter.mjs

@@ -0,0 +1,411 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i4 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import * as i5 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i6 from 'ng-zorro-antd/input-number';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import * as i8 from 'ng-zorro-antd/date-picker';
+import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
+import * as i9 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i10 from '@ebuilding/biz-comm/components/lookup';
+import { GramDeonLookUpModule } from '@ebuilding/biz-comm/components/lookup';
+import { ModuleAPI } from '@ebuilding/base/shared.var/shared.constant';
+import { FilterType, BracketType, SpecialField, CompareType, CompareConditions, CompareFieldType } from '@ebuilding/base/shared.util/static';
+import _ from 'lodash';
+import * as i1 from '@delon/theme';
+import * as i7 from 'ng-zorro-antd/core/transition-patch';
+
+class GramDeonFilterComponent {
+    http;
+    _data = null;
+    loading = true;
+    listItem = [];
+    title = null;
+    data = null;
+    tableData = [];
+    filterData = [];
+    itemOptions = {};
+    dataChange = new EventEmitter();
+    FilterTypeData = FilterType();
+    BracketTypeData = BracketType();
+    SpecialFieldData = SpecialField();
+    CompareTypeData = CompareType();
+    CompareConditionsData = CompareConditions().filter((item) => {
+        return item.value != 'IN' && item.value != 'LIKE' && item.value != 'LEFT_LIKE' && item.value != 'RIGHT_LIKE';
+    });
+    constructor(http) {
+        this.http = http;
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            if (this.data && this.data.tableData) {
+                this.tableData = _.cloneDeep(this.data.tableData);
+                if (this.data.filterData && this.data.filterData.length > 0) {
+                    this.data.filterData.forEach((item) => {
+                        let arrTable = this.tableData.filter((table) => {
+                            return table.code == item.cellTable;
+                        });
+                        if (arrTable && arrTable.length > 0) {
+                            if (arrTable[0].listField && arrTable[0].listField.length > 0 && item.cellField) {
+                                let arrField = arrTable[0].listField.filter((field) => {
+                                    return field.code == item.cellField;
+                                });
+                                if (arrField && arrField.length > 0) {
+                                    item['fieldType'] = arrField[0].type;
+                                }
+                            }
+                            this.initValueConfig(item, arrTable[0].name);
+                        }
+                    });
+                }
+                this.filterData = this.data.filterData;
+                this.initPageData();
+            }
+        }
+    }
+    initPageData() {
+        let listItemId = [];
+        this.tableData.forEach((table) => {
+            if (table && table.listField && table.listField.length > 0) {
+                table.listField.forEach((field) => {
+                    if (field.type == 'ITEM' && field.refId) {
+                        listItemId.push(field.refId);
+                    }
+                });
+            }
+        });
+        listItemId = [...new Set(listItemId)];
+        if (listItemId != null && listItemId.length > 0) {
+            this.http.post(`${ModuleAPI.user}/user/sys/listItemByIds`, { idList: listItemId }).subscribe((res) => {
+                if (res.success && res.result && res.result.length > 0) {
+                    res.result.forEach((item) => {
+                        this.itemOptions[item.id] = item.listDetail;
+                    });
+                }
+            });
+        }
+    }
+    addCondition() {
+        if (this.filterData) {
+            this.filterData = [...this.filterData, {}];
+        }
+        else {
+            this.filterData = [{}];
+        }
+        this.dataChange.emit(this.filterData);
+    }
+    delCondition(i) {
+        if (this.filterData) {
+            this.filterData = this.filterData.filter((a, index) => {
+                return index != i;
+            });
+        }
+        this.dataChange.emit(this.filterData);
+    }
+    getFieldData(cellTable) {
+        let fieldArray = [];
+        this.tableData.forEach((item) => {
+            if (item.code == cellTable) {
+                fieldArray = item.listField;
+            }
+        });
+        return fieldArray;
+    }
+    /**
+     * 获取常用参数
+     * @param cellTable
+     * @param cellField
+     * @returns
+     */
+    getItemData(cellTable, cellField) {
+        let array = [];
+        this.tableData.forEach((table) => {
+            if (table.code == cellTable) {
+                table.listField.forEach((field) => {
+                    if (field.type == 'ITEM' && field.code == cellField && field.refId) {
+                        if (this.itemOptions && this.itemOptions[field.refId]) {
+                            array = this.itemOptions[field.refId];
+                        }
+                    }
+                });
+            }
+        });
+        return array;
+    }
+    tableChange(e, item) {
+        item['cellField'] = null;
+        item['fieldType'] = null;
+        item['cellValue'] = null;
+        item['cellMultiple'] = null;
+    }
+    fieldChange(e, item) {
+        item['fieldType'] = null;
+        item['cellValue'] = null;
+        item['cellMultiple'] = null;
+        item['cellValueConfig'] = null;
+        if (item.cellTable && item.cellField) {
+            this.tableData.forEach((t) => {
+                if (t.code == item.cellTable) {
+                    t.listField.forEach((f) => {
+                        if (f.code == item.cellField) {
+                            item.fieldType = f.type;
+                            item.cellMultiple = f.multiple;
+                            this.initValueConfig(item, t.name);
+                        }
+                    });
+                }
+            });
+        }
+    }
+    operationChange(e, item) {
+        if (item.cellOperation == 'SQL_RULES') {
+            item['cellTable'] = null;
+            item['cellField'] = null;
+            item['parameterTable'] = null;
+            item['parameterField'] = null;
+            item['cellValue'] = null;
+        }
+    }
+    refDataChange(e, item) {
+        if (e && e.id) {
+            item['cellValue'] = e.id;
+            item['cellValueInfo'] = e;
+        }
+        else {
+            item['cellValue'] = null;
+            item['cellValueInfo'] = null;
+        }
+    }
+    initValueConfig(item, tableName) {
+        item.cellValueConfig = {
+            type: 'ref2',
+            label: tableName,
+            selectType: 'single',
+            isRowData: true,
+            parameter: {
+                tableCode: item.cellTable,
+                fieldCode: item.cellField,
+            },
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonFilterComponent, deps: [{ token: i1._HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramDeonFilterComponent, isStandalone: true, selector: "gram-filter", inputs: { title: "title", data: "data" }, outputs: { dataChange: "dataChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-box\">\r\n  {{title}}\r\n  <a (click)=\"addCondition()\">\r\n    <i nz-icon nzType=\"plus-circle\"></i>\r\n    \u65B0\u589E\r\n  </a>\r\n</div>\r\n<div class=\"body-box\">\r\n  <ng-container *ngIf=\"filterData!! && filterData.length>0;else tmpEmpty\">\r\n    <ng-container *ngFor=\"let item of filterData;let i=index\">\r\n      <ul>\r\n        <li class=\"leftBracket\">\r\n          <nz-select [(ngModel)]=\"item.leftBracket\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"leftBracket\">\r\n          <nz-select [(ngModel)]=\"item.leftBracket2\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"cellOperation\">\r\n          <nz-select [(ngModel)]=\"item.cellOperation\" nzAllowClear (ngModelChange)=\"operationChange($event,item)\">\r\n            <ng-container *ngFor=\"let option of CompareConditionsData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li *ngIf=\"item?.cellOperation!='SQL_RULES'\" class=\"conditionTable\">\r\n          <nz-select [(ngModel)]=\"item.cellTable\" nzAllowClear (ngModelChange)=\"tableChange($event,item)\">\r\n            <ng-container *ngFor=\"let option of tableData\">\r\n              <nz-option [nzValue]=\"option.code\" [nzLabel]=\"option.name\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n\r\n        <li *ngIf=\"item?.cellOperation!='SQL_RULES'\" class=\"conditionField\">\r\n          <nz-select [(ngModel)]=\"item.cellField\" nzAllowClear (ngModelChange)=\"fieldChange($event,item)\">\r\n            <ng-container *ngFor=\"let option of getFieldData(item.cellTable)\">\r\n              <nz-option [nzValue]=\"option.code\" [nzLabel]=\"option.name\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li *ngIf=\"item?.cellOperation!='SQL_RULES'\">\r\n          <ng-container *ngIf=\"item.cellTable!! && item.cellField!! && item.fieldType!!\">\r\n            <div class=\"cellValue\">\r\n              <ng-container [ngSwitch]=\"item.fieldType\">\r\n                <ng-container *ngSwitchCase=\"'BOOLEAN'\">\r\n                  <nz-select [(ngModel)]=\"item.cellValue\">\r\n                    <nz-option nzValue=\"0\" nzLabel=\"\u5426\"></nz-option>\r\n                    <nz-option nzValue=\"1\" nzLabel=\"\u662F\"></nz-option>\r\n                  </nz-select>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'DATETIME'\">\r\n                  <ng-container\r\n                    *ngIf=\"item?.cellOperation!='DATE_YEAR' \r\n                  && item?.cellOperation!='DATE_MONTH' \r\n                  && item?.cellOperation!='DATE_WEEK' \r\n                  && item?.cellOperation!='DATE_QUARTER'\"\r\n                  >\r\n                    <nz-date-picker nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\" [(ngModel)]=\"item.cellValue\"></nz-date-picker>\r\n                  </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'INT'\">\r\n                  <nz-input-number [(ngModel)]=\"item.cellValue\" [nzStep]=\"1\" [nzPrecision]=\"0\"></nz-input-number>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'FLOAT'\">\r\n                  <nz-input-number [(ngModel)]=\"item.cellValue\" [nzStep]=\"1\" [nzPrecision]=\"2\"></nz-input-number>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'ITEM'\">\r\n                  <ng-container *ngIf=\"item?.cellMultiple==true;else tmp1\">\u6682\u4E0D\u652F\u6301\u591A\u9009</ng-container>\r\n                  <ng-template #tmp1>\r\n                    <nz-select [(ngModel)]=\"item.cellValue\" nzAllowClear>\r\n                      <ng-container *ngFor=\"let option of getItemData(item.cellTable,item.cellField)\">\r\n                        <nz-option [nzValue]=\"option.code\" [nzLabel]=\"option.name\"></nz-option>\r\n                      </ng-container>\r\n                    </nz-select>\r\n                  </ng-template>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'REF'\">\r\n                  <ng-container *ngIf=\"item?.cellMultiple==true;else tmp2\">\u6682\u4E0D\u652F\u6301\u591A\u9009</ng-container>\r\n                  <ng-template #tmp2>\r\n                    <gram-lookup\r\n                      [config]=\"item.cellValueConfig\"\r\n                      [data]=\"item.cellValueInfo\"\r\n                      (valueChange)=\"refDataChange($event,item)\"\r\n                    ></gram-lookup>\r\n                  </ng-template>\r\n                </ng-container>\r\n                <ng-container *ngSwitchDefault>\r\n                  <input nz-input [(ngModel)]=\"item.cellValue\" />\r\n                </ng-container>\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n        </li>\r\n        <li *ngIf=\"item?.cellOperation=='SQL_RULES' \">\r\n          <div class=\"cellValue\">\r\n            <input nz-input [(ngModel)]=\"item.cellValue\" />\r\n          </div>\r\n        </li>\r\n        <li class=\"rightBracket\">\r\n          <nz-select [(ngModel)]=\"item.rightBracket\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"rightBracket\">\r\n          <nz-select [(ngModel)]=\"item.rightBracket2\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"cellFunction\">\r\n          <nz-select [(ngModel)]=\"item.cellFunction\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of FilterTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <div class=\"btnDel\">\r\n          <a (click)=\"delCondition(i)\">\r\n            <i nz-icon nzType=\"delete\"></i>\r\n          </a>\r\n        </div>\r\n      </ul>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #tmpEmpty>\r\n  <div class=\"empty\">\r\n    <div class=\"image\"><img src=\"assets/images/default/empty2.png\" /></div>\r\n  </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;font-size:12px;border:1px solid #eaeaea;border-radius:4px}:host ::ng-deep .header-box{display:flex;align-items:center;padding:8px 10px;background:#edeff3;border-bottom:1px solid #eaeaea}:host ::ng-deep .header-box i{margin-left:15px}:host ::ng-deep .body-box{display:inline-block;padding:15px 0 0}:host ::ng-deep .body-box ul{position:relative;display:flex;align-items:center;margin:0;padding:0 10px 10px}:host ::ng-deep .body-box ul li{display:flex;flex-direction:column;padding:0 10px 0 0}:host ::ng-deep .body-box .btnAdd{padding:8px 10px;border-top:1px solid #eaeaea}:host ::ng-deep .body-box .leftBracket,:host ::ng-deep .body-box .rightBracket{width:60px}:host ::ng-deep .body-box .cellOperation{width:140px}:host ::ng-deep .body-box .conditionTable,:host ::ng-deep .body-box .conditionField{width:200px}:host ::ng-deep .body-box .cellValue nz-select,:host ::ng-deep .body-box .cellValue .ant-input{width:190px}:host ::ng-deep .body-box .cellFunction{width:80px}:host ::ng-deep .between{margin:0 5px}:host ::ng-deep .empty{display:flex;padding:0 0 15px}:host ::ng-deep .empty .image{margin:auto}:host ::ng-deep .empty img{width:80px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i6.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i7.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "component", type: i8.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i9.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: GramDeonLookUpModule }, { kind: "component", type: i10.GramDeonLookUpComponent, selector: "gram-lookup", inputs: ["placeholder", "config", "data", "noSave"], outputs: ["valueChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gram-filter', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        NzSelectModule,
+                        NzInputModule,
+                        NzInputNumberModule,
+                        NzButtonModule,
+                        NzDatePickerModule,
+                        NzIconModule,
+                        GramDeonLookUpModule
+                    ], template: "<div class=\"header-box\">\r\n  {{title}}\r\n  <a (click)=\"addCondition()\">\r\n    <i nz-icon nzType=\"plus-circle\"></i>\r\n    \u65B0\u589E\r\n  </a>\r\n</div>\r\n<div class=\"body-box\">\r\n  <ng-container *ngIf=\"filterData!! && filterData.length>0;else tmpEmpty\">\r\n    <ng-container *ngFor=\"let item of filterData;let i=index\">\r\n      <ul>\r\n        <li class=\"leftBracket\">\r\n          <nz-select [(ngModel)]=\"item.leftBracket\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"leftBracket\">\r\n          <nz-select [(ngModel)]=\"item.leftBracket2\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"cellOperation\">\r\n          <nz-select [(ngModel)]=\"item.cellOperation\" nzAllowClear (ngModelChange)=\"operationChange($event,item)\">\r\n            <ng-container *ngFor=\"let option of CompareConditionsData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li *ngIf=\"item?.cellOperation!='SQL_RULES'\" class=\"conditionTable\">\r\n          <nz-select [(ngModel)]=\"item.cellTable\" nzAllowClear (ngModelChange)=\"tableChange($event,item)\">\r\n            <ng-container *ngFor=\"let option of tableData\">\r\n              <nz-option [nzValue]=\"option.code\" [nzLabel]=\"option.name\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n\r\n        <li *ngIf=\"item?.cellOperation!='SQL_RULES'\" class=\"conditionField\">\r\n          <nz-select [(ngModel)]=\"item.cellField\" nzAllowClear (ngModelChange)=\"fieldChange($event,item)\">\r\n            <ng-container *ngFor=\"let option of getFieldData(item.cellTable)\">\r\n              <nz-option [nzValue]=\"option.code\" [nzLabel]=\"option.name\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li *ngIf=\"item?.cellOperation!='SQL_RULES'\">\r\n          <ng-container *ngIf=\"item.cellTable!! && item.cellField!! && item.fieldType!!\">\r\n            <div class=\"cellValue\">\r\n              <ng-container [ngSwitch]=\"item.fieldType\">\r\n                <ng-container *ngSwitchCase=\"'BOOLEAN'\">\r\n                  <nz-select [(ngModel)]=\"item.cellValue\">\r\n                    <nz-option nzValue=\"0\" nzLabel=\"\u5426\"></nz-option>\r\n                    <nz-option nzValue=\"1\" nzLabel=\"\u662F\"></nz-option>\r\n                  </nz-select>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'DATETIME'\">\r\n                  <ng-container\r\n                    *ngIf=\"item?.cellOperation!='DATE_YEAR' \r\n                  && item?.cellOperation!='DATE_MONTH' \r\n                  && item?.cellOperation!='DATE_WEEK' \r\n                  && item?.cellOperation!='DATE_QUARTER'\"\r\n                  >\r\n                    <nz-date-picker nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\" [(ngModel)]=\"item.cellValue\"></nz-date-picker>\r\n                  </ng-container>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'INT'\">\r\n                  <nz-input-number [(ngModel)]=\"item.cellValue\" [nzStep]=\"1\" [nzPrecision]=\"0\"></nz-input-number>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'FLOAT'\">\r\n                  <nz-input-number [(ngModel)]=\"item.cellValue\" [nzStep]=\"1\" [nzPrecision]=\"2\"></nz-input-number>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'ITEM'\">\r\n                  <ng-container *ngIf=\"item?.cellMultiple==true;else tmp1\">\u6682\u4E0D\u652F\u6301\u591A\u9009</ng-container>\r\n                  <ng-template #tmp1>\r\n                    <nz-select [(ngModel)]=\"item.cellValue\" nzAllowClear>\r\n                      <ng-container *ngFor=\"let option of getItemData(item.cellTable,item.cellField)\">\r\n                        <nz-option [nzValue]=\"option.code\" [nzLabel]=\"option.name\"></nz-option>\r\n                      </ng-container>\r\n                    </nz-select>\r\n                  </ng-template>\r\n                </ng-container>\r\n                <ng-container *ngSwitchCase=\"'REF'\">\r\n                  <ng-container *ngIf=\"item?.cellMultiple==true;else tmp2\">\u6682\u4E0D\u652F\u6301\u591A\u9009</ng-container>\r\n                  <ng-template #tmp2>\r\n                    <gram-lookup\r\n                      [config]=\"item.cellValueConfig\"\r\n                      [data]=\"item.cellValueInfo\"\r\n                      (valueChange)=\"refDataChange($event,item)\"\r\n                    ></gram-lookup>\r\n                  </ng-template>\r\n                </ng-container>\r\n                <ng-container *ngSwitchDefault>\r\n                  <input nz-input [(ngModel)]=\"item.cellValue\" />\r\n                </ng-container>\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n        </li>\r\n        <li *ngIf=\"item?.cellOperation=='SQL_RULES' \">\r\n          <div class=\"cellValue\">\r\n            <input nz-input [(ngModel)]=\"item.cellValue\" />\r\n          </div>\r\n        </li>\r\n        <li class=\"rightBracket\">\r\n          <nz-select [(ngModel)]=\"item.rightBracket\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"rightBracket\">\r\n          <nz-select [(ngModel)]=\"item.rightBracket2\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"cellFunction\">\r\n          <nz-select [(ngModel)]=\"item.cellFunction\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of FilterTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <div class=\"btnDel\">\r\n          <a (click)=\"delCondition(i)\">\r\n            <i nz-icon nzType=\"delete\"></i>\r\n          </a>\r\n        </div>\r\n      </ul>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #tmpEmpty>\r\n  <div class=\"empty\">\r\n    <div class=\"image\"><img src=\"assets/images/default/empty2.png\" /></div>\r\n  </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;font-size:12px;border:1px solid #eaeaea;border-radius:4px}:host ::ng-deep .header-box{display:flex;align-items:center;padding:8px 10px;background:#edeff3;border-bottom:1px solid #eaeaea}:host ::ng-deep .header-box i{margin-left:15px}:host ::ng-deep .body-box{display:inline-block;padding:15px 0 0}:host ::ng-deep .body-box ul{position:relative;display:flex;align-items:center;margin:0;padding:0 10px 10px}:host ::ng-deep .body-box ul li{display:flex;flex-direction:column;padding:0 10px 0 0}:host ::ng-deep .body-box .btnAdd{padding:8px 10px;border-top:1px solid #eaeaea}:host ::ng-deep .body-box .leftBracket,:host ::ng-deep .body-box .rightBracket{width:60px}:host ::ng-deep .body-box .cellOperation{width:140px}:host ::ng-deep .body-box .conditionTable,:host ::ng-deep .body-box .conditionField{width:200px}:host ::ng-deep .body-box .cellValue nz-select,:host ::ng-deep .body-box .cellValue .ant-input{width:190px}:host ::ng-deep .body-box .cellFunction{width:80px}:host ::ng-deep .between{margin:0 5px}:host ::ng-deep .empty{display:flex;padding:0 0 15px}:host ::ng-deep .empty .image{margin:auto}:host ::ng-deep .empty img{width:80px}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }], propDecorators: { title: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], dataChange: [{
+                type: Output
+            }] } });
+
+class GramFilterCompareComponent {
+    loading = true;
+    /**
+     * 常量
+     */
+    FilterTypeData = FilterType();
+    BracketTypeData = BracketType();
+    SpecialFieldData = SpecialField();
+    CompareTypeData = CompareType();
+    CompareFieldTypeData = CompareFieldType();
+    CompareConditionsData = CompareConditions().filter((item) => {
+        return item.value != 'IN' && item.value != 'LIKE' && item.value != 'LEFT_LIKE' && item.value != 'RIGHT_LIKE';
+    });
+    /**
+     * 基础数据
+     */
+    tableFieldData;
+    sourceTableData;
+    fieldOptions;
+    filterData = [];
+    title = null;
+    data;
+    dataChange = new EventEmitter();
+    constructor() { }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            if (this.data) {
+                this.tableFieldData = _.cloneDeep(this.data.tableFieldData);
+                this.sourceTableData = _.cloneDeep(this.data.sourceTableData);
+                this.fieldOptions = _.cloneDeep(this.data.fieldOptions);
+                this.filterData = this.data.filterData;
+                if (this.filterData && this.filterData.length > 0) {
+                    this.filterData.forEach((a) => {
+                        this.tableFieldData.forEach((b) => {
+                            if (b.value == a.cellField) {
+                                a['cellFieldType'] = b.type;
+                                a['cellFieldMultiple'] = b.multiple;
+                                if (this.fieldOptions && this.fieldOptions[a.cellField]) {
+                                    a['cellFieldOptions'] = this.fieldOptions[a.cellField];
+                                }
+                            }
+                        });
+                    });
+                }
+            }
+        }
+    }
+    addCondition() {
+        if (this.filterData) {
+            this.filterData = [
+                ...this.filterData,
+                {
+                    cellOperation: 'EQ',
+                    cellType: 'FIELD',
+                },
+            ];
+        }
+        else {
+            this.filterData = [
+                {
+                    cellOperation: 'EQ',
+                    cellType: 'FIELD',
+                },
+            ];
+        }
+        this.dataChange.emit(this.filterData);
+    }
+    delCondition(i) {
+        if (this.filterData) {
+            this.filterData = this.filterData.filter((a, index) => {
+                return index != i;
+            });
+        }
+        this.dataChange.emit(this.filterData);
+    }
+    cellFieldChange(e, item) {
+        item['cellFieldType'] = null;
+        item['cellFieldOptions'] = null;
+        item['cellFieldMultiple'] = null;
+        if (item.cellField) {
+            this.tableFieldData.forEach((a) => {
+                if (a.value == item.cellField) {
+                    item['cellFieldType'] = a.type;
+                    item['cellFieldMultiple'] = a.multiple;
+                    if (this.fieldOptions && this.fieldOptions[item.cellField]) {
+                        item['cellFieldOptions'] = this.fieldOptions[item.cellField];
+                    }
+                    this.initValueConfig(item, a.name);
+                }
+            });
+        }
+        this.dataChange.emit(this.filterData);
+    }
+    tableChange(e, item) {
+        item['parameterField'] = null;
+        item['cellValue'] = null;
+        this.dataChange.emit(this.filterData);
+    }
+    getFieldData(parameterTable) {
+        let arr = [];
+        this.sourceTableData.forEach((item) => {
+            if (item.code == parameterTable) {
+                arr = item.listField;
+            }
+        });
+        return arr;
+    }
+    operationChange(e, item) {
+        if (item.cellOperation == 'SQL_RULES') {
+            item['cellTable'] = null;
+            item['cellField'] = null;
+            item['parameterTable'] = null;
+            item['parameterField'] = null;
+            item['cellValue'] = null;
+        }
+        this.dataChange.emit(this.filterData);
+    }
+    refDataChange(e, item) {
+        if (e && e.id) {
+            item['cellValue'] = e.id;
+            item['cellValueInfo'] = e;
+        }
+        else {
+            item['cellValue'] = null;
+            item['cellValueInfo'] = null;
+        }
+    }
+    initValueConfig(item, tableName) {
+        item.cellValueConfig = {
+            type: 'ref2',
+            label: tableName,
+            selectType: 'single',
+            isRowData: true,
+            parameter: {
+                tableCode: this.data?.tableCode,
+                fieldCode: item.cellField,
+            },
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramFilterCompareComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramFilterCompareComponent, isStandalone: true, selector: "gram-filter-compare", inputs: { title: "title", data: "data" }, outputs: { dataChange: "dataChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-box\">\r\n  {{title}}\r\n  <a (click)=\"addCondition()\">\r\n    <i nz-icon nzType=\"plus-circle\"></i>\r\n    \u65B0\u589E\r\n  </a>\r\n</div>\r\n<div class=\"body-box\">\r\n  <ng-container *ngIf=\"filterData!! && filterData.length>0;else tmpEmpty\">\r\n    <ng-container *ngFor=\"let item of filterData;let i=index\">\r\n      <ul>\r\n        <li class=\"leftBracket\">\r\n          <nz-select [(ngModel)]=\"item.leftBracket\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"leftBracket\">\r\n          <nz-select [(ngModel)]=\"item.leftBracket2\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n\r\n        <!-- \u5B57\u6BB5\u5339\u914D\u7C7B\u578B -->\r\n        <li class=\"cellOperation\" *ngIf=\"item?.cellOperation!='SQL_RULES'\">\r\n          <nz-select [(ngModel)]=\"item.cellType\">\r\n            <ng-container *ngFor=\"let option of CompareFieldTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n\r\n        <!-- \u5B57\u6BB5 -->\r\n        <li class=\"cellOperation\" *ngIf=\"item?.cellOperation!='SQL_RULES'\">\r\n          <nz-select [(ngModel)]=\"item.cellField\" nzAllowClear (ngModelChange)=\"cellFieldChange($event,item)\">\r\n            <ng-container *ngFor=\"let option of tableFieldData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n\r\n        <!-- \u64CD\u4F5C\u7B26 -->\r\n        <li class=\"cellOperation\">\r\n          <nz-select [(ngModel)]=\"item.cellOperation\" nzAllowClear (ngModelChange)=\"operationChange($event,item)\">\r\n            <ng-container *ngFor=\"let option of CompareConditionsData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <ng-container *ngIf=\"item?.cellOperation!='SQL_RULES'\">\r\n          <!-- \u5B57\u6BB5\u5339\u914D\u7C7B\u578B--\u81EA\u5B9A\u4E49\u503C -->\r\n          <ng-container *ngIf=\"item.cellType=='CUSTOM' && item.cellFieldType!!\">\r\n            <ng-container [ngSwitch]=\"item.cellFieldType\">\r\n              <ng-container *ngSwitchCase=\"'ITEM'\">\r\n                <li class=\"cellOperation\">\r\n                  <ng-container *ngIf=\"item?.cellFieldMultiple==true;else tmp1\">\u6682\u4E0D\u652F\u6301\u591A\u9009</ng-container>\r\n                  <ng-template #tmp1>\r\n                    <nz-select [(ngModel)]=\"item.cellValue\">\r\n                      <ng-container *ngFor=\"let option of item.cellFieldOptions\">\r\n                        <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n                      </ng-container>\r\n                    </nz-select>\r\n                  </ng-template>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'BOOLEAN'\">\r\n                <li class=\"cellOperation\">\r\n                  <nz-select [(ngModel)]=\"item.cellValue\">\r\n                    <ng-container *ngFor=\"let option of item.cellFieldOptions\">\r\n                      <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n                    </ng-container>\r\n                  </nz-select>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'REF'\">\r\n                <li class=\"cellOperation\">\r\n                  <ng-container *ngIf=\"item?.cellFieldMultiple==true;else tmp2\">\u6682\u4E0D\u652F\u6301\u591A\u9009</ng-container>\r\n                  <ng-template #tmp2>\r\n                    <gram-lookup\r\n                      [config]=\"item.cellValueConfig\"\r\n                      [data]=\"item.cellValueInfo\"\r\n                      (valueChange)=\"refDataChange($event,item)\"\r\n                    ></gram-lookup>\r\n                  </ng-template>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'TEXT'\">\r\n                <li class=\"cellOperation\">\r\n                  <input nz-input [(ngModel)]=\"item.cellValue\" />\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'TEXTAREA'\">\r\n                <li class=\"cellOperation\">\r\n                  <input nz-input [(ngModel)]=\"item.cellValue\" />\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'INT'\">\r\n                <li class=\"cellOperation\">\r\n                  <nz-input-number [(ngModel)]=\"item.cellValue\" [nzStep]=\"1\" [nzPrecision]=\"0\"></nz-input-number>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'FLOAT'\">\r\n                <li class=\"cellOperation\">\r\n                  <nz-input-number [(ngModel)]=\"item.cellValue\" [nzStep]=\"1\"></nz-input-number>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'DATETIME'\">\r\n                <li class=\"cellOperation\">\r\n                  <nz-date-picker [(ngModel)]=\"item.cellValue\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\"></nz-date-picker>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchDefault> </ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n\r\n          <!-- \u5B57\u6BB5\u5339\u914D\u7C7B\u578B--\u5B57\u6BB5\u5339\u914D -->\r\n          <ng-container *ngIf=\"item.cellType=='FIELD'\">\r\n            <li class=\"conditionTable\">\r\n              <nz-select [(ngModel)]=\"item.parameterTable\" nzAllowClear (ngModelChange)=\"tableChange($event,item)\">\r\n                <ng-container *ngFor=\"let option of sourceTableData\">\r\n                  <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n                </ng-container>\r\n              </nz-select>\r\n            </li>\r\n\r\n            <li class=\"conditionField\">\r\n              <nz-select [(ngModel)]=\"item.parameterField\" nzAllowClear>\r\n                <ng-container *ngFor=\"let option of getFieldData(item.parameterTable)\">\r\n                  <nz-option [nzValue]=\"option.code\" [nzLabel]=\"option.name\"></nz-option>\r\n                </ng-container>\r\n              </nz-select>\r\n            </li>\r\n          </ng-container>\r\n        </ng-container>\r\n\r\n        <li *ngIf=\"item?.cellOperation=='SQL_RULES' \">\r\n          <div class=\"cellValue\">\r\n            <input nz-input [(ngModel)]=\"item.cellValue\" />\r\n          </div>\r\n        </li>\r\n        <li class=\"rightBracket\">\r\n          <nz-select [(ngModel)]=\"item.rightBracket\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"rightBracket\">\r\n          <nz-select [(ngModel)]=\"item.rightBracket2\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"cellFunction\">\r\n          <nz-select [(ngModel)]=\"item.cellFunction\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of FilterTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <div class=\"btnDel\">\r\n          <a (click)=\"delCondition(i)\">\r\n            <i nz-icon nzType=\"delete\"></i>\r\n          </a>\r\n        </div>\r\n      </ul>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #tmpEmpty>\r\n  <div class=\"empty\">\r\n    <div class=\"image\"><img src=\"assets/images/default/empty2.png\" /></div>\r\n  </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;font-size:12px;border:1px solid #eaeaea;border-radius:4px}:host ::ng-deep .header-box{display:flex;align-items:center;padding:8px 10px;background:#edeff3;border-bottom:1px solid #eaeaea}:host ::ng-deep .header-box i{margin-left:15px}:host ::ng-deep .body-box{display:inline-block;padding:15px 0 0}:host ::ng-deep .body-box ul{position:relative;display:flex;align-items:center;margin:0;padding:0 10px 10px}:host ::ng-deep .body-box ul li{display:flex;flex-direction:column;padding:0 10px 0 0}:host ::ng-deep .body-box .btnAdd{padding:8px 10px;border-top:1px solid #eaeaea}:host ::ng-deep .body-box .leftBracket,:host ::ng-deep .body-box .rightBracket{width:60px}:host ::ng-deep .body-box .cellOperation{min-width:120px}:host ::ng-deep .body-box .conditionTable,:host ::ng-deep .body-box .conditionField{width:200px}:host ::ng-deep .body-box .cellValue nz-select,:host ::ng-deep .body-box .cellValue .ant-input{width:190px}:host ::ng-deep .body-box .cellFunction{width:80px}:host ::ng-deep .empty{display:flex;padding:0 0 15px}:host ::ng-deep .empty .image{margin:auto}:host ::ng-deep .empty img{width:80px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i4.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i4.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i5.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "ngmodule", type: NzInputNumberModule }, { kind: "component", type: i6.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzId", "nzSize", "nzPlaceHolder", "nzStatus", "nzStep", "nzMin", "nzMax", "nzPrecision", "nzParser", "nzFormatter", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBordered", "nzKeyboard", "nzControls"], outputs: ["nzBlur", "nzFocus", "nzOnStep"], exportAs: ["nzInputNumber"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "directive", type: i7.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzDatePickerModule }, { kind: "component", type: i8.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i9.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: GramDeonLookUpModule }, { kind: "component", type: i10.GramDeonLookUpComponent, selector: "gram-lookup", inputs: ["placeholder", "config", "data", "noSave"], outputs: ["valueChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramFilterCompareComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gram-filter-compare', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        NzSelectModule,
+                        NzInputModule,
+                        NzInputNumberModule,
+                        NzButtonModule,
+                        NzDatePickerModule,
+                        NzIconModule,
+                        GramDeonLookUpModule
+                    ], template: "<div class=\"header-box\">\r\n  {{title}}\r\n  <a (click)=\"addCondition()\">\r\n    <i nz-icon nzType=\"plus-circle\"></i>\r\n    \u65B0\u589E\r\n  </a>\r\n</div>\r\n<div class=\"body-box\">\r\n  <ng-container *ngIf=\"filterData!! && filterData.length>0;else tmpEmpty\">\r\n    <ng-container *ngFor=\"let item of filterData;let i=index\">\r\n      <ul>\r\n        <li class=\"leftBracket\">\r\n          <nz-select [(ngModel)]=\"item.leftBracket\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"leftBracket\">\r\n          <nz-select [(ngModel)]=\"item.leftBracket2\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n\r\n        <!-- \u5B57\u6BB5\u5339\u914D\u7C7B\u578B -->\r\n        <li class=\"cellOperation\" *ngIf=\"item?.cellOperation!='SQL_RULES'\">\r\n          <nz-select [(ngModel)]=\"item.cellType\">\r\n            <ng-container *ngFor=\"let option of CompareFieldTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n\r\n        <!-- \u5B57\u6BB5 -->\r\n        <li class=\"cellOperation\" *ngIf=\"item?.cellOperation!='SQL_RULES'\">\r\n          <nz-select [(ngModel)]=\"item.cellField\" nzAllowClear (ngModelChange)=\"cellFieldChange($event,item)\">\r\n            <ng-container *ngFor=\"let option of tableFieldData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n\r\n        <!-- \u64CD\u4F5C\u7B26 -->\r\n        <li class=\"cellOperation\">\r\n          <nz-select [(ngModel)]=\"item.cellOperation\" nzAllowClear (ngModelChange)=\"operationChange($event,item)\">\r\n            <ng-container *ngFor=\"let option of CompareConditionsData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <ng-container *ngIf=\"item?.cellOperation!='SQL_RULES'\">\r\n          <!-- \u5B57\u6BB5\u5339\u914D\u7C7B\u578B--\u81EA\u5B9A\u4E49\u503C -->\r\n          <ng-container *ngIf=\"item.cellType=='CUSTOM' && item.cellFieldType!!\">\r\n            <ng-container [ngSwitch]=\"item.cellFieldType\">\r\n              <ng-container *ngSwitchCase=\"'ITEM'\">\r\n                <li class=\"cellOperation\">\r\n                  <ng-container *ngIf=\"item?.cellFieldMultiple==true;else tmp1\">\u6682\u4E0D\u652F\u6301\u591A\u9009</ng-container>\r\n                  <ng-template #tmp1>\r\n                    <nz-select [(ngModel)]=\"item.cellValue\">\r\n                      <ng-container *ngFor=\"let option of item.cellFieldOptions\">\r\n                        <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n                      </ng-container>\r\n                    </nz-select>\r\n                  </ng-template>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'BOOLEAN'\">\r\n                <li class=\"cellOperation\">\r\n                  <nz-select [(ngModel)]=\"item.cellValue\">\r\n                    <ng-container *ngFor=\"let option of item.cellFieldOptions\">\r\n                      <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n                    </ng-container>\r\n                  </nz-select>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'REF'\">\r\n                <li class=\"cellOperation\">\r\n                  <ng-container *ngIf=\"item?.cellFieldMultiple==true;else tmp2\">\u6682\u4E0D\u652F\u6301\u591A\u9009</ng-container>\r\n                  <ng-template #tmp2>\r\n                    <gram-lookup\r\n                      [config]=\"item.cellValueConfig\"\r\n                      [data]=\"item.cellValueInfo\"\r\n                      (valueChange)=\"refDataChange($event,item)\"\r\n                    ></gram-lookup>\r\n                  </ng-template>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'TEXT'\">\r\n                <li class=\"cellOperation\">\r\n                  <input nz-input [(ngModel)]=\"item.cellValue\" />\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'TEXTAREA'\">\r\n                <li class=\"cellOperation\">\r\n                  <input nz-input [(ngModel)]=\"item.cellValue\" />\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'INT'\">\r\n                <li class=\"cellOperation\">\r\n                  <nz-input-number [(ngModel)]=\"item.cellValue\" [nzStep]=\"1\" [nzPrecision]=\"0\"></nz-input-number>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'FLOAT'\">\r\n                <li class=\"cellOperation\">\r\n                  <nz-input-number [(ngModel)]=\"item.cellValue\" [nzStep]=\"1\"></nz-input-number>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchCase=\"'DATETIME'\">\r\n                <li class=\"cellOperation\">\r\n                  <nz-date-picker [(ngModel)]=\"item.cellValue\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\"></nz-date-picker>\r\n                </li>\r\n              </ng-container>\r\n              <ng-container *ngSwitchDefault> </ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n\r\n          <!-- \u5B57\u6BB5\u5339\u914D\u7C7B\u578B--\u5B57\u6BB5\u5339\u914D -->\r\n          <ng-container *ngIf=\"item.cellType=='FIELD'\">\r\n            <li class=\"conditionTable\">\r\n              <nz-select [(ngModel)]=\"item.parameterTable\" nzAllowClear (ngModelChange)=\"tableChange($event,item)\">\r\n                <ng-container *ngFor=\"let option of sourceTableData\">\r\n                  <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n                </ng-container>\r\n              </nz-select>\r\n            </li>\r\n\r\n            <li class=\"conditionField\">\r\n              <nz-select [(ngModel)]=\"item.parameterField\" nzAllowClear>\r\n                <ng-container *ngFor=\"let option of getFieldData(item.parameterTable)\">\r\n                  <nz-option [nzValue]=\"option.code\" [nzLabel]=\"option.name\"></nz-option>\r\n                </ng-container>\r\n              </nz-select>\r\n            </li>\r\n          </ng-container>\r\n        </ng-container>\r\n\r\n        <li *ngIf=\"item?.cellOperation=='SQL_RULES' \">\r\n          <div class=\"cellValue\">\r\n            <input nz-input [(ngModel)]=\"item.cellValue\" />\r\n          </div>\r\n        </li>\r\n        <li class=\"rightBracket\">\r\n          <nz-select [(ngModel)]=\"item.rightBracket\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"rightBracket\">\r\n          <nz-select [(ngModel)]=\"item.rightBracket2\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of BracketTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <li class=\"cellFunction\">\r\n          <nz-select [(ngModel)]=\"item.cellFunction\" nzAllowClear>\r\n            <ng-container *ngFor=\"let option of FilterTypeData\">\r\n              <nz-option [nzValue]=\"option.value\" [nzLabel]=\"option.label\"></nz-option>\r\n            </ng-container>\r\n          </nz-select>\r\n        </li>\r\n        <div class=\"btnDel\">\r\n          <a (click)=\"delCondition(i)\">\r\n            <i nz-icon nzType=\"delete\"></i>\r\n          </a>\r\n        </div>\r\n      </ul>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #tmpEmpty>\r\n  <div class=\"empty\">\r\n    <div class=\"image\"><img src=\"assets/images/default/empty2.png\" /></div>\r\n  </div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;font-size:12px;border:1px solid #eaeaea;border-radius:4px}:host ::ng-deep .header-box{display:flex;align-items:center;padding:8px 10px;background:#edeff3;border-bottom:1px solid #eaeaea}:host ::ng-deep .header-box i{margin-left:15px}:host ::ng-deep .body-box{display:inline-block;padding:15px 0 0}:host ::ng-deep .body-box ul{position:relative;display:flex;align-items:center;margin:0;padding:0 10px 10px}:host ::ng-deep .body-box ul li{display:flex;flex-direction:column;padding:0 10px 0 0}:host ::ng-deep .body-box .btnAdd{padding:8px 10px;border-top:1px solid #eaeaea}:host ::ng-deep .body-box .leftBracket,:host ::ng-deep .body-box .rightBracket{width:60px}:host ::ng-deep .body-box .cellOperation{min-width:120px}:host ::ng-deep .body-box .conditionTable,:host ::ng-deep .body-box .conditionField{width:200px}:host ::ng-deep .body-box .cellValue nz-select,:host ::ng-deep .body-box .cellValue .ant-input{width:190px}:host ::ng-deep .body-box .cellFunction{width:80px}:host ::ng-deep .empty{display:flex;padding:0 0 15px}:host ::ng-deep .empty .image{margin:auto}:host ::ng-deep .empty img{width:80px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], dataChange: [{
+                type: Output
+            }] } });
+
+const components = [GramDeonFilterComponent, GramFilterCompareComponent];
+class GramDeonFilterModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: GramDeonFilterModule, imports: [GramDeonFilterComponent, GramFilterCompareComponent], exports: [GramDeonFilterComponent, GramFilterCompareComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonFilterModule, imports: [components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonFilterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ...components
+                    ],
+                    exports: [...components],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GramDeonFilterComponent, GramDeonFilterModule, GramFilterCompareComponent };
+//# sourceMappingURL=components.filter.mjs.map