atr-components 0.0.21 → 0.1.0

package/fesm2015/atr-components.mjs

@@ -1,15 +1,17 @@
 import { animation, style, animate, trigger, state, transition, keyframes } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, NgModule, Directive, Input, HostListener, Pipe, Component } from '@angular/core';
+import { Injectable, EventEmitter, NgModule, Directive, Input, HostListener, Pipe, Component, forwardRef, Output, LOCALE_ID, Inject, ViewChild } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpRequest, HttpEventType, HttpErrorResponse, HttpResponse, HttpResponseBase } from '@angular/common/http';
-import { Observable, throwError, of } from 'rxjs';
-import { mergeMap, catchError } from 'rxjs/operators';
+import { Observable, throwError, of, Subject } from 'rxjs';
+import { mergeMap, catchError, debounceTime } from 'rxjs/operators';
 import * as i1$1 from '@angular/router';
-import { Router } from '@angular/router';
+import { Router, RouterModule } from '@angular/router';
 import { NzNotificationService, NzNotificationModule } from 'ng-zorro-antd/notification';
+import * as i2$4 from 'ng-zorro-antd/message';
 import { NzMessageService, NzMessageModule } from 'ng-zorro-antd/message';
-import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1$2 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR, FormControl } from '@angular/forms';
 import { NzAffixModule } from 'ng-zorro-antd/affix';
 import { NzAlertModule } from 'ng-zorro-antd/alert';
 import { NzAnchorModule } from 'ng-zorro-antd/anchor';
@@ -18,42 +20,58 @@ import { NzAvatarModule } from 'ng-zorro-antd/avatar';
 import { NzBackTopModule } from 'ng-zorro-antd/back-top';
 import { NzBadgeModule } from 'ng-zorro-antd/badge';
 import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
+import * as i2$2 from 'ng-zorro-antd/button';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzCalendarModule } from 'ng-zorro-antd/calendar';
 import { NzCardModule } from 'ng-zorro-antd/card';
 import { NzCarouselModule } from 'ng-zorro-antd/carousel';
+import * as i4$1 from 'ng-zorro-antd/cascader';
 import { NzCascaderModule } from 'ng-zorro-antd/cascader';
+import * as i9$1 from 'ng-zorro-antd/checkbox';
 import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
 import { NzCollapseModule } from 'ng-zorro-antd/collapse';
 import { NzCommentModule } from 'ng-zorro-antd/comment';
 import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
 import { NzTransButtonModule } from 'ng-zorro-antd/core/trans-button';
+import * as i4$2 from 'ng-zorro-antd/core/wave';
 import { NzWaveModule } from 'ng-zorro-antd/core/wave';
+import * as i6 from 'ng-zorro-antd/date-picker';
 import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
 import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';
 import { NzDividerModule } from 'ng-zorro-antd/divider';
+import * as i1$5 from 'ng-zorro-antd/drawer';
 import { NzDrawerModule } from 'ng-zorro-antd/drawer';
-import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
+import * as i8$1 from 'ng-zorro-antd/dropdown';
+import { NzDropDownModule, NzContextMenuService } from 'ng-zorro-antd/dropdown';
 import { NzEmptyModule } from 'ng-zorro-antd/empty';
+import * as i4 from 'ng-zorro-antd/form';
 import { NzFormModule } from 'ng-zorro-antd/form';
+import * as i12 from 'ng-zorro-antd/grid';
 import { NzGridModule } from 'ng-zorro-antd/grid';
 import { NzI18nModule } from 'ng-zorro-antd/i18n';
+import * as i8 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i2 from 'ng-zorro-antd/input';
 import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i6$2 from 'ng-zorro-antd/input-number';
 import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
 import { NzLayoutModule } from 'ng-zorro-antd/layout';
 import { NzListModule } from 'ng-zorro-antd/list';
 import { NzMentionModule } from 'ng-zorro-antd/mention';
 import { NzMenuModule } from 'ng-zorro-antd/menu';
+import * as i2$3 from 'ng-zorro-antd/modal';
 import { NzModalModule } from 'ng-zorro-antd/modal';
 import { NzPageHeaderModule } from 'ng-zorro-antd/page-header';
 import { NzPaginationModule } from 'ng-zorro-antd/pagination';
 import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
+import * as i3$1 from 'ng-zorro-antd/popover';
 import { NzPopoverModule } from 'ng-zorro-antd/popover';
 import { NzProgressModule } from 'ng-zorro-antd/progress';
+import * as i7 from 'ng-zorro-antd/radio';
 import { NzRadioModule } from 'ng-zorro-antd/radio';
 import { NzRateModule } from 'ng-zorro-antd/rate';
 import { NzResultModule } from 'ng-zorro-antd/result';
+import * as i3 from 'ng-zorro-antd/select';
 import { NzSelectModule } from 'ng-zorro-antd/select';
 import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
 import { NzSliderModule } from 'ng-zorro-antd/slider';
@@ -61,6 +79,7 @@ import { NzSpinModule } from 'ng-zorro-antd/spin';
 import { NzStatisticModule } from 'ng-zorro-antd/statistic';
 import { NzStepsModule } from 'ng-zorro-antd/steps';
 import { NzSwitchModule } from 'ng-zorro-antd/switch';
+import * as i5$1 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';
@@ -69,14 +88,29 @@ import { NzTimelineModule } from 'ng-zorro-antd/timeline';
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
 import { NzTransferModule } from 'ng-zorro-antd/transfer';
 import { NzTreeModule } from 'ng-zorro-antd/tree';
+import * as i5 from 'ng-zorro-antd/tree-select';
 import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
 import { NzTypographyModule } from 'ng-zorro-antd/typography';
+import * as i1$3 from 'ng-zorro-antd/upload';
 import { NzUploadModule } from 'ng-zorro-antd/upload';
+import * as i6$1 from 'ng-zorro-antd/resizable';
 import { NzResizableModule } from 'ng-zorro-antd/resizable';
-import { CommonModule } from '@angular/common';
+import * as i2$1 from '@angular/common';
+import { CommonModule, formatDate, registerLocaleData } from '@angular/common';
 import { NzSpaceModule } from 'ng-zorro-antd/space';
+import * as i4$3 from 'ng-zorro-antd/image';
 import { NzImageModule } from 'ng-zorro-antd/image';
 import { __awaiter } from 'tslib';
