fantasy-ngzorro 1.0.2 → 1.0.4

package/bundles/fantasy-ngzorro.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ng-zorro-antd'), require('@angular/forms'), require('ng-zorro-antd/core'), require('lodash'), require('@angular/cdk/drag-drop'), require('ng-zorro-antd/table'), require('fantasy-ngzorro/model/common-type')) :
     typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', 'ng-zorro-antd', '@angular/forms', 'ng-zorro-antd/core', 'lodash', '@angular/cdk/drag-drop', 'ng-zorro-antd/table', 'fantasy-ngzorro/model/common-type'], factory) :
-    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ngZorroAntd, global.ng.forms, global.core$1, global.lodash, global.ng.cdk['drag-drop'], global.table));
-}(this, (function (exports, core, common, ngZorroAntd, forms, core$1, lodash, dragDrop, table) { 'use strict';
+    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ngZorroAntd, global.ng.forms, global.core$1, global.lodash, global.ng.cdk['drag-drop'], global.table, global.commonType));
+}(this, (function (exports, core, common, ngZorroAntd, forms, core$1, lodash, dragDrop, table, commonType) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -472,7 +472,7 @@
     /**
      * @template T
      */
-    var /**
+    var   /**
      * @template T
      */
     Page = /** @class */ (function () {
@@ -1199,7 +1199,7 @@
         HdFilterComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-filter',
-                        template: "<form nz-form [formGroup]=\"validateFilterForm\" class=\"ant-advanced-search-form hd-filter-container\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let filter of filterList\">\n      <div nz-col [nzSpan]=\"6\" [hidden]=\"!filter.show\">\n        <nz-form-item nzFlex>\n          <nz-form-label class=\"hd-filter-label\">{{filter.label}}</nz-form-label>\n          <nz-form-control class=\"hd-filter-control\">\n            <ng-container [ngSwitch]=\"filter.type\">\n              <!-- \u8FD9\u91CC\u6570\u5B57\u5BF9\u5E94\u679A\u4E3E\u7C7B\u578B\uFF0C\u53EF\u5728hd-filter.service.ts\u6587\u4EF6\u4E2D\u67E5\u770B\u5BF9\u5E94\u5173\u7CFB -->\n              <ng-container *ngSwitchCase=\"'Input'\">\n                <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                  <input nz-input [placeholder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u8F93\u5165' + filter.label\" [formControlName]=\"filter.name\" (ngModelChange)=\"triggerEvent(filter.onChangeEvent || null, $event)\"/>\n                </nz-input-group>\n                <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                    nzType=\"close-circle\" *ngIf=\"validateFilterForm.get(filter.name).value\"\n                    (click)=\"inputClean(filter)\"></i></ng-template>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'Select'\">\n                <nz-select nzShowSearch [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\" nzAllowClear (nzOnSearch)=\"triggerEvent(filter.onSearchEvent || null, $event, filter.selectOption)\" [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\" [formControlName]=\"filter.name\"\n                  (ngModelChange)=\"triggerEvent(filter.onChangeEvent || null, $event)\" nzAllowClear>\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\" [nzValue]=\"selectItem[filter.selectOption.value]\"\n                    [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'Date'\">\n                <nz-date-picker [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  (ngModelChange)=\"triggerEvent(filter.onChangeEvent || null, $event)\">\n                </nz-date-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'DateRange'\">\n                <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                  [formControlName]=\"filter.name\">\n                  (ngModelChange)=\"triggerEvent(filter.onChangeEvent || null, $event)\"\n                </nz-range-picker>\n              </ng-container>\n              <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n              <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                <nz-select [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  nzMode=\"multiple\" nzShowSearch nzAllowClear [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  (ngModelChange)=\"triggerEvent(filter.onChangeEvent || null, $event)\"\n                  (nzOnSearch)=\"triggerEvent(filter.onSearchEvent || null, $event)\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\" [nzValue]=\"selectItem[filter.selectOption.value]\"\n                    [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n            </ng-container>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    </ng-container>\n\n    <div class=\"hd-filter-btn\" nz-col [nzSpan]=\"6\"\n      [nzOffset]=\"computeOffset()\">\n      <a *ngIf=\"filterList.length > 7\" class=\"hd-filter-more\" (click)=\"showMore()\">\n        {{isShowMore ? '\u5C55\u5F00' : '\u6536\u8D77'}}\n        <i nz-icon [nzType]=\"isShowMore ? 'down' : 'up'\"></i>\n      </a>\n      <hd-button type=\"primary\" (click)=\"submitForm()\">\u67E5\u8BE2</hd-button>\n      <hd-button type=\"reset\" (click)=\"resetForm()\">\u91CD\u7F6E</hd-button>\n    </div>\n  </div>\n</form>\n",
+                        template: "<form nz-form [formGroup]=\"validateFilterForm\" class=\"ant-advanced-search-form hd-filter-container\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let filter of filterList\">\n      <div nz-col [nzSpan]=\"6\" [hidden]=\"!filter.show\">\n        <nz-form-item nzFlex>\n          <nz-form-label class=\"hd-filter-label\">{{filter.label}}</nz-form-label>\n          <nz-form-control class=\"hd-filter-control\">\n            <ng-container [ngSwitch]=\"filter.type\">\n              <!-- \u8FD9\u91CC\u6570\u5B57\u5BF9\u5E94\u679A\u4E3E\u7C7B\u578B\uFF0C\u53EF\u5728hd-filter.service.ts\u6587\u4EF6\u4E2D\u67E5\u770B\u5BF9\u5E94\u5173\u7CFB -->\n              <ng-container *ngSwitchCase=\"0\">\n                <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                  <input nz-input [placeholder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u8F93\u5165' + filter.label\" [formControlName]=\"filter.name\" (ngModelChange)=\"triggerEvent(filter.onChangeEvent || null, $event)\"/>\n                </nz-input-group>\n                <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                    nzType=\"close-circle\" *ngIf=\"validateFilterForm.get(filter.name).value\"\n                    (click)=\"inputClean(filter)\"></i></ng-template>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"1\">\n                <nz-select nzShowSearch [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\" nzAllowClear (nzOnSearch)=\"triggerEvent(filter.onSearchEvent || null, $event, filter.selectOption)\" [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\" [formControlName]=\"filter.name\"\n                  (ngModelChange)=\"triggerEvent(filter.onChangeEvent || null, $event)\" nzAllowClear>\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\" [nzValue]=\"selectItem[filter.selectOption.value]\"\n                    [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"2\">\n                <nz-date-picker [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  (ngModelChange)=\"triggerEvent(filter.onChangeEvent || null, $event)\">\n                </nz-date-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"3\">\n                <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                  [formControlName]=\"filter.name\">\n                  (ngModelChange)=\"triggerEvent(filter.onChangeEvent || null, $event)\"\n                </nz-range-picker>\n              </ng-container>\n              <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n              <ng-container *ngSwitchCase=\"4\">\n                <nz-select [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  nzMode=\"multiple\" nzShowSearch nzAllowClear [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  (ngModelChange)=\"triggerEvent(filter.onChangeEvent || null, $event)\"\n                  (nzOnSearch)=\"triggerEvent(filter.onSearchEvent || null, $event)\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\" [nzValue]=\"selectItem[filter.selectOption.value]\"\n                    [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n            </ng-container>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    </ng-container>\n\n    <div class=\"hd-filter-btn\" nz-col [nzSpan]=\"6\"\n      [nzOffset]=\"computeOffset()\">\n      <a *ngIf=\"filterList.length > 7\" class=\"hd-filter-more\" (click)=\"showMore()\">\n        {{isShowMore ? '\u5C55\u5F00' : '\u6536\u8D77'}}\n        <i nz-icon [nzType]=\"isShowMore ? 'down' : 'up'\"></i>\n      </a>\n      <hd-button type=\"primary\" (click)=\"submitForm()\">\u67E5\u8BE2</hd-button>\n      <hd-button type=\"reset\" (click)=\"resetForm()\">\u91CD\u7F6E</hd-button>\n    </div>\n  </div>\n</form>\n",
                         styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}.hd-filter-container{padding:20px 23px;background:#fff;box-shadow:0 0 12px 0 rgba(93,114,103,.08);border-radius:4px;margin-bottom:8px!important;font-size:12px}.hd-filter-container .ant-row{margin-right:0!important;margin-left:0!important}.hd-filter-container .ant-col-6{padding-left:0!important;padding-right:0!important}.hd-filter-container .hd-filter-label{width:108px;word-break:break-all}.hd-filter-container .hd-filter-control{width:calc(100% - 108px)}.hd-filter-container ::ng-deep .ant-calendar-picker{width:100%}.hd-filter-container .hd-filter-more{color:#12a34f}.hd-filter-container .hd-filter-btn{height:40px;display:inline-flex;align-items:center;justify-content:flex-end}.hd-filter-container hd-button{margin-left:12px}.hd-filter-container ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}.hd-filter-container ::ng-deep .ant-select-selection--single{height:28px!important}.hd-filter-container ::ng-deep .ant-input{height:28px!important}.hd-filter-container ::ng-deep .ant-calendar-range-picker-input{text-align:left!important}.hd-filter-container .ant-input-number{width:100%}"]
                     }] }
         ];
