atr-components 0.2.2 → 0.2.10

package/fesm2020/atr-components.mjs

@@ -2211,9 +2211,9 @@ class TableTdComponent {
                 }
                 break;
             case 'empty':
-                isRight = false;
-                if (!value) {
-                    isRight = true;
+                isRight = true;
+                if (!!value) {
+                    isRight = false;
                 }
                 break;
             default:
@@ -2504,6 +2504,10 @@ class AtrTableComponent {
             this.tableDatas.some((item) => this.mapOfCheckedId[item.id]) &&
                 !this.isAllDisplayDataChecked;
         this.numberOfChecked = this.tableDatas.filter((item) => this.mapOfCheckedId[item.id]).length;
+        this.tableAction.emit({
+            code: 'refreshStatus', name: 'select',
+            type: "row", data: this.getAllCheckDatas()
+        });
     }
     selectRow(data, rowNo) {
         // this.tableDatas.forEach(item => (this.mapOfCheckedId[data.id] = value));
@@ -3734,6 +3738,11 @@ class AtrFormComponent {
                 this.resetLayout(item);
                 let value = this.formOpts.type == 'add' ? item.defaultValue : item.value;
                 console.log(value);
+                if (item.type == 'checkbox') {
+                    if (this.formOpts.type == 'add') {
+                        value = item.dictList.filter((v) => v.isSelect).map((dic) => dic.value);
+                    }
+                }
                 if (item.type == 'treeSelect' && item.selectUrl.url) {
                     let keys = item.selectUrl.convert.split(',');
                     this.httpService.post(item.selectUrl.url, {}, ToolsUtil.getHttpOptions()).subscribe(res => {
@@ -3763,7 +3772,7 @@ class AtrFormComponent {
                     this.getDictValue(item.dictCode);
                 }
                 if (item.type == 'selectc') {
-                    if (!item.dictList) {
+                    if (!item.dictList || (item.selectUrl && item.selectUrl.ignoreDictList)) {
                         this.getDicList(item);
                     }
                 }
@@ -3850,9 +3859,10 @@ class AtrFormComponent {
                 }
                 break;
             case 'empty':
-                isRight = false;
-                if (!value) {
-                    isRight = true;
+                isRight = true;
+                console.log('empty', !!value);
+                if (!!value) {
+                    isRight = false;
                 }
                 break;
             default:
@@ -3971,6 +3981,9 @@ class AtrFormComponent {
                 else if (item.type == "select" && value == "") {
                     value = null;
                 }
+                else if (item.type == "checkbox" && !value) {
+                    value = null;
+                }
                 this.atrForm.get(item.key).setValue(value != undefined ? value : null);
             }
             for (const i in this.atrForm.controls) {
@@ -3996,13 +4009,13 @@ class AtrFormComponent {
                             continue;
                         }
                         if (item.dateFormat) {
-                            obj.value[key] = formatDate(value[key], item.dateFormat, this.locale);
+                            obj.value[key] = formatDate(new Date(Number(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);
+                            obj.value[key] = formatDate(new Date(Number(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);
+                            obj.value[key] = formatDate(new Date(Number(value[key])), 'yyyy-MM-dd HH:mm:ss', this.locale);
                         }
                     }
                 }
@@ -4065,13 +4078,13 @@ class AtrFormComponent {
                             continue;
                         }
                         if (item.dateFormat) {
-                            obj.value[key] = formatDate(value[key], item.dateFormat, this.locale);
+                            obj.value[key] = formatDate(new Date(Number(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);
+                            obj.value[key] = formatDate(new Date(Number(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);
+                            obj.value[key] = formatDate(new Date(Number(value[key])), 'yyyy-MM-dd HH:mm:ss', this.locale);
                         }
                     }
                 }
@@ -4124,10 +4137,10 @@ class AtrFormComponent {
     }
 }
 AtrFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrFormComponent, deps: [{ token: ShareService }, { token: HttpService }, { token: i3$1.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: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\"\r\n               [formOpts]=\"formOpts\"></atr-view-form>\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\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            <div style=\"display: flex;width: 100%\">\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              <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzAllowClear]=\"!item.notNull\"\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                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                                [readonly]=\"item.readonly \"\r\n                                style=\"flex: 1\"\r\n                                [formControlName]=\"item.key\">\r\n              </app-select-icons>\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                               [nzMin]=\"item.minNumber\"\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                [nzMode]=\"item.nzMode || 'default'\"\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                [nzMode]=\"item.nzMode || 'default'\"\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'\"\r\n                               [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n                               [formControlName]=\"item.key\"\r\n                               [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\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              <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n              </div>\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              <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n                      *ngIf=\"item.ends\" disabled>\r\n                {{item.ends}}\r\n              </button>\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            </div>\r\n            <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n\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: ViewFormComponent, selector: "atr-view-form", inputs: ["formOpts", "atrForm", "dicts", "items"] }, { type: i6.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { type: i6.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon"], exportAs: ["nzFormLabel"] }, { type: i6.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: SelectIconsComponent, selector: "app-select-icons", inputs: ["readonly", "placeholder"] }, { type: i9$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: i10$2.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { type: i10$2.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.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$1.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"] }, { type: QuillEditorComponent, selector: "app-quill-editor", inputs: ["placeholder", "styles", "value", "readOnly", "needImgSeq"] }, { 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: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon"], exportAs: ["nzForm"] }, { type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { type: i3$1.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$1.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { type: i5$1.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: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "safeHtml": SafeHtmlPipe, "defVal": DefaultValPipe } });
+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: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\"\r\n               [formOpts]=\"formOpts\"></atr-view-form>\r\n\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\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            <div style=\"display: flex;width: 100%\">\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              <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzAllowClear]=\"!item.notNull\"\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                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                                [readonly]=\"item.readonly \"\r\n                                style=\"flex: 1\"\r\n                                [formControlName]=\"item.key\">\r\n              </app-select-icons>\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                               [nzMin]=\"item.minNumber\"\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-checkbox-wrapper *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\">\r\n                <div nz-row>\r\n                  <div *ngFor=\"let o of item.dictList\" nz-col>\r\n                    <label nz-checkbox [nzValue]=\"o.value\">{{o.label}}</label></div>\r\n                </div>\r\n              </nz-checkbox-wrapper>\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                [nzMode]=\"item.nzMode || 'default'\"\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                [nzMode]=\"item.nzMode || 'default'\"\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'\"\r\n                               [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n                               [formControlName]=\"item.key\"\r\n                               [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\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              <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n              </div>\r\n              <div *ngIf=\"item.type == 'buttons'\">\r\n                <ng-container *ngFor=\"let btn of item.buttons\">\r\n                  <button nz-button type=\"button\" [nzType]=\"btn.btnType |defVal: 'default'\"\r\n                          class=\"ant-btn ant-btn-primary\"\r\n                          style=\"margin-right: 5px\" *ngIf=\"btn.isShow || isShow(false,btn.operator)\"\r\n                          (click)=\"doAction(btn,$event)\">\r\n                    <span>{{btn.name}}</span></button>\r\n                </ng-container>\r\n              </div>\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              <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n                      *ngIf=\"item.ends\" disabled>\r\n                {{item.ends}}\r\n              </button>\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            </div>\r\n            <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n        <ng-content *ngTemplateOutlet=\"item.temp\"></ng-content>\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: ViewFormComponent, selector: "atr-view-form", inputs: ["formOpts", "atrForm", "dicts", "items"] }, { type: i6.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { type: i6.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon"], exportAs: ["nzFormLabel"] }, { type: i6.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: SelectIconsComponent, selector: "app-select-icons", inputs: ["readonly", "placeholder"] }, { type: i9$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: i10$2.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }, { type: i10$2.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { 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"] }, { 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.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$1.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"] }, { type: QuillEditorComponent, selector: "app-quill-editor", inputs: ["placeholder", "styles", "value", "readOnly", "needImgSeq"] }, { 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: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i6.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon"], exportAs: ["nzForm"] }, { type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i7.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { type: i3$1.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$1.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { type: i5$1.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: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "safeHtml": SafeHtmlPipe, "defVal": DefaultValPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AtrFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atr-form', template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\"\r\n               [formOpts]=\"formOpts\"></atr-view-form>\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\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            <div style=\"display: flex;width: 100%\">\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              <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzAllowClear]=\"!item.notNull\"\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                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                                [readonly]=\"item.readonly \"\r\n                                style=\"flex: 1\"\r\n                                [formControlName]=\"item.key\">\r\n              </app-select-icons>\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                               [nzMin]=\"item.minNumber\"\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                [nzMode]=\"item.nzMode || 'default'\"\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                [nzMode]=\"item.nzMode || 'default'\"\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'\"\r\n                               [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n                               [formControlName]=\"item.key\"\r\n                               [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\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              <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n              </div>\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              <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n                      *ngIf=\"item.ends\" disabled>\r\n                {{item.ends}}\r\n              </button>\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            </div>\r\n            <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n\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"] }]
+            args: [{ selector: 'atr-form', template: "<atr-view-form *ngIf=\"formOpts.type == 'view'\" [dicts]=\"dicts\" [atrForm]=\"atrForm\"\r\n               [formOpts]=\"formOpts\"></atr-view-form>\r\n\r\n<form nz-form [formGroup]=\"atrForm\" *ngIf=\"formOpts.type != 'view'\">\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            <div style=\"display: flex;width: 100%\">\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              <nz-tree-select *ngIf=\"item.type == 'treeSelect'\"\r\n                              [nzAllowClear]=\"!item.notNull\"\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                              [nzMultiple]=\"item.selectUrl.isMultiple\"\r\n                              [nzDisabled]=\"item.readonly\" style=\"flex: 1\"\r\n              >\r\n              </nz-tree-select>\r\n              <app-select-icons *ngIf=\"item.type == 'selectIcon'\" nz-input placeholder=\"{{item.placeholder}}\"\r\n                                [readonly]=\"item.readonly \"\r\n                                style=\"flex: 1\"\r\n                                [formControlName]=\"item.key\">\r\n              </app-select-icons>\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                               [nzMin]=\"item.minNumber\"\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-checkbox-wrapper *ngIf=\"item.type == 'checkbox'\" [formControlName]=\"item.key\">\r\n                <div nz-row>\r\n                  <div *ngFor=\"let o of item.dictList\" nz-col>\r\n                    <label nz-checkbox [nzValue]=\"o.value\">{{o.label}}</label></div>\r\n                </div>\r\n              </nz-checkbox-wrapper>\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                [nzMode]=\"item.nzMode || 'default'\"\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                [nzMode]=\"item.nzMode || 'default'\"\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'\"\r\n                               [nzShowTime]=\"item.nzShowTime? item.nzShowTime : false\"\r\n                               [formControlName]=\"item.key\"\r\n                               [nzFormat]=\"item.nzShowTime && item.nzShowTime.nzFormat ? ('yyyy-MM-dd '+ item.nzShowTime.nzFormat) : 'yyyy-MM-dd'\"\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              <div *ngIf=\"item.type == 'word'\" [innerHTML]=\"item.value |defVal:item.defaultValue |safeHtml\">\r\n              </div>\r\n              <div *ngIf=\"item.type == 'buttons'\">\r\n                <ng-container *ngFor=\"let btn of item.buttons\">\r\n                  <button nz-button type=\"button\" [nzType]=\"btn.btnType |defVal: 'default'\"\r\n                          class=\"ant-btn ant-btn-primary\"\r\n                          style=\"margin-right: 5px\" *ngIf=\"btn.isShow || isShow(false,btn.operator)\"\r\n                          (click)=\"doAction(btn,$event)\">\r\n                    <span>{{btn.name}}</span></button>\r\n                </ng-container>\r\n              </div>\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              <button nz-button nzType=\"default\" style=\"cursor: default;background-color: #fafafa;color: black\"\r\n                      *ngIf=\"item.ends\" disabled>\r\n                {{item.ends}}\r\n              </button>\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            </div>\r\n            <div *ngIf=\"item.proposal\" style=\"color: red;width: 100%\">{{item.proposal}}</div>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n        <ng-content *ngTemplateOutlet=\"item.temp\"></ng-content>\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: HttpService }, { type: i3$1.FormBuilder }, { type: DictService }, { type: i0.Injector }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOCALE_ID]