atr-components 3.0.5 → 3.0.7

package/fesm2022/atr-components.mjs

@@ -62,6 +62,7 @@ import { NzListModule } from 'ng-zorro-antd/list';
 import { NzMentionModule } from 'ng-zorro-antd/mention';
 import { NzMenuModule } from 'ng-zorro-antd/menu';
 import { NzPageHeaderModule } from 'ng-zorro-antd/page-header';
+import * as i11$1 from 'ng-zorro-antd/pagination';
 import { NzPaginationModule } from 'ng-zorro-antd/pagination';
 import * as i8$1 from 'ng-zorro-antd/popover';
 import { NzPopoverModule } from 'ng-zorro-antd/popover';
@@ -80,7 +81,7 @@ import { NzStatisticModule } from 'ng-zorro-antd/statistic';
 import { NzStepsModule } from 'ng-zorro-antd/steps';
 import * as i9$1 from 'ng-zorro-antd/switch';
 import { NzSwitchModule } from 'ng-zorro-antd/switch';
-import * as i11$1 from 'ng-zorro-antd/table';
+import * as i12 from 'ng-zorro-antd/table';
 import { NzTableModule } from 'ng-zorro-antd/table';
 import { NzTabsModule } from 'ng-zorro-antd/tabs';
 import { NzTagModule } from 'ng-zorro-antd/tag';
@@ -94,7 +95,7 @@ import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
 import { NzTypographyModule } from 'ng-zorro-antd/typography';
 import * as i6$1 from 'ng-zorro-antd/upload';
 import { NzUploadModule } from 'ng-zorro-antd/upload';
-import * as i12 from 'ng-zorro-antd/resizable';
+import * as i13 from 'ng-zorro-antd/resizable';
 import { NzResizableModule } from 'ng-zorro-antd/resizable';
 import * as i1$2 from '@angular/common';
 import { CommonModule, formatDate, registerLocaleData } from '@angular/common';
@@ -102,7 +103,6 @@ import { NzSpaceModule } from 'ng-zorro-antd/space';
 import * as i1$3 from 'ng-zorro-antd/image';
 import { NzImageModule } from 'ng-zorro-antd/image';
 import * as i1 from '@angular/platform-browser';
-import * as i13 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import * as i4 from 'ng-zorro-antd/core/transition-patch';
 import * as i3$2 from 'ng-zorro-antd/modal';