@@ -1475,7 +1475,7 @@
         HdFormComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-form',
-                        template: "<form nz-form [formGroup]=\"validateHdForm\" class=\"ant-advanced-search-form hd-formItem-container\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let formItem of formList;index as i\">\n      <div nz-row *ngIf=\"formItem.isRowFirst && formItem.isRowFirst === 1\">\n        <div nz-col  *ngIf=\"!formItem.hide\" [nzSpan]=\"formItem.width? formItem.width * 6 : 6\">\n          <nz-form-item nzFlex>\n            <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\" [nzRequired]=\"formItem.require\">\n              {{formItem.label}}\n            </nz-form-label>\n            <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n              <ng-container [ngSwitch]=\"formItem.type\">\n                <ng-container *ngSwitchCase=\"'Input'\">\n                  <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                    <input *ngIf=\"formItem.disabled === true;else inputTemplate\" nz-input [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\" [disabled]=\"true\" [attr.disabled]=\"true\" [maxlength]=\"formItem.maxLength || null\" [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" [formControlName]=\"formItem.name\"/>\n                    <ng-template #inputTemplate>\n                      <input nz-input [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\" [maxlength]=\"formItem.maxLength || null\" [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" [formControlName]=\"formItem.name\"/>\n                    </ng-template>\n                  </nz-input-group>\n                  <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                      nzType=\"close-circle\" *ngIf=\"validateHdForm.get(formItem.name).value && !formItem.disabled\"\n                      (click)=\"inputClean(formItem)\"></i></ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Select'\">\n                  <nz-select nzShowSearch [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\" nzAllowClear [nzDisabled]=\"formItem.disabled\" [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\" [nzValue]=\"selectItem[formItem.selectOption.value]\"\n                      [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <nz-option *ngIf=\"formItem.defaultLabel\" [nzLabel]=\"formItem.defaultLabel\"\n                      [nzValue]=\"formItem.value\" nzHide></nz-option>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Date'\">\n                  <nz-date-picker [nzDisabled]=\"formItem.disabled\" [nzDisabledDate]=\"formItem.hdDisabledDate\" [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\">\n                  </nz-date-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'DateRange'\">\n                  <nz-range-picker [nzDisabled]=\"formItem.disabled\" [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                    [formControlName]=\"formItem.name\">\n                  </nz-range-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'TextArea'\">\n                  <textarea [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\" [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" [disabled]=\"formItem.disabled\" rows=\"1\" nz-input [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'InputNumber'\">\n                  <nz-input-number [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\" [nzDisabled]=\"formItem.disabled\" [formControlName]=\"formItem.name\" [nzMin]=\"formItem?.inputNumber?.min || 0\"\n                    [nzMax]=\"formItem?.inputNumber?.max || 99999999\" [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                    [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + formItem.label\"></nz-input-number>\n                </ng-container>\n                <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                  <nz-select [nzDisabled]=\"formItem.disabled\" [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\" nzMode=\"multiple\" nzShowSearch nzAllowClear [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\" [nzValue]=\"selectItem[formItem.selectOption.value]\"\n                      [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <ng-container *ngIf=\"formItem.defaultLabel\">\n                      <nz-option *ngFor=\"let option of formItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                        [nzValue]=\"formItem.value[i]\" nzHide></nz-option>\n                    </ng-container>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'ViewDom'\">\n                  <span>{{formItem.value}}</span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"'Switch'\">\n                  <nz-switch [nzDisabled]=\"formItem.disabled\" [formControlName]=\"formItem.name\"></nz-switch>\n                </ng-container>\n              </ng-container>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <!-- \u5FAA\u73AF\u6700\u591A\u56DB\u6B21 -->\n        <ng-container *ngFor=\"let columnItem of formItem.columnItems;index as columnItemIndex\">\n          <div nz-col *ngIf=\"!columnItem.hide\" [nzSpan]=\"columnItem.width? columnItem.width * 6 : 6\">\n            <nz-form-item nzFlex>\n              <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\" [nzRequired]=\"columnItem.require\">\n                {{columnItem.label}}\n              </nz-form-label>\n              <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"columnItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                <ng-container [ngSwitch]=\"columnItem.type\">\n                  <ng-container *ngSwitchCase=\"'Input'\">\n                    <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                      <input *ngIf=\"columnItem.disabled === true;else inputTemplate\" nz-input [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [disabled]=\"true\" [attr.disabled]=\"true\" [maxlength]=\"columnItem.maxLength || null\" [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\" [formControlName]=\"columnItem.name\"/>\n                      <ng-template #inputTemplate>\n                        <input nz-input [ngStyle]=\"{'color': columnItem?.color ? formItem.color : null}\" [maxlength]=\"columnItem.maxLength || null\" [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\" [formControlName]=\"columnItem.name\"/>\n                      </ng-template>\n                    </nz-input-group>\n                    <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                        nzType=\"close-circle\" *ngIf=\"validateHdForm.get(columnItem.name).value  && !columnItem.disabled\"\n                        (click)=\"inputClean(columnItem)\"></i></ng-template>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'Select'\">\n                    <nz-select [nzDisabled]=\"columnItem.disabled\" [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\" nzShowSearch nzAllowClear [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOnSearch)=\"triggerEvent(columnItem.onSearchEvent || null, $event)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\"></nz-option>\n                      <nz-option *ngIf=\"columnItem.defaultLabel\" [nzLabel]=\"columnItem.defaultLabel\"\n                        [nzValue]=\"columnItem.value\" nzHide></nz-option>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'Date'\">\n                    <nz-date-picker [nzDisabled]=\"columnItem.disabled\" [nzDisabledDate]=\"formItem.hdDisabledDate\" [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\">\n                    </nz-date-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'DateRange'\">\n                    <nz-range-picker [nzDisabled]=\"columnItem.disabled\" [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                      [formControlName]=\"columnItem.name\">\n                    </nz-range-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'TextArea'\">\n                    <textarea [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [disabled]=\"columnItem.disabled\" rows=\"1\" nz-input [maxlength]=\"columnItem.maxLength || null\" [formControlName]=\"columnItem.name\"></textarea>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'InputNumber'\">\n                    <nz-input-number [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [nzDisabled]=\"columnItem.disabled\" [formControlName]=\"columnItem.name\" [nzMin]=\"columnItem?.inputNumber?.min || 0\"\n                      [nzMax]=\"columnItem?.inputNumber?.max || 99999999\" [nzStep]=\"columnItem?.inputNumber?.step || 1\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"></nz-input-number>\n                  </ng-container>\n                  <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                  <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                    <nz-select [nzDisabled]=\"columnItem.disabled\" [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\" nzMode=\"multiple\" nzShowSearch nzAllowClear [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOnSearch)=\"triggerEvent(columnItem.onSearchEvent || null, $event)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\"></nz-option>\n                      <ng-container *ngIf=\"columnItem.defaultLabel\">\n                        <nz-option *ngFor=\"let option of columnItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                          [nzValue]=\"columnItem.value[i]\" nzHide></nz-option>\n                      </ng-container>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'ViewDom'\">\n                    <span>{{columnItem.value}}</span>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'Switch'\">\n                    <nz-switch [nzDisabled]=\"columnItem.disabled\" [formControlName]=\"columnItem.name\"></nz-switch>\n                  </ng-container>\n                </ng-container>\n              </nz-form-control>\n            </nz-form-item>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n</form>\n",
+                        template: "<form nz-form [formGroup]=\"validateHdForm\" class=\"ant-advanced-search-form hd-formItem-container\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let formItem of formList;index as i\">\n      <div nz-row *ngIf=\"formItem.isRowFirst && formItem.isRowFirst === 1\">\n        <div nz-col  *ngIf=\"!formItem.hide\" [nzSpan]=\"formItem.width? formItem.width * 6 : 6\">\n          <nz-form-item nzFlex>\n            <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\" [nzRequired]=\"formItem.require\">\n              {{formItem.label}}\n            </nz-form-label>\n            <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n              <ng-container [ngSwitch]=\"formItem.type\">\n                <ng-container *ngSwitchCase=\"0\">\n                  <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                    <input *ngIf=\"formItem.disabled === true;else inputTemplate\" nz-input [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\" [disabled]=\"true\" [attr.disabled]=\"true\" [maxlength]=\"formItem.maxLength || null\" [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" [formControlName]=\"formItem.name\"/>\n                    <ng-template #inputTemplate>\n                      <input nz-input [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\" [maxlength]=\"formItem.maxLength || null\" [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" [formControlName]=\"formItem.name\"/>\n                    </ng-template>\n                  </nz-input-group>\n                  <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                      nzType=\"close-circle\" *ngIf=\"validateHdForm.get(formItem.name).value && !formItem.disabled\"\n                      (click)=\"inputClean(formItem)\"></i></ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"1\">\n                  <nz-select nzShowSearch [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\" nzAllowClear [nzDisabled]=\"formItem.disabled\" [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\" [nzValue]=\"selectItem[formItem.selectOption.value]\"\n                      [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <nz-option *ngIf=\"formItem.defaultLabel\" [nzLabel]=\"formItem.defaultLabel\"\n                      [nzValue]=\"formItem.value\" nzHide></nz-option>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"2\">\n                  <nz-date-picker [nzDisabled]=\"formItem.disabled\" [nzDisabledDate]=\"formItem.hdDisabledDate\" [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\">\n                  </nz-date-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"3\">\n                  <nz-range-picker [nzDisabled]=\"formItem.disabled\" [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                    [formControlName]=\"formItem.name\">\n                  </nz-range-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"4\">\n                  <textarea [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\" [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" [disabled]=\"formItem.disabled\" rows=\"1\" nz-input [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"5\">\n                  <nz-input-number [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\" [nzDisabled]=\"formItem.disabled\" [formControlName]=\"formItem.name\" [nzMin]=\"formItem?.inputNumber?.min || 0\"\n                    [nzMax]=\"formItem?.inputNumber?.max || 99999999\" [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                    [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + formItem.label\"></nz-input-number>\n                </ng-container>\n                <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                <ng-container *ngSwitchCase=\"6\">\n                  <nz-select [nzDisabled]=\"formItem.disabled\" [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\" nzMode=\"multiple\" nzShowSearch nzAllowClear [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\" [nzValue]=\"selectItem[formItem.selectOption.value]\"\n                      [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <ng-container *ngIf=\"formItem.defaultLabel\">\n                      <nz-option *ngFor=\"let option of formItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                        [nzValue]=\"formItem.value[i]\" nzHide></nz-option>\n                    </ng-container>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"7\">\n                  <span>{{formItem.value}}</span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"8\">\n                  <nz-switch [nzDisabled]=\"formItem.disabled\" [formControlName]=\"formItem.name\"></nz-switch>\n                </ng-container>\n              </ng-container>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <!-- \u5FAA\u73AF\u6700\u591A\u56DB\u6B21 -->\n        <ng-container *ngFor=\"let columnItem of formItem.columnItems;index as columnItemIndex\">\n          <div nz-col *ngIf=\"!columnItem.hide\" [nzSpan]=\"columnItem.width? columnItem.width * 6 : 6\">\n            <nz-form-item nzFlex>\n              <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\" [nzRequired]=\"columnItem.require\">\n                {{columnItem.label}}\n              </nz-form-label>\n              <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"columnItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                <ng-container [ngSwitch]=\"columnItem.type\">\n                  <ng-container *ngSwitchCase=\"0\">\n                    <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                      <input *ngIf=\"columnItem.disabled === true;else inputTemplate\" nz-input [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [disabled]=\"true\" [attr.disabled]=\"true\" [maxlength]=\"columnItem.maxLength || null\" [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\" [formControlName]=\"columnItem.name\"/>\n                      <ng-template #inputTemplate>\n                        <input nz-input [ngStyle]=\"{'color': columnItem?.color ? formItem.color : null}\" [maxlength]=\"columnItem.maxLength || null\" [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\" [formControlName]=\"columnItem.name\"/>\n                      </ng-template>\n                    </nz-input-group>\n                    <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                        nzType=\"close-circle\" *ngIf=\"validateHdForm.get(columnItem.name).value  && !columnItem.disabled\"\n                        (click)=\"inputClean(columnItem)\"></i></ng-template>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"1\">\n                    <nz-select [nzDisabled]=\"columnItem.disabled\" [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\" nzShowSearch nzAllowClear [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOnSearch)=\"triggerEvent(columnItem.onSearchEvent || null, $event)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\"></nz-option>\n                      <nz-option *ngIf=\"columnItem.defaultLabel\" [nzLabel]=\"columnItem.defaultLabel\"\n                        [nzValue]=\"columnItem.value\" nzHide></nz-option>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"2\">\n                    <nz-date-picker [nzDisabled]=\"columnItem.disabled\" [nzDisabledDate]=\"formItem.hdDisabledDate\" [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\">\n                    </nz-date-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"3\">\n                    <nz-range-picker [nzDisabled]=\"columnItem.disabled\" [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                      [formControlName]=\"columnItem.name\">\n                    </nz-range-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"4\">\n                    <textarea [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [disabled]=\"columnItem.disabled\" rows=\"1\" nz-input [maxlength]=\"columnItem.maxLength || null\" [formControlName]=\"columnItem.name\"></textarea>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"5\">\n                    <nz-input-number [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [nzDisabled]=\"columnItem.disabled\" [formControlName]=\"columnItem.name\" [nzMin]=\"columnItem?.inputNumber?.min || 0\"\n                      [nzMax]=\"columnItem?.inputNumber?.max || 99999999\" [nzStep]=\"columnItem?.inputNumber?.step || 1\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"></nz-input-number>\n                  </ng-container>\n                  <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                  <ng-container *ngSwitchCase=\"6\">\n                    <nz-select [nzDisabled]=\"columnItem.disabled\" [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\" nzMode=\"multiple\" nzShowSearch nzAllowClear [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOnSearch)=\"triggerEvent(columnItem.onSearchEvent || null, $event)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\"></nz-option>\n                      <ng-container *ngIf=\"columnItem.defaultLabel\">\n                        <nz-option *ngFor=\"let option of columnItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                          [nzValue]=\"columnItem.value[i]\" nzHide></nz-option>\n                      </ng-container>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"7\">\n                    <span>{{columnItem.value}}</span>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"8\">\n                    <nz-switch [nzDisabled]=\"columnItem.disabled\" [formControlName]=\"columnItem.name\"></nz-switch>\n                  </ng-container>\n                </ng-container>\n              </nz-form-control>\n            </nz-form-item>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n</form>\n",
                         styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}.hd-formItem-container .hd-formItem-label{width:108px;word-break:break-all;text-align:right}.hd-formItem-container .hd-formItem-control{width:calc(100% - 108px)}.hd-formItem-container .ant-input-number{width:100%}"]
                     }] }
         ];