+import * as i17 from '@angular/cdk/drag-drop';
+import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i9 from 'ng-zorro-antd/core/transition-patch';
+import * as i1$4 from 'ngx-videogular';
+import { VgCoreModule, VgControlsModule, VgOverlayPlayModule, VgBufferingModule } from 'ngx-videogular';
+import zh from '@angular/common/locales/zh';
+import * as i3$2 from 'ngx-quill';
+import { QuillModule } from 'ngx-quill';
+import Quill from 'quill';
+import ImageResize from 'quill-image-resize-module';
 
 const transAnimation = animation([
     style({
@@ -1298,7 +1332,6 @@ class AtrRoleDirective {
         this.hasView = false;
     }
     set atrRole(condition) {
-        console.log('atrRole role', condition);
         if (ToolsUtil.isNull(condition)) {
             this.viewContainer.createEmbeddedView(this.templateRef);
             this.hasView = true;
@@ -1310,9 +1343,7 @@ class AtrRoleDirective {
             return;
         }
         let curPath = this.getRouterUrl();
-        console.log('atrRole curPath', curPath);
         this.menuService.getCurMenu(curPath).subscribe(result => {
-            console.log('atrRole getCurMenu', result);
             let curMenu = result;
             let isExited = false;
             if (curMenu && curMenu != null && curMenu.operation) {
@@ -1833,6 +1864,1995 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             type: Injectable
         }], ctorParameters: function () { return [{ type: HttpService }, { type: i1.HttpClient }]; } });
 
+class TableFormItemComponent {
+    constructor() {
+        this.dictList = [];
+        this.headerAction = new EventEmitter();
+        this.isNull = ToolsUtil.isNull;
+    }
+    ngOnInit() {
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        console.log('registerOnChange');
+        this.onChangeListener = fn;
+    }
+    registerOnTouched(fn) {
+        console.log('registerOnTouched');
+        this.onTouchedListener = fn;
+    }
+    setDisabledState(isDisabled) {
+    }
+    onChange(e) {
+        console.log('form change', this.value);
+        console.log('form change e', e);
+        if (this.onChangeListener) {
+            this.onChangeListener(e); // 告诉form，你的表单值改变成了payload
+        }
+        if (this.onTouchedListener) {
+            this.onTouchedListener(); // 告诉form，你的表单有交互发生
+        }
+    }
+    selectChange(value, item) {
+        //console.log(value);
+        let action = {
+            name: item.label,
+            code: item.key,
+            data: item,
+            value: value,
+        };
+        this.headerAction.emit(action);
+    }
+    clickIcon(value, item, $event) {
+        var _a, _b;
+        $event.stopPropagation();
+        //console.log(value,item);
+        let action = {
+            name: item.name,
+            code: ((_a = item.icon) === null || _a === void 0 ? void 0 : _a.code) ? (_b = item.icon) === null || _b === void 0 ? void 0 : _b.code : "",
+            data: item,
+            value: value,
+        };
+        this.headerAction.emit(action);
+    }
+}
+TableFormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TableFormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TableFormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TableFormItemComponent, selector: "app-table-form-item", inputs: { header: "header", value: "value", dictList: "dictList" }, outputs: { headerAction: "headerAction" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => TableFormItemComponent),
+            multi: true
+        }
+    ], ngImport: i0, template: "<nz-form-item style=\"position: relative\" title=\"{{header.name}}\" nzFlex>\n  <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\n    <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\n      <input\n        nz-input\n        placeholder=\"{{header.name}}\"\n        [attr.id]=\"header.key\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange($event)\"\n      />\n\n    </nz-input-group>\n\n    <nz-select *ngSwitchCase=\"'select'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               nzServerSearch\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\n                 [nzValue]=\"o.id\"></nz-option>\n    </nz-select>\n    <nz-select *ngSwitchCase=\"'selectCus'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               [nzShowSearch]=\"true\"\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\n                 [nzValue]=\"o.value\">\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\n        {{o.label}}\n      </nz-option>\n\n    </nz-select>\n    <nz-cascader\n      *ngSwitchCase=\"'cascader'\"\n      (ngModelChange)=\"onChange($event)\"\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [nzOptions]=\"header.dictList\"\n      [(ngModel)]=\"value\"\n    ></nz-cascader>\n    <nz-tree-select\n      *ngSwitchCase=\"'treeSelect'\"\n      (ngModelChange)=\"onChange($event)\"\n      [nzAllowClear]=\"!header.disableClear\"\n      [nzNodes]=\"header.treeList\"\n      nzShowSearch=\"true\"\n      nzHideUnMatched=\"true\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [(ngModel)]=\"value\"\n      [nzMultiple]=\"header.selectUrl.isMultiple\"\n      [nzMaxTagCount]=\"header.maxTagCount || 3\"\n    >\n    </nz-tree-select>\n    <nz-range-picker\n      *ngSwitchCase=\"'dateRange'\"\n      (ngModelChange)=\"onChange($event)\"\n      [(ngModel)]=\"value\"\n      style=\"width: 100%;\"\n      nzAllowClear=\"true\"\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\n    <ng-container *ngSwitchCase=\"'sdate'\">\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"!header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n      <nz-date-picker style=\"width: 100%\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"header.dateMode\"\n                      [nzMode]=\"header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n    </ng-container>\n    <nz-month-picker\n      *ngSwitchCase=\"'smonth'\"\n      (ngModelChange)=\"onChange($event)\"\n      [(ngModel)]=\"value\"\n      [nzFormat]=\"'yyyy-MM'\"\n      [nzPlaceHolder]=\"[header.name]\"\n      nzAllowClear=\"true\"></nz-month-picker>\n    <span class=\"label-title\">{{header.name}}</span>\n  </nz-form-control>\n</nz-form-item>\n\n<ng-template #inputClearTpl>\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\n</ng-template>\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{width:100%;height:100%;display:flex;flex-direction:column}::ng-deep .ant-modal{top:50px;padding:0}.ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}.select-icon:hover{color:#1890ff}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}::ng-deep .ant-table-column-title{font-size:.65rem}::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}::ng-deep .ant-modal-header,::ng-deep .ant-modal-content{border-radius:4px}::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}::ng-deep .ant-table{height:100%}::ng-deep nz-pagination{position:absolute;bottom:0;right:0}.search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}[nz-form-label]{overflow:visible}button{margin:2px 4px}.collapse{margin-left:6px;font-size:12px}.action-area{text-align:left}.search-area{text-align:right}::ng-deep .main-table{position:absolute;top:0;left:0;right:0;bottom:0}::ng-deep .main-table .ant-spin-nested-loading{height:100%}::ng-deep .main-table .ant-spin-container{height:100%}::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}::ng-deep .ant-table-body::-webkit-scrollbar,::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}::ng-deep .ant-table-body::-webkit-scrollbar-track,::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}::ng-deep .ant-table-body::-webkit-scrollbar-thumb,::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}.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}.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}.t-tr{background:#fff}.t-tr:nth-child(odd){background:#f8f9fa}::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-header{background:#e7ebef!important}td{font-size:.65rem}.resize-trigger{height:100%}.nz-resizable-preview{border-width:0;border-right-width:1px}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}::ng-deep .ant-table-tbody>tr>td{padding:5px}::ng-deep .ant-table{line-height:15px}::ng-deep .ant-table-middle .ant-table-footer,.ant-table-middle .ant-table-tbody>tr>td,.ant-table-middle .ant-table-thead>tr>th,.ant-table-middle .ant-table-title{padding:5px}::ng-deep .ant-table-tbody>tr>td>img{width:35px}::ng-deep .ant-modal-body{padding:10px}::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}::ng-deep th{z-index:80!important}.left-zindex-header{z-index:90!important}.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}.border-text{width:100%;height:36px;line-height:36px;display:flex}.border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}.border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}.border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}.border-text .border-text-span{margin-left:5px;margin-right:5px}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}::ng-deep .ant-table-cell-fix-left,.ant-table-cell-fix-right{position:sticky!important}\n"], components: [{ type: i4.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { type: i4.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { type: i2.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { type: i3.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { type: i3.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { type: i4$1.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelRender", "nzLabelProperty", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseEnterDelay", "nzMouseLeaveDelay", "nzStatus", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzSuffixIcon", "nzExpandIcon", "nzOptions"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzSelect", "nzClear"], exportAs: ["nzCascader"] }, { type: i5.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", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { type: i6.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }], directives: [{ type: i12.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i12.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"] }, { type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i2.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { type: i2.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i6.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { type: i6.NzMonthPickerComponent, selector: "nz-month-picker", exportAs: ["nzMonthPicker"] }], pipes: { "isNotEmpty": IsNotEmptyPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TableFormItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-table-form-item', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TableFormItemComponent),
+                            multi: true
+                        }
+                    ], template: "<nz-form-item style=\"position: relative\" title=\"{{header.name}}\" nzFlex>\n  <nz-form-control [nzSpan]=\"header.cspan || 24\" [ngSwitch]=\"header.type\">\n    <nz-input-group [nzSuffix]=\"inputClearTpl\" *ngSwitchCase=\"'text'\">\n      <input\n        nz-input\n        placeholder=\"{{header.name}}\"\n        [attr.id]=\"header.key\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange($event)\"\n      />\n\n    </nz-input-group>\n\n    <nz-select *ngSwitchCase=\"'select'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               nzServerSearch\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of dictList\" [nzLabel]=\"o.typeName\"\n                 [nzValue]=\"o.id\"></nz-option>\n    </nz-select>\n    <nz-select *ngSwitchCase=\"'selectCus'\"\n               [nzAllowClear]=\"!header.disableClear\"\n               nzPlaceHolder=\"{{header.name}}\"\n               nzAllowClear=\"true\"\n               [nzShowSearch]=\"true\"\n               [(ngModel)]=\"value\"\n               (ngModelChange)=\"onChange($event)\"\n    >\n      <nz-option *ngFor=\"let o of header.dictList\" nzCustomContent [nzLabel]=\"o.label\"\n                 [nzValue]=\"o.value\">\n        <i class=\"select-icon\" *ngIf=\"header.icon?.isShow\" nz-icon [nzType]=\"header.icon.icon\"\n           nzTheme=\"outline\" style=\"margin-right: 1rem;\"\n           (click)=\"clickIcon(o.value,header,$event)\"></i>\n        {{o.label}}\n      </nz-option>\n\n    </nz-select>\n    <nz-cascader\n      *ngSwitchCase=\"'cascader'\"\n      (ngModelChange)=\"onChange($event)\"\n      style=\"flex: 1\" [nzAllowClear]=\"!header.disableClear\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [nzOptions]=\"header.dictList\"\n      [(ngModel)]=\"value\"\n    ></nz-cascader>\n    <nz-tree-select\n      *ngSwitchCase=\"'treeSelect'\"\n      (ngModelChange)=\"onChange($event)\"\n      [nzAllowClear]=\"!header.disableClear\"\n      [nzNodes]=\"header.treeList\"\n      nzShowSearch=\"true\"\n      nzHideUnMatched=\"true\"\n      nzPlaceHolder=\"{{header.name}}\"\n      [nzShowSearch]=\"true\"\n      [(ngModel)]=\"value\"\n      [nzMultiple]=\"header.selectUrl.isMultiple\"\n      [nzMaxTagCount]=\"header.maxTagCount || 3\"\n    >\n    </nz-tree-select>\n    <nz-range-picker\n      *ngSwitchCase=\"'dateRange'\"\n      (ngModelChange)=\"onChange($event)\"\n      [(ngModel)]=\"value\"\n      style=\"width: 100%;\"\n      nzAllowClear=\"true\"\n      [nzPlaceHolder]=\"[header.name+'\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4']\"\n      [nzDefaultPickerValue]=\"header.defaultVal\"></nz-range-picker>\n    <ng-container *ngSwitchCase=\"'sdate'\">\n      <nz-date-picker style=\"width: 100%\" [nzFormat]=\"'yyyy-MM-dd'\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"!header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n      <nz-date-picker style=\"width: 100%\"\n                      (ngModelChange)=\"onChange($event)\"\n                      [(ngModel)]=\"value\"\n                      *ngIf=\"header.dateMode\"\n                      [nzMode]=\"header.dateMode\"\n                      nzAllowClear=\"true\"></nz-date-picker>\n    </ng-container>\n    <nz-month-picker\n      *ngSwitchCase=\"'smonth'\"\n      (ngModelChange)=\"onChange($event)\"\n      [(ngModel)]=\"value\"\n      [nzFormat]=\"'yyyy-MM'\"\n      [nzPlaceHolder]=\"[header.name]\"\n      nzAllowClear=\"true\"></nz-month-picker>\n    <span class=\"label-title\">{{header.name}}</span>\n  </nz-form-control>\n</nz-form-item>\n\n<ng-template #inputClearTpl>\n  <i nz-icon class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n     *ngIf=\"!header.disableClear && value|isNotEmpty\" (click)=\"value = null;onChange()\"></i>\n</ng-template>\n", styles: [":host{margin-bottom:5px}:host .label-title{z-index:80}\n", ":host{width:100%;height:100%;display:flex;flex-direction:column}::ng-deep .ant-modal{top:50px;padding:0}.ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}.select-icon:hover{color:#1890ff}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}::ng-deep .ant-table-column-title{font-size:.65rem}::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}::ng-deep .ant-modal-header,::ng-deep .ant-modal-content{border-radius:4px}::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}::ng-deep .ant-table{height:100%}::ng-deep nz-pagination{position:absolute;bottom:0;right:0}.search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}[nz-form-label]{overflow:visible}button{margin:2px 4px}.collapse{margin-left:6px;font-size:12px}.action-area{text-align:left}.search-area{text-align:right}::ng-deep .main-table{position:absolute;top:0;left:0;right:0;bottom:0}::ng-deep .main-table .ant-spin-nested-loading{height:100%}::ng-deep .main-table .ant-spin-container{height:100%}::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}::ng-deep .ant-table-body::-webkit-scrollbar,::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}::ng-deep .ant-table-body::-webkit-scrollbar-track,::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}::ng-deep .ant-table-body::-webkit-scrollbar-thumb,::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}.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}.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}.t-tr{background:#fff}.t-tr:nth-child(odd){background:#f8f9fa}::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-header{background:#e7ebef!important}td{font-size:.65rem}.resize-trigger{height:100%}.nz-resizable-preview{border-width:0;border-right-width:1px}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}::ng-deep .ant-table-tbody>tr>td{padding:5px}::ng-deep .ant-table{line-height:15px}::ng-deep .ant-table-middle .ant-table-footer,.ant-table-middle .ant-table-tbody>tr>td,.ant-table-middle .ant-table-thead>tr>th,.ant-table-middle .ant-table-title{padding:5px}::ng-deep .ant-table-tbody>tr>td>img{width:35px}::ng-deep .ant-modal-body{padding:10px}::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}::ng-deep th{z-index:80!important}.left-zindex-header{z-index:90!important}.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}.border-text{width:100%;height:36px;line-height:36px;display:flex}.border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}.border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}.border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}.border-text .border-text-span{margin-left:5px;margin-right:5px}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}::ng-deep .ant-table-cell-fix-left,.ant-table-cell-fix-right{position:sticky!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { header: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], dictList: [{
+                type: Input
+            }], headerAction: [{
+                type: Output
+            }] } });
+
+class LocalUploadComponent {
+    constructor() {
+        this.showList = false;
+        this.header = (file) => {
+            let obj = {
+                "x-header-atr": "manage",
+                "token": LocalStorageUtil.getUserToken(),
+                "userId": LocalStorageUtil.getUserId(),
+                "orgCode": ToolsUtil.getOrgCode()
+            };
+            return obj;
+        };
+    }
+    ngOnInit() {
+        // this.header = this.getDefaultHeader(new HttpHeaders());
+    }
+}
+LocalUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+LocalUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: LocalUploadComponent, selector: "atr-local-upload", inputs: { url: "url", name: "name", code: "code" }, ngImport: i0, template: "<nz-upload [nzAction]=\"url\" nzAccept=\"application/vnd.ms-excel\" [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"   *atrRole=\"code\" [nzLimit]='1'>\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n</nz-upload>", styles: [""], components: [{ type: i1$3.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }], directives: [{ type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { type: i4$2.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: LocalUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atr-local-upload', template: "<nz-upload [nzAction]=\"url\" nzAccept=\"application/vnd.ms-excel\" [nzHeaders]=\"header\" [nzShowUploadList]=\"showList\"   *atrRole=\"code\" [nzLimit]='1'>\r\n    <button nz-button nzSize=\"small\"><i nz-icon nzType=\"upload\"></i><span> {{name}}</span></button>\r\n</nz-upload>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { url: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], code: [{
+                type: Input
+            }] } });
+
+class TableTdComponent {
+    constructor() {
+        this.doActionByRowAction = new EventEmitter();
+        this.popoverTrigger = 'hover';
+        this.imagePrefix = atr_static_datas.OSS_URL;
+    }
+    change(value) {
+        console.log(value);
+    }
+    ngOnInit() {
+    }
+    doActionByRow(data, code, event, index) {
+        this.doActionByRowAction.emit({ data: data, code: code, event: event, index: index });
+    }
+    enter(e) {
+        this.popoverTrigger = e.toElement.clientWidth < e.toElement.scrollWidth ? 'hover' : null;
+    }
+    isShowBtn(data, operator, action) {
+        let isShow = false;
+        if (!operator || operator == null || operator == "") {
+            isShow = true;
+        }
+        else if (operator.indexOf('&&') > 0) {
+            // a|eq|b &&c|eq|d
+            const ops = operator.split('&&');
+            if (ops.length > 1) {
+                // tslint:disable-next-line:prefer-for-of
+                for (let i = 0; i < ops.length; i++) {
+                    isShow = true;
+                    if (!this.checkIsShowBase(ops[i].split('|'), data)) {
+                        isShow = false;
+                        break;
+                    }
+                }
+            }
+        }
+        else if (operator.indexOf('||') > 0) {
+            // a|eq|b||c|eq|d
+            const ops = operator.split('||');
+            if (ops.length > 1) {
+                for (let i = 0; i < ops.length; i++) {
+                    isShow = false;
+                    if (this.checkIsShowBase(ops[i].split('|'), data)) {
+                        isShow = true;
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            let op = operator.split("|");
+            isShow = this.checkIsShowBase(op, data);
+        }
+        return isShow;
+    }
+    checkIsShowBase(op, data) {
+        let isShow = false;
+        if (op.length > 1) {
+            let value = data[op[0]];
+            if (!value) {
+                isShow = false;
+            }
+            else {
+                isShow = this.compare(value, op[1], op[2]);
+            }
+        }
+        else
+            isShow = false;
+        return isShow;
+    }
+    compare(value, operator, target) {
+        let isRight = false;
+        switch (operator) {
+            case 'eq':
+                if (value == target) {
+                    isRight = true;
+                }
+                break;
+            case 'gh':
+                if (value >= target) {
+                    isRight = true;
+                }
+                break;
+            case 'ne':
+                if (value != target) {
+                    isRight = true;
+                }
+                break;
+            case 'notEmpty':
+                isRight = false;
+                if (value) {
+                    isRight = true;
+                }
+                break;
+            case 'empty':
+                isRight = false;
+                if (!value) {
+                    isRight = true;
+                }
+                break;
+            default:
+                isRight = false;
+                break;
+        }
+        return isRight;
+    }
+}
+TableTdComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TableTdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TableTdComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TableTdComponent, 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=\"'textcolor'\">\r\n        <div [innerHTML]=\"data[item.key] | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n             *ngIf=\"item.colorShow == data[item.key]\"></div>\r\n        <div [innerHTML]=\"data[item.key] | defVal:item.defaultVal\" *ngIf=\"item.colorShow != data[item.key]\"></div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date'\">\r\n       <span  nz-popover (mouseenter)=\"enter($event)\"\r\n         [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]=\"data[item.key] | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n             class=\"view-text\">{{ data[item.key] | 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\" [nzPopoverContent]=\"data[item.key] | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n            class=\"view-text\"> {{ data[item.key] | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n         [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]=\"data[item.key] | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n            class=\"view-text\">  {{ data[item.key] | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n    </ng-container>\r\n    <div *ngSwitchCase=\"'fixedText'\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" width=\"35px\" nzSrc=\"{{imagePrefix + (data[item.key] | 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(data,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(data,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(data,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(data,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 *ngSwitchCase=\"'dict'\" [innerHTML]=\"data[item.key] | dicts:item.dictCode | defVal:item.defaultVal\"></div>\r\n    <div nz-popover (mouseenter)=\"enter($event)\"\r\n         [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='data[item.key] | defVal:item.defaultVal'\r\n         class=\"view-text\" *ngSwitchDefault [innerHTML]=\"data[item.key] | 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:flex;flex-direction:column}::ng-deep .ant-modal{top:50px;padding:0}.ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}.select-icon:hover{color:#1890ff}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}::ng-deep .ant-table-column-title{font-size:.65rem}::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}::ng-deep .ant-modal-header,::ng-deep .ant-modal-content{border-radius:4px}::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}::ng-deep .ant-table{height:100%}::ng-deep nz-pagination{position:absolute;bottom:0;right:0}.search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}[nz-form-label]{overflow:visible}button{margin:2px 4px}.collapse{margin-left:6px;font-size:12px}.action-area{text-align:left}.search-area{text-align:right}::ng-deep .main-table{position:absolute;top:0;left:0;right:0;bottom:0}::ng-deep .main-table .ant-spin-nested-loading{height:100%}::ng-deep .main-table .ant-spin-container{height:100%}::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}::ng-deep .ant-table-body::-webkit-scrollbar,::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}::ng-deep .ant-table-body::-webkit-scrollbar-track,::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}::ng-deep .ant-table-body::-webkit-scrollbar-thumb,::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}.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}.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}.t-tr{background:#fff}.t-tr:nth-child(odd){background:#f8f9fa}::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-header{background:#e7ebef!important}td{font-size:.65rem}.resize-trigger{height:100%}.nz-resizable-preview{border-width:0;border-right-width:1px}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}::ng-deep .ant-table-tbody>tr>td{padding:5px}::ng-deep .ant-table{line-height:15px}::ng-deep .ant-table-middle .ant-table-footer,.ant-table-middle .ant-table-tbody>tr>td,.ant-table-middle .ant-table-thead>tr>th,.ant-table-middle .ant-table-title{padding:5px}::ng-deep .ant-table-tbody>tr>td>img{width:35px}::ng-deep .ant-modal-body{padding:10px}::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}::ng-deep th{z-index:80!important}.left-zindex-header{z-index:90!important}.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}.border-text{width:100%;height:36px;line-height:36px;display:flex}.border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}.border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}.border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}.border-text .border-text-span{margin-left:5px;margin-right:5px}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}::ng-deep .ant-table-cell-fix-left,.ant-table-cell-fix-right{position:sticky!important}\n"], components: [{ type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }], directives: [{ type: i2$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3$1.NzPopoverDirective, selector: "[nz-popover]", inputs: ["nzPopoverArrowPointAtCenter", "nzPopoverTitle", "nzPopoverContent", "nz-popover", "nzPopoverTrigger", "nzPopoverPlacement", "nzPopoverOrigin", "nzPopoverVisible", "nzPopoverMouseEnterDelay", "nzPopoverMouseLeaveDelay", "nzPopoverOverlayClassName", "nzPopoverOverlayStyle", "nzPopoverBackdrop"], outputs: ["nzPopoverVisibleChange"], exportAs: ["nzPopover"] }, { type: i4$3.NzImageDirective, selector: "img[nz-image]", inputs: ["nzSrc", "nzSrcset", "nzDisablePreview", "nzFallback", "nzPlaceholder"], exportAs: ["nzImage"] }, { type: AtrErrorImgDirective, selector: "[atrErrorImg]", inputs: ["atrErrorImg"] }, { type: i12.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i12.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"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { type: i4$2.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i2$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "defVal": DefaultValPipe, "date": i2$1.DatePipe, "dicts": DictsPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TableTdComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-table-td', template: "<ng-container [ngSwitch]=\"item.type\">\r\n    <ng-container *ngSwitchCase=\"'textcolor'\">\r\n        <div [innerHTML]=\"data[item.key] | defVal:item.defaultVal\" [ngStyle]=\"{'color':item.color}\"\r\n             *ngIf=\"item.colorShow == data[item.key]\"></div>\r\n        <div [innerHTML]=\"data[item.key] | defVal:item.defaultVal\" *ngIf=\"item.colorShow != data[item.key]\"></div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'date'\">\r\n       <span  nz-popover (mouseenter)=\"enter($event)\"\r\n         [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]=\"data[item.key] | date:'yyyy-MM-dd' | defVal:item.defaultVal\"\r\n             class=\"view-text\">{{ data[item.key] | 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\" [nzPopoverContent]=\"data[item.key] | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal\"\r\n            class=\"view-text\"> {{ data[item.key] | date:'yyyy-MM-dd HH:mm:ss' | defVal:item.defaultVal}}</span>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'sDateTime'\">\r\n      <span nz-popover (mouseenter)=\"enter($event)\"\r\n         [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]=\"data[item.key] | date:'MM-dd HH:mm' | defVal:item.defaultVal\"\r\n            class=\"view-text\">  {{ data[item.key] | date:'MM-dd HH:mm' | defVal:item.defaultVal}}</span>\r\n    </ng-container>\r\n    <div *ngSwitchCase=\"'fixedText'\" [innerHTML]=\"item.key\"></div>\r\n\r\n  <img *ngSwitchCase=\"'image'\" width=\"35px\" nzSrc=\"{{imagePrefix + (data[item.key] | 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(data,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(data,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(data,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(data,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 *ngSwitchCase=\"'dict'\" [innerHTML]=\"data[item.key] | dicts:item.dictCode | defVal:item.defaultVal\"></div>\r\n    <div nz-popover (mouseenter)=\"enter($event)\"\r\n         [nzPopoverTrigger]=\"popoverTrigger\" [nzPopoverContent]='data[item.key] | defVal:item.defaultVal'\r\n         class=\"view-text\" *ngSwitchDefault [innerHTML]=\"data[item.key] | 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:flex;flex-direction:column}::ng-deep .ant-modal{top:50px;padding:0}.ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}.select-icon:hover{color:#1890ff}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}::ng-deep .ant-table-column-title{font-size:.65rem}::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}::ng-deep .ant-modal-header,::ng-deep .ant-modal-content{border-radius:4px}::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}::ng-deep .ant-table{height:100%}::ng-deep nz-pagination{position:absolute;bottom:0;right:0}.search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}[nz-form-label]{overflow:visible}button{margin:2px 4px}.collapse{margin-left:6px;font-size:12px}.action-area{text-align:left}.search-area{text-align:right}::ng-deep .main-table{position:absolute;top:0;left:0;right:0;bottom:0}::ng-deep .main-table .ant-spin-nested-loading{height:100%}::ng-deep .main-table .ant-spin-container{height:100%}::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}::ng-deep .ant-table-body::-webkit-scrollbar,::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}::ng-deep .ant-table-body::-webkit-scrollbar-track,::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}::ng-deep .ant-table-body::-webkit-scrollbar-thumb,::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}.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}.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}.t-tr{background:#fff}.t-tr:nth-child(odd){background:#f8f9fa}::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-header{background:#e7ebef!important}td{font-size:.65rem}.resize-trigger{height:100%}.nz-resizable-preview{border-width:0;border-right-width:1px}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}::ng-deep .ant-table-tbody>tr>td{padding:5px}::ng-deep .ant-table{line-height:15px}::ng-deep .ant-table-middle .ant-table-footer,.ant-table-middle .ant-table-tbody>tr>td,.ant-table-middle .ant-table-thead>tr>th,.ant-table-middle .ant-table-title{padding:5px}::ng-deep .ant-table-tbody>tr>td>img{width:35px}::ng-deep .ant-modal-body{padding:10px}::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}::ng-deep th{z-index:80!important}.left-zindex-header{z-index:90!important}.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}.border-text{width:100%;height:36px;line-height:36px;display:flex}.border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}.border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}.border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}.border-text .border-text-span{margin-left:5px;margin-right:5px}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}::ng-deep .ant-table-cell-fix-left,.ant-table-cell-fix-right{position:sticky!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], i: [{
+                type: Input
+            }], doActionByRowAction: [{
+                type: Output
+            }] } });
+
+class AtrTableComponent {
+    constructor(fb, injector, locale, cd) {
+        this.fb = fb;
+        this.injector = injector;
+        this.locale = locale;
+        this.cd = cd;
+        this.isCollapse = true;
+        this.dicts = {};
+        this.pageIndex = 1;
+        this.pageSize = 10;
+        this.total = 1;
+        this.loading = true;
+        this.allowDrag = false; //允许拖拽换位
+        this.tableDatas = [];
+        this.scrollSize = { x: "", y: "" };
+        //表格checkbox 配置
+        this.isAllDisplayDataChecked = false;
+        this.isIndeterminate = false;
+        this.numberOfChecked = 0;
+        this.mapOfCheckedId = {};
+        this.curChecked = -1;
+        this.imagePrefix = atr_static_datas.OSS_URL;
+        this.defaultParams = {};
+        this.isAllLoad = false;
+        this.sortMap = {};
+        this.rowSpanMap = {}; //key:{德科牧场:{num:1}}
+        this.showPagination = true;
+        this.title = "";
+        this.tableAction = new EventEmitter();
+        this.queryBack = new EventEmitter();
+        this.headerAction = new EventEmitter();
+    }
+    isShowColor(data) {
+        if (this.queryOpts.color && this.queryOpts.color.operator && this.isShowBtn(data, this.queryOpts.color.operator)) {
+            return this.queryOpts.color.color;
+        }
+        return '';
+    }
+    dbclickData(data, rowNo) {
+        let action = {
+            name: 'dbclickData',
+            code: 'dbclickData',
+            type: "row"
+        };
+        action.data = data;
+        this.tableAction.emit(action);
+    }
+    doActionByRow2(e) {
+        let { data, code, event: MouseEvent, index } = e;
+        if (event) {
+            event.preventDefault();
+            if (event.stopPropagation) {
+                event.stopPropagation();
+            }
+        }
+        let action = {
+            name: code,
+            code: code,
+            type: "row"
+        };
+        action.data = data;
+        action.numberOfChecked = index;
+        this.tableAction.emit(action);
+    }
+    get httpService() {
+        return this.injector.get(HttpService);
+    }
+    get nzContextMenuService() {
+        return this.injector.get(NzContextMenuService);
+    }
+    setTableLoadding(loadding) {
+        this.loading = loadding;
+    }
+    onResize(width, col) {
+        this.queryOpts.tables = this.queryOpts.tables.map((e) => (e.name === col ? Object.assign(Object.assign({}, e), { width: `${width}px` }) : e));
+        let x = 0;
+        for (let item of this.queryOpts.tables) {
+            if (item.isShow && item.width) {
+                x += ToolsUtil.pixelToNum(item.width);
+            }
+        }
+        if (x > 22) {
+            x = x - 22;
+            this.scrollSize.x = x + "px";
+        }
+    }
+    isEnable(operator) {
+        let isEnable = true;
+        if (!operator || operator == undefined || operator == "")
+            isEnable = false;
+        else {
+            let op = operator.split("|");
+            if (op.length > 2) {
+                let key = op[0];
+                if (!key) {
+                    isEnable = false;
+                }
+                else {
+                    isEnable = !this.compare(this.numberOfChecked, op[1], op[2]);
+                }
+            }
+            else
+                isEnable = false;
+        }
+        return isEnable;
+    }
+    isShowBtn(data, operator, action) {
+        let isShow = false;
+        if (!operator || operator == null || operator == "") {
+            isShow = true;
+        }
+        else if (operator.indexOf('&&') > 0) {
+            // a|eq|b &&c|eq|d
+            const ops = operator.split('&&');
+            if (ops.length > 1) {
+                // tslint:disable-next-line:prefer-for-of
+                for (let i = 0; i < ops.length; i++) {
+                    isShow = true;
+                    if (!this.checkIsShowBase(ops[i].split('|'), data)) {
+                        isShow = false;
+                        break;
+                    }
+                }
+            }
+        }
+        else if (operator.indexOf('||') > 0) {
+            // a|eq|b||c|eq|d
+            const ops = operator.split('&&');
+            if (ops.length > 1) {
+                for (let i = 0; i < ops.length; i++) {
+                    isShow = false;
+                    if (this.checkIsShowBase(ops[i].split('|'), data)) {
+                        isShow = true;
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            let op = operator.split("|");
+            isShow = this.checkIsShowBase(op, data);
+        }
+        return isShow;
+    }
+    checkIsShowBase(op, data) {
+        let isShow = false;
+        if (op.length > 1) {
+            let value = data[op[0]];
+            if (!value) {
+                isShow = false;
+            }
+            else {
+                isShow = this.compare(value, op[1], op[2]);
+            }
+        }
+        else
+            isShow = false;
+        return isShow;
+    }
+    compare(value, operator, target) {
+        let isRight = false;
+        switch (operator) {
+            case 'eq':
+                if (value == target) {
+                    isRight = true;
+                }
+                break;
+            case 'gh':
+                if (value >= target) {
+                    isRight = true;
+                }
+                break;
+            case 'notEmpty':
+                isRight = false;
+                if (value) {
+                    isRight = true;
+                }
+                break;
+            case 'empty':
+                isRight = false;
+                if (!value) {
+                    isRight = true;
+                }
+                break;
+            default:
+                isRight = false;
+                break;
+        }
+        return isRight;
+    }
+    pushTableDatas(tableDatas) {
+        this.tableDatas = this.tableDatas.concat(tableDatas);
+    }
+    removeDatas(key, value) {
+        this.tableDatas.forEach((item, index) => {
+            if (item[key] === value) {
+                this.tableDatas.splice(index, 1);
+            }
+        });
+    }
+    doAction(code) {
+        let action = {
+            name: code,
+            code: code,
+            type: "rows"
+        };
+        let selectDatas = [];
+        if (this.tableDatas && this.tableDatas.length > 0) {
+            this.tableDatas.forEach((item) => {
+                if (this.mapOfCheckedId[item.id])
+                    selectDatas.push(item);
+            });
+        }
+        action.datas = selectDatas;
+        action.numberOfChecked = selectDatas.length;
+        this.tableAction.emit(action);
+    }
+    doActionByRow(data, code, event) {
+        event.preventDefault();
+        if (event.stopPropagation) {
+            event.stopPropagation();
+        }
+        let action = {
+            name: code,
+            code: code,
+            type: "row"
+        };
+        action.data = data;
+        action.numberOfChecked = 1;
+        this.tableAction.emit(action);
+    }
+    getAllCheckInfo() {
+        let ids = [];
+        for (const key of Object.keys(this.mapOfCheckedId)) {
+            if (this.mapOfCheckedId.hasOwnProperty(key) && this.mapOfCheckedId[key]) {
+                ids.push(key);
+            }
+        }
+        return ids;
+    }
+    getAllCheckDatas() {
+        let selectDatas = [];
+        this.tableDatas.forEach((item) => {
+            if (this.mapOfCheckedId[item.id])
+                selectDatas.push(item);
+        });
+        return selectDatas;
+    }
+    checkAll(value) {
+        this.tableDatas.forEach((item) => (this.mapOfCheckedId[item.id] = value));
+        this.refreshStatus();
+    }
+    refreshStatus() {
+        this.isAllDisplayDataChecked = this.tableDatas
+            .every((item) => this.mapOfCheckedId[item.id]);
+        this.isIndeterminate =
+            this.tableDatas.some((item) => this.mapOfCheckedId[item.id]) &&
+                !this.isAllDisplayDataChecked;
+        this.numberOfChecked = this.tableDatas.filter((item) => this.mapOfCheckedId[item.id]).length;
+    }
+    selectRow(data, rowNo) {
+        var _a, _b;
+        // this.tableDatas.forEach(item => (this.mapOfCheckedId[data.id] = value));
+        this.curChecked = rowNo;
+        if (!((_a = this.queryOpts.checkBox) === null || _a === void 0 ? void 0 : _a.isForbid)) {
+            if ((_b = this.queryOpts.checkBox) === null || _b === void 0 ? void 0 : _b.isShowCheckbox) {
+                this.mapOfCheckedId[data.id] = !this.mapOfCheckedId[data.id];
+            }
+            else {
+                this.mapOfCheckedId = {};
+                this.mapOfCheckedId[data.id] = true;
+            }
+        }
+        let action = {
+            name: 'select',
+            code: 'select',
+            type: "row"
+        };
+        action.data = data;
+        action.numberOfChecked = 1;
+        this.tableAction.emit(action);
+        this.refreshStatus();
+    }
+    ngOnInit() {
+        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.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() {
+        if (this.queryOpts && this.queryOpts.headers && this.queryOpts.headers.length > 0) {
+            this.queryOpts.headers.forEach((item, i) => {
+                item.span = item.span || 8;
+                if (item.isShow != false) {
+                    item.isShow = i < this.queryOpts.showNum;
+                }
+                this.atrForm.addControl(item.key, new FormControl());
+                let type = item.type;
+                switch (type) {
+                    case "select":
+                        this.getDictValue(item.dictCode);
+                        break;
+                    case "treeSelect":
+                    case "cascader":
+                    case "selectCus":
+                        if (item.selectUrl && item.selectUrl.url) {
+                            this.getDicList(item);
+                        }
+                        break;
+                }
+            });
+        }
+    }
+    getDicList(item) {
+        if (!item.selectUrl || !item.selectUrl.url) {
+            return;
+        }
+        let keys = item.selectUrl.convert.split(',');
+        this.httpService.post(item.selectUrl.url, {}, ToolsUtil.getHttpOptions()).subscribe(res => {
+            if (item.type == 'treeSelect') {
+                item.treeList = res.data.filter((child) => {
+                    keys.forEach((v) => {
+                        let vs = v.split("|");
+                        child[vs[0]] = child[vs[1]];
+                    });
+                    // child.key = child.id;
+                    // child.title = child.realName;
+                    return true;
+                });
+            }
+            else if (item.type == 'selectCus') {
+                item.dictList = res.data.filter((child) => {
+                    keys.forEach((v) => {
+                        let vs = v.split("|");
+                        child[vs[0]] = child[vs[1]];
+                    });
+                    // child.value = child.id;
+                    // child.label = child.name;
+                    return true;
+                });
+            }
+        });
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.scrollSize.y = this.tableContent.nativeElement.offsetHeight - 100 + "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)
+                this.scrollSize.x = width + "px";
+            else
+                this.scrollSize.x = this.tableContent.nativeElement.offsetWidth - 22 + "px";
+            console.log(this.scrollSize);
+            this.isAllLoad = true;
+            this.cd.detectChanges();
+        }, 500);
+    }
+    sort(sortName, value) {
+        for (const key in this.sortMap) {
+            this.sortMap[key] = key === sortName ? value : null;
+        }
+        // this.search(this.listOfSearchName, this.listOfSearchAddress);
+        console.log(this.sortMap);
+        this.query(true);
+    }
+    get dictService() {
+        return this.injector.get(DictService);
+    }
+    getDictValue(code) {
+        console.log("pppp");
+        this.dictService.getDictBycode(code).subscribe(result => {
+            if (result && result != null)
+                this.dicts[code] = result.dicts;
+            console.log(this.dicts);
+        }, error => {
+            this.dicts[code] = [];
+        });
+    }
+    toggleCollapse() {
+        this.isCollapse = !this.isCollapse;
+        this.queryOpts.headers.forEach((c, index) => {
+            c.isShow = this.isCollapse ? index < this.queryOpts.showNum : true;
+        });
+    }
+    resetForm() {
+        this.atrForm.reset();
+    }
+    selectChange(value, item) {
+        console.log(value);
+        let action = {
+            name: item.label,
+            code: item.key,
+            data: item,
+            value: value,
+        };
+        this.headerAction.emit(action);
+    }
+    clickIcon(value, item, $event) {
+        var _a, _b;
+        $event.stopPropagation();
+        console.log(value, item);
+        let action = {
+            name: item.name,
+            code: ((_a = item.icon) === null || _a === void 0 ? void 0 : _a.code) ? (_b = item.icon) === null || _b === void 0 ? void 0 : _b.code : "",
+            data: item,
+            value: value,
+        };
+        this.headerAction.emit(action);
+    }
+    getQueryParams(reset) {
+        if (reset) {
+            this.pageIndex = 1;
+        }
+        console.log(this.pageIndex);
+        let params = {
+            page: this.pageIndex,
+            limit: this.pageSize,
+            sort: this.getSortInfo()
+        };
+        for (const key in this.atrForm.value) {
+            if (this.atrForm.value[key] && this.atrForm.value[key] != null && this.atrForm.value[key] != "") {
+                if (this.getHederType(key) == "dateRange") {
+                    let begin = key + "Begin";
+                    let end = key + "End";
+                    params[begin] = formatDate(this.atrForm.value[key][0], 'yyyy-MM-dd', this.locale) + " 00:00:00";
+                    params[end] = formatDate(this.atrForm.value[key][1], 'yyyy-MM-dd', this.locale) + " 00:00:00";
+                }
+                else if (this.getHederType(key) == "sdate") {
+                    params[key] = formatDate(this.atrForm.value[key], 'yyyy-MM-dd 00:00:00', this.locale);
+                }
+                else if (this.getHederType(key) == "treeSelect") {
+                    let value = this.atrForm.value[key];
+                    if (typeof value == 'string') {
+                        params[key] = this.atrForm.value[key];
+                    }
+                    else {
+                        params[key] = this.atrForm.value[key].join();
+                    }
+                }
+                else if (this.getHederType(key) == "cascader") {
+                    params[key] = this.atrForm.value[key].join();
+                }
+                else {
+                    params[key] = this.atrForm.value[key];
+                }
+            }
+        }
+        params = Object.assign(params, this.defaultParams);
+        console.log(params);
+        return params;
+    }
+    getHederType(cusKey) {
+        let type = null;
+        for (let header of this.queryOpts.headers) {
+            if (cusKey == header.key) {
+                type = header.type;
+                break;
+            }
+        }
+        return type;
+    }
+    setDefaultParams(params, reset = true) {
+        this.defaultParams = params;
+        this.query(reset);
+    }
+    getSortInfo() {
+        let orderby = [];
+        for (const key in this.sortMap) {
+            if (this.sortMap[key] == 'ascend') {
+                orderby.push(key + "|" + "asc");
+            }
+            else if (this.sortMap[key] == 'descend') {
+                orderby.push(key + "|" + "desc");
+            }
+        }
+        let order = "";
+        if (orderby.length < 1 && this.queryOpts.sort) {
+            order = this.queryOpts.sort;
+        }
+        else
+            order = orderby.join(",");
+        return order;
+    }
+    query(reset = false) {
+        let params = this.getQueryParams(reset);
+        if (this.queryOpts.url) {
+            this.loading = true;
+            this.httpService.post(this.queryOpts.url, params, ToolsUtil.getHttpOptions()).subscribe(result => {
+                var _a;
+                this.loading = false;
+                if (result.status == 200) {
+                    let action = {};
+                    action["result"] = result;
+                    action["params"] = params;
+                    this.queryBack.emit(action);
+                    this.total = (_a = result === null || result === void 0 ? void 0 : result.page) === null || _a === void 0 ? void 0 : _a.totalResult;
+                    this.tableDatas = result.data;
+                    this.getRowSpan();
+                    this.mapOfCheckedId = {};
+                    this.curChecked = -1;
+                    this.refreshStatus();
+                }
+            }, error => {
+                this.loading = false;
+            });
+        }
+        else {
+            this.queryBack.emit({ name: '', code: 'query', data: params });
+        }
+    }
+    contextMenu($event, menu) {
+        console.log($event);
+        this.nzContextMenuService.create($event, menu);
+    }
+    log(value) {
+        console.log(value);
+        for (let table of this.queryOpts.tables) {
+            let flag = false;
+            for (let item of value) {
+                if (item == table.key) {
+                    table.isShow = true;
+                    flag = true;
+                }
+            }
+            if (!flag)
+                table.isShow = false;
+        }
+        console.log(this.queryOpts.tables);
+    }
+    checkShowTd(item, index) {
+        if (!item.isShow) {
+            return false;
+        }
+        if (item.isRowSpan) {
+            // 合并行,返回值与上一行相同则隐藏这一行;
+            if (index == 0) {
+                return true;
+            }
+            const key = item.key ? item.key : "";
+            const cur = this.tableDatas[index][key];
+            const pre = this.tableDatas[index - 1][key];
+            return !(cur == pre);
+        }
+        return item.isShow;
+    }
+    checkRowSpan(item, data) {
+        if (item.isRowSpan) {
+            return this.rowSpanMap[item.key ? item.key : ""][data[item.key ? item.key : ""]].num;
+        }
+        return 1;
+    }
+    getRowSpan() {
+        let isRowSpan = false;
+        this.queryOpts.tables.forEach((item) => {
+            if (item.isRowSpan) {
+                isRowSpan = true;
+                this.rowSpanMap[item.key] = {};
+            }
+        });
+        if (!isRowSpan) {
+            return;
+        }
+        let keys = Object.keys(this.rowSpanMap);
+        this.tableDatas.forEach((item) => {
+            keys.forEach(key => {
+                const value = item[key];
+                if (!this.rowSpanMap[key][value]) {
+                    this.rowSpanMap[key][value] = {
+                        num: 1
+                    };
+                }
+                else {
+                    this.rowSpanMap[key][value].num += 1;
+                }
+            });
+        });
+    }
+    drop(event) {
+        moveItemInArray(this.tableDatas, event.previousIndex, event.currentIndex);
+        let action = {
+            name: 'drag',
+            code: 'drag',
+            type: "rows"
+        };
+        action.datas = this.tableDatas;
+        action.numberOfChecked = 1;
+        this.tableAction.emit(action);
+    }
+}
+AtrTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrTableComponent, deps: [{ token: i1$2.FormBuilder }, { token: i0.Injector }, { token: LOCALE_ID }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AtrTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AtrTableComponent, selector: "atr-table", inputs: { loading: "loading", allowDrag: "allowDrag", queryOpts: "queryOpts", showPagination: "showPagination", title: "title" }, 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\" *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\"  >\r\n    <div nz-row [nzGutter]=\"24\">\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    </div>\r\n    <div nz-row  nzType=\"flex\">\r\n      <div class=\"action-area\" nz-col [nzSpan]=\"16\" >\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\" 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)\" *atrRole=\"action.code\" [disabled] = \"isEnable(action.operator)\">{{action.name}}</button>\r\n          </ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\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 > queryOpts.showNum \">\r\n          \u66F4\u591A\r\n          <i nz-icon [nzType]=\"isCollapse ? 'down' : 'up'\"></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>\r\n    <nz-table  *ngIf=\"isAllLoad\" #basicTable  class=\"main-table\"\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          [nzData]=\"tableDatas\"\r\n          (nzPageIndexChange)=\"query()\"\r\n          (nzPageSizeChange)=\"query(true)\"\r\n          [nzShowTotal]=\"totalTemplate\"\r\n          >\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th *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 [nzLeft]=\"true\"  class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzLeft]=\"true\"  class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzPreview\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      <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        <td [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 [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 [nzLeft]=\"true\"\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 [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      <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 [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 [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 [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 [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 [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\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:flex;flex-direction:column}::ng-deep .ant-modal{top:50px;padding:0}.ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}.select-icon:hover{color:#1890ff}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}::ng-deep .ant-table-column-title{font-size:.65rem}::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}::ng-deep .ant-modal-header,::ng-deep .ant-modal-content{border-radius:4px}::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}::ng-deep .ant-table{height:100%}::ng-deep nz-pagination{position:absolute;bottom:0;right:0}.search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}[nz-form-label]{overflow:visible}button{margin:2px 4px}.collapse{margin-left:6px;font-size:12px}.action-area{text-align:left}.search-area{text-align:right}::ng-deep .main-table{position:absolute;top:0;left:0;right:0;bottom:0}::ng-deep .main-table .ant-spin-nested-loading{height:100%}::ng-deep .main-table .ant-spin-container{height:100%}::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}::ng-deep .ant-table-body::-webkit-scrollbar,::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}::ng-deep .ant-table-body::-webkit-scrollbar-track,::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}::ng-deep .ant-table-body::-webkit-scrollbar-thumb,::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}.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}.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}.t-tr{background:#fff}.t-tr:nth-child(odd){background:#f8f9fa}::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-header{background:#e7ebef!important}td{font-size:.65rem}.resize-trigger{height:100%}.nz-resizable-preview{border-width:0;border-right-width:1px}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}::ng-deep .ant-table-tbody>tr>td{padding:5px}::ng-deep .ant-table{line-height:15px}::ng-deep .ant-table-middle .ant-table-footer,.ant-table-middle .ant-table-tbody>tr>td,.ant-table-middle .ant-table-thead>tr>th,.ant-table-middle .ant-table-title{padding:5px}::ng-deep .ant-table-tbody>tr>td>img{width:35px}::ng-deep .ant-modal-body{padding:10px}::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}::ng-deep th{z-index:80!important}.left-zindex-header{z-index:90!important}.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}.border-text{width:100%;height:36px;line-height:36px;display:flex}.border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}.border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}.border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}.border-text .border-text-span{margin-left:5px;margin-right:5px}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}::ng-deep .ant-table-cell-fix-left,.ant-table-cell-fix-right{position:sticky!important}\n"], components: [{ type: TableFormItemComponent, selector: "app-table-form-item", inputs: ["header", "value", "dictList"], outputs: ["headerAction"] }, { type: LocalUploadComponent, selector: "atr-local-upload", inputs: ["url", "name", "code"] }, { type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { type: i5$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzPaginationPosition", "nzScroll", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange"], exportAs: ["nzTable"] }, { type: i5$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { type: i5$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { type: i5$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"] }, { type: i6$1.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { type: i5$1.NzTbodyComponent, selector: "tbody" }, { type: i5$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { type: TableTdComponent, selector: "app-table-td", inputs: ["data", "item", "i"], outputs: ["doActionByRowAction"] }, { type: i8$1.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { type: i9$1.NzCheckboxWrapperComponent, selector: "nz-checkbox-wrapper", outputs: ["nzOnChange"], exportAs: ["nzCheckboxWrapper"] }, { type: i9$1.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon"], exportAs: ["nzForm"] }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i12.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i12.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"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: AtrRoleDirective, selector: "[atrRole]", inputs: ["atrRole"] }, { type: i4$2.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i5$1.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { type: i5$1.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { type: i5$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { type: i5$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { type: i5$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { type: i6$1.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5$1.NzCellBreakWordDirective, selector: "th[nzBreakWord],td[nzBreakWord]", inputs: ["nzBreakWord"] }, { type: i17.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i17.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atr-table', template: "<form nz-form [formGroup]=\"atrForm\" class=\"ant-advanced-search-form\" *ngIf=\"queryOpts.headers.length >0 || queryOpts.actions.length >0\"  >\r\n    <div nz-row [nzGutter]=\"24\">\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    </div>\r\n    <div nz-row  nzType=\"flex\">\r\n      <div class=\"action-area\" nz-col [nzSpan]=\"16\" >\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\" 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)\" *atrRole=\"action.code\" [disabled] = \"isEnable(action.operator)\">{{action.name}}</button>\r\n          </ng-container>\r\n        </ng-container>\r\n      </div>\r\n      <div nz-col [nzSpan]=\"8\" class=\"search-area\" *ngIf=\"queryOpts.headers.length >0 && !queryOpts.isHideQuery\">\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 > queryOpts.showNum \">\r\n          \u66F4\u591A\r\n          <i nz-icon [nzType]=\"isCollapse ? 'down' : 'up'\"></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>\r\n    <nz-table  *ngIf=\"isAllLoad\" #basicTable  class=\"main-table\"\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          [nzData]=\"tableDatas\"\r\n          (nzPageIndexChange)=\"query()\"\r\n          (nzPageSizeChange)=\"query(true)\"\r\n          [nzShowTotal]=\"totalTemplate\"\r\n          >\r\n      <thead>\r\n      <tr (contextmenu)=\"contextMenu($event,menu)\" class=\"header-tr\">\r\n\r\n        <th *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 [nzLeft]=\"true\"  class=\"left-zindex-header\" *ngIf=\"queryOpts.isIndex\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <th [nzLeft]=\"true\"  class=\"left-zindex-header\" *ngIf=\"queryOpts.checkBox?.isRadio\" nzWidth=\"30px\" nzAlign=\"center\">#</th>\r\n        <ng-container *ngFor=\"let item of queryOpts.tables; \">\r\n          <th *ngIf=\"item.isShow \"\r\n              [nzShowSort]=item.sortable\r\n              nz-resizable\r\n              nzPreview\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      <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        <td [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 [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 [nzLeft]=\"true\"\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 [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      <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 [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 [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 [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 [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 [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\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:flex;flex-direction:column}::ng-deep .ant-modal{top:50px;padding:0}.ant-advanced-search-form{padding:10px 6px 6px;background:#fbfbfb;border:1px solid #d9d9d9;border-radius:6px;margin-bottom:5px}.select-icon:hover{color:#1890ff}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:5px}::ng-deep .ant-table-column-title{font-size:.65rem}::ng-deep .ant-table-tbody>tr.ant-table-row:hover>td{background:#d0eeea}::ng-deep .ant-modal-header,::ng-deep .ant-modal-content{border-radius:4px}::ng-deep .ant-table-tbody>tr.selected:hover>td{background-color:#cfe1d0!important}::ng-deep .ant-table{height:100%}::ng-deep nz-pagination{position:absolute;bottom:0;right:0}.search-result-list{padding:1px;border:1px dashed #e9e9e9;border-radius:6px;background-color:#fff;flex:1;text-align:center;position:relative}[nz-form-label]{overflow:visible}button{margin:2px 4px}.collapse{margin-left:6px;font-size:12px}.action-area{text-align:left}.search-area{text-align:right}::ng-deep .main-table{position:absolute;top:0;left:0;right:0;bottom:0}::ng-deep .main-table .ant-spin-nested-loading{height:100%}::ng-deep .main-table .ant-spin-container{height:100%}::ng-deep .ant-table-tbody>tr.selected>td{background-color:#cfe1d0}::ng-deep .ant-table-tbody>tr>td>img{display:block;width:40%;margin:0 auto}::ng-deep .ant-table-body{-ms-overflow-style:none;overflow:-moz-scrollbars-none}::ng-deep .ant-table-body::-webkit-scrollbar,::ng-deep .ant-table-header::-webkit-scrollbar{width:6px!important;height:6px!important}::ng-deep .ant-table-body::-webkit-scrollbar-track,::ng-deep .ant-table-header::-webkit-scrollbar-track{width:6px!important;cursor:pointer}::ng-deep .ant-table-body::-webkit-scrollbar-thumb,::ng-deep .ant-table-header::-webkit-scrollbar-thumb{background:#1890ff;border-radius:3px;cursor:pointer}::ng-deep .ant-table-bordered .ant-table-thead>tr>th{border-right:1px solid #ddd}::ng-deep .ant-table-header{-ms-overflow-style:none;overflow:-moz-scrollbars-none;margin-bottom:-5px!important}::ng-deep .ant-table-placeholder{border-bottom:none!important;border-top:none!important}.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}.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}.t-tr{background:#fff}.t-tr:nth-child(odd){background:#f8f9fa}::ng-deep .ant-table-thead>tr>th{background:#e7ebef!important;border-radius:0;word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-tbody>tr>td{word-break:break-all;white-space:pre-wrap}::ng-deep .ant-table-header{background:#e7ebef!important}td{font-size:.65rem}.resize-trigger{height:100%}.nz-resizable-preview{border-width:0;border-right-width:1px}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}::ng-deep .ant-table-tbody>tr>td{padding:5px}::ng-deep .ant-table{line-height:15px}::ng-deep .ant-table-middle .ant-table-footer,.ant-table-middle .ant-table-tbody>tr>td,.ant-table-middle .ant-table-thead>tr>th,.ant-table-middle .ant-table-title{padding:5px}::ng-deep .ant-table-tbody>tr>td>img{width:35px}::ng-deep .ant-modal-body{padding:10px}::ng-deep .ant-table.ant-table-bordered tbody>tr>td{font-size:13px}::ng-deep th{z-index:80!important}.left-zindex-header{z-index:90!important}.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}.border-text{width:100%;height:36px;line-height:36px;display:flex}.border-text .border-text-line{display:inline-block;border-top:1px solid #cccccc;margin-top:18px}.border-text .border-text-line-left{width:10px;border-left:1px solid #cccccc}.border-text .border-text-line-right{flex:1;border-right:1px solid #cccccc}.border-text .border-text-span{margin-left:5px;margin-right:5px}.label-title{position:absolute;display:block;top:-7px;left:10px;background-color:#fff;color:#000;font-weight:600;font-size:12px;line-height:12px}:host ::ng-deep .tabel-colunmn-header{position:absolute!important;top:0!important}::ng-deep .ant-table-cell-fix-left,.ant-table-cell-fix-right{position:sticky!important}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i1$2.FormBuilder }, { type: i0.Injector }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LOCALE_ID]
+                    }] }, { type: i0.ChangeDetectorRef }];
+    }, propDecorators: { loading: [{
+                type: Input
+            }], allowDrag: [{
+                type: Input
+            }], queryOpts: [{
+                type: Input
+            }], showPagination: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], tableAction: [{
+                type: Output
+            }], queryBack: [{
+                type: Output
+            }], headerAction: [{
+                type: Output
+            }], tableContent: [{
+                type: ViewChild,
+                args: ['tableContent', { static: true }]
+            }] } });
+
+class VideoComponent {
+    constructor() { }
+}
+VideoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+VideoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: VideoComponent, selector: "app-video", inputs: { url: "url" }, ngImport: i0, template: "<vg-player>\r\n  <vg-controls vgFor=\"__VG__VIDEO__\" >\r\n    <vg-play-pause></vg-play-pause>\r\n    <vg-scrub-bar>\r\n      <vg-scrub-bar-current-time></vg-scrub-bar-current-time>\r\n      <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>\r\n    </vg-scrub-bar>\r\n    <vg-time-display vgProperty=\"left\" vgFormat=\"mm:ss\"></vg-time-display>\r\n\r\n    <!-- <vg-volume></vg-volume> -->\r\n    <vg-mute></vg-mute>\r\n\r\n    <vg-fullscreen></vg-fullscreen>\r\n  </vg-controls>\r\n\r\n  <video\r\n    id=\"__VG__VIDEO__\"\r\n    #media\r\n    [vgMedia]=\"$any(media)\"\r\n    preload=\"auto\"\r\n    >\r\n    <source [src]=\"url\" type=\"video/mp4\">\r\n  </video>\r\n</vg-player>\r\n", styles: [":host{width:100%}\n"], components: [{ type: i1$4.VgPlayer, selector: "vg-player", outputs: ["onPlayerReady", "onMediaReady"] }, { type: i1$4.VgControls, selector: "vg-controls", inputs: ["vgFor", "vgAutohide", "vgAutohideTime"] }, { type: i1$4.VgPlayPause, selector: "vg-play-pause", inputs: ["vgFor"] }, { type: i1$4.VgScrubBar, selector: "vg-scrub-bar", inputs: ["vgFor", "vgSlider"] }, { type: i1$4.VgScrubBarCurrentTime, selector: "vg-scrub-bar-current-time", inputs: ["vgFor", "vgSlider"] }, { type: i1$4.VgScrubBarBufferingTime, selector: "vg-scrub-bar-buffering-time", inputs: ["vgFor"] }, { type: i1$4.VgTimeDisplay, selector: "vg-time-display", inputs: ["vgFor", "vgProperty", "vgFormat"] }, { type: i1$4.VgMute, selector: "vg-mute", inputs: ["vgFor"] }, { type: i1$4.VgFullscreen, selector: "vg-fullscreen" }], directives: [{ type: i1$4.VgMedia, selector: "[vgMedia]", inputs: ["vgMedia", "vgMaster"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: VideoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-video', template: "<vg-player>\r\n  <vg-controls vgFor=\"__VG__VIDEO__\" >\r\n    <vg-play-pause></vg-play-pause>\r\n    <vg-scrub-bar>\r\n      <vg-scrub-bar-current-time></vg-scrub-bar-current-time>\r\n      <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>\r\n    </vg-scrub-bar>\r\n    <vg-time-display vgProperty=\"left\" vgFormat=\"mm:ss\"></vg-time-display>\r\n\r\n    <!-- <vg-volume></vg-volume> -->\r\n    <vg-mute></vg-mute>\r\n\r\n    <vg-fullscreen></vg-fullscreen>\r\n  </vg-controls>\r\n\r\n  <video\r\n    id=\"__VG__VIDEO__\"\r\n    #media\r\n    [vgMedia]=\"$any(media)\"\r\n    preload=\"auto\"\r\n    >\r\n    <source [src]=\"url\" type=\"video/mp4\">\r\n  </video>\r\n</vg-player>\r\n", styles: [":host{width:100%}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { url: [{
+                type: Input
+            }] } });
+
+class UploadComponent {
+    constructor(injector, httpClient, modalService) {
+        this.injector = injector;
+        this.httpClient = httpClient;
+        this.modalService = modalService;
+        this.isEdit = true;
+        this.allowChangSeq = false;
+        this.uploadUrl = "";
+        this.uploadData = {};
+        this.showUploadList = {
+            showPreviewIcon: true,
+            showRemoveIcon: true,
+            hidePreviewIconInNonImage: true
+        };
+        this.afterChange = new EventEmitter();
+        this.optsChange = new EventEmitter();
+        this.previewImage = '';
+        this.previewVisible = false;
+        this.changeVisible = false;
+        this.handlePreview = (file) => {
+            this.previewImage = file.url || file.thumbUrl;
+            this.previewVisible = true;
+        };
+        this.remove = (file) => {
+            if (!this.isEdit) {
+                return false;
+            }
+            console.log(file);
+            if (this.opts && this.opts.removeAction) {
+                return false;
+            }
+            return true;
+        };
+        this.beforeUpload = (file, fileList) => {
+            return new Observable(observe => {
+                let fileName = ToolsUtil.getRandomFileName() + "." + ToolsUtil.getFileExt(file.name);
+                this.httpService.post(atr_static_datas.OSS_POLICY, {
+                    dir: this.opts.uploadDir,
+                    fileName: fileName,
+                    'success_action_status': '200'
+                }, ToolsUtil.getHttpOptions()).subscribe(result => {
+                    if (result.status == 200) {
+                        this.uploadData[file.uid] = result.data;
+                        observe.next(true);
+                    }
+                    else
+                        observe.next(false);
+                    observe.unsubscribe();
+                }, error => {
+                    observe.next(false);
+                    observe.unsubscribe();
+                });
+            });
+        };
+        this.customReq = (item) => {
+            const formData = new FormData();
+            let uploadData = this.uploadData[item.file.uid];
+            for (let key in uploadData) {
+                if (key != 'host')
+                    formData.append(key, uploadData[key]);
+            }
+            formData.append('file', item.file);
+            const req = new HttpRequest('POST', uploadData.host, formData, {
+                reportProgress: true
+            });
+            return this.httpClient.request(req).subscribe((event) => {
+                if (event.type === HttpEventType.UploadProgress) {
+                    if (event.total > 0) {
+                        event.percent = (event.loaded / event.total) * 100;
+                    }
+                    item.onProgress(event, item.file);
+                }
+                else if (event instanceof HttpResponse) {
+                    item.file["key"] = uploadData.key;
+                    item.onSuccess(event.body, item.file, event);
+                }
+            }, err => {
+                item.onError(err, item.file);
+            });
+        };
+    }
+    ngOnInit() {
+    }
+    getFileTyeIcon(fileType, fileName) {
+        let thumbUrl = this.getFileThumbUrl(fileType);
+        if (thumbUrl === '') {
+            thumbUrl = this.getThumbUrl(fileName);
+        }
+        return thumbUrl;
+    }
+    getThumbUrl(path) {
+        if (!path) {
+            return '';
+        }
+        // 后缀获取
+        if (path.endsWith('.mp4')) {
+            return '../../../assets/video.jpg';
+        }
+        else {
+            return '';
+        }
+    }
+    getFileThumbUrl(type) {
+        let thumbUrl = '';
+        if (type === 'video/mp4' || type === 'mp4') {
+            thumbUrl = '../../../assets/video.jpg';
+        }
+        return thumbUrl;
+    }
+    onChange(params) {
+        console.log(params);
+        if (params.type == "success" || params.type == "removed") {
+            this.opts.imageList = [];
+            setTimeout(() => {
+                this.opts.imageList = params.fileList.map((file) => {
+                    if (file.type == 'video/mp4' && file.uid === params.file.uid) {
+                        let thumbUrl = this.getFileTyeIcon(file.type, file.name);
+                        file.thumbUrl = thumbUrl ? thumbUrl : file.thumbUrl;
+                        file.url = file.originFileObj ? atr_static_datas.OSS_URL + file.originFileObj['key'] : file['path'];
+                    }
+                    return file;
+                });
+            }, 50);
+            let fileUrls = [];
+            for (let file of params.fileList) {
+                if (file["key"] != undefined) {
+                    fileUrls.push(file["key"]);
+                    continue;
+                }
+                if (file.originFileObj) {
+                    let originFileObj = file.originFileObj;
+                    if (originFileObj["key"] != undefined) {
+                        fileUrls.push(originFileObj["key"]);
+                    }
+                }
+            }
+            this.afterChange.emit({ key: this.opts.key, values: fileUrls.join(",") });
+            this.optsChange.emit(this.opts);
+        }
+    }
+    get httpService() {
+        return this.injector.get(HttpService);
+    }
+    openBannerSeq(tplContent, tplFooter) {
+        this.tplModal = this.modalService.create({
+            nzTitle: "修改图片顺序",
+            nzContent: tplContent,
+            nzFooter: tplFooter,
+            nzMaskClosable: false,
+            nzClosable: false,
+            nzOnOk: () => console.log('Click ok')
+        });
+        console.log(this.opts.imageList);
+        this.changeVisible = true;
+    }
+    destroyTplModal() {
+        this.tplModal.destroy();
+    }
+    arrowUp(index) {
+        let img = this.opts.imageList[index];
+        this.opts.imageList[index] = this.opts.imageList[index - 1];
+        this.opts.imageList[index - 1] = img;
+    }
+    arrowDown(index) {
+        let img = this.opts.imageList[index];
+        this.opts.imageList[index] = this.opts.imageList[index + 1];
+        this.opts.imageList[index + 1] = img;
+    }
+    saveSeq() {
+        this.destroyTplModal();
+        let imgs = this.opts.imageList;
+        this.opts.imageList = [];
+        setTimeout(() => {
+            this.opts.imageList = imgs;
+            console.log(this.opts.imageList);
+            let fileUrls = [];
+            for (let file of this.opts.imageList) {
+                if (file["key"] != undefined) {
+                    fileUrls.push(file["key"]);
+                    continue;
+                }
+                if (file.originFileObj && file.originFileObj["key"] != undefined)
+                    fileUrls.push(file.originFileObj["key"]);
+            }
+            this.afterChange.emit({ key: this.opts.key, values: fileUrls.join(",") });
+        }, 50);
+    }
+}
+UploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadComponent, deps: [{ token: i0.Injector }, { token: i1.HttpClient }, { token: i2$3.NzModalService }], target: i0.ɵɵFactoryTarget.Component });
+UploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: UploadComponent, selector: "atr-img-upload", inputs: { opts: "opts", isEdit: "isEdit", allowChangSeq: "allowChangSeq" }, outputs: { afterChange: "afterChange", optsChange: "optsChange" }, ngImport: i0, template: "<div class=\"clearfix\">\r\n  <nz-upload\r\n    *ngIf=\"opts.uploadType == 'drag'\"\r\n    nzType=\"drag\"\r\n    nzAction=\"\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzLimit]=\"'1'\"\r\n  >\r\n    <p class=\"ant-upload-drag-icon\">\r\n      <i nz-icon nzType=\"inbox\"></i>\r\n    </p>\r\n    <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4E0A\u4F20</p>\r\n  </nz-upload>\r\n  <nz-upload\r\n    *ngIf=\"opts.uploadType != 'drag'\"\r\n    nzAction=\"\"\r\n    nzListType=\"picture-card\"\r\n    [(nzFileList)]=\"opts.imageList\"\r\n    [nzShowButton]=\"opts.imageList.length < opts.limit\"\r\n    [nzShowUploadList]=\"showUploadList\"\r\n    [nzPreview]=\"handlePreview\"\r\n    [nzRemove]=\"remove\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzDisabled]=\"!isEdit\"\r\n    [nzLimit]=\"'1'\"\r\n  >\r\n    <i nz-icon nzType=\"plus\"></i>\r\n    <div class=\"ant-upload-text\">\u4E0A\u4F20\u56FE\u7247</div>\r\n  </nz-upload>\r\n  <a *ngIf=\"allowChangSeq && isEdit && opts.imageList.length > 1\" (click)=\"openBannerSeq(imgsContent, tplFooter)\"\r\n     style=\"margin-left: 10px; \"\r\n  ><i nz-icon nzType=\"plus\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\u8C03\u6574\u56FE\u7247\u987A\u5E8F</a>\r\n  <nz-modal\r\n    [nzVisible]=\"previewVisible\"\r\n    [nzContent]=\"modalContent\"\r\n    [nzFooter]=\"null\"\r\n    (nzOnCancel)=\"previewVisible = false\"\r\n  >\r\n    <ng-template #modalContent>\r\n      <img *ngIf=\"!previewImage.endsWith('.mp4')\" [src]=\"previewImage\" [ngStyle]=\"{ width: '100%' }\"/>\r\n      <div style=\"width: 100%;margin-top: 15px\">\r\n        <app-video *ngIf=\"previewImage.endsWith('.mp4')\" [url]=\"previewImage\"></app-video>\r\n      </div>\r\n    </ng-template>\r\n  </nz-modal>\r\n  <ng-template #imgsContent>\r\n\r\n    <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n      <div class=\"img-div\">\r\n        <img [src]=\"imgs.url || imgs.thumbUrl\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n        <div style=\"margin-right: 20px\">\r\n          <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\"><i nz-icon nzType=\"arrow-up\"\r\n                                                                                       nzTheme=\"outline\"\r\n                                                                                       style=\"color: #1890ff; font-size: 15px;\"></i>\r\n            \u4E0A\u79FB</a>\r\n          <a title=\"\u4E0B\u79FB\" *ngIf=\" i < opts.imageList.length - 1\" (click)=\"arrowDown(i)\"><i nz-icon nzType=\"arrow-down\"\r\n                                                                                         nzTheme=\"outline\"\r\n                                                                                         style=\"color: #1890ff; font-size: 15px\"></i>\r\n            \u4E0B\u79FB</a>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n  <!--  </nz-modal>-->\r\n</div>\r\n\r\n<ng-template #tplFooter>\r\n  <button nz-button nzType=\"default\" (click)=\"destroyTplModal()\">\r\n    \u53D6\u6D88\r\n  </button>\r\n  <button nz-button nzType=\"primary\" (click)=\"saveSeq()\">\r\n    \u4FDD\u5B58\u987A\u5E8F\r\n  </button>\r\n</ng-template>\r\n\r\n\r\n", styles: ["i[nz-icon]{font-size:32px;color:#999}.ant-upload-text{margin-top:8px;color:#666}.img-div{padding:8px;border:1px solid #d9d9d9;border-radius:4px;margin-top:20px;display:flex;align-items:center;justify-content:space-between}\n"], components: [{ type: i1$3.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { type: i2$3.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzContent", "nzComponentParams", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { type: VideoComponent, selector: "app-video", inputs: ["url"] }, { type: i2$2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$2.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: UploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atr-img-upload', template: "<div class=\"clearfix\">\r\n  <nz-upload\r\n    *ngIf=\"opts.uploadType == 'drag'\"\r\n    nzType=\"drag\"\r\n    nzAction=\"\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzLimit]=\"'1'\"\r\n  >\r\n    <p class=\"ant-upload-drag-icon\">\r\n      <i nz-icon nzType=\"inbox\"></i>\r\n    </p>\r\n    <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4E0A\u4F20</p>\r\n  </nz-upload>\r\n  <nz-upload\r\n    *ngIf=\"opts.uploadType != 'drag'\"\r\n    nzAction=\"\"\r\n    nzListType=\"picture-card\"\r\n    [(nzFileList)]=\"opts.imageList\"\r\n    [nzShowButton]=\"opts.imageList.length < opts.limit\"\r\n    [nzShowUploadList]=\"showUploadList\"\r\n    [nzPreview]=\"handlePreview\"\r\n    [nzRemove]=\"remove\"\r\n    [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzCustomRequest]=\"customReq\"\r\n    (nzChange)=\"onChange($event)\"\r\n    [nzType]=\"opts.uploadType\"\r\n    [nzAccept]=\"opts.nzFileType\"\r\n    [nzDisabled]=\"!isEdit\"\r\n    [nzLimit]=\"'1'\"\r\n  >\r\n    <i nz-icon nzType=\"plus\"></i>\r\n    <div class=\"ant-upload-text\">\u4E0A\u4F20\u56FE\u7247</div>\r\n  </nz-upload>\r\n  <a *ngIf=\"allowChangSeq && isEdit && opts.imageList.length > 1\" (click)=\"openBannerSeq(imgsContent, tplFooter)\"\r\n     style=\"margin-left: 10px; \"\r\n  ><i nz-icon nzType=\"plus\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\u8C03\u6574\u56FE\u7247\u987A\u5E8F</a>\r\n  <nz-modal\r\n    [nzVisible]=\"previewVisible\"\r\n    [nzContent]=\"modalContent\"\r\n    [nzFooter]=\"null\"\r\n    (nzOnCancel)=\"previewVisible = false\"\r\n  >\r\n    <ng-template #modalContent>\r\n      <img *ngIf=\"!previewImage.endsWith('.mp4')\" [src]=\"previewImage\" [ngStyle]=\"{ width: '100%' }\"/>\r\n      <div style=\"width: 100%;margin-top: 15px\">\r\n        <app-video *ngIf=\"previewImage.endsWith('.mp4')\" [url]=\"previewImage\"></app-video>\r\n      </div>\r\n    </ng-template>\r\n  </nz-modal>\r\n  <ng-template #imgsContent>\r\n\r\n    <ng-container *ngFor=\"let imgs of opts.imageList;let i = index\">\r\n      <div class=\"img-div\">\r\n        <img [src]=\"imgs.url || imgs.thumbUrl\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'10px' }\"/>\r\n        <div style=\"margin-right: 20px\">\r\n          <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\"><i nz-icon nzType=\"arrow-up\"\r\n                                                                                       nzTheme=\"outline\"\r\n                                                                                       style=\"color: #1890ff; font-size: 15px;\"></i>\r\n            \u4E0A\u79FB</a>\r\n          <a title=\"\u4E0B\u79FB\" *ngIf=\" i < opts.imageList.length - 1\" (click)=\"arrowDown(i)\"><i nz-icon nzType=\"arrow-down\"\r\n                                                                                         nzTheme=\"outline\"\r\n                                                                                         style=\"color: #1890ff; font-size: 15px\"></i>\r\n            \u4E0B\u79FB</a>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n  </ng-template>\r\n  <!--  </nz-modal>-->\r\n</div>\r\n\r\n<ng-template #tplFooter>\r\n  <button nz-button nzType=\"default\" (click)=\"destroyTplModal()\">\r\n    \u53D6\u6D88\r\n  </button>\r\n  <button nz-button nzType=\"primary\" (click)=\"saveSeq()\">\r\n    \u4FDD\u5B58\u987A\u5E8F\r\n  </button>\r\n</ng-template>\r\n\r\n\r\n", styles: ["i[nz-icon]{font-size:32px;color:#999}.ant-upload-text{margin-top:8px;color:#666}.img-div{padding:8px;border:1px solid #d9d9d9;border-radius:4px;margin-top:20px;display:flex;align-items:center;justify-content:space-between}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.HttpClient }, { type: i2$3.NzModalService }]; }, propDecorators: { opts: [{
+                type: Input
+            }], isEdit: [{
+                type: Input
+            }], allowChangSeq: [{
+                type: Input
+            }], afterChange: [{
+                type: Output
+            }], optsChange: [{
+                type: Output
+            }] } });
+
+//响应式表单自定义模板验证器
+function telphoneValidator() {
+    return (contrl) => {
+        let nameExp = new RegExp('^1[3456789]\\d{9}$');
+        const forbidden = nameExp.test(contrl.value);
+        return !forbidden ? { 'telphone': { value: contrl.value } } : null;
+    };
+}
+
+class ShareService {
+    constructor(drawerService, httpService) {
+        this.drawerService = drawerService;
+        this.httpService = httpService;
+    }
+    getDicList(item) {
+        return new Observable(observe => {
+            if (!item.selectUrl || !item.selectUrl.url) {
+                return;
+            }
+            let selectUrl = item.selectUrl;
+            let url = selectUrl.host == 'oss' ? atr_static_datas.OSS_URL + selectUrl.url : selectUrl.url;
+            let options = selectUrl.host == 'oss' ? {} : ToolsUtil.getHttpOptions();
+            if (selectUrl.type == 'get') {
+                this.httpService.get(url, {}, options).subscribe(res => {
+                    observe.next({ status: 200, item: this.getDicListBase(res, item) });
+                    observe.unsubscribe();
+                }, error => {
+                    observe.next(error);
+                    observe.unsubscribe();
+                });
+            }
+            else {
+                this.httpService.post(url, {}, options).subscribe(res => {
+                    observe.next({ status: 200, item: this.getDicListBase(res, item) });
+                    observe.unsubscribe();
+                }, error => {
+                    observe.next(error);
+                    observe.unsubscribe();
+                });
+            }
+        });
+    }
+    getDicListBase(res, item) {
+        let keys = item.selectUrl.convert ? item.selectUrl.convert.split(',') : null;
+        if (item.type == 'treeSelect') {
+            item.treeList = res.data.filter((child) => {
+                if (keys) {
+                    keys.forEach((v) => {
+                        let vs = v.split("|");
+                        child[vs[0]] = child[vs[1]];
+                    });
+                }
+                // child.key = child.id;
+                // child.title = child.realName;
+                return true;
+            });
+        }
+        else if (item.type == 'selectCus' || item.type == 'selectc') {
+            item.dictList = res.data.filter((child) => {
+                if (keys) {
+                    keys.forEach((v) => {
+                        let vs = v.split("|");
+                        child[vs[0]] = child[vs[1]];
+                    });
+                }
+                // child.value = child.id;
+                // child.label = child.name;
+                return true;
+            });
+        }
+        else if (item.type == 'cascader') {
+            item.dictList = res.data;
+            this.convertCascader(res.data, keys);
+        }
+        return item;
+    }
+    convertCascader(arrs, keys) {
+        if (!arrs) {
+            return;
+        }
+        arrs.forEach((child) => {
+            if (keys) {
+                keys.forEach((v) => {
+                    let vs = v.split("|");
+                    child[vs[0]] = child[vs[1]];
+                });
+            }
+            child.nzValueProperty = {
+                label: child.label,
+                value: child.value,
+            };
+            if (child.children) {
+                this.convertCascader(child.children, keys);
+            }
+            else {
+                child.isLeaf = true;
+            }
+        });
+    }
+}
+ShareService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ShareService, deps: [{ token: i1$5.NzDrawerService }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+ShareService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ShareService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ShareService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$5.NzDrawerService }, { type: HttpService }]; } });
+
+class AtrFormComponent {
+    // tslint:disable-next-line:max-line-length
+    constructor(shareService, fb, dictService, injector, locale) {
+        this.shareService = shareService;
+        this.fb = fb;
+        this.dictService = dictService;
+        this.injector = injector;
+        this.locale = locale;
+        this.dicts = {};
+        this.formAction = new EventEmitter();
+        this.atrForm = this.fb.group({});
+    }
+    resetLayout(item) {
+        if (!item.lspan) {
+            item.lspan = 24;
+        }
+        if (!item.cspan) {
+            item.cspan = 24;
+        }
+    }
+    doAction(item, event) {
+        event.preventDefault();
+        if (event.stopPropagation) {
+            event.stopPropagation();
+        }
+        let action = {
+            name: item.name,
+            code: item.code,
+        };
+        this.formAction.emit(action);
+    }
+    setValue(key, value) {
+        var _a;
+        (_a = this.atrForm.get(key)) === null || _a === void 0 ? void 0 : _a.setValue(value);
+    }
+    getDicList(item) {
+        this.shareService.getDicList(item).subscribe(res => {
+            if (res.status == 200 && res.item) {
+                item = res.item;
+                this.resetForm();
+            }
+        });
+    }
+    ngOnInit() {
+        if (this.formOpts && this.formOpts.items) {
+            for (let item of this.formOpts.items) {
+                // this.atrForm.addControl(item.key, new FormControl());
+                this.resetLayout(item);
+                let value = this.formOpts.type == 'add' ? item.defaultValue : item.value;
+                console.log(value);
+                if (item.type == "select") {
+                    this.getDictValue(item.dictCode);
+                }
+                if (item.type == 'selectc') {
+                    if (!item.dictList) {
+                        this.getDicList(item);
+                    }
+                }
+                if (item.type == "textarea" && !item.rows)
+                    item.rows = 5;
+                if (item.type == "image") {
+                    item.imageOpts.key = item.key;
+                    if (value) {
+                        let images = [];
+                        let list = value.split(",");
+                        for (let key of list) {
+                            images.push({
+                                key: key,
+                                uid: "-1",
+                                url: atr_static_datas.OSS_URL + key
+                            });
+                        }
+                        item.imageOpts.imageList = images;
+                    }
+                }
+                if (item.type == 'editor') {
+                    if (!value)
+                        value = "";
+                    if (!item.height)
+                        item.height = 300;
+                }
+                if (!item.span)
+                    item.span = 8;
+                if (typeof item.isRequired != 'string') {
+                    item.isRequired = false;
+                }
+                let tempValidators = [];
+                if (item.validators) {
+                    for (let validator of item.validators) {
+                        if (validator.type == "required") {
+                            item.isRequired = true;
+                            tempValidators.push(Validators.required);
+                        }
+                        else if (validator.type == "email") {
+                            tempValidators.push(Validators.email);
+                        }
+                        else if (validator.type == "maxlength") {
+                            tempValidators.push(Validators.maxLength(validator.maxlength ? validator.maxlength : 1));
+                        }
+                        else if (validator.type == "minlength") {
+                            tempValidators.push(Validators.minLength(validator.minlength ? validator.minlength : 1));
+                        }
+                        else if (validator.type == "telphone") {
+                            tempValidators.push(telphoneValidator());
+                        }
+                        else if (validator.type == "pattern") {
+                            tempValidators.push(Validators.pattern(validator.patternValue));
+                        }
+                    }
+                }
+                let defaultValue = { value: value != undefined ? value : null, disabled: item.disable ? item.disable : false };
+                if (tempValidators.length > 0) {
+                    this.atrForm.addControl(item.key, new FormControl(defaultValue, tempValidators));
+                }
+                else {
+                    this.atrForm.addControl(item.key, new FormControl(defaultValue));
+                }
+                console.log(" this.atrForm", this.atrForm);
+            }
+        }
+    }
+    compare(value, operator, target) {
+        let isRight = false;
+        switch (operator) {
+            case 'eq':
+                if (value == target) {
+                    isRight = true;
+                }
+                break;
+            case 'gh':
+                if (value >= target) {
+                    isRight = true;
+                }
+                break;
+            case 'notEmpty':
+                isRight = false;
+                if (value) {
+                    isRight = true;
+                }
+                break;
+            case 'empty':
+                isRight = false;
+                if (!value) {
+                    isRight = true;
+                }
+                break;
+            default:
+                isRight = false;
+                break;
+        }
+        return isRight;
+    }
+    checkIsShowBase(op) {
+        let isShow = false;
+        if (op.length > 1) {
+            let value = this.atrForm.get(op[0]).value;
+            isShow = this.compare(value, op[1], op[2]);
+        }
+        else
+            isShow = false;
+        return isShow;
+    }
+    isRequired(item) {
+        let result = false;
+        let isRequired = item.isRequired;
+        let type = typeof isRequired;
+        if (type == "boolean") {
+            return isRequired;
+        }
+        else if (type == "string") {
+            result = this.isShow(false, isRequired);
+        }
+        console.log("isRequired", result);
+        return result;
+    }
+    isShow(isHidden, operator) {
+        if (isHidden) {
+            return false;
+        }
+        let isShow = false;
+        if (!operator || operator == null || operator == "") {
+            return true;
+        }
+        else if (operator.indexOf('&&') > 0) {
+            // a|eq|b &&c|eq|d
+            const ops = operator.split('&&');
+            if (ops.length > 1) {
+                // tslint:disable-next-line:prefer-for-of
+                for (let i = 0; i < ops.length; i++) {
+                    isShow = true;
+                    if (!this.checkIsShowBase(ops[i].split('|'))) {
+                        isShow = false;
+                        break;
+                    }
+                }
+            }
+        }
+        else if (operator.indexOf('||') > 0) {
+            // a|eq|b||c|eq|d
+            const ops = operator.split('&&');
+            if (ops.length > 1) {
+                for (let i = 0; i < ops.length; i++) {
+                    isShow = false;
+                    if (this.checkIsShowBase(ops[i].split('|'))) {
+                        isShow = true;
+                        break;
+                    }
+                }
+            }
+        }
+        else {
+            let op = operator.split("|");
+            isShow = this.checkIsShowBase(op);
+        }
+        return isShow;
+    }
+    getDictValue(code) {
+        // console.log("9999");
+        this.dictService.getDictBycode(code).subscribe(result => {
+            if (result && result != null)
+                this.dicts[code] = result.dicts;
+        }, error => {
+            this.dicts[code] = [];
+        });
+    }
+    imageUploadChange(e) {
+        if (e.key) {
+            this.atrForm.get(e.key).setValue(e.values);
+        }
+    }
+    resetForm() {
+        // this.atrForm.reset();
+        // console.log("editor reset")
+        if (this.formOpts && this.formOpts.items) {
+            for (let item of this.formOpts.items) {
+                let value = this.formOpts.type == 'add' ? item.defaultValue : item.value;
+                if (item.type == "image") {
+                    item.imageOpts.key = item.key;
+                    let images = [];
+                    if (!value)
+                        value = "";
+                    let list = value.split(",");
+                    for (let key of list) {
+                        if (key != "") {
+                            images.push({
+                                key: key,
+                                uid: "-1",
+                                url: atr_static_datas.OSS_URL + key
+                            });
+                        }
+                    }
+                    item.imageOpts.imageList = images;
+                    // console.log(images)
+                }
+                else if (item.type == "editor") {
+                    // console.log("editor")
+                    if (!value)
+                        value = "";
+                }
+                else if (item.type == "select" && value == "") {
+                    value = null;
+                }
+                this.atrForm.get(item.key).setValue(value != undefined ? value : null);
+            }
+            for (const i in this.atrForm.controls) {
+                this.atrForm.controls[i].markAsUntouched();
+                this.atrForm.controls[i].markAsPristine();
+                this.atrForm.controls[i].updateValueAndValidity();
+            }
+        }
+    }
+    getFormVaild() {
+        let obj = {
+            isValid: false,
+            mode: this.formOpts.type,
+            value: {}
+        };
+        for (const i in this.atrForm.controls) {
+            this.atrForm.controls[i].markAsDirty();
+            this.atrForm.controls[i].updateValueAndValidity();
+        }
+        obj.isValid = this.atrForm.valid;
+        let value = this.atrForm.value;
+        for (const key of Object.keys(value)) {
+            console.log(key);
+            if (value.hasOwnProperty(key) && value[key] != null && value[key] != undefined) {
+                if (value[key] instanceof Date) {
+                    for (let item of this.formOpts.items) {
+                        if (item.key != key) {
+                            continue;
+                        }
+                        if (item.dateFormat) {
+                            obj.value[key] = formatDate(value[key], item.dateFormat, this.locale);
+                        }
+                        else if (item.type == 'date') {
+                            obj.value[key] = formatDate(value[key], 'yyyy-MM-dd 00:00:00', this.locale);
+                        }
+                        else if (item.type == 'dateTime') {
+                            obj.value[key] = formatDate(value[key], 'yyyy-MM-dd HH:mm:ss', this.locale);
+                        }
+                    }
+                }
+                else if (value[key] instanceof Array) {
+                    for (let item of this.formOpts.items) {
+                        if (item.key != key) {
+                            continue;
+                        }
+                        let dateFormat = item.dateFormat ? item.dateFormat : 'yyyy-MM-dd 00:00:00';
+                        if (item.type == 'dateRange') {
+                            let dateArr = [];
+                            for (let d of value[key]) {
+                                dateArr.push(formatDate(d, dateFormat, this.locale));
+                            }
+                            obj.value[key] = dateArr;
+                        }
+                    }
+                }
+                else {
+                    obj.value[key] = value[key];
+                }
+            }
+        }
+        return obj;
+    }
+    showTime(item) {
+        if (!item.dateFormat || item.dateFormat == "yyyy-MM-dd") {
+            return false;
+        }
+        let format = item.dateFormat;
+        if (format.indexOf("HH")) {
+            return true;
+        }
+        if (format.indexOf("mm")) {
+            return true;
+        }
+        if (format.indexOf("ss")) {
+            return true;
+        }
+        return false;
+    }
+}
+AtrFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrFormComponent, deps: [{ token: ShareService }, { token: i1$2.FormBuilder }, { token: DictService }, { token: i0.Injector }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
+AtrFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AtrFormComponent, selector: "atr-form", inputs: { formOpts: "formOpts" }, outputs: { formAction: "formAction" }, ngImport: i0, template: "<form nz-form [formGroup]=\"atrForm\">\r\n  <div nz-row nzGutter=\"8\" nzType=\"flex\" nzAlign=\"top\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n      <div nz-col nzSpan=\"24\" class=\"form-title\" *ngIf=\"item.type == 'title'\" >\r\n        {{item.label}}\r\n      </div>\r\n      <div nz-col [nzSpan]=\"item.span\" *ngIf=\"isShow(item.isHidden,item.operator)\">\r\n\r\n        <nz-form-item *ngIf=\"item.type != 'title'\">\r\n          <nz-form-label [nzSm]=\"item.lspan\" [nzXs]=\"24\" [nzRequired]=\"isRequired(item)\">{{item.label}}</nz-form-label>\r\n          <nz-form-control [nzSm]=\"item.cspan\" [nzXs]=\"24\">\r\n            <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                        [nzNodes]=\"item.treeList\"\r\n                        nzShowSearch=\"true\"\r\n                        nzHideUnMatched=\"true\"\r\n                        nzPlaceHolder=\"{{item.placeholder}}\"\r\n                        [nzShowSearch]=\"true\"\r\n                        [formControlName]=\"item.key\"\r\n                        [nzAllowClear]=\"!item.notNull\"\r\n                        [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                        [nzDisabled]=\"item.readonly\"\r\n                        style=\"flex: 1\"\r\n            >\r\n            </nz-tree-select>\r\n            <input *ngIf=\"item.type == 'text'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                   [readonly]=\"item.readonly || formOpts.type == 'view'\"\r\n                   [formControlName]=\"item.key\"/>\r\n            <textarea *ngIf=\"item.type == 'textarea'\" nz-input [rows]=\"item.rows\" placeholder=\"{{item.placeholder}}\"\r\n                      [formControlName]=\"item.key\" [readonly]=\"item.readonly|| formOpts.type == 'view'\"></textarea>\r\n            <nz-input-number *ngIf=\"item.type == 'number'\" nzPlaceHolder=\"{{item.placeholder}}\"\r\n                             [formControlName]=\"item.key\"></nz-input-number>\r\n            <nz-radio-group *ngIf=\"item.type == 'radio'\" [formControlName]=\"item.key\">\r\n              <label nz-radio *ngFor=\"let o of item.dictList\" [nzValue]=\"o.value\" >{{o.label}}</label>\r\n            </nz-radio-group>\r\n            <nz-select\r\n              *ngIf=\"item.type == 'select'\"\r\n              nzPlaceHolder=\"{{item.placeholder}}\"\r\n              nzAllowClear=\"true\"\r\n              [formControlName]=\"item.key\"\r\n              nzServerSearch\r\n              nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n            >\r\n              <nz-option *ngFor=\"let o of dicts[item.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o.id\"></nz-option>\r\n            </nz-select>\r\n            <nz-select\r\n              *ngIf=\"item.type == 'selectc'\"\r\n              nzPlaceHolder=\"{{item.placeholder}}\"\r\n              nzAllowClear=\"true\"\r\n              [formControlName]=\"item.key\"\r\n              nzServerSearch\r\n              nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n            >\r\n              <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\" [nzValue]=\"o.value\" > </nz-option>\r\n            </nz-select>\r\n            <nz-cascader [nzDisabled]=\"item.readonly\" style=\"flex: 1\" [nzAllowClear]=\"!item.notNull\"\r\n                [nzValueProperty]=\"'nzValueProperty'\"\r\n                [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\r\n                [nzOptions]=\"item.dictList\" [formControlName]=\"item.key\" ></nz-cascader>\r\n            <nz-date-picker *ngIf=\"item.type == 'date'\" [nzFormat]=\"item.dateFormat ? item.dateFormat : 'yyyy-MM-dd'\"\r\n                            [nzShowTime]=\"showTime(item)\"\r\n                            [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n                            [formControlName]=\"item.key\"></nz-date-picker>\r\n            <nz-range-picker *ngIf=\"item.type == 'dateRange'\" [nzFormat]=\"'yyyy-MM-dd'\" [formControlName]=\"item.key\"\r\n                             [nzPlaceHolder]=\"['\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"></nz-range-picker>\r\n\r\n            <input *ngIf=\"item.type == 'image'\" nz-input [formControlName]=\"item.key\" [hidden]=\"true\"/>\r\n            <atr-img-upload *ngIf=\"item.type == 'image'\" [(opts)]=\"item.imageOpts\"\r\n                            (afterChange)=\"imageUploadChange($event)\"></atr-img-upload>\r\n\r\n            <!--                         <editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\" [config]=\"{initialFrameHeight:item.height}\" ></editor>-->\r\n<!--            <app-quill-editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\"-->\r\n<!--                              [styles]=\"{height:item.height > 0 ? item.height + 'px' : '250px'}\"></app-quill-editor>-->\r\n\r\n            <ng-container *ngFor=\"let valid of item.validators\">\r\n              <ng-container *ngIf=\"atrForm.get(item.key).hasError(valid.type) && (atrForm.get(item.key).dirty )\">\r\n                <div style=\"color:red;    height: 15px;margin: 0;line-height: 15px;\">{{valid.errorLabel}}</div>\r\n              </ng-container>\r\n            </ng-container>\r\n\r\n            <button *ngIf=\"item.button?.isShow\" type=\"button\" class=\"ant-btn ant-btn-primary\"\r\n                    (click)=\"doAction(item.button,$event)\">\r\n              <span>{{item.button.name}}</span></button>\r\n          </nz-form-control>\r\n          <ng-container *ngTemplateOutlet=\"item.temp\"></ng-container>\r\n        </nz-form-item>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</form>\r\n", styles: [":host ::ng-deep .ant-form-item{margin:0 0 10px}:host ::ng-deep .ant-form-item-label{text-align:left}:host ::ng-deep nz-input-number{width:100%}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}\n"], components: [{ type: i4.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { type: i4.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon"], exportAs: ["nzFormLabel"] }, { type: i4.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { type: i5.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", "nzPlaceHolder", "nzDropdownStyle", "nzDropdownClassName", "nzBackdrop", "nzStatus", "nzExpandedKeys", "nzDisplayWith", "nzMaxTagCount", "nzMaxTagPlaceholder", "nzTreeTemplate"], outputs: ["nzOpenChange", "nzCleared", "nzRemoved", "nzExpandChange", "nzTreeClick", "nzTreeCheckBoxChange"], exportAs: ["nzTreeSelect"] }, { type: i6$2.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStatus", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzReadOnly", "nzAutoFocus", "nzBorderless", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { type: i7.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { type: i7.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { type: i3.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { type: i3.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { type: i4$1.NzCascaderComponent, selector: "nz-cascader, [nz-cascader]", inputs: ["nzOptionRender", "nzShowInput", "nzShowArrow", "nzAllowClear", "nzAutoFocus", "nzChangeOnSelect", "nzDisabled", "nzColumnClassName", "nzExpandTrigger", "nzValueProperty", "nzLabelRender", "nzLabelProperty", "nzNotFoundContent", "nzSize", "nzBackdrop", "nzShowSearch", "nzPlaceHolder", "nzMenuClassName", "nzMenuStyle", "nzMouseEnterDelay", "nzMouseLeaveDelay", "nzStatus", "nzTriggerAction", "nzChangeOn", "nzLoadData", "nzSuffixIcon", "nzExpandIcon", "nzOptions"], outputs: ["nzVisibleChange", "nzSelectionChange", "nzSelect", "nzClear"], exportAs: ["nzCascader"] }, { type: i6.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { type: UploadComponent, selector: "atr-img-upload", inputs: ["opts", "isEdit", "allowChangSeq"], outputs: ["afterChange", "optsChange"] }], directives: [{ type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon"], exportAs: ["nzForm"] }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i12.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.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"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atr-form', template: "<form nz-form [formGroup]=\"atrForm\">\r\n  <div nz-row nzGutter=\"8\" nzType=\"flex\" nzAlign=\"top\">\r\n    <ng-container *ngFor=\"let item of formOpts.items\">\r\n      <div nz-col nzSpan=\"24\" class=\"form-title\" *ngIf=\"item.type == 'title'\" >\r\n        {{item.label}}\r\n      </div>\r\n      <div nz-col [nzSpan]=\"item.span\" *ngIf=\"isShow(item.isHidden,item.operator)\">\r\n\r\n        <nz-form-item *ngIf=\"item.type != 'title'\">\r\n          <nz-form-label [nzSm]=\"item.lspan\" [nzXs]=\"24\" [nzRequired]=\"isRequired(item)\">{{item.label}}</nz-form-label>\r\n          <nz-form-control [nzSm]=\"item.cspan\" [nzXs]=\"24\">\r\n            <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                        [nzNodes]=\"item.treeList\"\r\n                        nzShowSearch=\"true\"\r\n                        nzHideUnMatched=\"true\"\r\n                        nzPlaceHolder=\"{{item.placeholder}}\"\r\n                        [nzShowSearch]=\"true\"\r\n                        [formControlName]=\"item.key\"\r\n                        [nzAllowClear]=\"!item.notNull\"\r\n                        [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                        [nzDisabled]=\"item.readonly\"\r\n                        style=\"flex: 1\"\r\n            >\r\n            </nz-tree-select>\r\n            <input *ngIf=\"item.type == 'text'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                   [readonly]=\"item.readonly || formOpts.type == 'view'\"\r\n                   [formControlName]=\"item.key\"/>\r\n            <textarea *ngIf=\"item.type == 'textarea'\" nz-input [rows]=\"item.rows\" placeholder=\"{{item.placeholder}}\"\r\n                      [formControlName]=\"item.key\" [readonly]=\"item.readonly|| formOpts.type == 'view'\"></textarea>\r\n            <nz-input-number *ngIf=\"item.type == 'number'\" nzPlaceHolder=\"{{item.placeholder}}\"\r\n                             [formControlName]=\"item.key\"></nz-input-number>\r\n            <nz-radio-group *ngIf=\"item.type == 'radio'\" [formControlName]=\"item.key\">\r\n              <label nz-radio *ngFor=\"let o of item.dictList\" [nzValue]=\"o.value\" >{{o.label}}</label>\r\n            </nz-radio-group>\r\n            <nz-select\r\n              *ngIf=\"item.type == 'select'\"\r\n              nzPlaceHolder=\"{{item.placeholder}}\"\r\n              nzAllowClear=\"true\"\r\n              [formControlName]=\"item.key\"\r\n              nzServerSearch\r\n              nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n            >\r\n              <nz-option *ngFor=\"let o of dicts[item.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o.id\"></nz-option>\r\n            </nz-select>\r\n            <nz-select\r\n              *ngIf=\"item.type == 'selectc'\"\r\n              nzPlaceHolder=\"{{item.placeholder}}\"\r\n              nzAllowClear=\"true\"\r\n              [formControlName]=\"item.key\"\r\n              nzServerSearch\r\n              nzDisabled=\"{{item.readonly|| formOpts.type == 'view'}}\"\r\n            >\r\n              <nz-option *ngFor=\"let o of item.dictList\" [nzLabel]=\"o.label\" [nzValue]=\"o.value\" > </nz-option>\r\n            </nz-select>\r\n            <nz-cascader [nzDisabled]=\"item.readonly\" style=\"flex: 1\" [nzAllowClear]=\"!item.notNull\"\r\n                [nzValueProperty]=\"'nzValueProperty'\"\r\n                [nzShowSearch]=\"true\" *ngIf=\"item.type == 'cascader'\"\r\n                [nzOptions]=\"item.dictList\" [formControlName]=\"item.key\" ></nz-cascader>\r\n            <nz-date-picker *ngIf=\"item.type == 'date'\" [nzFormat]=\"item.dateFormat ? item.dateFormat : 'yyyy-MM-dd'\"\r\n                            [nzShowTime]=\"showTime(item)\"\r\n                            [nzDisabled]=\"formOpts.type == 'view' || item.readonly \"\r\n                            [formControlName]=\"item.key\"></nz-date-picker>\r\n            <nz-range-picker *ngIf=\"item.type == 'dateRange'\" [nzFormat]=\"'yyyy-MM-dd'\" [formControlName]=\"item.key\"\r\n                             [nzPlaceHolder]=\"['\u5F00\u59CB\u65F6\u95F4', '\u7ED3\u675F\u65F6\u95F4']\"></nz-range-picker>\r\n\r\n            <input *ngIf=\"item.type == 'image'\" nz-input [formControlName]=\"item.key\" [hidden]=\"true\"/>\r\n            <atr-img-upload *ngIf=\"item.type == 'image'\" [(opts)]=\"item.imageOpts\"\r\n                            (afterChange)=\"imageUploadChange($event)\"></atr-img-upload>\r\n\r\n            <!--                         <editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\" [config]=\"{initialFrameHeight:item.height}\" ></editor>-->\r\n<!--            <app-quill-editor *ngIf=\"item.type == 'editor'\" [formControlName]=\"item.key\"-->\r\n<!--                              [styles]=\"{height:item.height > 0 ? item.height + 'px' : '250px'}\"></app-quill-editor>-->\r\n\r\n            <ng-container *ngFor=\"let valid of item.validators\">\r\n              <ng-container *ngIf=\"atrForm.get(item.key).hasError(valid.type) && (atrForm.get(item.key).dirty )\">\r\n                <div style=\"color:red;    height: 15px;margin: 0;line-height: 15px;\">{{valid.errorLabel}}</div>\r\n              </ng-container>\r\n            </ng-container>\r\n\r\n            <button *ngIf=\"item.button?.isShow\" type=\"button\" class=\"ant-btn ant-btn-primary\"\r\n                    (click)=\"doAction(item.button,$event)\">\r\n              <span>{{item.button.name}}</span></button>\r\n          </nz-form-control>\r\n          <ng-container *ngTemplateOutlet=\"item.temp\"></ng-container>\r\n        </nz-form-item>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n\r\n</form>\r\n", styles: [":host ::ng-deep .ant-form-item{margin:0 0 10px}:host ::ng-deep .ant-form-item-label{text-align:left}:host ::ng-deep nz-input-number{width:100%}:host .form-title{height:50px;line-height:50px;font-weight:500;font-size:20px;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;margin-bottom:14px;margin-top:11px}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: ShareService }, { type: i1$2.FormBuilder }, { type: DictService }, { type: i0.Injector }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LOCALE_ID]
+                    }] }];
+    }, propDecorators: { formOpts: [{
+                type: Input
+            }], formAction: [{
+                type: Output
+            }] } });
+
+class SelectTreeComponent {
+    constructor(dictService) {
+        this.dictService = dictService;
+        this.dicts = {};
+        this.action = new EventEmitter();
+        this.isDisable = false;
+    }
+    ngOnInit() {
+        this.getDictValue(this.opt["dictCode"]);
+    }
+    getDictValue(code) {
+        this.dictService.getDictBycode(code).subscribe(result => {
+            if (result && result != null) {
+                this.dicts[code] = result.dicts;
+                this.dicts[code].forEach((dic) => {
+                    // 设置默认值
+                    if (dic.id == this.opt.value) {
+                        this.selectValue = dic;
+                        this.changeValue();
+                    }
+                });
+            }
+        }, error => {
+            this.dicts[code] = [];
+        });
+    }
+    changeValue() {
+        this.opt.value = this.selectValue.id;
+        console.log(this.opt.value);
+        this.action.emit({
+            name: 'changeValue',
+            code: 'ngModelChange',
+            data: this.selectValue
+        });
+    }
+}
+SelectTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectTreeComponent, deps: [{ token: DictService }], target: i0.ɵɵFactoryTarget.Component });
+SelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SelectTreeComponent, selector: "app-select-tree", inputs: { opt: "opt", isDisable: "isDisable" }, outputs: { action: "action" }, ngImport: i0, template: "<nz-select\r\n  nzAllowClear=\"false\"\r\n  [nzDropdownMatchSelectWidth]=\"false\"\r\n  nzServerSearch\r\n  [(ngModel)]=\"selectValue\"\r\n  style=\"width: 100px\"\r\n  (ngModelChange)=\"changeValue()\"\r\n  [nzDisabled]=\"isDisable\"\r\n>\r\n  <nz-option *ngFor=\"let o of dicts[opt.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o\" > </nz-option>\r\n</nz-select>\r\n", styles: [""], components: [{ type: i3.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { type: i3.NzOptionComponent, selector: "nz-option", inputs: ["nzLabel", "nzValue", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }], directives: [{ type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SelectTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-select-tree', template: "<nz-select\r\n  nzAllowClear=\"false\"\r\n  [nzDropdownMatchSelectWidth]=\"false\"\r\n  nzServerSearch\r\n  [(ngModel)]=\"selectValue\"\r\n  style=\"width: 100px\"\r\n  (ngModelChange)=\"changeValue()\"\r\n  [nzDisabled]=\"isDisable\"\r\n>\r\n  <nz-option *ngFor=\"let o of dicts[opt.dictCode]\" [nzLabel]=\"o.typeName\" [nzValue]=\"o\" > </nz-option>\r\n</nz-select>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: DictService }]; }, propDecorators: { opt: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }], isDisable: [{
+                type: Input
+            }] } });
+
+Quill.register('modules/imageResize', ImageResize);
+const icons = Quill.import('ui/icons');
+icons.undo = `<svg viewbox="0 0 18 18">
+  <polygon class="ql-fill ql-stroke" points="6 10 4 12 2 10 6 10"></polygon>
+  <path class="ql-stroke" d="M8.09,13.91A4.6,4.6,0,0,0,9,14,5,5,0,1,0,4,9"></path>
+</svg>`;
+icons.redo = `<svg viewbox="0 0 18 18">
+  <polygon class="ql-fill ql-stroke" points="12 10 14 12 16 10 12 10"></polygon>
+  <path class="ql-stroke" d="M9.91,13.91A4.6,4.6,0,0,1,9,14a5,5,0,1,1,5-5"></path>
+</svg>`;
+class QuillEditorComponent {
+    constructor(uploadOssService, message) {
+        this.uploadOssService = uploadOssService;
+        this.message = message;
+        this.placeholder = '请输入';
+        this.styles = { height: '350px' };
+        this.readOnly = false;
+        this.needImgSeq = false;
+        this.imgUrls = [];
+        this.editor$ = new Subject();
+        this.imgVis = false;
+    }
+    ngOnInit() {
+        this.editor$.pipe(debounceTime(700)).subscribe((editorContent) => {
+            if (typeof (this.onChangeListener) === 'function' && typeof (this.onTouchedListener)) {
+                this.onChangeListener(editorContent); // 告诉form，你的表单值改变成了payload
+                this.onTouchedListener(); // 告诉form，你的表单有交互发生
+            }
+        });
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChangeListener = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedListener = fn;
+    }
+    setDisabledState(isDisabled) {
+    }
+    onChange(quill) {
+        this.editor$.next(quill.html);
+    }
+    EditorCreated(quill) {
+        const toolbar = quill.getModule('toolbar');
+        toolbar.addHandler('image', this.imageHandler.bind(this));
+        this.editor = quill;
+    }
+    imageHandler() {
+        const Imageinput = document.createElement('input');
+        Imageinput.setAttribute('type', 'file');
+        Imageinput.setAttribute('multiple', 'multiple');
+        Imageinput.setAttribute('accept', 'image/png, image/gif, image/jpeg, image/bmp');
+        Imageinput.classList.add('ql-image');
+        Imageinput.addEventListener('change', () => {
+            if (this.needImgSeq) {
+                this.imgVis = true;
+            }
+            console.log(Imageinput);
+            let files = Imageinput.files;
+            if (files === null || files.length == 0) {
+                return;
+            }
+            this.imgUrls = [];
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                if (file === null) {
+                    continue;
+                }
+                const error = (res) => {
+                    this.message.warning('上传失败');
+                };
+                this.uploadOssService.uploadOss(file).subscribe((url) => {
+                    var _a;
+                    console.log(file);
+                    if (url) {
+                        this.imgUrls.push({ url: url, file: file, index: i });
+                        if (!this.needImgSeq) {
+                            this.editor.insertEmbed(this.editor.getSelection(true).index, 'image', url);
+                        }
+                    }
+                    else {
+                        this.message.warning('上传失败');
+                    }
+                    if (this.needImgSeq && this.imgUrls.length == files.length) {
+                        this.imgVis = true;
+                        this.imgUrls.sort((a, b) => a.index - b.index);
+                        (_a = document.getElementById("te")) === null || _a === void 0 ? void 0 : _a.click();
+                    }
+                }, error);
+            }
+        });
+        Imageinput.click();
+    }
+    saveSeq() {
+        console.log(123);
+        for (let i = this.imgUrls.length - 1; i >= 0; i--) {
+            this.editor.insertEmbed(this.editor.getSelection(true).index, 'image', this.imgUrls[i].url);
+        }
+        this.imgVis = false;
+    }
+    arrowUp(index) {
+        let img = this.imgUrls[index];
+        this.imgUrls[index] = this.imgUrls[index - 1];
+        this.imgUrls[index - 1] = img;
+    }
+    arrowDown(index) {
+        let img = this.imgUrls[index];
+        this.imgUrls[index] = this.imgUrls[index + 1];
+        this.imgUrls[index + 1] = img;
+    }
+    cancle() {
+        this.imgVis = false;
+    }
+    te() {
+        console.log('上传完毕');
+    }
+}
+QuillEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: QuillEditorComponent, deps: [{ token: UploadOssService }, { token: i2$4.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
+QuillEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: QuillEditorComponent, selector: "app-quill-editor", inputs: { placeholder: "placeholder", styles: "styles", value: "value", readOnly: "readOnly", needImgSeq: "needImgSeq" }, providers: [
+        UploadOssService,
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => QuillEditorComponent),
+            multi: true
+        }
+    ], ngImport: i0, template: "<quill-editor\r\n  [styles]=\"styles\"\r\n  [placeholder]=\"placeholder\"\r\n  (onEditorCreated)=\"EditorCreated($event)\"\r\n  [(ngModel)]=\"value\"\r\n  (onContentChanged)=\"onChange($event)\"\r\n  [readOnly]=\"readOnly\"\r\n></quill-editor>\r\n<!--\u8FD9\u4E2Adiv,\u662F\u56E0\u4E3A\u4E0A\u4F20\u5B8C\u6BD5\u7126\u70B9\u8FD8\u5728\u5BCC\u6587\u672C\u91CC,\u5F39\u51FA\u65E0\u6CD5\u663E\u793A.....-->\r\n<div id=\"te\" (click)=\"te()\"></div>\r\n<nz-modal [(nzVisible)]=\"imgVis\" (nzOnOk)=\"saveSeq()\" (nzOnCancel)=\"cancle()\" nzMaskClosable=\"false\"\r\n          [nzStyle]=\"{padding:0}\">\r\n  <ng-container *nzModalContent>\r\n  <div style=\"max-height:600px;overflow:auto;margin-top: 10px;\">\r\n    <ng-container *ngTemplateOutlet=\"imgsContent\"></ng-container>\r\n  </div>\r\n  </ng-container>\r\n</nz-modal>\r\n<ng-template #imgsContent>\r\n  <ng-container *ngFor=\"let imgOpt of imgUrls;let i = index\">\r\n    <div class=\"img-div\">\r\n      <img [src]=\"imgOpt.url\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'5px' }\"/>\r\n      <div style=\"margin-left: 20px; color: grey;\">{{imgOpt.file.name}}</div>\r\n      <div style=\"margin-right: 20px; flex: 1;text-align: right;\">\r\n        <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\">\r\n          <i nz-icon nzType=\"arrow-up\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px;\"></i>\r\n          \u4E0A\u79FB</a>\r\n        <a title=\"\u4E0B\u79FB\" *ngIf=\" i < imgUrls.length - 1\" (click)=\"arrowDown(i)\">\r\n          <i nz-icon nzType=\"arrow-down\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\r\n          \u4E0B\u79FB</a>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [".img-div{border:1px solid #d9d9d9;border-radius:4px;margin-top:5px;display:flex;align-items:center;padding:0 5px}\n"], components: [{ type: i3$2.QuillEditorComponent, selector: "quill-editor" }, { type: i2$3.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzContent", "nzComponentParams", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }], directives: [{ type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2$3.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { type: i8.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: QuillEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-quill-editor', providers: [
+                        UploadOssService,
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => QuillEditorComponent),
+                            multi: true
+                        }
+                    ], template: "<quill-editor\r\n  [styles]=\"styles\"\r\n  [placeholder]=\"placeholder\"\r\n  (onEditorCreated)=\"EditorCreated($event)\"\r\n  [(ngModel)]=\"value\"\r\n  (onContentChanged)=\"onChange($event)\"\r\n  [readOnly]=\"readOnly\"\r\n></quill-editor>\r\n<!--\u8FD9\u4E2Adiv,\u662F\u56E0\u4E3A\u4E0A\u4F20\u5B8C\u6BD5\u7126\u70B9\u8FD8\u5728\u5BCC\u6587\u672C\u91CC,\u5F39\u51FA\u65E0\u6CD5\u663E\u793A.....-->\r\n<div id=\"te\" (click)=\"te()\"></div>\r\n<nz-modal [(nzVisible)]=\"imgVis\" (nzOnOk)=\"saveSeq()\" (nzOnCancel)=\"cancle()\" nzMaskClosable=\"false\"\r\n          [nzStyle]=\"{padding:0}\">\r\n  <ng-container *nzModalContent>\r\n  <div style=\"max-height:600px;overflow:auto;margin-top: 10px;\">\r\n    <ng-container *ngTemplateOutlet=\"imgsContent\"></ng-container>\r\n  </div>\r\n  </ng-container>\r\n</nz-modal>\r\n<ng-template #imgsContent>\r\n  <ng-container *ngFor=\"let imgOpt of imgUrls;let i = index\">\r\n    <div class=\"img-div\">\r\n      <img [src]=\"imgOpt.url\" [ngStyle]=\"{ width: '100px',display: 'inline-block', margin:'5px' }\"/>\r\n      <div style=\"margin-left: 20px; color: grey;\">{{imgOpt.file.name}}</div>\r\n      <div style=\"margin-right: 20px; flex: 1;text-align: right;\">\r\n        <a title=\"\u4E0A\u79FB\" *ngIf=\" i > 0\" style=\"display: block;\" (click)=\"arrowUp(i)\">\r\n          <i nz-icon nzType=\"arrow-up\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px;\"></i>\r\n          \u4E0A\u79FB</a>\r\n        <a title=\"\u4E0B\u79FB\" *ngIf=\" i < imgUrls.length - 1\" (click)=\"arrowDown(i)\">\r\n          <i nz-icon nzType=\"arrow-down\" nzTheme=\"outline\" style=\"color: #1890ff; font-size: 15px\"></i>\r\n          \u4E0B\u79FB</a>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [".img-div{border:1px solid #d9d9d9;border-radius:4px;margin-top:5px;display:flex;align-items:center;padding:0 5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: UploadOssService }, { type: i2$4.NzMessageService }]; }, propDecorators: { placeholder: [{
+                type: Input
+            }], styles: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], needImgSeq: [{
+                type: Input
+            }] } });
+
+const THIRDMODULES = [
+    CusNgZorroAntdModule,
+    NzResizableModule
+];
+const SERVICE_PROVIDES = [];
+registerLocaleData(zh);
+// #endregion
+// #region your componets & directives
+const COMPONENTS = [QuillEditorComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
+    SelectTreeComponent, VideoComponent];
+//SharedModule
+// 应 包含定义：
+// 应用通用自定义业务组件
+// 应 导出所有包含的模块。
+// 不应 有 providers 属性。
+class AtrSharedModule {
+}
+AtrSharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AtrSharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrSharedModule, declarations: [QuillEditorComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
+        SelectTreeComponent, VideoComponent], imports: [PipeModuleModule,
+        CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        RouterModule, CusNgZorroAntdModule,
+        NzResizableModule, VgCoreModule,
+        VgControlsModule,
+        VgOverlayPlayModule,
+        VgBufferingModule,
+        DragDropModule,
+        AtrComponentsModule, i3$2.QuillModule], exports: [DragDropModule,
+        CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        RouterModule, CusNgZorroAntdModule,
+        NzResizableModule, QuillEditorComponent, TableFormItemComponent, TableTdComponent, AtrTableComponent, UploadComponent, AtrFormComponent, LocalUploadComponent,
+        SelectTreeComponent, VideoComponent, PipeModuleModule] });
+AtrSharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrSharedModule, providers: SERVICE_PROVIDES, imports: [[
+            PipeModuleModule,
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            RouterModule,
+            // third libs
+            ...THIRDMODULES,
+            VgCoreModule,
+            VgControlsModule,
+            VgOverlayPlayModule,
+            VgBufferingModule,
+            DragDropModule,
+            AtrComponentsModule,
+            QuillModule.forRoot({
+                modules: {
+                    syntax: false,
+                    imageResize: {},
+                    toolbar: {
+                        container: [
+                            ['undo', 'redo'],
+                            ['bold', 'italic', 'underline'],
+                            // ['code-block'], // blockquote
+                            // [{ header: 1 }, { header: 2 }],               // custom button values
+                            [{ list: 'ordered' }, { list: 'bullet' }],
+                            // [{ script: 'sub' }, { script: 'super' }],      // superscript/subscript
+                            [{ indent: '-1' }, { indent: '+1' }],
+                            // [{ direction: 'rtl' }],                         // text direction
+                            // [{ size: ['small', false, 'large', 'huge'] }],  // custom dropdown
+                            [{ header: [1, 2, 3, 4, 5, 6, false] }],
+                            [{ color: [] }, { background: [] }],
+                            // [{ font: [] }],
+                            [{ align: [] }],
+                            ['clean'],
+                            ['image'], // link and image, video
+                        ],
+                        handlers: {
+                            redo() {
+                                this['quill'].history.redo();
+                            },
+                            undo() {
+                                this['quill'].history.undo();
+                            }
+                        }
+                    }
+                }
+            }),
+        ], DragDropModule,
+        CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        RouterModule, CusNgZorroAntdModule,
+        NzResizableModule, PipeModuleModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrSharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        PipeModuleModule,
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        RouterModule,
+                        // third libs
+                        ...THIRDMODULES,
+                        VgCoreModule,
+                        VgControlsModule,
+                        VgOverlayPlayModule,
+                        VgBufferingModule,
+                        DragDropModule,
+                        AtrComponentsModule,
+                        QuillModule.forRoot({
+                            modules: {
+                                syntax: false,
+                                imageResize: {},
+                                toolbar: {
+                                    container: [
+                                        ['undo', 'redo'],
+                                        ['bold', 'italic', 'underline'],
+                                        // ['code-block'], // blockquote
+                                        // [{ header: 1 }, { header: 2 }],               // custom button values
+                                        [{ list: 'ordered' }, { list: 'bullet' }],
+                                        // [{ script: 'sub' }, { script: 'super' }],      // superscript/subscript
+                                        [{ indent: '-1' }, { indent: '+1' }],
+                                        // [{ direction: 'rtl' }],                         // text direction
+                                        // [{ size: ['small', false, 'large', 'huge'] }],  // custom dropdown
+                                        [{ header: [1, 2, 3, 4, 5, 6, false] }],
+                                        [{ color: [] }, { background: [] }],
+                                        // [{ font: [] }],
+                                        [{ align: [] }],
+                                        ['clean'],
+                                        ['image'], // link and image, video
+                                    ],
+                                    handlers: {
+                                        redo() {
+                                            this['quill'].history.redo();
+                                        },
+                                        undo() {
+                                            this['quill'].history.undo();
+                                        }
+                                    }
+                                }
+                            }
+                        }),
+                    ],
+                    declarations: [
+                        // your components
+                        ...COMPONENTS,
+                    ],
+                    exports: [
+                        DragDropModule,
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        RouterModule,
+                        // third libs
+                        ...THIRDMODULES,
+                        // your components
+                        ...COMPONENTS,
+                        PipeModuleModule
+                    ],
+                    providers: SERVICE_PROVIDES
+                }]
+        }] });
+
+class BusiService {
+    constructor(drawerService, httpService, modalService, locale, msg) {
+        this.drawerService = drawerService;
+        this.httpService = httpService;
+        this.modalService = modalService;
+        this.locale = locale;
+        this.msg = msg;
+        this.options = ToolsUtil.getHttpOptions();
+        this.allowOpen = true;
+        this.searchDrawerResRef = null;
+    }
+    resetPass(reseturl, param, callBack, content = '是否重置密码', successTitle = '重置密码成功') {
+        let confirmModal = this.modalService.confirm({
+            nzTitle: '重置提醒',
+            nzContent: content,
+            nzOnOk: () => {
+                this.httpService.post(reseturl, param, ToolsUtil.getHttpOptions()).subscribe(result => {
+                    confirmModal.destroy();
+                    //console.log(result);
+                    if (result.status == '201') {
+                        let mode = this.modalService.success({
+                            nzTitle: successTitle,
+                            nzContent: '新密码为：' + result.data.pass
+                        });
+                        mode.afterClose.subscribe(() => {
+                            if (callBack) {
+                                callBack();
+                            }
+                        });
+                    }
+                });
+            }
+        });
+    }
+    getCascaderDefultV(dictList, value, index, result) {
+        dictList.forEach((v) => {
+            if (value[index] == v.value) {
+                result.push({
+                    value: v.value,
+                    label: v.label
+                });
+                if (v.children) {
+                    this.getCascaderDefultV(v.children, value, index + 1, result);
+                }
+                return;
+            }
+        });
+        return result;
+    }
+}
+BusiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BusiService, deps: [{ token: i1$5.NzDrawerService }, { token: HttpService }, { token: i2$3.NzModalService }, { token: LOCALE_ID }, { token: i2$4.NzMessageService }], target: i0.ɵɵFactoryTarget.Injectable });
+BusiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BusiService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BusiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1$5.NzDrawerService }, { type: HttpService }, { type: i2$3.NzModalService }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LOCALE_ID]
+                    }] }, { type: i2$4.NzMessageService }];
+    } });
+
 /*
  * Public API Surface of components
  */