@@ -2753,7 +2753,7 @@ class TableFormItemComponent {
                 useExisting: forwardRef(() => TableFormItemComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<nz-form-item style=\"position: relative\" title=\"{{header.name}}\" nzFlex>\r\n  <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\r\n    <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\r\n      <input\r\n        nz-input\r\n        placeholder=\"{{header.name}}\"\r\n        [attr.id]=\"header.key\"\r\n        [(ngModel)]=\"value\"\r\n        (ngModelChange)=\"onChange($event)\"\r\n      />\r\n\r\n    </nz-input-group>\r\n\r\n    <nz-select *ngSwitchCase=\"'select'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               nzServerSearch\r\n               [(ngModel)]=\"value\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\r\n                 [nzValue]=\"o.id\"></nz-option>\r\n    </nz-select>\r\n    <nz-select *ngSwitchCase=\"'selectCus'\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzShowSearch]=\"true\"\r\n               [(ngModel)]=\"value\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\r\n                 [nzValue]=\"o.value\">\r\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\r\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\r\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\r\n        {{o.label}}\r\n      </nz-option>\r\n\r\n    </nz-select>\r\n    <nz-cascader\r\n      *ngSwitchCase=\"'cascader'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\r\n      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n      [nzShowSearch]=\"true\"\r\n      [nzOptions]=\"header.dictList\"\r\n      [(ngModel)]=\"value\"\r\n    ></nz-cascader>\r\n    <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n      <nz-tree-select *ngIf=\"header.treeList\"\r\n                      [nzDefaultExpandAll]=\"header.expandAll\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [nzAllowClear]=\"!header.disableClear\"\r\n                      [nzNodes]=\"header.treeList\"\r\n                      nzHideUnMatched=\"true\"\r\n                      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n                      [nzShowSearch]=\"true\"\r\n                      [(ngModel)]=\"value\"\r\n                      [nzMultiple]=\"header.selectUrl.isMultiple\"\r\n                      [nzMaxTagCount]=\"header.maxTagCount || 3\"\r\n                      nzVirtualHeight=\"330px\"\r\n      >\r\n      </nz-tree-select>\r\n    </ng-container>\r\n\r\n    <nz-range-picker *ngSwitchCase=\"'dayRange'\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\"\r\n                     [(ngModel)]=\"value\"\r\n                     style=\"width: 100%;\"\r\n                     nzAllowClear=\"true\"\r\n                     [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n                     [nzDefaultPickerValue]=\"header.defaultVal\"\r\n    ></nz-range-picker>\r\n    <nz-range-picker\r\n      *ngSwitchCase=\"'dateRange'\"\r\n      [nzShowTime]=\"header.nzShowTime ? header.nzShowTime : false\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n\r\n      [nzFormat]=\"header.nzShowTime && header.nzShowTime.nzFormat  ?\r\n      ('yyyy-MM-dd '+ header.nzShowTime.nzFormat) : 'yyyy-MM-dd HH:mm:ss'\"\r\n\r\n      [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\r\n      [(ngModel)]=\"value\"\r\n      style=\"width: 100%;\"\r\n      nzAllowClear=\"true\"\r\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\r\n    <ng-container *ngSwitchCase=\"'sdate'\">\r\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"!header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n      <nz-date-picker style=\"width: 100%\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"header.dateMode\"\r\n                      [nzMode]=\"header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n    </ng-container>\r\n    <nz-month-picker\r\n      *ngSwitchCase=\"'smonth'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      [(ngModel)]=\"value\"\r\n      [nzFormat]=\"'yyyy-MM'\"\r\n      [nzPlaceHolder]=\"[header.name]\"\r\n      nzAllowClear=\"true\"></nz-month-picker>\r\n    <span class=\"label-title\">{{header.name}}</span>\r\n  </nz-form-control>\r\n</nz-form-item>\r\n\r\n<ng-template #inputClearTpl>\r\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\r\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\r\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: i4$1.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOpen", "nzOptions", "nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelProperty", "nzLabelRender", "nzVariant", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseLeaveDelay", "nzMouseEnterDelay", "nzStatus", "nzMultiple", "nzMaxTagCount", "nzPlacement", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzDisplayWith", "nzPrefix", "nzSuffixIcon", "nzExpandIcon"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzRemoved", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i5.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", "nzVariant", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i5.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "directive", type: i5.NzMonthPickerComponent, selector: "nz-month-picker", exportAs: ["nzMonthPicker"] }, { kind: "directive", type: i6.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i6.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i14.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i14.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i9.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i9.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i10.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i10.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "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", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i11.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzVariant", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzPrefix", "nzSuffixIcon", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckboxChange"], exportAs: ["nzTreeSelect"] }, { kind: "pipe", type: IsNotEmptyPipe, name: "isNotEmpty" }] }); }
+        ], ngImport: i0, template: "<nz-form-item style=\"position: relative\" title=\"{{header.name}}\" nzFlex>\r\n  <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\r\n    <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\r\n      <input\r\n        nz-input\r\n        placeholder=\"{{header.name}}\"\r\n        [attr.id]=\"header.key\"\r\n        [(ngModel)]=\"value\"\r\n        (ngModelChange)=\"onChange($event)\"\r\n      />\r\n\r\n    </nz-input-group>\r\n\r\n    <nz-select *ngSwitchCase=\"'select'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               nzServerSearch\r\n               [(ngModel)]=\"value\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\r\n                 [nzValue]=\"o.id\"></nz-option>\r\n    </nz-select>\r\n    <nz-select *ngSwitchCase=\"'selectCus'\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzShowSearch]=\"true\"\r\n               [(ngModel)]=\"value\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\r\n                 [nzValue]=\"o.value\">\r\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\r\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\r\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\r\n        {{o.label}}\r\n      </nz-option>\r\n\r\n    </nz-select>\r\n    <nz-cascader\r\n      *ngSwitchCase=\"'cascader'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\r\n      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n      [nzShowSearch]=\"true\"\r\n      [nzOptions]=\"header.dictList\"\r\n      [(ngModel)]=\"value\"\r\n    ></nz-cascader>\r\n    <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n      <nz-tree-select *ngIf=\"header.treeList\"\r\n                      [nzDefaultExpandAll]=\"header.expandAll\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [nzAllowClear]=\"!header.disableClear\"\r\n                      [nzNodes]=\"header.treeList\"\r\n                      nzHideUnMatched=\"true\"\r\n                      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n                      [nzShowSearch]=\"true\"\r\n                      [(ngModel)]=\"value\"\r\n                      [nzMultiple]=\"header.selectUrl.isMultiple\"\r\n                      [nzMaxTagCount]=\"header.maxTagCount || 3\"\r\n                      nzVirtualHeight=\"330px\"\r\n      >\r\n      </nz-tree-select>\r\n    </ng-container>\r\n\r\n    <nz-range-picker *ngSwitchCase=\"'dayRange'\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\"\r\n                     [(ngModel)]=\"value\"\r\n                     style=\"width: 100%;\"\r\n                     nzAllowClear=\"true\"\r\n                     [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n                     [nzDefaultPickerValue]=\"header.defaultVal\"\r\n    ></nz-range-picker>\r\n    <nz-range-picker\r\n      *ngSwitchCase=\"'dateRange'\"\r\n      [nzShowTime]=\"header.nzShowTime ? header.nzShowTime : false\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n\r\n      [nzFormat]=\"header.nzShowTime && header.nzShowTime.nzFormat  ?\r\n      ('yyyy-MM-dd '+ header.nzShowTime.nzFormat) : 'yyyy-MM-dd HH:mm:ss'\"\r\n\r\n      [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\r\n      [(ngModel)]=\"value\"\r\n      style=\"width: 100%;\"\r\n      nzAllowClear=\"true\"\r\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\r\n    <ng-container *ngSwitchCase=\"'sdate'\">\r\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"!header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n      <nz-date-picker style=\"width: 100%\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"header.dateMode\"\r\n                      [nzMode]=\"header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n    </ng-container>\r\n    <nz-month-picker\r\n      *ngSwitchCase=\"'smonth'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      [(ngModel)]=\"value\"\r\n      [nzFormat]=\"'yyyy-MM'\"\r\n      [nzPlaceHolder]=\"[header.name]\"\r\n      nzAllowClear=\"true\"></nz-month-picker>\r\n    <span class=\"label-title\">{{header.name}}</span>\r\n  </nz-form-control>\r\n</nz-form-item>\r\n\r\n<ng-template #inputClearTpl>\r\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\r\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\r\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "component", type: i4$1.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOpen", "nzOptions", "nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelProperty", "nzLabelRender", "nzVariant", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseLeaveDelay", "nzMouseEnterDelay", "nzStatus", "nzMultiple", "nzMaxTagCount", "nzPlacement", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzDisplayWith", "nzPrefix", "nzSuffixIcon", "nzExpandIcon"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzRemoved", "nzClear"], exportAs: ["nzCascader"] }, { kind: "component", type: i5.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", "nzVariant", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i5.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { kind: "directive", type: i5.NzMonthPickerComponent, selector: "nz-month-picker", exportAs: ["nzMonthPicker"] }, { kind: "directive", type: i6.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i6.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i14.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i14.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i9.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled", "readonly"], exportAs: ["nzInput"] }, { kind: "component", type: i9.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i9.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i10.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i10.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzVariant", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzPrefix", "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", "nzOnClear"], exportAs: ["nzSelect"] }, { kind: "component", type: i11.NzTreeSelectComponent, selector: "nz-tree-select", inputs: ["nzId", "nzAllowClear", "nzShowExpand", "nzShowLine", "nzDropdownMatchSelectWidth", "nzCheckable", "nzHideUnMatched", "nzShowIcon", "nzShowSearch", "nzDisabled", "nzAsyncData", "nzMultiple", "nzDefaultExpandAll", "nzCheckStrictly", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzExpandedIcon", "nzNotFoundContent", "nzNodes", "nzOpen", "nzSize", "nzVariant", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzPlacement", "nzExpandedKeys", "nzPrefix", "nzSuffixIcon", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckboxChange"], exportAs: ["nzTreeSelect"] }, { kind: "pipe", type: IsNotEmptyPipe, name: "isNotEmpty" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableFormItemComponent, decorators: [{
             type: Component,
@@ -2763,7 +2763,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             useExisting: forwardRef(() => TableFormItemComponent),
                             multi: true
                         }
-                    ], template: "<nz-form-item style=\"position: relative\" title=\"{{header.name}}\" nzFlex>\r\n  <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\r\n    <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\r\n      <input\r\n        nz-input\r\n        placeholder=\"{{header.name}}\"\r\n        [attr.id]=\"header.key\"\r\n        [(ngModel)]=\"value\"\r\n        (ngModelChange)=\"onChange($event)\"\r\n      />\r\n\r\n    </nz-input-group>\r\n\r\n    <nz-select *ngSwitchCase=\"'select'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               nzServerSearch\r\n               [(ngModel)]=\"value\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\r\n                 [nzValue]=\"o.id\"></nz-option>\r\n    </nz-select>\r\n    <nz-select *ngSwitchCase=\"'selectCus'\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzShowSearch]=\"true\"\r\n               [(ngModel)]=\"value\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\r\n                 [nzValue]=\"o.value\">\r\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\r\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\r\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\r\n        {{o.label}}\r\n      </nz-option>\r\n\r\n    </nz-select>\r\n    <nz-cascader\r\n      *ngSwitchCase=\"'cascader'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\r\n      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n      [nzShowSearch]=\"true\"\r\n      [nzOptions]=\"header.dictList\"\r\n      [(ngModel)]=\"value\"\r\n    ></nz-cascader>\r\n    <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n      <nz-tree-select *ngIf=\"header.treeList\"\r\n                      [nzDefaultExpandAll]=\"header.expandAll\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [nzAllowClear]=\"!header.disableClear\"\r\n                      [nzNodes]=\"header.treeList\"\r\n                      nzHideUnMatched=\"true\"\r\n                      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n                      [nzShowSearch]=\"true\"\r\n                      [(ngModel)]=\"value\"\r\n                      [nzMultiple]=\"header.selectUrl.isMultiple\"\r\n                      [nzMaxTagCount]=\"header.maxTagCount || 3\"\r\n                      nzVirtualHeight=\"330px\"\r\n      >\r\n      </nz-tree-select>\r\n    </ng-container>\r\n\r\n    <nz-range-picker *ngSwitchCase=\"'dayRange'\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\"\r\n                     [(ngModel)]=\"value\"\r\n                     style=\"width: 100%;\"\r\n                     nzAllowClear=\"true\"\r\n                     [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n                     [nzDefaultPickerValue]=\"header.defaultVal\"\r\n    ></nz-range-picker>\r\n    <nz-range-picker\r\n      *ngSwitchCase=\"'dateRange'\"\r\n      [nzShowTime]=\"header.nzShowTime ? header.nzShowTime : false\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n\r\n      [nzFormat]=\"header.nzShowTime && header.nzShowTime.nzFormat  ?\r\n      ('yyyy-MM-dd '+ header.nzShowTime.nzFormat) : 'yyyy-MM-dd HH:mm:ss'\"\r\n\r\n      [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\r\n      [(ngModel)]=\"value\"\r\n      style=\"width: 100%;\"\r\n      nzAllowClear=\"true\"\r\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\r\n    <ng-container *ngSwitchCase=\"'sdate'\">\r\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"!header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n      <nz-date-picker style=\"width: 100%\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"header.dateMode\"\r\n                      [nzMode]=\"header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n    </ng-container>\r\n    <nz-month-picker\r\n      *ngSwitchCase=\"'smonth'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      [(ngModel)]=\"value\"\r\n      [nzFormat]=\"'yyyy-MM'\"\r\n      [nzPlaceHolder]=\"[header.name]\"\r\n      nzAllowClear=\"true\"></nz-month-picker>\r\n    <span class=\"label-title\">{{header.name}}</span>\r\n  </nz-form-control>\r\n</nz-form-item>\r\n\r\n<ng-template #inputClearTpl>\r\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\r\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\r\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
+                    ], template: "<nz-form-item style=\"position: relative\" title=\"{{header.name}}\" nzFlex>\r\n  <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\r\n    <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\r\n      <input\r\n        nz-input\r\n        placeholder=\"{{header.name}}\"\r\n        [attr.id]=\"header.key\"\r\n        [(ngModel)]=\"value\"\r\n        (ngModelChange)=\"onChange($event)\"\r\n      />\r\n\r\n    </nz-input-group>\r\n\r\n    <nz-select *ngSwitchCase=\"'select'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               nzServerSearch\r\n               [(ngModel)]=\"value\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\r\n                 [nzValue]=\"o.id\"></nz-option>\r\n    </nz-select>\r\n    <nz-select *ngSwitchCase=\"'selectCus'\"\r\n               [nzMode]=\"header.nzMode || 'default'\"\r\n               [nzAllowClear]=\"!header.disableClear\"\r\n               nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n               nzAllowClear=\"true\"\r\n               [nzShowSearch]=\"true\"\r\n               [(ngModel)]=\"value\"\r\n               [nzMaxTagCount]=\"header.maxTagCount ||3\"\r\n               (ngModelChange)=\"onChange($event)\"\r\n    >\r\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\r\n                 [nzValue]=\"o.value\">\r\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\r\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\r\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\r\n        {{o.label}}\r\n      </nz-option>\r\n\r\n    </nz-select>\r\n    <nz-cascader\r\n      *ngSwitchCase=\"'cascader'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\r\n      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n      [nzShowSearch]=\"true\"\r\n      [nzOptions]=\"header.dictList\"\r\n      [(ngModel)]=\"value\"\r\n    ></nz-cascader>\r\n    <ng-container *ngSwitchCase=\"'treeSelect'\">\r\n      <nz-tree-select *ngIf=\"header.treeList\"\r\n                      [nzDefaultExpandAll]=\"header.expandAll\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [nzAllowClear]=\"!header.disableClear\"\r\n                      [nzNodes]=\"header.treeList\"\r\n                      nzHideUnMatched=\"true\"\r\n                      nzPlaceHolder=\"{{header.placeholder||header.name}}\"\r\n                      [nzShowSearch]=\"true\"\r\n                      [(ngModel)]=\"value\"\r\n                      [nzMultiple]=\"header.selectUrl.isMultiple\"\r\n                      [nzMaxTagCount]=\"header.maxTagCount || 3\"\r\n                      nzVirtualHeight=\"330px\"\r\n      >\r\n      </nz-tree-select>\r\n    </ng-container>\r\n\r\n    <nz-range-picker *ngSwitchCase=\"'dayRange'\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange($event)\"\r\n                     [(ngModel)]=\"value\"\r\n                     style=\"width: 100%;\"\r\n                     nzAllowClear=\"true\"\r\n                     [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n                     [nzDefaultPickerValue]=\"header.defaultVal\"\r\n    ></nz-range-picker>\r\n    <nz-range-picker\r\n      *ngSwitchCase=\"'dateRange'\"\r\n      [nzShowTime]=\"header.nzShowTime ? header.nzShowTime : false\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n\r\n      [nzFormat]=\"header.nzShowTime && header.nzShowTime.nzFormat  ?\r\n      ('yyyy-MM-dd '+ header.nzShowTime.nzFormat) : 'yyyy-MM-dd HH:mm:ss'\"\r\n\r\n      [nzShowNow]=\"header.nzShowTime && header.nzShowNow \"\r\n      [(ngModel)]=\"value\"\r\n      style=\"width: 100%;\"\r\n      nzAllowClear=\"true\"\r\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\r\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\r\n    <ng-container *ngSwitchCase=\"'sdate'\">\r\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"!header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n      <nz-date-picker style=\"width: 100%\"\r\n                      (ngModelChange)=\"onChange($event)\"\r\n                      [(ngModel)]=\"value\"\r\n                      *ngIf=\"header.dateMode\"\r\n                      [nzMode]=\"header.dateMode\"\r\n                      nzAllowClear=\"true\"></nz-date-picker>\r\n    </ng-container>\r\n    <nz-month-picker\r\n      *ngSwitchCase=\"'smonth'\"\r\n      (ngModelChange)=\"onChange($event)\"\r\n      [(ngModel)]=\"value\"\r\n      [nzFormat]=\"'yyyy-MM'\"\r\n      [nzPlaceHolder]=\"[header.name]\"\r\n      nzAllowClear=\"true\"></nz-month-picker>\r\n    <span class=\"label-title\">{{header.name}}</span>\r\n  </nz-form-control>\r\n</nz-form-item>\r\n\r\n<ng-template #inputClearTpl>\r\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\r\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\r\n</ng-template>\r\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { header: [{
                 type: Input
             }], value: [{
@@ -2904,11 +2904,11 @@ class TableTdComponent {
         return isRight;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableTdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TableTdComponent, isStandalone: false, selector: "app-table-td", inputs: { data: "data", item: "item", i: "i" }, outputs: { doActionByRowAction: "doActionByRowAction" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"item.type\">\r\n  <ng-container *ngSwitchCase=\"'tempRef'\">\r\n    <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n    <div [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.innerHtmlBack((value| defVal:item.defaultVal),result) | safeHtml\"  ></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'textcolor'\">\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n         *ngIf=\"item.colorShow == value\"></div>\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n       <span nz-popover (mouseenter)=\"enter($event)\"\r\n             [nzPopoverTrigger]=\"popoverTrigger\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n             class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\"\r\n            [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n            class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n  </nz-switch>\r\n  <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n            class=\"view-text\">  {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n       nz-image atrErrorImg/>\r\n  <div nz-row *ngSwitchCase=\"'action'\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n      <ng-container *ngFor=\"let action of item.actions\">\r\n        <ng-container *ngIf=\"isShowBtn(result,action.operator,action)\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" *atrRole=\"action.code\"\r\n                    (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n          }}</button> -->\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"value | dicts:item.dictCode:',' | async | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" nz-popover (mouseenter)=\"enter($event)\"\r\n       [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n       class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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: "component", type: i3$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i6.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i6.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i8$1.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverTitleContext", "nzPopoverContent", "nzPopoverContentContext", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverOverlayClickable", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i9$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: DictsPipe, name: "dicts" }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TableTdComponent, isStandalone: false, selector: "app-table-td", inputs: { data: "data", item: "item", i: "i" }, outputs: { doActionByRowAction: "doActionByRowAction" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"item.type\">\r\n  <ng-container *ngSwitchCase=\"'tempRef'\">\r\n    <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n    <div [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.innerHtmlBack((value| defVal:item.defaultVal),result) | safeHtml\"  ></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'textcolor'\">\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n         *ngIf=\"item.colorShow == value\"></div>\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n       <span nz-popover (mouseenter)=\"enter($event)\"\r\n             [nzPopoverTrigger]=\"popoverTrigger\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n             class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\"\r\n            [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n            class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n  </nz-switch>\r\n  <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n            class=\"view-text\">  {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n       nz-image atrErrorImg/>\r\n  <div nz-row *ngSwitchCase=\"'action'\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n      <ng-container *ngFor=\"let action of item.actions\">\r\n        <ng-container *ngIf=\"isShowBtn(result,action.operator,action)\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" *atrRole=\"action.code\"\r\n                    (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n          }}</button> -->\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"value | dicts:item.dictCode:',' | async | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" nz-popover (mouseenter)=\"enter($event)\"\r\n       [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n       class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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: "component", type: i3$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i6.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i6.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i8$1.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverTitleContext", "nzPopoverContent", "nzPopoverContentContext", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverOverlayClickable", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { kind: "component", type: i9$1.NzSwitchComponent, selector: "nz-switch", inputs: ["nzLoading", "nzDisabled", "nzControl", "nzCheckedChildren", "nzUnCheckedChildren", "nzSize", "nzId"], exportAs: ["nzSwitch"] }, { kind: "directive", type: i1$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder", "nzScaleStep"], exportAs: ["nzImage"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }, { kind: "pipe", type: DefaultValPipe, name: "defVal" }, { kind: "pipe", type: DictsPipe, name: "dicts" }, { kind: "pipe", type: OssImgPipe, name: "ossImg" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$2.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableTdComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'app-table-td', template: "<ng-container [ngSwitch]=\"item.type\">\r\n  <ng-container *ngSwitchCase=\"'tempRef'\">\r\n    <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n    <div [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.innerHtmlBack((value| defVal:item.defaultVal),result) | safeHtml\"  ></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'textcolor'\">\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n         *ngIf=\"item.colorShow == value\"></div>\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n       <span nz-popover (mouseenter)=\"enter($event)\"\r\n             [nzPopoverTrigger]=\"popoverTrigger\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n             class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\"\r\n            [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n            class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n  </nz-switch>\r\n  <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n            class=\"view-text\">  {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n       nz-image atrErrorImg/>\r\n  <div nz-row *ngSwitchCase=\"'action'\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n      <ng-container *ngFor=\"let action of item.actions\">\r\n        <ng-container *ngIf=\"isShowBtn(result,action.operator,action)\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" *atrRole=\"action.code\"\r\n                    (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n          }}</button> -->\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"value | dicts:item.dictCode:',' | async | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" nz-popover (mouseenter)=\"enter($event)\"\r\n       [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n       class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
+            args: [{ standalone: false, selector: 'app-table-td', template: "<ng-container [ngSwitch]=\"item.type\">\r\n  <ng-container *ngSwitchCase=\"'tempRef'\">\r\n    <ng-container *ngTemplateOutlet=\"item.tempRef; context: {data: result,item:item,value:value}\">\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'innerHtml'\">\r\n    <div [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.innerHtmlBack((value| defVal:item.defaultVal),result) | safeHtml\"  ></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'textcolor'\">\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n         *ngIf=\"item.colorShow == value\"></div>\r\n    <div [innerHTML]=\"value | defVal:item.defaultVal\" *ngIf=\"item.colorShow != value\"></div>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'date'\">\r\n       <span nz-popover (mouseenter)=\"enter($event)\"\r\n             [nzPopoverTrigger]=\"popoverTrigger\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             [nzPopoverContent]=\"value | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n             class=\"view-text\">{{ value | date:'yyyy-MM-dd' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <ng-container *ngSwitchCase=\"'dateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\"\r\n            [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n            class=\"view-text\"> {{ value | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <nz-switch *ngSwitchCase=\"'switch'\" [(ngModel)]=\"value\" [nzDisabled]=\"item.disabled\"\r\n             [ngStyle]=\"getStyleCallBack(item,result)\"\r\n             (ngModelChange)=\"doActionSwitch(result,item.key)\" nzCheckedChildren=\"\u662F\" nzUnCheckedChildren=\"\u5426\">\r\n  </nz-switch>\r\n  <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n            [nzPopoverTrigger]=\"popoverTrigger\" [ngStyle]=\"getStyleCallBack(item,result)\"\r\n            [nzPopoverContent]=\"value | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n            class=\"view-text\">  {{ value | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n  </ng-container>\r\n  <div *ngSwitchCase=\"'fixedText'\" [ngStyle]=\"getStyleCallBack(item,result)\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal) | ossImg}}\"\r\n       nz-image atrErrorImg/>\r\n  <img *ngSwitchCase=\"'image64'\" [ngStyle]=\"getStyleCallBack(item,result)\" width=\"35px\" nzSrc=\"{{(value | defVal:item.defaultVal)}}\"\r\n       nz-image atrErrorImg/>\r\n  <div nz-row *ngSwitchCase=\"'action'\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"24\">\r\n      <ng-container *ngFor=\"let action of item.actions\">\r\n        <ng-container *ngIf=\"isShowBtn(result,action.operator,action)\">\r\n          <ng-container *ngIf=\"!action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" *atrRole=\"action.code\"\r\n                    (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"action.withoutRole\">\r\n            <button nz-button\r\n                    [nzType]=\"action.buttonType&&action.buttonType != 'danger'? action.buttonType : 'primary'\"\r\n                    [nzDanger]=\"action.buttonType == 'danger'\"\r\n                    nzSize=\"small\" (click)=\"doActionByRow(result,action.code,$event,i)\">\r\n              <i nz-icon *ngIf=\"action.icon\" [nzType]=\"action.icon\"></i>\r\n              {{action.name}}</button>\r\n          </ng-container>\r\n          <!-- <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" *atrRole=\"action.code\" (click)=\"doActionByRow(result,action.code,$event)\">{{action.name\r\n          }}</button> -->\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" *ngSwitchCase=\"'dict'\" [innerHTML]=\"value | dicts:item.dictCode:',' | async | defVal:item.defaultVal\"></div>\r\n  <div [ngStyle]=\"getStyleCallBack(item,result)\" nz-popover (mouseenter)=\"enter($event)\"\r\n       [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='value | defVal:item.defaultVal'\r\n       class=\"view-text\" *ngSwitchDefault [innerHTML]=\"value | defVal:item.defaultVal\"></div>\r\n</ng-container>\r\n\r\n", styles: [":host{cursor:default}:host .view-text{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}\n", ":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{
                 type: Input
             }], item: [{
@@ -2992,9 +2992,14 @@ class AtrTableComponent {
         this.injector = injector;
         this.locale = locale;
         this.cd = cd;
-        this.tableWidth = "";
-        this.atrForm = null;
+        this.viewInitOver = false;
+        this.tableWidth = 0;
+        this.tableHeight = 0;
+        this.scrollX = 0;
+        this.id = -1;
+        this.scrollSize = { x: "", y: "" };
         this.isCollapse = true;
+        this.atrForm = null;
         this.dicts = {};
         this.pageIndex = 1;
         this.total = 1;
@@ -3004,7 +3009,6 @@ class AtrTableComponent {
         this.allowDrag = false; //允许拖拽换位
         this.showQueryTime = false;
         this.tableDatas = [];
-        this.scrollSize = { x: "", y: "" };
         //表格checkbox 配置
         this.isAllDisplayDataChecked = false;
         this.isIndeterminate = false;
@@ -3027,6 +3031,75 @@ class AtrTableComponent {
         this.resizeDirection = null;
         this.queryTime = "";
     }
+    onResize({ width, height, direction }, item) {
+        cancelAnimationFrame(this.id);
+        this.id = requestAnimationFrame(() => {
+            if (width) {
+                this.scrollX += (width - item.width);
+                this.scrollSize.x = this.scrollX + "px";
+                item.width = width;
+                this.resizeDirection = direction;
+            }
+        });
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.initWidth();
+            this.isAllLoad = true;
+            this.cd.detectChanges();
+        }, 100);
+    }
+    ngOnInit() {
+        if (this.queryOpts && this.queryOpts.headers.length > 0) {
+            this.atrForm = this.fb.group({});
+        }
+        this.initHeader();
+        if (this.queryOpts && this.queryOpts.tables) {
+            for (let table of this.queryOpts.tables) {
+                if (table.type == 'dict') {
+                    this.getDictValue(table.dictCode);
+                }
+                if (table.sortKey) {
+                    table.sortable = true;
+                    this.sortMap[table.sortKey] = null;
+                }
+                else
+                    table.sortable = false;
+            }
+        }
+        if (this.queryOpts && this.queryOpts.defaultParams) {
+            this.defaultParams = this.queryOpts.defaultParams;
+        }
+        if (!this.queryOpts.isAutoQuery) {
+            this.query();
+        }
+        else {
+            this.loading = false;
+            // this.cd.detectChanges();
+        }
+    }
+    initWidth() {
+        this.tableHeight = this.tableContent.nativeElement.offsetHeight;
+        this.tableWidth = this.tableContent.nativeElement.offsetWidth;
+        this.queryOpts.tables.filter(item => item.isShow).forEach(item => {
+            this.scrollX += item.width;
+        });
+        console.log("initWidth 改变前 ", this.pageFooter, this.tableHeight);
+        if (this.scrollX < this.tableWidth) {
+            let lastItem = this.queryOpts.tables[this.queryOpts.tables.length - 1];
+            let wid = lastItem.width;
+            wid += (this.tableWidth - this.scrollX);
+            lastItem.width = wid;
+            this.scrollX = this.tableWidth;
+        }
+        this.scrollSize.x = this.scrollX + "px";
+        console.log("initWidth 改变后", this.scrollSize, this.tableWidth);
+        setTimeout(() => {
+            const tableWrapper = document.querySelector('.table-content .ant-table-title');
+            this.scrollSize.y = (this.tableHeight > 0 ? (this.tableHeight - tableWrapper.clientHeight - 120) : 200) + "px";
+            this.viewInitOver = true;
+        }, 500);
+    }
     isShowColor(data) {
         if (this.queryOpts.color && this.queryOpts.color.operator && this.isShowBtn(data, this.queryOpts.color.operator)) {
             return this.queryOpts.color.color;
@@ -3071,26 +3144,6 @@ class AtrTableComponent {
     setTableLoadding(loadding) {
         this.loading = loadding;
     }
-    onResize({ width, height, direction }, col) {
-        console.log('width', width);
-        console.log('col', col);
-        cancelAnimationFrame(this.widthId);
-        this.widthId = requestAnimationFrame(() => {
-            this.queryOpts.tables = this.queryOpts.tables.map((e) => (e.name === col ? { ...e, width: `${width}px` } : e));
-            this.resizeDirection = direction;
-        });
-        let x = 0;
-        console.log('tables', this.queryOpts.tables);
-        for (let item of this.queryOpts.tables) {
-            if (item.isShow && item.width) {
-                x += ToolsUtil.pixelToNum(item.width);
-            }
-        }
-        this.scrollSize = {
-            ...this.scrollSize,
-            x: (x + 30) + "px"
-        };
-    }
     isEnable(operator) {
         let isEnable = true;
         if (!operator || operator == undefined || operator == "")
@@ -3296,40 +3349,6 @@ class AtrTableComponent {
         this.tableAction.emit(action);
         this.refreshStatus();
     }
-    ngOnInit() {
-        if (this.queryOpts && this.queryOpts.headers.length > 0) {
-            this.atrForm = this.fb.group({});
-        }
-        let x = this.tableContent.nativeElement.offsetWidth - 22;
-        let y = this.tableContent.nativeElement.offsetHeight - 200;
-        this.scrollSize.x = (x > 0 ? x : 100) + "px";
-        this.scrollSize.y = (y > 0 ? y : 100) + "px";
-        // console.log(this.scrollSize)
-        this.initHeader();
-        if (this.queryOpts && this.queryOpts.tables) {
-            for (let table of this.queryOpts.tables) {
-                if (table.type == 'dict') {
-                    this.getDictValue(table.dictCode);
-                }
-                if (table.sortKey) {
-                    table.sortable = true;
-                    this.sortMap[table.sortKey] = null;
-                }
-                else
-                    table.sortable = false;
-            }
-        }
-        if (this.queryOpts && this.queryOpts.defaultParams) {
-            this.defaultParams = this.queryOpts.defaultParams;
-        }
-        if (!this.queryOpts.isAutoQuery) {
-            this.query();
-        }
-        else {
-            this.loading = false;
-            // this.cd.detectChanges();
-        }
-    }
     initHeader() {
         this.headerDefaultVal = {};
         if (this.queryOpts && this.queryOpts.headers && this.queryOpts.headers.length > 0) {
@@ -3388,33 +3407,6 @@ class AtrTableComponent {
             }
         });
     }
-    ngAfterViewInit() {
-        this.tableWidth = this.tableContent.nativeElement.offsetWidth - 22 + "px";
-        setTimeout(() => {
-            let scrollSize = JSON.parse(JSON.stringify(this.scrollSize));
-            scrollSize.y = this.tableContent.nativeElement.offsetHeight - 100 + "px";
-            if (this.isHideTable) {
-                scrollSize.y = this.tableContent.nativeElement.offsetHeight - 60 + "px";
-            }
-            let width = 0;
-            if (this.queryOpts && this.queryOpts.tables) {
-                for (let table of this.queryOpts.tables) {
-                    if (table.isShow && table.width) {
-                        width += ToolsUtil.pixelToNum(table.width);
-                    }
-                }
-            }
-            let w = this.tableContent.nativeElement.offsetWidth - 22;
-            if (width > w)
-                scrollSize.x = width + "px";
-            else
-                scrollSize.x = this.tableContent.nativeElement.offsetWidth - 22 + "px";
-            console.log(scrollSize);
-            this.scrollSize = scrollSize;
-            this.isAllLoad = true;
-            this.cd.detectChanges();
-        }, 100);
-    }
     sort(sortName, value) {
         for (const key in this.sortMap) {
             this.sortMap[key] = key === sortName ? value : null;
@@ -3580,11 +3572,21 @@ class AtrTableComponent {
             order = orderby.join(",");
         return order;
     }
+    PageSizeChange(e) {
+        console.log(e);
+        this.pageSize = e;
+        this.query(true);
+    }
+    PageIndexChange(e) {
+        console.log(e);
+        this.pageIndex = e;
+        this.query();
+    }
     query(reset = false) {
         let params = this.getQueryParams(reset);
+        console.log('查询条件', params, this);
         if (this.queryHeaders) {
             params = Object.assign({}, this.queryHeaders, params);
-            console.log('查询条件', params);
         }
         if (this.queryOpts.url) {
             this.loading = true;
@@ -3693,11 +3695,11 @@ class AtrTableComponent {
         this.tableAction.emit(action);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrTableComponent, deps: [{ token: i3.UntypedFormBuilder }, { token: i0.Injector }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: AtrTableComponent, isStandalone: false, selector: "atr-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, viewQueries: [{ propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }], ngImport: i0, template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\r\n      *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\">\r\n  <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n    <ng-content select=\"[header-left-slot]\"></ng-content>\r\n    <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n         [nzSpan]=\"header.span\">\r\n      <app-table-form-item\r\n        [header]=\"header\"\r\n        [ngModel]=\"header.defaultVal\"\r\n        [dictList]=\"dicts[header.dictCode]\"\r\n        [formControlName]=\"header.key\"\r\n        (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n    </div>\r\n    <ng-content select=\"[header-right-slot]\"></ng-content>\r\n  </div>\r\n  <div nz-row nzType=\"flex\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n      <ng-content select=\"[button-left-slot]\"></ng-content>\r\n      <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n        <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\" [name]=\"action.name\"\r\n                          [withoutRole]=\"action.withoutRole\"\r\n                          style=\"    display: inline-block;\"></atr-local-upload>\r\n        <ng-container *ngIf=\"!action.gType\">\r\n          <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                  *atrRole=\"action.withoutRole ? null:action.code\"\r\n                  [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-content select=\"[button-right-slot]\"></ng-content>\r\n    </div>\r\n    <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n      <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n      <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n      <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n      <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n        {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n        <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n</form>\r\n<div class=\"search-result-list\" #tableContent [spinLoading]=\"loading\" HqSpin>\r\n  <nz-table *ngIf=\"isAllLoad \" #basicTable class=\"main-table\"\r\n            [ngStyle]=\"{width: tableWidth ||'100%'}\"\r\n            [nzScroll]=\"scrollSize\"\r\n            nzSize=\"middle\"\r\n            nzBordered\r\n            [nzShowPagination]=\"showPagination\"\r\n            nzShowSizeChanger\r\n            [nzFrontPagination]=\"false\"\r\n            [nzLoading]=\"loading\"\r\n            [nzTotal]=\"total\"\r\n            [(nzPageIndex)]=\"pageIndex\"\r\n            [(nzPageSize)]=\"pageSize\"\r\n            [nzPageSizeOptions]=\"pageSizeOptions\"\r\n            [nzData]=\"tableDatas\"\r\n            (nzPageIndexChange)=\"query()\"\r\n            (nzPageSizeChange)=\"query(true)\"\r\n            [nzShowTotal]=\"totalTemplate\"\r\n  >\r\n    <ng-content select=\"[slot1]\"></ng-content>\r\n    <ng-container *ngIf=\"!isHideTable\">\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            [nzLeft]=\"true\"\r\n            class=\"left-zindex-header\"\r\n            nzShowCheckbox\r\n            style=\"z-index: 90!important;\"\r\n            nzWidth=\"30px\"\r\n            nzAlign=\"center\"\r\n            [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n            [nzIndeterminate]=\"isIndeterminate\"\r\n            (nzCheckedChange)=\"checkAll($event)\"\r\n        ></th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\"\r\n            nzAlign=\"center\">#\r\n        </th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th [nzBreakWord]=\"true\" *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzBounds=\"window\"\r\n              [(nzSortOrder)]=\"sortMap[item.sortKey]\"\r\n              (nzSortOrderChange)=\"sort(item.sortKey, $event)\"\r\n              [nzWidth]=\"item.width\"\r\n              [nzMaxWidth]=\"256\"\r\n              [nzMinWidth]=\"60\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex-header':item.isLeft ? true : false}\"\r\n              (nzResizeEnd)=\"onResize($event, item.name)\">\r\n            {{item.name}}<!-- {width}: { width: number }, col: string-->\r\n            <nz-resize-handle nzDirection=\"right\">\r\n              <div class=\"resize-trigger\"></div>\r\n            </nz-resize-handle>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n      </thead>\r\n\r\n\r\n      <tbody *ngIf=\"!allowDrag\">\r\n\r\n      <tr *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngStyle]=\"{'color':isShowColor(data)}\"\r\n          [ngClass]=\"{'selected': i == curChecked}\" (dblclick)=\"dbclickData(data,i)\">\r\n\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      </tbody>\r\n      <tbody *ngIf=\"allowDrag\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n      <tr cdkDrag *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngClass]=\"{'selected': i == curChecked}\">\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <!--\r\n                  <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\" [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"   [nzRight]=\"item.isRight ? true : false\"\r\n                      *ngIf=\"queryOpts.isShowCheckbox\"\r\n                      nzShowCheckbox\r\n                      [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n                      (nzCheckedChange)=\"refreshStatus()\"\r\n                  ></td>\r\n        -->\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n      </tbody>\r\n\r\n    </ng-container>\r\n\r\n\r\n    <ng-template #totalTemplate let-total>\u5171 {{ total }} \u6761\u8BB0\u5F55</ng-template>\r\n  </nz-table>\r\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n    <div class=\"tabel-colunmn\">\r\n      <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n        <div nz-row>\r\n          <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n            <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n          </div>\r\n        </div>\r\n      </nz-checkbox-wrapper>\r\n      <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n    </div>\r\n  </nz-dropdown-menu>\r\n</div>\r\n\r\n", styles: [":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: i6$2.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6$2.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "component", type: i7.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i6.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i6.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap", "nzRequiredMark"], exportAs: ["nzForm"] }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i11$1.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i11$1.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i11$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i11$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand", "nzExpandIcon"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i11$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i11$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i11$1.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i11$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i11$1.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { kind: "directive", type: i11$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i11$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: i12.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i12.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "directive", type: i13.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i13.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { kind: "component", type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { kind: "component", type: TableTdComponent, selector: "app-table-td", inputs: ["data", "item", "i"], outputs: ["doActionByRowAction"] }, { kind: "component", type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole", "uploadType"], outputs: ["afterChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AtrTableComponent, isStandalone: false, selector: "atr-table", inputs: { pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", loading: "loading", allowDrag: "allowDrag", showQueryTime: "showQueryTime", isHideTable: "isHideTable", queryOpts: "queryOpts", showPagination: "showPagination", title: "title", queryHeaders: "queryHeaders" }, outputs: { tableAction: "tableAction", queryBack: "queryBack", headerAction: "headerAction" }, viewQueries: [{ propertyName: "tableHeader", first: true, predicate: ["formContent"], descendants: true, static: true }, { propertyName: "pageFooter", first: true, predicate: ["pageContent"], descendants: true, static: true }, { propertyName: "tableContent", first: true, predicate: ["tableContent"], descendants: true, static: true }, { propertyName: "basicTable", first: true, predicate: ["basicTable"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n  <nz-table #basicTable [nzData]=\"tableDatas\" nzBordered\r\n            nzSize=\"middle\"\r\n            [ngStyle]=\"{visibility: viewInitOver ? '':'hidden',width: tableWidth + 'px' }\"\r\n            [nzTitle]=\"tableHeader\"\r\n            [nzFooter]=\" showPagination ? pageFooter : null\"\r\n            [nzFrontPagination]=\"false\"\r\n            [nzScroll]=\"{x:scrollSize.x,y:scrollSize.y}\"\r\n  >\r\n    <thead>\r\n    <tr (contextmenu)=\"contextMenu($event,menu)\">\r\n      <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n          [nzLeft]=\"true\"\r\n          class=\"left-zindex-header\"\r\n          nzShowCheckbox\r\n          style=\"z-index: 90!important;\"\r\n          nzWidth=\"30px\"\r\n          nzAlign=\"center\"\r\n          [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n          [nzIndeterminate]=\"isIndeterminate\"\r\n          (nzCheckedChange)=\"checkAll($event)\"\r\n      ></th>\r\n      <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\"\r\n          nzWidth=\"30px\" nzAlign=\"center\">#\r\n      </th>\r\n      <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\"\r\n          nzWidth=\"30px\"\r\n          nzAlign=\"center\">#\r\n      </th>\r\n      <ng-container *ngFor=\"let item of queryOpts.tables;let last = last\">\r\n        <th *ngIf=\"item.isShow \"\r\n            nz-resizable\r\n            [nzMinWidth]=\"60\"\r\n            [nzWidth]=\"item.width + 'px'\"\r\n            (nzResize)=\"onResize($event,item)\"\r\n        >{{item.name}}\r\n          <nz-resize-handle nzDirection=\"right\">\r\n            <div class=\"resize-trigger\"></div>\r\n          </nz-resize-handle>\r\n        </th>\r\n      </ng-container>\r\n    </tr>\r\n    </thead>\r\n    <tbody>\r\n    @for (data of basicTable.data; track data) {\r\n    <tr class=\"t-tr\"\r\n             [ngStyle]=\"{'color':isShowColor(data)}\" (click)=\"selectRow(data,$index)\"\r\n                [ngClass]=\"{'selected': $index == curChecked}\" (dblclick)=\"dbclickData(data,$index)\" >\r\n        @if (queryOpts.checkBox?.isShowCheckbox) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n        class=\"left-zindex\"\r\n        nzShowCheckbox\r\n        [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n        (nzCheckedChange)=\"refreshStatus()\"\r\n    ></td>\r\n    }\r\n    @if (queryOpts.checkBox?.isRadio) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n        class=\"left-zindex\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,$index)\"\r\n        [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n    }\r\n    @if (queryOpts.isIndex) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\" nzAlign=\"center\" style=\"padding:12px 0;\"\r\n        nzBreakWord>{{$index + 1}}</td>\r\n    }\r\n    @for (item of queryOpts.tables; track item) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n        [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n        [nzRight]=\"item.isRight ? true : false\"\r\n        nzBreakWord\r\n        [rowSpan]=\"checkRowSpan(item,data)\"\r\n        *ngIf=\"checkShowTd(item,$index) \">\r\n      <app-table-td [data]=\"data\"\r\n                    [item]=\"item\"\r\n                    [i]=\"$index\"\r\n                    (doActionByRowAction)=\"doActionByRow2($event)\"\r\n      ></app-table-td>\r\n    </td>\r\n    }\r\n    </tr>\r\n    }\r\n    </tbody>\r\n  </nz-table>\r\n</div>\r\n\r\n\r\n<ng-template #tableHeader>\r\n  <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n        *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\r\n    <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n      <ng-content select=\"[header-left-slot]\"></ng-content>\r\n      <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n           [nzSpan]=\"header.span\">\r\n        <app-table-form-item\r\n          [header]=\"header\"\r\n          [ngModel]=\"header.defaultVal\"\r\n          [dictList]=\"dicts[header.dictCode]\"\r\n          [formControlName]=\"header.key\"\r\n          (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n      </div>\r\n      <ng-content select=\"[header-right-slot]\"></ng-content>\r\n    </div>\r\n    <div nz-row nzType=\"flex\">\r\n      <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n        <ng-content select=\"[button-left-slot]\"></ng-content>\r\n        <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n          <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\r\n                            [name]=\"action.name\"\r\n                            [withoutRole]=\"action.withoutRole\"\r\n                            style=\"    display: inline-block;\"></atr-local-upload>\r\n          <ng-container *ngIf=\"!action.gType\">\r\n            <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                    *atrRole=\"action.withoutRole ? null:action.code\"\r\n                    [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-content select=\"[button-right-slot]\"></ng-content>\r\n      </div>\r\n      <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n        <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n        <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n        <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n        <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n          {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n          <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n  </form>\r\n</ng-template>\r\n<ng-template #pageFooter>\r\n  <div class=\"flex\" style=\"justify-content: flex-end;\" #pageContent>\r\n    <div class=\"flex \" style=\"align-items: center\">\r\n      \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n    </div>\r\n\r\n    <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n                   [nzSize]=\"'small'\"\r\n                   (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n                   (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n    ></nz-pagination>\r\n  </div>\r\n\r\n</ng-template>\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n  <div class=\"tabel-colunmn white-bg\" style=\"width: 150px;\">\r\n    <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n      <div nz-row>\r\n        <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n          <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n        </div>\r\n      </div>\r\n    </nz-checkbox-wrapper>\r\n    <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n  </div>\r\n</nz-dropdown-menu>\r\n", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5$1.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "component", type: i6$2.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId", "nzName"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "component", type: i6$2.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { kind: "component", type: i7.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i6.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i6.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i14.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap", "nzRequiredMark"], exportAs: ["nzForm"] }, { kind: "directive", type: i8.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i11$1.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize", "nzAlign"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }, { kind: "component", type: i12.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i12.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i12.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i12.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand", "nzExpandIcon"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i12.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i12.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i12.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i12.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i12.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { kind: "directive", type: i12.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i12.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: i13.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i13.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "directive", type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { kind: "directive", type: HqSpinDirective, selector: "[HqSpin]", inputs: ["spinLoading", "text"] }, { kind: "component", type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { kind: "component", type: TableTdComponent, selector: "app-table-td", inputs: ["data", "item", "i"], outputs: ["doActionByRowAction"] }, { kind: "component", type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["beforeUpload", "url", "nzAccept", "name", "code", "withoutRole", "uploadType"], outputs: ["afterChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AtrTableComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'atr-table', template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\"\r\n      *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\">\r\n  <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n    <ng-content select=\"[header-left-slot]\"></ng-content>\r\n    <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n         [nzSpan]=\"header.span\">\r\n      <app-table-form-item\r\n        [header]=\"header\"\r\n        [ngModel]=\"header.defaultVal\"\r\n        [dictList]=\"dicts[header.dictCode]\"\r\n        [formControlName]=\"header.key\"\r\n        (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n    </div>\r\n    <ng-content select=\"[header-right-slot]\"></ng-content>\r\n  </div>\r\n  <div nz-row nzType=\"flex\">\r\n    <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n      <ng-content select=\"[button-left-slot]\"></ng-content>\r\n      <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n        <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\" [name]=\"action.name\"\r\n                          [withoutRole]=\"action.withoutRole\"\r\n                          style=\"    display: inline-block;\"></atr-local-upload>\r\n        <ng-container *ngIf=\"!action.gType\">\r\n          <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                  *atrRole=\"action.withoutRole ? null:action.code\"\r\n                  [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-content select=\"[button-right-slot]\"></ng-content>\r\n    </div>\r\n    <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n      <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n      <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n      <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n      <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n        {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n        <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n      </a>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n</form>\r\n<div class=\"search-result-list\" #tableContent [spinLoading]=\"loading\" HqSpin>\r\n  <nz-table *ngIf=\"isAllLoad \" #basicTable class=\"main-table\"\r\n            [ngStyle]=\"{width: tableWidth ||'100%'}\"\r\n            [nzScroll]=\"scrollSize\"\r\n            nzSize=\"middle\"\r\n            nzBordered\r\n            [nzShowPagination]=\"showPagination\"\r\n            nzShowSizeChanger\r\n            [nzFrontPagination]=\"false\"\r\n            [nzLoading]=\"loading\"\r\n            [nzTotal]=\"total\"\r\n            [(nzPageIndex)]=\"pageIndex\"\r\n            [(nzPageSize)]=\"pageSize\"\r\n            [nzPageSizeOptions]=\"pageSizeOptions\"\r\n            [nzData]=\"tableDatas\"\r\n            (nzPageIndexChange)=\"query()\"\r\n            (nzPageSizeChange)=\"query(true)\"\r\n            [nzShowTotal]=\"totalTemplate\"\r\n  >\r\n    <ng-content select=\"[slot1]\"></ng-content>\r\n    <ng-container *ngIf=\"!isHideTable\">\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            [nzLeft]=\"true\"\r\n            class=\"left-zindex-header\"\r\n            nzShowCheckbox\r\n            style=\"z-index: 90!important;\"\r\n            nzWidth=\"30px\"\r\n            nzAlign=\"center\"\r\n            [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n            [nzIndeterminate]=\"isIndeterminate\"\r\n            (nzCheckedChange)=\"checkAll($event)\"\r\n        ></th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\"\r\n            nzAlign=\"center\">#\r\n        </th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th [nzBreakWord]=\"true\" *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzBounds=\"window\"\r\n              [(nzSortOrder)]=\"sortMap[item.sortKey]\"\r\n              (nzSortOrderChange)=\"sort(item.sortKey, $event)\"\r\n              [nzWidth]=\"item.width\"\r\n              [nzMaxWidth]=\"256\"\r\n              [nzMinWidth]=\"60\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex-header':item.isLeft ? true : false}\"\r\n              (nzResizeEnd)=\"onResize($event, item.name)\">\r\n            {{item.name}}<!-- {width}: { width: number }, col: string-->\r\n            <nz-resize-handle nzDirection=\"right\">\r\n              <div class=\"resize-trigger\"></div>\r\n            </nz-resize-handle>\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n      </thead>\r\n\r\n\r\n      <tbody *ngIf=\"!allowDrag\">\r\n\r\n      <tr *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngStyle]=\"{'color':isShowColor(data)}\"\r\n          [ngClass]=\"{'selected': i == curChecked}\" (dblclick)=\"dbclickData(data,i)\">\r\n\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      </tbody>\r\n      <tbody *ngIf=\"allowDrag\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n      <tr cdkDrag *ngFor=\"let data of basicTable.data;index as i\" class=\"t-tr\" (click)=\"selectRow(data,i)\"\r\n          [ngClass]=\"{'selected': i == curChecked}\">\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n            nzShowCheckbox\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n            (nzCheckedChange)=\"refreshStatus()\"\r\n        ></td>\r\n        <!--\r\n                  <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\" [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"   [nzRight]=\"item.isRight ? true : false\"\r\n                      *ngIf=\"queryOpts.isShowCheckbox\"\r\n                      nzShowCheckbox\r\n                      [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n                      (nzCheckedChange)=\"refreshStatus()\"\r\n                  ></td>\r\n        -->\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.checkBox?.isRadio\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,i)\"\r\n            [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n        <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n            class=\"left-zindex\"\r\n            *ngIf=\"queryOpts.isIndex\" nzAlign=\"center\" style=\"padding:12px 0;\" nzBreakWord>{{i + 1}}</td>\r\n\r\n        <ng-container *ngFor=\"let item of queryOpts.tables;\">\r\n\r\n          <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n              [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n              [nzRight]=\"item.isRight ? true : false\"\r\n              nzBreakWord\r\n              [rowSpan]=\"checkRowSpan(item,data)\"\r\n              *ngIf=\"checkShowTd(item,i) \">\r\n            <app-table-td [data]=\"data\"\r\n                          [item]=\"item\"\r\n                          [i]=\"i\"\r\n                          (doActionByRowAction)=\"doActionByRow2($event)\"\r\n            ></app-table-td>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n      </tbody>\r\n\r\n    </ng-container>\r\n\r\n\r\n    <ng-template #totalTemplate let-total>\u5171 {{ total }} \u6761\u8BB0\u5F55</ng-template>\r\n  </nz-table>\r\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n    <div class=\"tabel-colunmn\">\r\n      <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n        <div nz-row>\r\n          <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n            <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n          </div>\r\n        </div>\r\n      </nz-checkbox-wrapper>\r\n      <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n    </div>\r\n  </nz-dropdown-menu>\r\n</div>\r\n\r\n", styles: [":host{width:100%;height:100%;display:-webkit-flex;display:flex;flex-direction:column}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{position:absolute;bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .main-table .ant-spin-nested-loading{height:100%}:host ::ng-deep .main-table .ant-spin-container{height:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;background:#fff;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
+            args: [{ standalone: false, selector: 'atr-table', template: "<div class=\"full-screen table-content \" #tableContent [spinLoading]=\"!viewInitOver\" HqSpin>\r\n  <nz-table #basicTable [nzData]=\"tableDatas\" nzBordered\r\n            nzSize=\"middle\"\r\n            [ngStyle]=\"{visibility: viewInitOver ? '':'hidden',width: tableWidth + 'px' }\"\r\n            [nzTitle]=\"tableHeader\"\r\n            [nzFooter]=\" showPagination ? pageFooter : null\"\r\n            [nzFrontPagination]=\"false\"\r\n            [nzScroll]=\"{x:scrollSize.x,y:scrollSize.y}\"\r\n  >\r\n    <thead>\r\n    <tr (contextmenu)=\"contextMenu($event,menu)\">\r\n      <th [nzBreakWord]=\"true\" *ngIf=\"queryOpts.checkBox?.isShowCheckbox\"\r\n          [nzLeft]=\"true\"\r\n          class=\"left-zindex-header\"\r\n          nzShowCheckbox\r\n          style=\"z-index: 90!important;\"\r\n          nzWidth=\"30px\"\r\n          nzAlign=\"center\"\r\n          [(nzChecked)]=\"isAllDisplayDataChecked\"\r\n          [nzIndeterminate]=\"isIndeterminate\"\r\n          (nzCheckedChange)=\"checkAll($event)\"\r\n      ></th>\r\n      <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\"\r\n          nzWidth=\"30px\" nzAlign=\"center\">#\r\n      </th>\r\n      <th [nzBreakWord]=\"true\" [nzLeft]=\"true\" class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\"\r\n          nzWidth=\"30px\"\r\n          nzAlign=\"center\">#\r\n      </th>\r\n      <ng-container *ngFor=\"let item of queryOpts.tables;let last = last\">\r\n        <th *ngIf=\"item.isShow \"\r\n            nz-resizable\r\n            [nzMinWidth]=\"60\"\r\n            [nzWidth]=\"item.width + 'px'\"\r\n            (nzResize)=\"onResize($event,item)\"\r\n        >{{item.name}}\r\n          <nz-resize-handle nzDirection=\"right\">\r\n            <div class=\"resize-trigger\"></div>\r\n          </nz-resize-handle>\r\n        </th>\r\n      </ng-container>\r\n    </tr>\r\n    </thead>\r\n    <tbody>\r\n    @for (data of basicTable.data; track data) {\r\n    <tr class=\"t-tr\"\r\n             [ngStyle]=\"{'color':isShowColor(data)}\" (click)=\"selectRow(data,$index)\"\r\n                [ngClass]=\"{'selected': $index == curChecked}\" (dblclick)=\"dbclickData(data,$index)\" >\r\n        @if (queryOpts.checkBox?.isShowCheckbox) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n        class=\"left-zindex\"\r\n        nzShowCheckbox\r\n        [(nzChecked)]=\"mapOfCheckedId[data.id]\"\r\n        (nzCheckedChange)=\"refreshStatus()\"\r\n    ></td>\r\n    }\r\n    @if (queryOpts.checkBox?.isRadio) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\"\r\n        class=\"left-zindex\" nzShowCheckbox (nzCheckedChange)=\"selectRow(data,$index)\"\r\n        [(nzChecked)]=\"mapOfCheckedId[data.id]\"></td>\r\n    }\r\n    @if (queryOpts.isIndex) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"true\" nzAlign=\"center\" style=\"padding:12px 0;\"\r\n        nzBreakWord>{{$index + 1}}</td>\r\n    }\r\n    @for (item of queryOpts.tables; track item) {\r\n    <td [nzBreakWord]=\"true\" [nzLeft]=\"item.isLeft ? true : false\"\r\n        [ngClass]=\"{'left-zindex':item.isLeft ? true : false}\"\r\n        [nzRight]=\"item.isRight ? true : false\"\r\n        nzBreakWord\r\n        [rowSpan]=\"checkRowSpan(item,data)\"\r\n        *ngIf=\"checkShowTd(item,$index) \">\r\n      <app-table-td [data]=\"data\"\r\n                    [item]=\"item\"\r\n                    [i]=\"$index\"\r\n                    (doActionByRowAction)=\"doActionByRow2($event)\"\r\n      ></app-table-td>\r\n    </td>\r\n    }\r\n    </tr>\r\n    }\r\n    </tbody>\r\n  </nz-table>\r\n</div>\r\n\r\n\r\n<ng-template #tableHeader>\r\n  <form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" [style]=\"{width: tableWidth-15+'px'}\"\r\n        *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\" #formContent>\r\n    <div nz-row [nzGutter]=\"24\" [hidden]=\"!isCollapse\">\r\n      <ng-content select=\"[header-left-slot]\"></ng-content>\r\n      <div nz-col [hidden]=\"!header.isShow \" *ngFor=\"let header of queryOpts.headers\"\r\n           [nzSpan]=\"header.span\">\r\n        <app-table-form-item\r\n          [header]=\"header\"\r\n          [ngModel]=\"header.defaultVal\"\r\n          [dictList]=\"dicts[header.dictCode]\"\r\n          [formControlName]=\"header.key\"\r\n          (headerAction)=\"headerAction.emit($event)\"></app-table-form-item>\r\n      </div>\r\n      <ng-content select=\"[header-right-slot]\"></ng-content>\r\n    </div>\r\n    <div nz-row nzType=\"flex\">\r\n      <div class=\"action-area\" nz-col [nzSpan]=\"16\">\r\n        <ng-content select=\"[button-left-slot]\"></ng-content>\r\n        <ng-container *ngFor=\"let action of queryOpts.actions\">\r\n          <atr-local-upload *ngIf=\"action.gType == 'upload'\" [code]=\"action.code\" [url]=\"action.url\"\r\n                            [name]=\"action.name\"\r\n                            [withoutRole]=\"action.withoutRole\"\r\n                            style=\"    display: inline-block;\"></atr-local-upload>\r\n          <ng-container *ngIf=\"!action.gType\">\r\n            <button nz-button [nzType]=\"'primary'\" nzSize=\"small\" (click)=\"doAction(action.code)\"\r\n                    *atrRole=\"action.withoutRole ? null:action.code\"\r\n                    [disabled]=\"isEnable(action.operator)\">{{action.name}}</button>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-content select=\"[button-right-slot]\"></ng-content>\r\n      </div>\r\n      <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\r\n        <span *ngIf=\"showQueryTime&&queryTime\">\u6570\u636E\u67E5\u8BE2\u65F6\u95F4\uFF1A{{queryTime}}</span>\r\n        <button nz-button nzSize=\"small\" [nzType]=\"'primary'\" (click)=\"query(true)\">\u67E5\u8BE2</button>\r\n        <button nz-button nzSize=\"small\" (click)=\"resetForm()\">\u91CD\u7F6E</button>\r\n        <a class=\"collapse\" (click)=\"toggleCollapse()\" *ngIf=\"queryOpts.headers.length > 0 \">\r\n          {{isCollapse ? '\u6536\u8D77' : '\u5C55\u5F00'}}\r\n          <i nz-icon [nzType]=\"isCollapse ? 'up' : 'down'\"></i>\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"title\" class=\"title\">{{title}}</div>\r\n  </form>\r\n</ng-template>\r\n<ng-template #pageFooter>\r\n  <div class=\"flex\" style=\"justify-content: flex-end;\" #pageContent>\r\n    <div class=\"flex \" style=\"align-items: center\">\r\n      \u5171 {{ total }} \u6761\u8BB0\u5F55\r\n    </div>\r\n\r\n    <nz-pagination [nzPageIndex]=\"pageIndex\" [nzTotal]=\"total\" nzShowSizeChanger [nzPageSize]=\"pageSize\"\r\n                   [nzSize]=\"'small'\"\r\n                   (nzPageIndexChange)=\"PageIndexChange($event)\"\r\n                   (nzPageSizeChange)=\"PageSizeChange($event)\"\r\n    ></nz-pagination>\r\n  </div>\r\n\r\n</ng-template>\r\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\r\n  <div class=\"tabel-colunmn white-bg\" style=\"width: 150px;\">\r\n    <nz-checkbox-wrapper style=\"width: 100%;margin-top: 30px;\" (nzOnChange)=\"log($event)\">\r\n      <div nz-row>\r\n        <div nz-col nzSpan=\"24\" *ngFor=\"let item of queryOpts.tables\">\r\n          <label nz-checkbox nzValue=\"{{item.key}}\" [ngModel]=\"item.isShow\">{{item.name}}</label>\r\n        </div>\r\n      </div>\r\n    </nz-checkbox-wrapper>\r\n    <div class=\"tabel-colunmn-header\">\u8BF7\u9009\u62E9\u5217\u8868\u663E\u793A\u5185\u5BB9</div>\r\n  </div>\r\n</nz-dropdown-menu>\r\n", styles: [":host{height:100%;width:100%;background:#fff}:host ::ng-deep .ant-table-title{padding:0}:host ::ng-deep .ant-modal{top:50px;padding:0}:host .ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}:host .select-icon:hover{color:#1890ff}:host ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}:host ::ng-deep .ant-table-column-title{font-size:.65rem}:host ::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}:host ::ng-deep .ant-modal-header,:host ::ng-deep .ant-modal-content{border-radius:4px}:host ::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}:host ::ng-deep .ant-table{height:100%}:host ::ng-deep nz-pagination{bottom:0;right:0}:host .search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}:host [nz-form-label]{overflow:visible}:host button{margin:2px 4px}:host .collapse{margin-left:6px;font-size:12px}:host .action-area{text-align:left}:host .search-area{text-align:right}:host ::ng-deep .ant-table-pagination.ant-pagination{margin:0}:host ::ng-deep .ant-table-footer{padding:5px 0 0}:host ::ng-deep .main-table{position:absolute;inset:0}:host ::ng-deep .table-content .ant-spin-nested-loading{height:100%}:host ::ng-deep .table-content .ant-spin-container{height:100%}:host ::ng-deep .table-content .ant-table-wrapper{width:100%;height:100%}:host ::ng-deep .table-content .ant-table-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}:host ::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}:host ::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}:host ::ng-deep .ant-table-body::-webkit-scrollbar,:host ::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}:host ::ng-deep .ant-table-body::-webkit-scrollbar-track,:host ::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}:host ::ng-deep .ant-table-body::-webkit-scrollbar-thumb,:host ::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}:host ::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}:host ::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}:host ::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}:host .tabel-colunmn{display:block;width:160px;height:300px;border:1px solid #ddd;padding:10px;border-radius:5px;overflow-x:hidden;overflow-y:auto;position:relative}:host .tabel-colunmn-header{position:fixed;top:0;left:0;right:0;height:30px;z-index:999;line-height:30px;border-bottom:1px solid #ddd;text-align:left;font-size:13px;padding-left:10px}:host .t-tr{background:#fff}:host .t-tr:nth-child(odd){background:#f8f9fa}:host ::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}:host ::ng-deep .ant-table-header{background:#e7ebef!important}:host td{font-size:.65rem}:host .resize-trigger{height:100%}:host .nz-resizable-preview{border-width:0;border-right-width:1px}:host ::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}:host ::ng-deep .ant-table-tbody>tr>td{padding:5px}:host ::ng-deep .ant-table{line-height:15px}:host ::ng-deep .ant-table-middle .ant-table-footer,:host .ant-table-middle .ant-table-tbody>tr>td,:host .ant-table-middle .ant-table-thead>tr>th,:host .ant-table-middle .ant-table-title{padding:5px}:host ::ng-deep .ant-table-tbody>tr>td>img{width:35px}:host ::ng-deep .ant-modal-body{padding:10px}:host ::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}:host ::ng-deep th{z-index:80!important}:host .left-zindex-header{z-index:90!important}:host .left-zindex{z-index:80!important}:host ::ng-deep input,:host ::ng-deep .ant-select-single:not(.ant-select-customize-input) .ant-select-selector,:host ::ng-deep .ant-picker{border-radius:5px}:host ::ng-deep .ant-table-content{overflow-x:auto}:host .border-text{width:100%;height:36px;line-height:36px;display:flex}:host .border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}:host .border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}:host .border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}:host .border-text .border-text-span{margin-left:5px;margin-right:5px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}:host ::ng-deep .ant-table-cell-fix-left,:host .ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important}:host :host ::ng-deep .ant-table{min-width:100%;height:100%}:host :host ::ng-deep .ant-table-container{min-width:100%;height:100%}:host app-table-td{background:#fff0!important}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}\n"] }]
         }], ctorParameters: () => [{ type: i3.UntypedFormBuilder }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]
@@ -3727,9 +3729,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Output
             }], headerAction: [{
                 type: Output
+            }], tableHeader: [{
+                type: ViewChild,
+                args: ['formContent', { static: true }]
+            }], pageFooter: [{
+                type: ViewChild,
+                args: ['pageContent', { static: true }]
             }], tableContent: [{
                 type: ViewChild,
                 args: ['tableContent', { static: true }]
+            }], basicTable: [{
+                type: ViewChild,
+                args: ['basicTable', { static: true }]
             }] } });
 
 class VideoComponent {