@@ -1981,7 +1981,7 @@
         HdFormLinesComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-form-lines',
-                        template: "<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\" class=\"ant-advanced-search-form hd-formLines-container\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\">\n    <thead>\n      <tr>\n        <th nzWidth=\"58px\" nzLeft=\"0px\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"!item.hide\" [nzAlign]=\"item.align ? item.align : 'left'\">\n            <span *ngIf=\"item.require\" style=\"color: red;\">*</span>{{item.label}}\n          </th>\n        </ng-container>\n        <th style=\"width: 80px\" nzRight=\"0\">\u64CD\u4F5C</th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container\n        *ngFor=\"let line of linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize);index as dataIndex\"\n        formArrayName=\"lines\">\n        <tr [formGroup]=\"line\">\n          <td nzWidth=\"58px\" nzLeft=\"0px\">\n            {{line.get('lineIndex').value}}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines\">\n            <td *ngIf=\"!formItem.hide\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                  <ng-container [ngSwitch]=\"formItem.type\">\n                    <ng-container *ngSwitchCase=\"'Input'\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                        <input style=\"min-width: 100px\" nz-input  [id]=\"'input-' + dataIndex\" (click)=\"formItem.isSelect ? selectValue('#input-' + dataIndex) : null\" [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\" [maxlength]=\"formItem.maxLength || null\" [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" [formControlName]=\"formItem.name\"/>\n                      </nz-input-group>\n                      <ng-template #inputCleanTemplate>\n                        <i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n                          *ngIf=\"line.get(formItem.name).value\" (click)=\"inputClean(formItem ,line)\"></i></ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Select'\">\n                      <nz-select nzShowSearch [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\" nzAllowClear [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event, line)\" style=\"min-width: 250px;\">\n                        <nz-option *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\" [nzValue]=\"selectItem[formItem.selectOption.value]\"\n                          [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <nz-option *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                          [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Date'\">\n                      <nz-date-picker [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\">\n                      </nz-date-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'DateRange'\">\n                      <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                        [formControlName]=\"formItem.name\">\n                      </nz-range-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'TextArea'\">\n                      <textarea [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\" [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'InputNumber'\">\n                      <div style=\"display: flex;align-items: center;\">\n                        <nz-input-number [ngStyle]=\"{'width': '100px', 'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\" [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\" [nzMin]=\"formItem?.inputNumber?.min || 0\"\n                          [nzMax]=\"formItem?.inputNumber?.max || 99999999\" [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [nzId]=\"'inputNumber-' + dataIndex\"\n                          (click)=\"formItem.isSelect ? selectValue('#inputNumber-' + dataIndex) : null\"></nz-input-number>\n                        <div *ngIf=\"formItem?.explainOptionRight?.show\" [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">&nbsp;&nbsp;{{line.get(formItem.explainOptionRight.name).value}}</div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                      <nz-select nzMode=\"multiple\" [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\" nzShowSearch nzAllowClear [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" style=\"min-width: 250px;\"\n                        (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event, line)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\" [nzValue]=\"selectItem[formItem.selectOption.value]\"\n                        [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\">\n                          <nz-option *ngFor=\"let option of line.get(formItem.selectOption.value).value;index as i\" [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\"\n                            [nzValue]=\"option\" nzHide></nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'ViewDom'\">\n                      {{formItem.preserveNumber ? LodashRound(line.get(formItem.name).value,formItem.preserveNumber).toFixed(formItem.preserveNumber) : line.get(formItem.name).value}}\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\" [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">{{line.get(formItem.explainOption.name).value}}</div>\n            </td>\n          </ng-container>\n          <td style=\"width: 80px\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line.get('lineIndex').value)\">\u6DFB\u52A0</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\" (click)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && showDeleteConfirm\" nz-popconfirm nzPopconfirmTitle=\"\u786E\u8BA4\u8981\u5220\u9664\u8BE5\u884C\u5417?\"\n              nzPopconfirmPlacement=\"bottom\" (nzOnConfirm)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n            </span>\n          </td>\n        </tr>\n      </ng-container>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{ (totalOption.value || totalOption.value === 0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value : LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <ng-container *ngIf=\"linesFormArray.controls.length > 10\">\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n      [nzPageSize]=\"paginationPageSize\" [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger\n      (nzPageIndexChange)=\"pageIndexChange($event)\" (nzPageSizeChange)=\"pageSizeChange($event)\"></nz-pagination>\n  </ng-container>\n</form>\n",
+                        template: "<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\" class=\"ant-advanced-search-form hd-formLines-container\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\">\n    <thead>\n      <tr>\n        <th nzWidth=\"58px\" nzLeft=\"0px\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"!item.hide\" [nzAlign]=\"item.align ? item.align : 'left'\">\n            <span *ngIf=\"item.require\" style=\"color: red;\">*</span>{{item.label}}\n          </th>\n        </ng-container>\n        <th style=\"width: 80px\" nzRight=\"0\">\u64CD\u4F5C</th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container\n        *ngFor=\"let line of linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize);index as dataIndex\"\n        formArrayName=\"lines\">\n        <tr [formGroup]=\"line\">\n          <td nzWidth=\"58px\" nzLeft=\"0px\">\n            {{line.get('lineIndex').value}}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines\">\n            <td *ngIf=\"!formItem.hide\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                  <ng-container [ngSwitch]=\"formItem.type\">\n                    <ng-container *ngSwitchCase=\"0\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                        <input style=\"min-width: 100px\" nz-input  [id]=\"'input-' + dataIndex\" (click)=\"formItem.isSelect ? selectValue('#input-' + dataIndex) : null\" [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\" [maxlength]=\"formItem.maxLength || null\" [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" [formControlName]=\"formItem.name\"/>\n                      </nz-input-group>\n                      <ng-template #inputCleanTemplate>\n                        <i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n                          *ngIf=\"line.get(formItem.name).value\" (click)=\"inputClean(formItem ,line)\"></i></ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"1\">\n                      <nz-select nzShowSearch [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\" nzAllowClear [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event, line)\" style=\"min-width: 250px;\">\n                        <nz-option *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\" [nzValue]=\"selectItem[formItem.selectOption.value]\"\n                          [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <nz-option *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                          [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"2\">\n                      <nz-date-picker [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\">\n                      </nz-date-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"3\">\n                      <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                        [formControlName]=\"formItem.name\">\n                      </nz-range-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"4\">\n                      <textarea [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\" [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"5\">\n                      <div style=\"display: flex;align-items: center;\">\n                        <nz-input-number [ngStyle]=\"{'width': '100px', 'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\" [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\" [nzMin]=\"formItem?.inputNumber?.min || 0\"\n                          [nzMax]=\"formItem?.inputNumber?.max || 99999999\" [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [nzId]=\"'inputNumber-' + dataIndex\"\n                          (click)=\"formItem.isSelect ? selectValue('#inputNumber-' + dataIndex) : null\"></nz-input-number>\n                        <div *ngIf=\"formItem?.explainOptionRight?.show\" [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">&nbsp;&nbsp;{{line.get(formItem.explainOptionRight.name).value}}</div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"6\">\n                      <nz-select nzMode=\"multiple\" [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\" [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\" nzShowSearch nzAllowClear [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" style=\"min-width: 250px;\"\n                        (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event, line)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\" [nzValue]=\"selectItem[formItem.selectOption.value]\"\n                        [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\">\n                          <nz-option *ngFor=\"let option of line.get(formItem.selectOption.value).value;index as i\" [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\"\n                            [nzValue]=\"option\" nzHide></nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"7\">\n                      {{formItem.preserveNumber ? LodashRound(line.get(formItem.name).value,formItem.preserveNumber).toFixed(formItem.preserveNumber) : line.get(formItem.name).value}}\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\" [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">{{line.get(formItem.explainOption.name).value}}</div>\n            </td>\n          </ng-container>\n          <td style=\"width: 80px\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line.get('lineIndex').value)\">\u6DFB\u52A0</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\" (click)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && showDeleteConfirm\" nz-popconfirm nzPopconfirmTitle=\"\u786E\u8BA4\u8981\u5220\u9664\u8BE5\u884C\u5417?\"\n              nzPopconfirmPlacement=\"bottom\" (nzOnConfirm)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n            </span>\n          </td>\n        </tr>\n      </ng-container>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{ (totalOption.value || totalOption.value === 0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value : LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <ng-container *ngIf=\"linesFormArray.controls.length > 10\">\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n      [nzPageSize]=\"paginationPageSize\" [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger\n      (nzPageIndexChange)=\"pageIndexChange($event)\" (nzPageSizeChange)=\"pageSizeChange($event)\"></nz-pagination>\n  </ng-container>\n</form>\n",
                         styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}.hd-formLines-container ::ng-deep td{padding:1.5px 8px!important}.hd-formLines-container .ant-table-tbody>tr>td,.hd-formLines-container ::ng-deep .ant-table-thead>tr>th{padding:16px 8px}.hd-formLines-container ::ng-deep .hd-table-total>td{border:0!important}.hd-formLines-container .ant-input-number{width:100%}"]
                     }] }
         ];