@@ -1841,5 +3861,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AtrComponentsModule, AtrErrorImgDirective, AtrReuseStrategy, AtrRoleDirective, AuthGuard, BaseInterceptor, CusNgZorroAntdModule, DayPipe, DefaultValPipe, DictService, DictsPipe, HelloComponent, HelloModule, HqSpinDirective, HttpService, IsEmptyPipe, IsNotEmptyPipe, LocalStorageUtil, MenuService, PipeModuleModule, SafeComputePipe, SessionStorageUtil, ToolsUtil, UploadOssService, UserAction, atr_static_datas, flyIn, scrollScreen, transAnimation };
+export { AtrComponentsModule, AtrErrorImgDirective, AtrFormComponent, AtrReuseStrategy, AtrRoleDirective, AtrSharedModule, AtrTableComponent, AuthGuard, BaseInterceptor, BusiService, CusNgZorroAntdModule, DayPipe, DefaultValPipe, DictService, DictsPipe, HelloComponent, HelloModule, HqSpinDirective, HttpService, IsEmptyPipe, IsNotEmptyPipe, LocalStorageUtil, LocalUploadComponent, MenuService, PipeModuleModule, QuillEditorComponent, SafeComputePipe, SelectTreeComponent, SessionStorageUtil, ShareService, TableFormItemComponent, TableTdComponent, ToolsUtil, UploadComponent, UploadOssService, UserAction, VideoComponent, atr_static_datas, flyIn, scrollScreen, telphoneValidator, transAnimation };
 //# sourceMappingURL=atr-components.mjs.map