@@ -2678,7 +2678,402 @@
         return FantasyNgzorroModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: hd-current-table/hd-current-table.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    // 表格行
+    var   
+    // 表格行
+    TableColumn = /** @class */ (function () {
+        function TableColumn() {
+            // 字段名称
+            this.value = null; // 值 不传默认为null
+        }
+        return TableColumn;
+    }());
+    if (false) {
+        /** @type {?} */
+        TableColumn.prototype.label;
+        /** @type {?} */
+        TableColumn.prototype.name;
+        /** @type {?} */
+        TableColumn.prototype.value;
+        /** @type {?} */
+        TableColumn.prototype.selectList;
+        /** @type {?} */
+        TableColumn.prototype.show;
+    }
+    //
+    var   
+    //
+    TableTotalOption = /** @class */ (function () {
+        function TableTotalOption() {
+        }
+        return TableTotalOption;
+    }());
+    if (false) {
+        /** @type {?} */
+        TableTotalOption.prototype.columnNumber;
+        /** @type {?} */
+        TableTotalOption.prototype.insertIndex;
+        /** @type {?} */
+        TableTotalOption.prototype.insertName;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: hd-detail-form/hd-detail-form.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdDetailFormService = /** @class */ (function () {
+        function HdDetailFormService() {
+        }
+        HdDetailFormService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        HdDetailFormService.ctorParameters = function () { return []; };
+        /** @nocollapse */ HdDetailFormService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdDetailFormService_Factory() { return new HdDetailFormService(); }, token: HdDetailFormService, providedIn: "root" });
+        return HdDetailFormService;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: hd-detail-lines/hd-detail-lines.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var TotalOption = /** @class */ (function () {
+        function TotalOption() {
+        }
+        return TotalOption;
+    }());
+    if (false) {
+        /** @type {?} */
+        TotalOption.prototype.insertIndex;
+        /** @type {?} */
+        TotalOption.prototype.insertValue;
+        /** @type {?} */
+        TotalOption.prototype.align;
+        /** @type {?} */
+        TotalOption.prototype.showDecimal;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: hd-filter/hd-filter.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    // 控件列表
+    var   
+    // 控件列表
+    Filter = /** @class */ (function () {
+        function Filter() {
+            // 输入框提示文案
+            this.value = null; // 值 不传默认为null
+        }
+        return Filter;
+    }());
+    if (false) {
+        /** @type {?} */
+        Filter.prototype.type;
+        /** @type {?} */
+        Filter.prototype.label;
+        /** @type {?} */
+        Filter.prototype.name;
+        /** @type {?} */
+        Filter.prototype.placeholder;
+        /** @type {?} */
+        Filter.prototype.value;
+        /** @type {?} */
+        Filter.prototype.show;
+        /** @type {?} */
+        Filter.prototype.selectOption;
+        /** @type {?} */
+        Filter.prototype.onSearchEvent;
+        /** @type {?} */
+        Filter.prototype.onChangeEvent;
+        /** @type {?} */
+        Filter.prototype.hdDisabledDate;
+    }
+    /** @enum {number} */
+    var FilterListType = {
+        Input: 0,
+        Select: 1,
+        Date: 2,
+        DateRange: 3,
+        MultipleSelect: 4 // 多选
+        ,
+    };
+    FilterListType[FilterListType.Input] = 'Input';
+    FilterListType[FilterListType.Select] = 'Select';
+    FilterListType[FilterListType.Date] = 'Date';
+    FilterListType[FilterListType.DateRange] = 'DateRange';
+    FilterListType[FilterListType.MultipleSelect] = 'MultipleSelect';
+    var HdFilterService = /** @class */ (function () {
+        function HdFilterService() {
+        }
+        HdFilterService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        HdFilterService.ctorParameters = function () { return []; };
+        /** @nocollapse */ HdFilterService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdFilterService_Factory() { return new HdFilterService(); }, token: HdFilterService, providedIn: "root" });
+        return HdFilterService;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: hd-form/hd-form.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    // 控件列表
+    var   
+    // 控件列表
+    FormItem = /** @class */ (function () {
+        function FormItem() {
+            // 字段名称
+            this.require = false; // 是否必填
+            // 输入框提示文案
+            this.width = 1; // 占据的列数。默认1
+            // 占据的列数。默认1
+            this.hide = false; // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
+            // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
+            this.totalWidth = 0;
+            this.isRowFirst = 0; // 是否是一行的第一个元素
+            // 当前行的所有列的items
+            this.value = null; // 值 不传默认为null
+            // 控件为Select时，选项列表
+            this.inputNumber = new commonType.InputNumber(); // number组件的min、max、step
+        }
+        return FormItem;
+    }());
+    if (false) {
+        /** @type {?} */
+        FormItem.prototype.type;
+        /** @type {?} */
+        FormItem.prototype.label;
+        /** @type {?} */
+        FormItem.prototype.name;
+        /** @type {?} */
+        FormItem.prototype.require;
+        /** @type {?} */
+        FormItem.prototype.placeholder;
+        /** @type {?} */
+        FormItem.prototype.width;
+        /** @type {?} */
+        FormItem.prototype.hide;
+        /** @type {?} */
+        FormItem.prototype.totalWidth;
+        /** @type {?} */
+        FormItem.prototype.isRowFirst;
+        /** @type {?} */
+        FormItem.prototype.columnItems;
+        /** @type {?} */
+        FormItem.prototype.value;
+        /** @type {?} */
+        FormItem.prototype.disabled;
+        /** @type {?} */
+        FormItem.prototype.color;
+        /** @type {?} */
+        FormItem.prototype.maxLength;
+        /** @type {?} */
+        FormItem.prototype.selectOption;
+        /** @type {?} */
+        FormItem.prototype.inputNumber;
+        /** @type {?} */
+        FormItem.prototype.onChangeEvent;
+        /** @type {?} */
+        FormItem.prototype.onSearchEvent;
+        /** @type {?} */
+        FormItem.prototype.defaultLabel;
+        /** @type {?} */
+        FormItem.prototype.hdDisabledDate;
+    }
+    /** @enum {number} */
+    var FormListType = {
+        Input: 0,
+        Select: 1,
+        Date: 2,
+        DateRange: 3,
+        TextArea: 4,
+        InputNumber: 5,
+        MultipleSelect: 6,
+        ViewDom: 7,
+        Switch: 8 // 开关
+        ,
+    };
+    FormListType[FormListType.Input] = 'Input';
+    FormListType[FormListType.Select] = 'Select';
+    FormListType[FormListType.Date] = 'Date';
+    FormListType[FormListType.DateRange] = 'DateRange';
+    FormListType[FormListType.TextArea] = 'TextArea';
+    FormListType[FormListType.InputNumber] = 'InputNumber';
+    FormListType[FormListType.MultipleSelect] = 'MultipleSelect';
+    FormListType[FormListType.ViewDom] = 'ViewDom';
+    FormListType[FormListType.Switch] = 'Switch';
+    var HdFormService = /** @class */ (function () {
+        function HdFormService() {
+        }
+        HdFormService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        HdFormService.ctorParameters = function () { return []; };
+        /** @nocollapse */ HdFormService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdFormService_Factory() { return new HdFormService(); }, token: HdFormService, providedIn: "root" });
+        return HdFormService;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * Generated from: hd-form-lines/hd-form-lines.service.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    // 控件列表
+    var   
+    // 控件列表
+    FormLine = /** @class */ (function () {
+        function FormLine() {
+            // 输入框的提示文件
+            this.require = false; // 是否必填
+            // 是否必填
+            this.hide = false; // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
+            // 列对齐方式
+            this.value = null; // 值 不传默认为null
+            // 需要保留小数的列的位数
+            this.inputNumber = new commonType.InputNumber(); // number组件的min、max、step
+        }
+        return FormLine;
+    }());
+    if (false) {
+        /** @type {?} */
+        FormLine.prototype.type;
+        /** @type {?} */
+        FormLine.prototype.label;
+        /** @type {?} */
+        FormLine.prototype.name;
+        /** @type {?} */
+        FormLine.prototype.placeholder;
+        /** @type {?} */
+        FormLine.prototype.require;
+        /** @type {?} */
+        FormLine.prototype.hide;
+        /** @type {?} */
+        FormLine.prototype.align;
+        /** @type {?} */
+        FormLine.prototype.value;
+        /** @type {?} */
+        FormLine.prototype.isSelect;
+        /** @type {?} */
+        FormLine.prototype.selectOption;
+        /** @type {?} */
+        FormLine.prototype.explainOptionRight;
+        /** @type {?} */
+        FormLine.prototype.explainOption;
+        /** @type {?} */
+        FormLine.prototype.colorOption;
+        /** @type {?} */
+        FormLine.prototype.maxLength;
+        /** @type {?} */
+        FormLine.prototype.preserveNumber;
+        /** @type {?} */
+        FormLine.prototype.inputNumber;
+        /** @type {?} */
+        FormLine.prototype.onChangeEvent;
+        /** @type {?} */
+        FormLine.prototype.onSearchEvent;
+        /** @type {?} */
+        FormLine.prototype.defaultLabel;
+        /** @type {?} */
+        FormLine.prototype.hdDisabledDate;
+    }
+    var ColorOption = /** @class */ (function () {
+        function ColorOption() {
+        }
+        return ColorOption;
+    }());
+    if (false) {
+        /** @type {?} */
+        ColorOption.prototype.name;
+        /** @type {?} */
+        ColorOption.prototype.color;
+    }
+    var ExplainOption = /** @class */ (function () {
+        function ExplainOption() {
+        }
+        return ExplainOption;
+    }());
+    if (false) {
+        /** @type {?} */
+        ExplainOption.prototype.show;
+        /** @type {?} */
+        ExplainOption.prototype.name;
+        /** @type {?} */
+        ExplainOption.prototype.color;
+    }
+    /** @enum {number} */
+    var FormLineType = {
+        Input: 0,
+        Select: 1,
+        Date: 2,
+        DateRange: 3,
+        TextArea: 4,
+        InputNumber: 5,
+        MultipleSelect: 6,
+        ViewDom: 7 // 单纯的显示控件
+        ,
+    };
+    FormLineType[FormLineType.Input] = 'Input';
+    FormLineType[FormLineType.Select] = 'Select';
+    FormLineType[FormLineType.Date] = 'Date';
+    FormLineType[FormLineType.DateRange] = 'DateRange';
+    FormLineType[FormLineType.TextArea] = 'TextArea';
+    FormLineType[FormLineType.InputNumber] = 'InputNumber';
+    FormLineType[FormLineType.MultipleSelect] = 'MultipleSelect';
+    FormLineType[FormLineType.ViewDom] = 'ViewDom';
+    var HdFormLinesService = /** @class */ (function () {
+        function HdFormLinesService() {
+        }
+        HdFormLinesService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        HdFormLinesService.ctorParameters = function () { return []; };
+        /** @nocollapse */ HdFormLinesService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdFormLinesService_Factory() { return new HdFormLinesService(); }, token: HdFormLinesService, providedIn: "root" });
+        return HdFormLinesService;
+    }());
+
+    exports.ButtonType = ButtonType;
+    exports.ColorOption = ColorOption;
+    exports.ExplainOption = ExplainOption;
     exports.FantasyNgzorroModule = FantasyNgzorroModule;
+    exports.Filter = Filter;
+    exports.FilterListType = FilterListType;
+    exports.FormItem = FormItem;
+    exports.FormLine = FormLine;
+    exports.FormLineType = FormLineType;
+    exports.FormListType = FormListType;
+    exports.HdButtonService = HdButtonService;
+    exports.HdDetailFormService = HdDetailFormService;
+    exports.HdFilterService = HdFilterService;
+    exports.HdFormLinesService = HdFormLinesService;
+    exports.HdFormService = HdFormService;
+    exports.HdOption = HdOption;
+    exports.InputNumber = InputNumber;
+    exports.Page = Page;
+    exports.SelectOption = SelectOption;
+    exports.TableColumn = TableColumn;
+    exports.TableTotalOption = TableTotalOption;
+    exports.TotalOption = TotalOption;
     exports.ɵa = HdComponentModule;
     exports.ɵb = HdButtonModule;
     exports.ɵc = HdButtonComponent;