fantasy-ngzorro 2.2.19 → 2.2.21

package/bundles/fantasy-ngzorro.umd.js

@@ -2241,8 +2241,8 @@
         HdDetailLinesComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "hd-detail-lines",
-                        template: "<ng-container>\n  <hd-button-group *ngIf=\"showSearch\">\n    <ng-template #buttonGroupLeft>\n      <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n        <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n          [(ngModel)]=\"filterStr\" />\n      </nz-input-group>\n      <ng-template #suffixIconSearch>\n        <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n      </ng-template>\n    </ng-template>\n  </hd-button-group>\n\n  <hd-space *ngIf=\"showSearch\" background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\"\n    [class.hd-detail-lines--scroll-y]=\"!!(effectiveScroll && effectiveScroll.y)\"\n    [class.hd-detail-lines--scroll-x]=\"!!(effectiveScroll && effectiveScroll.x)\"\n    [class.hd-detail-lines--with-search]=\"showSearch\"\n    [nzScroll]=\"effectiveScroll\" nzShowSizeChanger\n    [nzFrontPagination]=\"hdFrontPagination\" [nzShowQuickJumper]=\"hdFrontPagination\" [nzShowTotal]=\"tableTotalTemplate\"\n    nzSize=\"middle\" [nzData]=\"displayLines\" [nzLoading]=\"tableLoading\" [(nzPageSize)]=\"tablePageSize\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200, 500, 1000 ]\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\">\n    <thead>\n      <tr>\n        <th *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngTemplateOutlet=\"detailLineHead\"></ng-container>\n      </tr>\n    </thead>\n    <tbody *ngIf=\"!allowDrop;else allowDropTemplate\">\n      <tr *ngFor=\"let data of hdTable.data;index as i\" [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n        <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n          [nzChecked]=\"mapOfCheckedId[data[selectField]]\" [nzDisabled]=\"isSelectDisabled(data)\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td *ngIf=\"showSelected\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n            LodashRound(totalOption.value, totalOption.preserveNumber).toFixed(totalOption.preserveNumber)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #allowDropTemplate>\n      <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\n        <tr *ngFor=\"let data of hdTable.data;index as i\" cdkDrag [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n          <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n            [nzChecked]=\"mapOfCheckedId[data[selectField]]\" [nzDisabled]=\"isSelectDisabled(data)\"\n            (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n          <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n        </tr>\n        <!-- \u5408\u8BA1\u533A\u57DF -->\n        <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n          <td *ngIf=\"showSelected\"></td>\n          <td>\u5408\u8BA1</td>\n          <ng-container *ngFor=\"let totalOption of totalOptionList\">\n            <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n              (totalOption.value || totalOption.value\n              === 0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n              LodashRound(totalOption.value, totalOption.preserveNumber).toFixed(totalOption.preserveNumber)) : '' }} </td>\n          </ng-container>\n        </tr>\n      </tbody>\n    </ng-template>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{displayLines.length}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!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;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection--multiple .ant-select-selection__rendered>ul>li.ant-select-search--inline:only-child{margin-left:4px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::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}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;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:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td.ant-table-td-right-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td.ant-table-td-right-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td.ant-table-td-right-sticky{background:#f7f8fa!important;color:#868a9c!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group>a{color:#20b95d!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group>a:hover{color:#20bd62!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group .common-danger-btn:hover{color:#f05b24!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .hd-table-cell-value>a,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td>a{color:#20b95d}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-billNumber>a{color:#3b77e3}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .hd-status-text{color:#868a9c!important}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-body{max-height:calc(100vh - 280px)!important;overflow-y:auto!important}.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y).hd-detail-lines--with-search ::ng-deep .ant-table-body{max-height:calc(100vh - 320px)!important}.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-thead>tr>th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fafafa}.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-thead>tr>th.ant-table-th-left-sticky,.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-thead>tr>th.ant-table-th-right-sticky{z-index:4;background:#fafafa!important}.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-tbody>tr>td.ant-table-td-left-sticky,.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-tbody>tr>td.ant-table-td-right-sticky{z-index:3}.hd-table-container:not(.hd-detail-lines--scroll-y):not(.hd-detail-lines--scroll-x) ::ng-deep .ant-table-body{max-height:none!important;overflow-y:visible!important}"]
+                        template: "<ng-container>\n  <hd-button-group *ngIf=\"showSearch\">\n    <ng-template #buttonGroupLeft>\n      <nz-input-group class=\"hd-lines-search\" [nzSuffix]=\"suffixIconSearch\">\n        <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\"\n          [(ngModel)]=\"filterStr\" />\n      </nz-input-group>\n      <ng-template #suffixIconSearch>\n        <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n      </ng-template>\n    </ng-template>\n  </hd-button-group>\n\n  <hd-space *ngIf=\"showSearch\" background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\"\n    [class.hd-detail-lines--scroll-y]=\"!!(effectiveScroll && effectiveScroll.y)\"\n    [class.hd-detail-lines--scroll-x]=\"!!(effectiveScroll && effectiveScroll.x)\"\n    [class.hd-detail-lines--with-search]=\"showSearch\"\n    [nzScroll]=\"effectiveScroll\" nzShowSizeChanger\n    [nzFrontPagination]=\"hdFrontPagination\" [nzShowQuickJumper]=\"hdFrontPagination\" [nzShowTotal]=\"tableTotalTemplate\"\n    nzSize=\"middle\" [nzData]=\"displayLines\" [nzLoading]=\"tableLoading\" [(nzPageSize)]=\"tablePageSize\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200, 500, 1000 ]\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\">\n    <thead>\n      <tr>\n        <th *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngTemplateOutlet=\"detailLineHead\"></ng-container>\n      </tr>\n    </thead>\n    <tbody *ngIf=\"!allowDrop;else allowDropTemplate\">\n      <tr *ngFor=\"let data of hdTable.data;index as i\" [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n        <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n          [nzChecked]=\"mapOfCheckedId[data[selectField]]\" [nzDisabled]=\"isSelectDisabled(data)\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td *ngIf=\"showSelected\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n            LodashRound(totalOption.value, totalOption.preserveNumber).toFixed(totalOption.preserveNumber)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #allowDropTemplate>\n      <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\n        <tr *ngFor=\"let data of hdTable.data;index as i\" cdkDrag [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n          <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n            [nzChecked]=\"mapOfCheckedId[data[selectField]]\" [nzDisabled]=\"isSelectDisabled(data)\"\n            (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n          <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n        </tr>\n        <!-- \u5408\u8BA1\u533A\u57DF -->\n        <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n          <td *ngIf=\"showSelected\"></td>\n          <td>\u5408\u8BA1</td>\n          <ng-container *ngFor=\"let totalOption of totalOptionList\">\n            <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n              (totalOption.value || totalOption.value\n              === 0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n              LodashRound(totalOption.value, totalOption.preserveNumber).toFixed(totalOption.preserveNumber)) : '' }} </td>\n          </ng-container>\n        </tr>\n      </tbody>\n    </ng-template>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{displayLines.length}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!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;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection--multiple .ant-select-selection__rendered>ul>li.ant-select-search--inline:only-child{margin-left:4px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::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}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;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:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}:host ::ng-deep .hd-lines-search{width:300px;flex-shrink:0}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td.ant-table-td-right-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td.ant-table-td-right-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td.ant-table-td-right-sticky{background:#f7f8fa!important;color:#868a9c!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group>a{color:#20b95d!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group>a:hover{color:#20bd62!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group .common-danger-btn:hover{color:#f05b24!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .hd-table-cell-value>a,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td>a{color:#20b95d}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-billNumber>a{color:#3b77e3}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .hd-status-text{color:#868a9c!important}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-body{max-height:calc(100vh - 280px)!important;overflow-y:auto!important}.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y).hd-detail-lines--with-search ::ng-deep .ant-table-body{max-height:calc(100vh - 320px)!important}.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-thead>tr>th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:#fafafa}.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-thead>tr>th.ant-table-th-left-sticky,.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-thead>tr>th.ant-table-th-right-sticky{z-index:4;background:#fafafa!important}.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-tbody>tr>td.ant-table-td-left-sticky,.hd-table-container.hd-detail-lines--scroll-x:not(.hd-detail-lines--scroll-y) ::ng-deep .ant-table-tbody>tr>td.ant-table-td-right-sticky{z-index:3}.hd-table-container:not(.hd-detail-lines--scroll-y):not(.hd-detail-lines--scroll-x) ::ng-deep .ant-table-body{max-height:none!important;overflow-y:visible!important}"]
                     }] }
         ];
         /** @nocollapse */
@@ -4351,6 +4351,42 @@
                 return;
             }
         };
+        /** 当前展示的筛选项数量（尊重 item.show，与展开/收起一致） */
+        /**
+         * 当前展示的筛选项数量（尊重 item.show，与展开/收起一致）
+         * @return {?}
+         */
+        HdFilterComponent.prototype.getVisibleFilterCount = /**
+         * 当前展示的筛选项数量（尊重 item.show，与展开/收起一致）
+         * @return {?}
+         */
+        function () {
+            return (this.filterList || []).filter((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return item.show !== false; })).length;
+        };
+        /** 少条件时加宽字段列：1→18、2→9、≥3→6 */
+        /**
+         * 少条件时加宽字段列：1→18、2→9、≥3→6
+         * @return {?}
+         */
+        HdFilterComponent.prototype.getFilterColSpan = /**
+         * 少条件时加宽字段列：1→18、2→9、≥3→6
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var n = this.getVisibleFilterCount();
+            if (n === 1) {
+                return 18;
+            }
+            if (n === 2) {
+                return 9;
+            }
+            return 6;
+        };
         /**
          * @return {?}
          */
@@ -4358,10 +4394,21 @@
          * @return {?}
          */
         function () {
-            if (this.filterList.length === 4) {
+            /** @type {?} */
+            var visibleCount = this.getVisibleFilterCount();
+            // ≤2 个可见条件时字段已加宽占满一行剩余，按钮不再 offset
+            if (visibleCount <= 2) {
+                return 0;
+            }
+            /** @type {?} */
+            var modular = visibleCount % 4;
+            if (visibleCount === 4) {
                 return 18;
             }
-            return this.isShowMore ? ((this.filterListModular === 0 || this.filterList.length > 7) ? 0 : (3 - this.filterListModular) * 6) : (this.filterListModular === 0 ? 18 : (3 - this.filterListModular) * 6);
+            // ≥3：沿用原 %4 逻辑，按可见数计算（避免收起后错位）
+            return this.isShowMore
+                ? ((modular === 0 || visibleCount > 7) ? 0 : (3 - modular) * 6)
+                : (modular === 0 ? 18 : (3 - modular) * 6);
         };
         /**
          * @private
@@ -5208,8 +5255,8 @@
         HdFilterComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-filter',
-                        template: "<form nz-form [formGroup]=\"validateFilterForm\" class=\"ant-advanced-search-form hd-filter-container\"\n  [class.hd-filter-container--no-padding]=\"hidePadding\">\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\" [nzNoColon]=\"true\"><span class=\"hd-red\" *ngIf=\"filter.require\">*</span>{{ filter.label }}\n          </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\"\n                    [formControlName]=\"filter.name\"\n                    (blur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\"/>\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=\"isAllowClear(filter) && validateFilterForm.get(filter.name).value\"\n                    (click)=\"inputClean(filter)\"></i></ng-template>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"1\">\n                <nz-select\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  (nzOpenChange)=\"onOpenChangeEvent(filter.onOpenChangeEvent || null, $event, filter.onOpenChangeEventDebounceTime, filter)\"\n                  (nzOnSearch)=\"onSearchEvent(filter.onSearchEvent || null, $event, filter.onSearchEventEventDebounceTime, filter.selectOption)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [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 *ngIf=\"filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                </nz-date-picker>\n                <nz-date-picker *ngIf=\"!filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\">\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']\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\" [formControlName]=\"filter.name\">\n                </nz-range-picker>\n              </ng-container>\n              <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n              <ng-container *ngSwitchCase=\"4\">\n                <nz-select\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  nzMode=\"multiple\"\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  (nzOpenChange)=\"onOpenChangeEvent(filter.onOpenChangeEvent || null, $event, filter.onOpenChangeEventDebounceTime, filter)\"\n                  (nzOnSearch)=\"onSearchEvent(filter.onSearchEvent || null, $event, filter.onSearchEventEventDebounceTime, filter.selectOption)\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [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=\"5\">\n                <nz-cascader [nzOptions]=\"filter.cascaderOption.options\" [formControlName]=\"filter.name\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzShowSearch]=\"getCascaderShowSearch(filter.cascaderOption)\"\n                  [nzMenuClassName]=\"getCascaderMenuClassName(filter.cascaderOption)\"\n                  [nzMenuStyle]=\"getCascaderMenuStyle(filter.cascaderOption)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\">\n                </nz-cascader>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"6\">\n                <nz-month-picker [formControlName]=\"filter.name\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"></nz-month-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"7\">\n                <nz-input-number [formControlName]=\"filter.name\" [nzMin]=\"filter?.inputNumber?.min || 0\"\n                  [nzMax]=\"filter?.inputNumber?.max || 99999999\" [nzStep]=\"filter?.inputNumber?.step || 1\"\n                  [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + filter.label\"\n                  [nzPrecision]=\"filter?.inputNumber?.precision != null ? filter.inputNumber.precision : 4\"\n                  (nzBlur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\">\n                </nz-input-number>\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\" [nzOffset]=\"computeOffset()\">\n      <!-- \u7A3F\u9762\u987A\u5E8F\uFF1A\u9ED8\u8BA4\u6761\u4EF6 \u2192 \u64CD\u4F5C(\u9F7F\u8F6E) \u2192 \u6536\u8D77 \u2192 \u67E5\u8BE2 \u2192 \u91CD\u7F6E -->\n      <ng-container *ngIf=\"canUseScheme\">\n        <a class=\"hd-filter-scheme-name\" (click)=\"openSwitchModal()\" nz-tooltip [nzTitle]=\"currentSchemeName\">\n          <span class=\"hd-filter-scheme-name-text\">{{ currentSchemeName }}</span>\n          <i nz-icon nzType=\"down\" nzTheme=\"outline\"></i>\n        </a>\n        <a class=\"hd-filter-scheme-op\" nz-dropdown [nzDropdownMenu]=\"schemeOpMenu\" nzTrigger=\"click\">\n          <i nz-icon nzType=\"setting\" nzTheme=\"outline\"></i>\n          \u64CD\u4F5C\n        </a>\n        <nz-dropdown-menu #schemeOpMenu=\"nzDropdownMenu\">\n          <ul nz-menu>\n            <li nz-menu-item (click)=\"saveCurrentScheme()\">\u4FDD\u5B58\u4E3A\u5F53\u524D</li>\n            <li nz-menu-item (click)=\"openSaveAsModal()\">\u53E6\u5B58\u4E3A</li>\n            <li nz-menu-item *ngIf=\"canDeleteCurrent()\"\n                class=\"hd-filter-scheme-op-delete\"\n                nz-popconfirm\n                nzTitle=\"\u786E\u5B9A\u5220\u9664\u5F53\u524D\u7B5B\u9009\u7EC4\u5417\uFF1F\"\n                nzPopconfirmPlacement=\"bottomRight\"\n                (nzOnConfirm)=\"deleteCurrentScheme()\">\u5220\u9664</li>\n          </ul>\n        </nz-dropdown-menu>\n      </ng-container>\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\n<!-- \u9009\u62E9\u7B5B\u9009\u7EC4\uFF1A*ngIf \u907F\u514D\u672A\u6253\u5F00\u65F6 hd-form \u7A7A formList \u5BFC\u81F4 formGroup \u672A\u521D\u59CB\u5316\u62A5\u9519 -->\n<nz-modal\n  [(nzVisible)]=\"switchModalVisible\"\n  nzTitle=\"\u9009\u62E9\u7B5B\u9009\u7EC4\"\n  nzWidth=\"560px\"\n  [nzOkLoading]=\"schemeLoading\"\n  (nzOnCancel)=\"closeSwitchModal()\"\n  (nzOnOk)=\"confirmSwitch()\">\n  <hd-form *ngIf=\"switchModalVisible\" [formList]=\"switchFormList\" (changeEvent)=\"switchFormChangeEvent($event)\"></hd-form>\n</nz-modal>\n\n<!-- \u53E6\u5B58\u4E3A -->\n<nz-modal\n  [(nzVisible)]=\"saveAsModalVisible\"\n  nzTitle=\"\u4FDD\u5B58\u7B5B\u9009\u7EC4\"\n  nzWidth=\"560px\"\n  [nzOkLoading]=\"schemeSaving\"\n  (nzOnCancel)=\"closeSaveAsModal()\"\n  (nzOnOk)=\"confirmSaveAs()\">\n  <hd-form *ngIf=\"saveAsModalVisible\" [formList]=\"saveAsFormList\" (changeEvent)=\"saveAsFormChangeEvent($event)\"></hd-form>\n</nz-modal>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!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;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection--multiple .ant-select-selection__rendered>ul>li.ant-select-search--inline:only-child{margin-left:4px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::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}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;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:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-filter-container{padding:20px 23px;background:#fff;border-radius:4px;margin-bottom:8px!important;font-size:14px}.hd-filter-container.hd-filter-container--no-padding{padding:0}.hd-filter-container .ant-row{display:flex;flex-wrap:wrap;align-items:flex-start;row-gap:4px;margin-right:0!important;margin-left:0!important}.hd-filter-container .ant-row::after,.hd-filter-container .ant-row::before{display:none}.hd-filter-container .ant-col-6{float:none;padding-left:0!important;padding-right:0!important}.hd-filter-container .hd-filter-label{width:124px;word-break:break-all;font-size:14px}.hd-filter-container .hd-filter-label ::ng-deep label{font-size:14px}.hd-filter-container .hd-filter-control{width:calc(100% - 124px)}.hd-filter-container ::ng-deep .ant-calendar-picker{width:100%}.hd-filter-container .hd-filter-more{color:#20b95d;white-space:nowrap;flex-shrink:0}.hd-filter-container .hd-filter-btn{height:40px;display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;max-width:100%;min-width:0;padding-left:12px;box-sizing:border-box}.hd-filter-container hd-button{margin-left:0;flex-shrink:0}.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:32px!important}.hd-filter-container ::ng-deep .ant-input{height:32px!important}.hd-filter-container ::ng-deep .ant-calendar-range-picker-input{text-align:left!important}.hd-filter-container .ant-input-number{width:100%}.hd-filter-container .hd-red{color:#f5222d}.hd-filter-container .hd-filter-scheme-name,.hd-filter-container .hd-filter-scheme-op{color:#4e5369;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding:3px;margin:0;box-sizing:border-box}.hd-filter-container .hd-filter-scheme-name i[nz-icon],.hd-filter-container .hd-filter-scheme-op i[nz-icon]{font-size:14px;flex-shrink:0}.hd-filter-container .hd-filter-scheme-name{flex:0 1 auto;max-width:160px;min-width:0;overflow:hidden}.hd-filter-container .hd-filter-scheme-name .hd-filter-scheme-name-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-filter-container .hd-filter-scheme-name i[nz-icon]{font-size:12px}.hd-filter-container .hd-filter-scheme-op{flex-shrink:0}::ng-deep .hd-filter-scheme-op-delete{color:#f5222d!important}"]
+                        template: "<form nz-form [formGroup]=\"validateFilterForm\" class=\"ant-advanced-search-form hd-filter-container\"\n  [class.hd-filter-container--no-padding]=\"hidePadding\">\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]=\"getFilterColSpan()\" [hidden]=\"!filter.show\">\n        <nz-form-item nzFlex>\n          <nz-form-label class=\"hd-filter-label\" [nzNoColon]=\"true\"><span class=\"hd-red\" *ngIf=\"filter.require\">*</span>{{ filter.label }}\n          </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\"\n                    [formControlName]=\"filter.name\"\n                    (blur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\"/>\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=\"isAllowClear(filter) && validateFilterForm.get(filter.name).value\"\n                    (click)=\"inputClean(filter)\"></i></ng-template>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"1\">\n                <nz-select\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  (nzOpenChange)=\"onOpenChangeEvent(filter.onOpenChangeEvent || null, $event, filter.onOpenChangeEventDebounceTime, filter)\"\n                  (nzOnSearch)=\"onSearchEvent(filter.onSearchEvent || null, $event, filter.onSearchEventEventDebounceTime, filter.selectOption)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [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 *ngIf=\"filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                </nz-date-picker>\n                <nz-date-picker *ngIf=\"!filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\">\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']\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  [nzAllowClear]=\"isAllowClear(filter)\" [formControlName]=\"filter.name\">\n                </nz-range-picker>\n              </ng-container>\n              <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n              <ng-container *ngSwitchCase=\"4\">\n                <nz-select\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  nzMode=\"multiple\"\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  (nzOpenChange)=\"onOpenChangeEvent(filter.onOpenChangeEvent || null, $event, filter.onOpenChangeEventDebounceTime, filter)\"\n                  (nzOnSearch)=\"onSearchEvent(filter.onSearchEvent || null, $event, filter.onSearchEventEventDebounceTime, filter.selectOption)\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [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=\"5\">\n                <nz-cascader [nzOptions]=\"filter.cascaderOption.options\" [formControlName]=\"filter.name\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzShowSearch]=\"getCascaderShowSearch(filter.cascaderOption)\"\n                  [nzMenuClassName]=\"getCascaderMenuClassName(filter.cascaderOption)\"\n                  [nzMenuStyle]=\"getCascaderMenuStyle(filter.cascaderOption)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\">\n                </nz-cascader>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"6\">\n                <nz-month-picker [formControlName]=\"filter.name\"\n                  [nzAllowClear]=\"isAllowClear(filter)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"></nz-month-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"7\">\n                <nz-input-number [formControlName]=\"filter.name\" [nzMin]=\"filter?.inputNumber?.min || 0\"\n                  [nzMax]=\"filter?.inputNumber?.max || 99999999\" [nzStep]=\"filter?.inputNumber?.step || 1\"\n                  [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + filter.label\"\n                  [nzPrecision]=\"filter?.inputNumber?.precision != null ? filter.inputNumber.precision : 4\"\n                  (nzBlur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\">\n                </nz-input-number>\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\" [nzOffset]=\"computeOffset()\">\n      <!-- \u7A3F\u9762\u987A\u5E8F\uFF1A\u9ED8\u8BA4\u6761\u4EF6 \u2192 \u64CD\u4F5C(\u9F7F\u8F6E) \u2192 \u6536\u8D77 \u2192 \u67E5\u8BE2 \u2192 \u91CD\u7F6E -->\n      <ng-container *ngIf=\"canUseScheme\">\n        <a class=\"hd-filter-scheme-name\" (click)=\"openSwitchModal()\" nz-tooltip [nzTitle]=\"currentSchemeName\">\n          <span class=\"hd-filter-scheme-name-text\">{{ currentSchemeName }}</span>\n          <i nz-icon nzType=\"down\" nzTheme=\"outline\"></i>\n        </a>\n        <a class=\"hd-filter-scheme-op\" nz-dropdown [nzDropdownMenu]=\"schemeOpMenu\" nzTrigger=\"click\">\n          <i nz-icon nzType=\"setting\" nzTheme=\"outline\"></i>\n          \u64CD\u4F5C\n        </a>\n        <nz-dropdown-menu #schemeOpMenu=\"nzDropdownMenu\">\n          <ul nz-menu>\n            <li nz-menu-item (click)=\"saveCurrentScheme()\">\u4FDD\u5B58\u4E3A\u5F53\u524D</li>\n            <li nz-menu-item (click)=\"openSaveAsModal()\">\u53E6\u5B58\u4E3A</li>\n            <li nz-menu-item *ngIf=\"canDeleteCurrent()\"\n                class=\"hd-filter-scheme-op-delete\"\n                nz-popconfirm\n                nzTitle=\"\u786E\u5B9A\u5220\u9664\u5F53\u524D\u7B5B\u9009\u7EC4\u5417\uFF1F\"\n                nzPopconfirmPlacement=\"bottomRight\"\n                (nzOnConfirm)=\"deleteCurrentScheme()\">\u5220\u9664</li>\n          </ul>\n        </nz-dropdown-menu>\n      </ng-container>\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\n<!-- \u9009\u62E9\u7B5B\u9009\u7EC4\uFF1A*ngIf \u907F\u514D\u672A\u6253\u5F00\u65F6 hd-form \u7A7A formList \u5BFC\u81F4 formGroup \u672A\u521D\u59CB\u5316\u62A5\u9519 -->\n<nz-modal\n  [(nzVisible)]=\"switchModalVisible\"\n  nzTitle=\"\u9009\u62E9\u7B5B\u9009\u7EC4\"\n  nzWidth=\"560px\"\n  [nzOkLoading]=\"schemeLoading\"\n  (nzOnCancel)=\"closeSwitchModal()\"\n  (nzOnOk)=\"confirmSwitch()\">\n  <hd-form *ngIf=\"switchModalVisible\" [formList]=\"switchFormList\" (changeEvent)=\"switchFormChangeEvent($event)\"></hd-form>\n</nz-modal>\n\n<!-- \u53E6\u5B58\u4E3A -->\n<nz-modal\n  [(nzVisible)]=\"saveAsModalVisible\"\n  nzTitle=\"\u4FDD\u5B58\u7B5B\u9009\u7EC4\"\n  nzWidth=\"560px\"\n  [nzOkLoading]=\"schemeSaving\"\n  (nzOnCancel)=\"closeSaveAsModal()\"\n  (nzOnOk)=\"confirmSaveAs()\">\n  <hd-form *ngIf=\"saveAsModalVisible\" [formList]=\"saveAsFormList\" (changeEvent)=\"saveAsFormChangeEvent($event)\"></hd-form>\n</nz-modal>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!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;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection--multiple .ant-select-selection__rendered>ul>li.ant-select-search--inline:only-child{margin-left:4px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::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}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;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:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}:host{display:block;width:100%}.hd-filter-container{width:100%;box-sizing:border-box;padding:20px 23px;background:#fff;border-radius:4px;margin-bottom:8px!important;font-size:14px}.hd-filter-container.hd-filter-container--no-padding{padding:0}.hd-filter-container .ant-row{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;row-gap:4px;margin-right:0!important;margin-left:0!important}.hd-filter-container .ant-row::after,.hd-filter-container .ant-row::before{display:none}.hd-filter-container .ant-row>[class*=ant-col]{float:none;padding-left:0!important;padding-right:0!important;box-sizing:border-box}.hd-filter-container .ant-col-6{flex:0 0 25%;max-width:25%}.hd-filter-container .ant-col-9{flex:0 0 37.5%;max-width:37.5%}.hd-filter-container .ant-col-18{flex:0 0 75%;max-width:75%}.hd-filter-container .hd-filter-label{width:124px;word-break:break-all;font-size:14px}.hd-filter-container .hd-filter-label ::ng-deep label{font-size:14px}.hd-filter-container .hd-filter-control{width:calc(100% - 124px)}.hd-filter-container ::ng-deep .ant-calendar-picker{width:100%}.hd-filter-container .hd-filter-more{color:#20b95d;white-space:nowrap;flex-shrink:0}.hd-filter-container .hd-filter-btn{height:40px;display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;max-width:100%;min-width:0;padding-left:12px;box-sizing:border-box}.hd-filter-container hd-button{margin-left:0;flex-shrink:0}.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:32px!important}.hd-filter-container ::ng-deep .ant-input{height:32px!important}.hd-filter-container ::ng-deep .ant-calendar-range-picker-input{text-align:left!important}.hd-filter-container .ant-input-number{width:100%}.hd-filter-container .hd-red{color:#f5222d}.hd-filter-container .hd-filter-scheme-name,.hd-filter-container .hd-filter-scheme-op{color:#4e5369;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding:3px;margin:0;box-sizing:border-box}.hd-filter-container .hd-filter-scheme-name i[nz-icon],.hd-filter-container .hd-filter-scheme-op i[nz-icon]{font-size:14px;flex-shrink:0}.hd-filter-container .hd-filter-scheme-name{flex:0 1 auto;max-width:160px;min-width:0;overflow:hidden}.hd-filter-container .hd-filter-scheme-name .hd-filter-scheme-name-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-filter-container .hd-filter-scheme-name i[nz-icon]{font-size:12px}.hd-filter-container .hd-filter-scheme-op{flex-shrink:0}::ng-deep .hd-filter-scheme-op-delete{color:#f5222d!important}"]
                     }] }
         ];
         /** @nocollapse */
@@ -9439,8 +9486,8 @@
         HdFormLinesComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "hd-form-lines",
-                        template: "<ng-container *ngIf=\"showForm && showToolbar\">\n  <hd-button-group class=\"hd-formLines-toolbar\">\n    <ng-template #buttonGroupLeft>\n      <!-- \u6709\u5168\u5C40\u641C\u7D22\uFF1A\u5DE6\u4FA7\u653E\u641C\u7D22\u6846 -->\n      <ng-container *ngIf=\"showSearch\">\n        <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n          <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n            [(ngModel)]=\"filterStr\" />\n        </nz-input-group>\n        <ng-template #suffixIconSearch>\n          <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n        </ng-template>\n      </ng-container>\n      <!-- \u65E0\u5168\u5C40\u641C\u7D22\uFF1A\u5DE6\u4FA7\u653E\u81EA\u5B9A\u4E49\u6309\u94AE -->\n      <ng-container *ngIf=\"!showSearch\">\n        <ng-container *ngTemplateOutlet=\"formLinesLeftButton\"></ng-container>\n      </ng-container>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <!-- \u6709\u5168\u5C40\u641C\u7D22\uFF1A\u53F3\u4FA7\u8303\u56F4\u518D\u5DE6\u53F3\u5206\u5F00 -->\n      <div class=\"hd-formLines-toolbar-right\" *ngIf=\"showSearch\">\n        <div class=\"hd-formLines-toolbar-right-left\">\n          <ng-container *ngTemplateOutlet=\"formLinesLeftButton\"></ng-container>\n        </div>\n        <div class=\"hd-formLines-toolbar-right-right\">\n          <ng-container *ngTemplateOutlet=\"formLinesRightButton\"></ng-container>\n          <ng-container *ngTemplateOutlet=\"colSettingsTpl\"></ng-container>\n        </div>\n      </div>\n      <!-- \u65E0\u5168\u5C40\u641C\u7D22\uFF1A\u53F3\u4FA7\u53EA\u653E\u81EA\u5B9A\u4E49\u53F3\u4FA7\u6309\u94AE + \u5217\u8BBE\u7F6E -->\n      <ng-container *ngIf=\"!showSearch\">\n        <ng-container *ngTemplateOutlet=\"formLinesRightButton\"></ng-container>\n        <ng-container *ngTemplateOutlet=\"colSettingsTpl\"></ng-container>\n      </ng-container>\n    </ng-template>\n  </hd-button-group>\n  <hd-space background=\"transparent\" type=\"row\" size=\"12\"></hd-space>\n</ng-container>\n\n<ng-template #colSettingsTpl>\n  <ng-container *ngIf=\"showColSettingsButton\">\n    <span class=\"hd-formLines-col-settings\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"colSettingsMenu\"\n      [nzVisible]=\"isDropdownVisible\" (click)=\"confirmDropdown()\" title=\"\u5217\u8BBE\u7F6E\">\n      <svg class=\"hd-formLines-col-settings-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M4.92031 1.80756C5.02551 1.42884 5.37033 1.16675 5.76339 1.16675H8.23667C8.62973 1.16675 8.97455 1.42884 9.07975 1.80756L9.37802 2.88133L10.4571 2.60273C10.8377 2.50448 11.2371 2.67206 11.4336 3.01245L12.6703 5.15438C12.8668 5.49478 12.8122 5.92445 12.5369 6.20491L11.7561 7.00008L12.5369 7.79525C12.8122 8.07572 12.8668 8.50539 12.6703 8.84579L11.4336 10.9877C11.2371 11.3281 10.8377 11.4957 10.4571 11.3974L9.37802 11.1188L9.07975 12.1926C8.97455 12.5713 8.62973 12.8334 8.23667 12.8334H5.76339C5.37033 12.8334 5.02551 12.5713 4.92031 12.1926L4.62206 11.1189L3.54315 11.3974C3.16258 11.4957 2.76318 11.3281 2.56666 10.9877L1.33001 8.84579C1.13349 8.50539 1.18806 8.07572 1.46343 7.79525L2.24419 7.00008L1.46344 6.20491C1.18806 5.92445 1.13349 5.49478 1.33002 5.15438L2.56666 3.01245C2.76319 2.67206 3.16258 2.50448 3.54316 2.60273L4.62206 2.88127L4.92031 1.80756ZM4.54541 10.843L4.54552 10.8433L4.54541 10.843ZM5.98508 2.33341L5.66952 3.46945C5.54185 3.92906 5.06958 4.20173 4.60771 4.08249L3.46618 3.78778L2.45122 5.54572L3.2773 6.38705C3.6115 6.72742 3.6115 7.27275 3.2773 7.61312L2.45122 8.45444L3.46617 10.2124L4.60771 9.91768C5.06958 9.79844 5.54185 10.0711 5.66952 10.5307L5.98508 11.6667H8.01498L8.33056 10.5307C8.45823 10.071 8.9305 9.79838 9.39237 9.91762L10.5341 10.2124L11.5491 8.45444L10.723 7.61312C10.3888 7.27275 10.3888 6.72742 10.723 6.38705L11.5491 5.54572L10.5341 3.78778L9.39237 4.08254C8.9305 4.20178 8.45823 3.92912 8.33056 3.46951L8.01498 2.33341H5.98508ZM7.00003 5.83342C6.3557 5.83342 5.83337 6.35575 5.83337 7.00008C5.83337 7.64441 6.3557 8.16675 7.00003 8.16675C7.64436 8.16675 8.1667 7.64441 8.1667 7.00008C8.1667 6.35575 7.64436 5.83342 7.00003 5.83342ZM4.6667 7.00008C4.6667 5.71142 5.71137 4.66675 7.00003 4.66675C8.2887 4.66675 9.33337 5.71142 9.33337 7.00008C9.33337 8.28875 8.2887 9.33342 7.00003 9.33342C5.71137 9.33342 4.6667 8.28875 4.6667 7.00008Z\"\n          fill=\"currentColor\" />\n      </svg>\n    </span>\n    <nz-dropdown-menu #colSettingsMenu=\"nzDropdownMenu\">\n      <div class=\"hd-formLines-col-settings-dropdown\">\n        <div class=\"hd-formLines-col-settings-list\">\n          <div *ngIf=\"showListNodes && nowListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"nowListNodes\" nzCheckable nzBlockNode nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\">\n            </nz-tree>\n          </div>\n          <div *ngIf=\"showListNodes && hideListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"hideListNodes\" nzCheckable nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\">\n            </nz-tree>\n          </div>\n        </div>\n        <div class=\"hd-formLines-col-settings-footer\">\n          <hd-button style=\"margin-right: 4px;\" type=\"default\" size=\"small\" (clickAction)=\"cancelDropdown()\">\u53D6\u6D88\n          </hd-button>\n          <hd-button type=\"primary\" size=\"small\" (clickAction)=\"submitGrids()\">\u5B8C\u6210</hd-button>\n        </div>\n      </div>\n    </nz-dropdown-menu>\n  </ng-container>\n</ng-template>\n\n<!-- <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 0)\">\u805A\u7126\u7B2C\u4E00\u4E2A</hd-button> -->\n\n<ng-container *ngIf=\"showForm\">\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" background=\"transparent\" type=\"row\" size=\"12\"></hd-space>\n</ng-container>\n\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\" class=\"ant-advanced-search-form hd-formLines-container\"\n  (keydown)=\"onKeyDown($event)\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showCheckbox\">\n          <label nz-checkbox\n            [ngModel]=\"isAllChecked()\"\n            [nzIndeterminate]=\"isIndeterminate()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            (ngModelChange)=\"onAllChecked($event)\"></label>\n        </th>\n        <th nzWidth=\"58px\" [nzLeft]=\"lineNumberLeft\" *ngIf=\"showLineNumber\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"isColumnVisible(item)\" [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.px]=\"operateColWidth\" 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=\"40px\" nzLeft=\"0px\" *ngIf=\"showCheckbox\">\n            <label nz-checkbox\n              [ngModel]=\"isLineChecked(line)\"\n              [ngModelOptions]=\"{standalone: true}\"\n              (ngModelChange)=\"onLineCheckedChange(line, $event)\"></label>\n          </td>\n          <td nzWidth=\"58px\" [nzLeft]=\"lineNumberLeft\" *ngIf=\"showLineNumber\">\n            {{ line.get('lineIndex').value }}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines; index as innerIndex\">\n            <td *ngIf=\"isColumnVisible(formItem)\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control\n                  [nzValidateStatus]=\"getControlValidateStatus(line, formItem)\"\n                  [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                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <input #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [ngStyle]=\"getStyle(line, formItem, '100px')\" nz-input\n                          [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\"\n                          [id]=\"'input-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#input-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : null\"\n                          (input)=\"limitInputLength($event, line, formItem)\"\n                          [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [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 && !line.get(formItem.name).disabled\"\n                          (click)=\"inputClean(formItem ,line)\"></i>\n                      </ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Select'\">\n                      <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        nzDropdownClassName=\"hd-select-table\"\n                        *ngIf=\"formItem.selectOption.tableColumns;else nomarlSelectTemplate\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime, formItem)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                        [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                        <div class=\"hd-select-empty\"\n                          *ngIf=\"!(formItem.selectOption?.selectList?.length > 0 || line.get(formItem.selectOption.selectListName)?.value?.length > 0)\">\n                          <img\n                            src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI0MXB4IiB2aWV3Qm94PSIwIDAgNjQgNDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIuMDAwMDAwLCAtMTMzNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjAwMDAwMCwgMTExNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjguMDAwMDAwLCAxNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnID4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlICBmaWxsPSIjRjVGNUY1IiBjeD0iMzIiIGN5PSIzMyIgcng9IjMyIiByeT0iNyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ2LDEyLjc2MDU2MDQgTDM1Ljg1NDMwNDcsMS4yNTczOTYzMyBDMzUuMzY3NDQxNCwwLjQ3MzgyNjYwNSAzNC42NTU4Nzg5LDAgMzMuOTA2NzYxNywwIEwxMi4wOTMyMzgzLDAgQzExLjM0NDEyMTEsMCAxMC42MzI1NTg2LDAuNDczOTUwMjU1IDEwLjE0NTY5NTMsMS4yNTczOTYzMyBMMi42MTQ3OTcyN2UtMTIsMTIuNzYwNTYwNCBMMCwyMiBMNDYsMjIgTDQ2LDEyLjc2MDU2MDQgWiIgID48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMyLjYxMzI4MTMsMTUuOTMxNSBDMzIuNjEzMjgxMywxNC4zMjU4NTExIDMzLjYwNjk1MzEsMTMuMDAwMjM0IDM0LjgzOTY5OTIsMTMgTDQ2LDEzIEw0NiwzMS4xMzcxMjc3IEM0NiwzMy4yNTg5NTc0IDQ0LjY3OTM4NjcsMzUgNDMuMDUwNDI5NywzNSBMMi45NDk1NzAzMSwzNSBDMS4zMjA1MjM0NCwzNSAwLDMzLjI1ODg0MDQgMCwzMS4xMzcxMjc3IEwwLDEzIEwxMS4xNjAzMDA4LDEzIEMxMi4zOTMwNDY5LDEzIDEzLjM4NjcxODgsMTQuMzIyODA4NSAxMy4zODY3MTg4LDE1LjkyODQ1NzQgTDEzLjM4NjcxODgsMTUuOTQ5NjM4MyBDMTMuMzg2NzE4OCwxNy41NTUyODcyIDE0LjM5MTcxMDksMTguODUxMTgwOSAxNS42MjQ0NTcsMTguODUxMTgwOSBMMzAuMzc1NTQzLDE4Ljg1MTE4MDkgQzMxLjYwODI4OTEsMTguODUxMTgwOSAzMi42MTMyODEzLDE3LjU0MzM1MTEgMzIuNjEzMjgxMywxNS45Mzc3MDIxIEwzMi42MTMyODEzLDE1LjkzMTUgWiIgIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"\n                            alt=\"empty\">\n                          <p class=\"ant-empty-description\">\u6682\u65E0\u6570\u636E</p>\n                        </div>\n\n                        <nz-option nzCustomContent\n                          *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          <div class=\"hd-option-line\">\n                            <div *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns\"\n                              [ngStyle]=\"getSelectTableColumnStyle(selectOptionTableColumn)\">\n                              <ng-container *ngIf=\"selectOptionTableColumn.icons;else notPictureTemplate\">\n                                <div class=\"hd-option-icons\">\n                                  <ng-container *ngFor=\"let icon of selectOptionTableColumn.icons\">\n                                    <img *ngIf=\"icon.iconName === 'hd-recommend-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVpJREFUOE+l07FLQkEcB/Dv7713Zg1GQ0SgW9AmTYVp1BRUokZBEI1u/QVBUBD1D0Rt0dQaPYmotXza1tKQzQ1Fk0iDHr5vPEOTUpO88e77+9zvjjtBh8HTOb8e0hu0eN8Xzz22ikonoGzHdgXcAVB16S75U/mbn/m2AK+mglqbBUAGvCIRuVCJ7HLXQCUTPQOxXi8Q4FolnYWuAH0+HaEpjrdxAyC3VSq33xKgPTWiYYUai8IjUCabw4Zw1XWNF2+OZrXoi+cLImBth4odfQAw0elCW6zdKvU2/wVkYs8ggzBlRqrcI/DrrK1wQ7DWAIToV8lsqGxHDwTY6qYbA1jpCVAux3oBSirhDPYCOL6kE/s/QB77UrnNJoDDVkCN6pI+BJH+6xINQdpKOCf1d/AEYBxgUUQC5PcLbPMDXy1lhGXx7r0G6ExklpBwI0xh2w7ID+UzL71iL/MJdzuZdDL/kXcAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <img *ngIf=\"icon.iconName === 'hd-img-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAyhJREFUWEe1ll1o1XYYxp8nPUmUihdCV3bAirvYzUC80Xpy3KwTZNR2CdOhDkTBwe6G32XzwqpjE3Qt4pUKZQqDyQZNTp1uY8yCJG0F2d2+LlWOOkShovQkaV45lcJpTdOTHJubBPI+z/Pj//H+/0TGR66uf8sPoz8A/Kstkp38YORxFitmEVU1vm1cBPlp9ZuQXtX0jmfxygQgvxSWBRWlDECvhgrwQFuqLufG4TAtRCaAwCl+IcDXtWEi2KFb7pUFBxCBEpSMMsDWGWEiNzXLe2/BASp2cTuJH+KCRMJ3dGvsrzQQqafAtw0XpBEfIhc00/tswQD8QWM1FP45d4A8V9XJN9k5Nl4vRKoR8G3jMshdyebRPs0cOftaAaRUbAsRrRRRhuczFsF/lPATNQrL3Hr7/nz1lGvvtkwGUSEC8gLkWfMGkAfQMp9J0n8ByhS5J+QDVr+BshBlUu6q3d5v9G3jIcg3GgnJqp2C853iCIB1WU0a1F2iOO2tPnK3CLQ1aJZKLpCfddPrmtoF8uuqZn9iyfcEzVQumYtlQDO9vS8PsprHd4xvAR7I7FuHUIBvdNP9crr0lT7g24U+UNlfh1f6Esrn2ofeuVphbCPyneJuAN+lT0jokZCduum9cobM2Qn9krEGEa6+hi36jEC3aro34vASW3FoG9si8sdGRoKCY6rlnpjLIxGgYhunSPY0AiAiP+mW93EmAN8ujoJobwgAuKOb7orUAHKjY1EwHjwFkGsEoKpVJ6WVH3n/p1oDwVBhk0TK742GV/UKYOZMt5QKoGIbX5E8mgwg4wCbADQn1c1uPvP2gWqB7xjDADck7OwBVan0QFFyQaj2A9wxV60A13XT7Uw1Ar5TlDiBQP6hRHs0a3Ss9n8wuK4jYtN5Em/H6B5ppht7r4jvhEOFtYiUGQEAnhDoV033ZNJwB45xRAS9IBfX1qnhRD7uhhQLENiFQ0Ll9LSBCM7olnu43gUpTjEfiPSB3D6tUQRbcpZ7bbZHLEBYKnRFogxV505rmjzIrtG/6w2fMS0l430RHAVoULBZtdybdQFkCcuqSXUtzxqSpHsBfmUdgJhaiDQAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <span *ngIf=\"icon.iconName === 'hd-select-close' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-close\">\n                                      \u7981\u7528\n                                    </span>\n                                    <span *ngIf=\"icon.iconName === 'hd-select-purchase' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-purchase\">\n                                      \u534F\n                                    </span>\n                                  </ng-container>\n                                </div>\n                              </ng-container>\n                              <ng-template #notPictureTemplate>\n                                <ng-container\n                                  *ngIf=\"!isTextOverflow(selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name], selectOptionTableColumn.width);else overflowTemplate\">\n                                  <div>{{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-container>\n                                <ng-template #overflowTemplate>\n                                  <div class=\"hd-option-overflow\" nz-tooltip\n                                    [nzTooltipTitle]=\"selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name]\">\n                                    {{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-template>\n                              </ng-template>\n                            </div>\n                          </div>\n                        </nz-option>\n                        <nz-option\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.showLabelAndValue || 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-template #nomarlSelectTemplate>\n                        <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                          [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                          [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                          [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                          [formControlName]=\"formItem.name\"\n                          (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime, formItem)\"\n                          (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                          [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                          <nz-option\n                            *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                            [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          </nz-option>\n                          <nz-option\n                            *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                            [nzLabel]=\"(formItem.selectOption.showLabelAndValue || 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-template>\n\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Date'\">\n                      <nz-date-picker #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" *ngIf=\"formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker #formInputDom *ngIf=\"!formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\">\n                      </nz-date-picker>\n                      <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                        [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                        &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'DateRange'\">\n                      <nz-range-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzDisabledDate]=\"formItem.hdDisabledDate\" [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 #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name).value : null}\"\n                        [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                        [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input\n                        [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                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <nz-input-number #formInputDom [ngStyle]=\"getStyle(line, formItem, '100px')\"\n                          [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"\n                          [nzMin]=\"formItem?.inputNumber?.min || 0\" [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                          [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 2\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [nzId]=\"'inputNumber-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#inputNumber-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        </nz-input-number>\n                        <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                          [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                          &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                        </div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                      <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" nzMode=\"multiple\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime, formItem)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container\n                          *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\"\n                            [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                          </nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'ViewDom'\">\n                      <span class=\"hd-formLines-viewDom\" *ngIf=\"!formItem?.hideViewDomValue\">\n                        {{\n                        (formItem.preserveNumber && line.get(formItem.name).value) ?\n                        LodashRound(line.get(formItem.name).value,\n                        formItem.preserveNumber).toFixed(formItem.preserveNumber)\n                        : line.get(formItem.name).value\n                        }}\n                      </span>\n                      <ng-container\n                        *ngTemplateOutlet=\"ViewDomRightTemplate;context:{formItem: formItem, formLine: line}\"></ng-container>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Switch'\">\n                      <nz-switch (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-switch>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Time'\">\n                      <nz-time-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-time-picker>\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\"\n                [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">\n                {{ line.get(formItem.explainOption.name).value }}\n              </div>\n            </td>\n          </ng-container>\n          <td [style.width.px]=\"operateColWidth\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line)\">\u6DFB\u52A0</a>\n              <a *ngIf=\"operateButtons.includes('copy')\" (click)=\"copyFormLine(line)\">\u590D\u5236</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\"\n                (click)=\"deleteFormLine(line)\">\u5220\u9664</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && showDeleteConfirm\" nz-popconfirm\n                nzPopconfirmTitle=\"\u786E\u8BA4\u8981\u5220\u9664\u8BE5\u884C\u5417?\" nzPopconfirmPlacement=\"bottom\"\n                (nzOnConfirm)=\"deleteFormLine(line)\">\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 *ngIf=\"showCheckbox\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal) ? totalOption.value :\n            LodashRound(totalOption.value, totalOption.preserveNumber).toFixed(totalOption.preserveNumber)) : ''\n            }}\n          </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <nz-list\n    *ngIf=\"linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize).length === 0\"\n    [nzDataSource]=\"[]\"></nz-list>\n  <ng-container>\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <div class=\"hd-formLines-pagination\">\n      <div class=\"hd-formLines-pagination-left\">\n        <div *ngIf=\"showKeyboardOperateTip\">\u652F\u6301\u952E\u76D8\u64CD\u4F5C\uFF0C\u4F7F\u7528\n          <i nz-icon nzType=\"up-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"down-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"left-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"right-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <span style=\"font-size: 14px;margin-left: 4px;font-weight: bolder;\">Enter</span>\n          \u952E\u5207\u6362\u8868\u5355\u9879\n        </div>\n      </div>\n      <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n        [nzPageSize]=\"paginationPageSize\" [nzPageSizeOptions]=\"[10, 20, 30, 40, 50]\"\n        [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger (nzPageIndexChange)=\"pageIndexChange($event)\"\n        (nzPageSizeChange)=\"pageSizeChange($event)\" [nzShowTotal]=\"totalTemplate\"></nz-pagination>\n      <ng-template #totalTemplate let-total>\u5171 {{ linesFormArray.controls.length }} \u6761\u6570\u636E</ng-template>\n    </div>\n\n  </ng-container>\n</form>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!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;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection--multiple .ant-select-selection__rendered>ul>li.ant-select-search--inline:only-child{margin-left:4px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::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}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;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:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formLines-toolbar{display:block}.hd-formLines-toolbar ::ng-deep .hd-button-group-right{flex:1;min-width:0;display:flex;justify-content:flex-end}.hd-formLines-toolbar-right{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:16px}.hd-formLines-toolbar-right-left,.hd-formLines-toolbar-right-right{display:flex;align-items:center}.hd-formLines-col-settings{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;padding:0;margin-left:12px;cursor:pointer;color:#2a3634;background:0 0;border:1px solid #e5e6eb;border-radius:4px;vertical-align:middle;flex-shrink:0}.hd-formLines-col-settings:hover{color:#20b95d;background:#f5f8f6;border-color:#20b95d}.hd-formLines-col-settings .hd-formLines-col-settings-icon{display:block;width:14px;height:14px;flex-shrink:0}.hd-formLines-col-settings-dropdown{background:#fff;border:1px solid #e5e6eb;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.06);overflow:hidden}.hd-formLines-col-settings-list{max-height:400px;overflow-y:auto}.hd-formLines-col-settings-footer{text-align:right;background:#fff;padding:4px;border-top:1px solid #f0f0f0}.hd-formLines-container ::ng-deep td{padding:4px 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 ::ng-deep .ant-form-item{margin-bottom:0}.hd-formLines-container .ant-input-number{width:100%}.hd-formLines-container .hd-formLines-viewDom{font-size:14px}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled{background:#f5f8f6!important;border-bottom:1px solid #e8e8e8;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:0}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled:hover{background:#f5f8f6!important}::ng-deep .hd-option-header{display:flex;align-items:center;color:rgba(0,0,0,.85);background:#f5f8f6}::ng-deep .hd-option-header-column{padding:5px 0}.hd-option-line{display:flex;align-items:center}.hd-option-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-select-empty{display:flex;align-items:center;flex-direction:column;padding:20px 0;background:#fff}::ng-deep .ant-empty-small{background:#fff!important;padding:8px 0;margin:0}.hd-formLines-pagination{display:flex;align-items:center;justify-content:space-between}.hd-formLines-pagination .hd-formLines-pagination-left{margin-left:10px;display:flex;align-items:center}.hd-option-icons{display:flex;align-items:center}.hd-select-close{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #f5222d;color:#f5222d;font-size:14px}.hd-select-purchase{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #20bd62;color:#20bd62;font-size:14px}"]
+                        template: "<ng-container *ngIf=\"showForm && showToolbar\">\n  <hd-button-group class=\"hd-formLines-toolbar\">\n    <ng-template #buttonGroupLeft>\n      <!-- \u641C\u7D22\u6846 + \u5DE6\u4FA7\u81EA\u5B9A\u4E49\u6309\u94AE\uFF08\u7D27\u6328\u641C\u7D22\u6846\u540E\uFF09 -->\n      <ng-container *ngIf=\"showSearch\">\n        <nz-input-group class=\"hd-lines-search\" [nzSuffix]=\"suffixIconSearch\">\n          <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\"\n            [(ngModel)]=\"filterStr\" />\n        </nz-input-group>\n        <ng-template #suffixIconSearch>\n          <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n        </ng-template>\n      </ng-container>\n      <ng-container *ngTemplateOutlet=\"formLinesLeftButton\"></ng-container>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"formLinesRightButton\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"colSettingsTpl\"></ng-container>\n    </ng-template>\n  </hd-button-group>\n  <hd-space background=\"transparent\" type=\"row\" size=\"12\"></hd-space>\n</ng-container>\n\n<ng-template #colSettingsTpl>\n  <ng-container *ngIf=\"showColSettingsButton\">\n    <span class=\"hd-formLines-col-settings\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"colSettingsMenu\"\n      [nzVisible]=\"isDropdownVisible\" (click)=\"confirmDropdown()\" title=\"\u5217\u8BBE\u7F6E\">\n      <svg class=\"hd-formLines-col-settings-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M4.92031 1.80756C5.02551 1.42884 5.37033 1.16675 5.76339 1.16675H8.23667C8.62973 1.16675 8.97455 1.42884 9.07975 1.80756L9.37802 2.88133L10.4571 2.60273C10.8377 2.50448 11.2371 2.67206 11.4336 3.01245L12.6703 5.15438C12.8668 5.49478 12.8122 5.92445 12.5369 6.20491L11.7561 7.00008L12.5369 7.79525C12.8122 8.07572 12.8668 8.50539 12.6703 8.84579L11.4336 10.9877C11.2371 11.3281 10.8377 11.4957 10.4571 11.3974L9.37802 11.1188L9.07975 12.1926C8.97455 12.5713 8.62973 12.8334 8.23667 12.8334H5.76339C5.37033 12.8334 5.02551 12.5713 4.92031 12.1926L4.62206 11.1189L3.54315 11.3974C3.16258 11.4957 2.76318 11.3281 2.56666 10.9877L1.33001 8.84579C1.13349 8.50539 1.18806 8.07572 1.46343 7.79525L2.24419 7.00008L1.46344 6.20491C1.18806 5.92445 1.13349 5.49478 1.33002 5.15438L2.56666 3.01245C2.76319 2.67206 3.16258 2.50448 3.54316 2.60273L4.62206 2.88127L4.92031 1.80756ZM4.54541 10.843L4.54552 10.8433L4.54541 10.843ZM5.98508 2.33341L5.66952 3.46945C5.54185 3.92906 5.06958 4.20173 4.60771 4.08249L3.46618 3.78778L2.45122 5.54572L3.2773 6.38705C3.6115 6.72742 3.6115 7.27275 3.2773 7.61312L2.45122 8.45444L3.46617 10.2124L4.60771 9.91768C5.06958 9.79844 5.54185 10.0711 5.66952 10.5307L5.98508 11.6667H8.01498L8.33056 10.5307C8.45823 10.071 8.9305 9.79838 9.39237 9.91762L10.5341 10.2124L11.5491 8.45444L10.723 7.61312C10.3888 7.27275 10.3888 6.72742 10.723 6.38705L11.5491 5.54572L10.5341 3.78778L9.39237 4.08254C8.9305 4.20178 8.45823 3.92912 8.33056 3.46951L8.01498 2.33341H5.98508ZM7.00003 5.83342C6.3557 5.83342 5.83337 6.35575 5.83337 7.00008C5.83337 7.64441 6.3557 8.16675 7.00003 8.16675C7.64436 8.16675 8.1667 7.64441 8.1667 7.00008C8.1667 6.35575 7.64436 5.83342 7.00003 5.83342ZM4.6667 7.00008C4.6667 5.71142 5.71137 4.66675 7.00003 4.66675C8.2887 4.66675 9.33337 5.71142 9.33337 7.00008C9.33337 8.28875 8.2887 9.33342 7.00003 9.33342C5.71137 9.33342 4.6667 8.28875 4.6667 7.00008Z\"\n          fill=\"currentColor\" />\n      </svg>\n    </span>\n    <nz-dropdown-menu #colSettingsMenu=\"nzDropdownMenu\">\n      <div class=\"hd-formLines-col-settings-dropdown\">\n        <div class=\"hd-formLines-col-settings-list\">\n          <div *ngIf=\"showListNodes && nowListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"nowListNodes\" nzCheckable nzBlockNode nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\">\n            </nz-tree>\n          </div>\n          <div *ngIf=\"showListNodes && hideListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"hideListNodes\" nzCheckable nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\">\n            </nz-tree>\n          </div>\n        </div>\n        <div class=\"hd-formLines-col-settings-footer\">\n          <hd-button style=\"margin-right: 4px;\" type=\"default\" size=\"small\" (clickAction)=\"cancelDropdown()\">\u53D6\u6D88\n          </hd-button>\n          <hd-button type=\"primary\" size=\"small\" (clickAction)=\"submitGrids()\">\u5B8C\u6210</hd-button>\n        </div>\n      </div>\n    </nz-dropdown-menu>\n  </ng-container>\n</ng-template>\n\n<!-- <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 0)\">\u805A\u7126\u7B2C\u4E00\u4E2A</hd-button> -->\n\n<ng-container *ngIf=\"showForm\">\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" background=\"transparent\" type=\"row\" size=\"12\"></hd-space>\n</ng-container>\n\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\" class=\"ant-advanced-search-form hd-formLines-container\"\n  (keydown)=\"onKeyDown($event)\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showCheckbox\">\n          <label nz-checkbox\n            [ngModel]=\"isAllChecked()\"\n            [nzIndeterminate]=\"isIndeterminate()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            (ngModelChange)=\"onAllChecked($event)\"></label>\n        </th>\n        <th nzWidth=\"58px\" [nzLeft]=\"lineNumberLeft\" *ngIf=\"showLineNumber\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"isColumnVisible(item)\" [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.px]=\"operateColWidth\" 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=\"40px\" nzLeft=\"0px\" *ngIf=\"showCheckbox\">\n            <label nz-checkbox\n              [ngModel]=\"isLineChecked(line)\"\n              [ngModelOptions]=\"{standalone: true}\"\n              (ngModelChange)=\"onLineCheckedChange(line, $event)\"></label>\n          </td>\n          <td nzWidth=\"58px\" [nzLeft]=\"lineNumberLeft\" *ngIf=\"showLineNumber\">\n            {{ line.get('lineIndex').value }}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines; index as innerIndex\">\n            <td *ngIf=\"isColumnVisible(formItem)\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control\n                  [nzValidateStatus]=\"getControlValidateStatus(line, formItem)\"\n                  [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                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <input #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [ngStyle]=\"getStyle(line, formItem, '100px')\" nz-input\n                          [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\"\n                          [id]=\"'input-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#input-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : null\"\n                          (input)=\"limitInputLength($event, line, formItem)\"\n                          [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [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 && !line.get(formItem.name).disabled\"\n                          (click)=\"inputClean(formItem ,line)\"></i>\n                      </ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Select'\">\n                      <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        nzDropdownClassName=\"hd-select-table\"\n                        *ngIf=\"formItem.selectOption.tableColumns;else nomarlSelectTemplate\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime, formItem)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                        [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                        <div class=\"hd-select-empty\"\n                          *ngIf=\"!(formItem.selectOption?.selectList?.length > 0 || line.get(formItem.selectOption.selectListName)?.value?.length > 0)\">\n                          <img\n                            src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI0MXB4IiB2aWV3Qm94PSIwIDAgNjQgNDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIuMDAwMDAwLCAtMTMzNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjAwMDAwMCwgMTExNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjguMDAwMDAwLCAxNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnID4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlICBmaWxsPSIjRjVGNUY1IiBjeD0iMzIiIGN5PSIzMyIgcng9IjMyIiByeT0iNyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ2LDEyLjc2MDU2MDQgTDM1Ljg1NDMwNDcsMS4yNTczOTYzMyBDMzUuMzY3NDQxNCwwLjQ3MzgyNjYwNSAzNC42NTU4Nzg5LDAgMzMuOTA2NzYxNywwIEwxMi4wOTMyMzgzLDAgQzExLjM0NDEyMTEsMCAxMC42MzI1NTg2LDAuNDczOTUwMjU1IDEwLjE0NTY5NTMsMS4yNTczOTYzMyBMMi42MTQ3OTcyN2UtMTIsMTIuNzYwNTYwNCBMMCwyMiBMNDYsMjIgTDQ2LDEyLjc2MDU2MDQgWiIgID48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMyLjYxMzI4MTMsMTUuOTMxNSBDMzIuNjEzMjgxMywxNC4zMjU4NTExIDMzLjYwNjk1MzEsMTMuMDAwMjM0IDM0LjgzOTY5OTIsMTMgTDQ2LDEzIEw0NiwzMS4xMzcxMjc3IEM0NiwzMy4yNTg5NTc0IDQ0LjY3OTM4NjcsMzUgNDMuMDUwNDI5NywzNSBMMi45NDk1NzAzMSwzNSBDMS4zMjA1MjM0NCwzNSAwLDMzLjI1ODg0MDQgMCwzMS4xMzcxMjc3IEwwLDEzIEwxMS4xNjAzMDA4LDEzIEMxMi4zOTMwNDY5LDEzIDEzLjM4NjcxODgsMTQuMzIyODA4NSAxMy4zODY3MTg4LDE1LjkyODQ1NzQgTDEzLjM4NjcxODgsMTUuOTQ5NjM4MyBDMTMuMzg2NzE4OCwxNy41NTUyODcyIDE0LjM5MTcxMDksMTguODUxMTgwOSAxNS42MjQ0NTcsMTguODUxMTgwOSBMMzAuMzc1NTQzLDE4Ljg1MTE4MDkgQzMxLjYwODI4OTEsMTguODUxMTgwOSAzMi42MTMyODEzLDE3LjU0MzM1MTEgMzIuNjEzMjgxMywxNS45Mzc3MDIxIEwzMi42MTMyODEzLDE1LjkzMTUgWiIgIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"\n                            alt=\"empty\">\n                          <p class=\"ant-empty-description\">\u6682\u65E0\u6570\u636E</p>\n                        </div>\n\n                        <nz-option nzCustomContent\n                          *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          <div class=\"hd-option-line\">\n                            <div *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns\"\n                              [ngStyle]=\"getSelectTableColumnStyle(selectOptionTableColumn)\">\n                              <ng-container *ngIf=\"selectOptionTableColumn.icons;else notPictureTemplate\">\n                                <div class=\"hd-option-icons\">\n                                  <ng-container *ngFor=\"let icon of selectOptionTableColumn.icons\">\n                                    <img *ngIf=\"icon.iconName === 'hd-recommend-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVpJREFUOE+l07FLQkEcB/Dv7713Zg1GQ0SgW9AmTYVp1BRUokZBEI1u/QVBUBD1D0Rt0dQaPYmotXza1tKQzQ1Fk0iDHr5vPEOTUpO88e77+9zvjjtBh8HTOb8e0hu0eN8Xzz22ikonoGzHdgXcAVB16S75U/mbn/m2AK+mglqbBUAGvCIRuVCJ7HLXQCUTPQOxXi8Q4FolnYWuAH0+HaEpjrdxAyC3VSq33xKgPTWiYYUai8IjUCabw4Zw1XWNF2+OZrXoi+cLImBth4odfQAw0elCW6zdKvU2/wVkYs8ggzBlRqrcI/DrrK1wQ7DWAIToV8lsqGxHDwTY6qYbA1jpCVAux3oBSirhDPYCOL6kE/s/QB77UrnNJoDDVkCN6pI+BJH+6xINQdpKOCf1d/AEYBxgUUQC5PcLbPMDXy1lhGXx7r0G6ExklpBwI0xh2w7ID+UzL71iL/MJdzuZdDL/kXcAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <img *ngIf=\"icon.iconName === 'hd-img-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAyhJREFUWEe1ll1o1XYYxp8nPUmUihdCV3bAirvYzUC80Xpy3KwTZNR2CdOhDkTBwe6G32XzwqpjE3Qt4pUKZQqDyQZNTp1uY8yCJG0F2d2+LlWOOkShovQkaV45lcJpTdOTHJubBPI+z/Pj//H+/0TGR66uf8sPoz8A/Kstkp38YORxFitmEVU1vm1cBPlp9ZuQXtX0jmfxygQgvxSWBRWlDECvhgrwQFuqLufG4TAtRCaAwCl+IcDXtWEi2KFb7pUFBxCBEpSMMsDWGWEiNzXLe2/BASp2cTuJH+KCRMJ3dGvsrzQQqafAtw0XpBEfIhc00/tswQD8QWM1FP45d4A8V9XJN9k5Nl4vRKoR8G3jMshdyebRPs0cOftaAaRUbAsRrRRRhuczFsF/lPATNQrL3Hr7/nz1lGvvtkwGUSEC8gLkWfMGkAfQMp9J0n8ByhS5J+QDVr+BshBlUu6q3d5v9G3jIcg3GgnJqp2C853iCIB1WU0a1F2iOO2tPnK3CLQ1aJZKLpCfddPrmtoF8uuqZn9iyfcEzVQumYtlQDO9vS8PsprHd4xvAR7I7FuHUIBvdNP9crr0lT7g24U+UNlfh1f6Esrn2ofeuVphbCPyneJuAN+lT0jokZCduum9cobM2Qn9krEGEa6+hi36jEC3aro34vASW3FoG9si8sdGRoKCY6rlnpjLIxGgYhunSPY0AiAiP+mW93EmAN8ujoJobwgAuKOb7orUAHKjY1EwHjwFkGsEoKpVJ6WVH3n/p1oDwVBhk0TK742GV/UKYOZMt5QKoGIbX5E8mgwg4wCbADQn1c1uPvP2gWqB7xjDADck7OwBVan0QFFyQaj2A9wxV60A13XT7Uw1Ar5TlDiBQP6hRHs0a3Ss9n8wuK4jYtN5Em/H6B5ppht7r4jvhEOFtYiUGQEAnhDoV033ZNJwB45xRAS9IBfX1qnhRD7uhhQLENiFQ0Ll9LSBCM7olnu43gUpTjEfiPSB3D6tUQRbcpZ7bbZHLEBYKnRFogxV505rmjzIrtG/6w2fMS0l430RHAVoULBZtdybdQFkCcuqSXUtzxqSpHsBfmUdgJhaiDQAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <span *ngIf=\"icon.iconName === 'hd-select-close' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-close\">\n                                      \u7981\u7528\n                                    </span>\n                                    <span *ngIf=\"icon.iconName === 'hd-select-purchase' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-purchase\">\n                                      \u534F\n                                    </span>\n                                  </ng-container>\n                                </div>\n                              </ng-container>\n                              <ng-template #notPictureTemplate>\n                                <ng-container\n                                  *ngIf=\"!isTextOverflow(selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name], selectOptionTableColumn.width);else overflowTemplate\">\n                                  <div>{{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-container>\n                                <ng-template #overflowTemplate>\n                                  <div class=\"hd-option-overflow\" nz-tooltip\n                                    [nzTooltipTitle]=\"selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name]\">\n                                    {{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-template>\n                              </ng-template>\n                            </div>\n                          </div>\n                        </nz-option>\n                        <nz-option\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.showLabelAndValue || 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-template #nomarlSelectTemplate>\n                        <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                          [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                          [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                          [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                          [formControlName]=\"formItem.name\"\n                          (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime, formItem)\"\n                          (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                          [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                          <nz-option\n                            *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                            [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          </nz-option>\n                          <nz-option\n                            *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                            [nzLabel]=\"(formItem.selectOption.showLabelAndValue || 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-template>\n\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Date'\">\n                      <nz-date-picker #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" *ngIf=\"formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker #formInputDom *ngIf=\"!formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\">\n                      </nz-date-picker>\n                      <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                        [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                        &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'DateRange'\">\n                      <nz-range-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzDisabledDate]=\"formItem.hdDisabledDate\" [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 #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name).value : null}\"\n                        [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                        [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input\n                        [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                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <nz-input-number #formInputDom [ngStyle]=\"getStyle(line, formItem, '100px')\"\n                          [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"\n                          [nzMin]=\"formItem?.inputNumber?.min || 0\" [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                          [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 2\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [nzId]=\"'inputNumber-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#inputNumber-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        </nz-input-number>\n                        <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                          [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                          &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                        </div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                      <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" nzMode=\"multiple\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime, formItem)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container\n                          *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\"\n                            [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                          </nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'ViewDom'\">\n                      <span class=\"hd-formLines-viewDom\" *ngIf=\"!formItem?.hideViewDomValue\">\n                        {{\n                        (formItem.preserveNumber && line.get(formItem.name).value) ?\n                        LodashRound(line.get(formItem.name).value,\n                        formItem.preserveNumber).toFixed(formItem.preserveNumber)\n                        : line.get(formItem.name).value\n                        }}\n                      </span>\n                      <ng-container\n                        *ngTemplateOutlet=\"ViewDomRightTemplate;context:{formItem: formItem, formLine: line}\"></ng-container>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Switch'\">\n                      <nz-switch (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-switch>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Time'\">\n                      <nz-time-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-time-picker>\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\"\n                [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">\n                {{ line.get(formItem.explainOption.name).value }}\n              </div>\n            </td>\n          </ng-container>\n          <td [style.width.px]=\"operateColWidth\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line)\">\u6DFB\u52A0</a>\n              <a *ngIf=\"operateButtons.includes('copy')\" (click)=\"copyFormLine(line)\">\u590D\u5236</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\"\n                (click)=\"deleteFormLine(line)\">\u5220\u9664</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && showDeleteConfirm\" nz-popconfirm\n                nzPopconfirmTitle=\"\u786E\u8BA4\u8981\u5220\u9664\u8BE5\u884C\u5417?\" nzPopconfirmPlacement=\"bottom\"\n                (nzOnConfirm)=\"deleteFormLine(line)\">\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 *ngIf=\"showCheckbox\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal) ? totalOption.value :\n            LodashRound(totalOption.value, totalOption.preserveNumber).toFixed(totalOption.preserveNumber)) : ''\n            }}\n          </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <nz-list\n    *ngIf=\"linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize).length === 0\"\n    [nzDataSource]=\"[]\"></nz-list>\n  <ng-container>\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <div class=\"hd-formLines-pagination\">\n      <div class=\"hd-formLines-pagination-left\">\n        <div *ngIf=\"showKeyboardOperateTip\">\u652F\u6301\u952E\u76D8\u64CD\u4F5C\uFF0C\u4F7F\u7528\n          <i nz-icon nzType=\"up-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"down-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"left-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"right-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <span style=\"font-size: 14px;margin-left: 4px;font-weight: bolder;\">Enter</span>\n          \u952E\u5207\u6362\u8868\u5355\u9879\n        </div>\n      </div>\n      <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n        [nzPageSize]=\"paginationPageSize\" [nzPageSizeOptions]=\"[10, 20, 30, 40, 50]\"\n        [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger (nzPageIndexChange)=\"pageIndexChange($event)\"\n        (nzPageSizeChange)=\"pageSizeChange($event)\" [nzShowTotal]=\"totalTemplate\"></nz-pagination>\n      <ng-template #totalTemplate let-total>\u5171 {{ linesFormArray.controls.length }} \u6761\u6570\u636E</ng-template>\n    </div>\n\n  </ng-container>\n</form>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!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;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection--multiple .ant-select-selection__rendered>ul>li.ant-select-search--inline:only-child{margin-left:4px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::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}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;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:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formLines-toolbar{display:block}.hd-formLines-toolbar ::ng-deep .hd-button-group-left{gap:12px}.hd-formLines-toolbar ::ng-deep .hd-button-group-left hd-button{margin-right:0}.hd-formLines-toolbar ::ng-deep .hd-lines-search{width:300px;flex-shrink:0}.hd-formLines-col-settings{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;padding:0;margin-left:12px;cursor:pointer;color:#2a3634;background:0 0;border:1px solid #e5e6eb;border-radius:4px;vertical-align:middle;flex-shrink:0}.hd-formLines-col-settings:hover{color:#20b95d;background:#f5f8f6;border-color:#20b95d}.hd-formLines-col-settings .hd-formLines-col-settings-icon{display:block;width:14px;height:14px;flex-shrink:0}.hd-formLines-col-settings-dropdown{background:#fff;border:1px solid #e5e6eb;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.06);overflow:hidden}.hd-formLines-col-settings-list{max-height:400px;overflow-y:auto}.hd-formLines-col-settings-footer{text-align:right;background:#fff;padding:4px;border-top:1px solid #f0f0f0}.hd-formLines-container ::ng-deep td{padding:4px 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 ::ng-deep .ant-form-item{margin-bottom:0}.hd-formLines-container .ant-input-number{width:100%}.hd-formLines-container .hd-formLines-viewDom{font-size:14px}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled{background:#f5f8f6!important;border-bottom:1px solid #e8e8e8;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:0}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled:hover{background:#f5f8f6!important}::ng-deep .hd-option-header{display:flex;align-items:center;color:rgba(0,0,0,.85);background:#f5f8f6}::ng-deep .hd-option-header-column{padding:5px 0}.hd-option-line{display:flex;align-items:center}.hd-option-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-select-empty{display:flex;align-items:center;flex-direction:column;padding:20px 0;background:#fff}::ng-deep .ant-empty-small{background:#fff!important;padding:8px 0;margin:0}.hd-formLines-pagination{display:flex;align-items:center;justify-content:space-between}.hd-formLines-pagination .hd-formLines-pagination-left{margin-left:10px;display:flex;align-items:center}.hd-option-icons{display:flex;align-items:center}.hd-select-close{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #f5222d;color:#f5222d;font-size:14px}.hd-select-purchase{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #20bd62;color:#20bd62;font-size:14px}"]
                     }] }
         ];
         /** @nocollapse */
@@ -10753,6 +10800,10 @@
             this.tableCols = [];
             this.showSelected = false;
             this.showOperateColWarpButton = false;
+            /**
+             * 是否展示列设置（齿轮），默认开启；弹窗等场景可传 false 关闭
+             */
+            this.showColSettings = true;
             this.virtualScroll = true;
             this.selectField = "billNumber";
             // 合计区域（类型与 hd-detail-lines 的 TotalOption 一致）
@@ -13658,7 +13709,7 @@
         HdTableComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "hd-table",
-                        template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n      <hd-button *ngIf=\"showOperateColWarpButton\" type=\"default\" (click)=\"toggleShowDetail()\">{{showDetail ?\n        '\u7F29\u7565\u663E\u793A': '\u5C55\u5F00\u663E\u793A'}}</hd-button>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <span class=\"hd-table-col-settings\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\"\n        [nzVisible]=\"isDropdownVisible\" (click)=\"confirmDropdown()\" title=\"\u5217\u8BBE\u7F6E\">\n        <svg class=\"hd-table-col-settings-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n            d=\"M4.92031 1.80756C5.02551 1.42884 5.37033 1.16675 5.76339 1.16675H8.23667C8.62973 1.16675 8.97455 1.42884 9.07975 1.80756L9.37802 2.88133L10.4571 2.60273C10.8377 2.50448 11.2371 2.67206 11.4336 3.01245L12.6703 5.15438C12.8668 5.49478 12.8122 5.92445 12.5369 6.20491L11.7561 7.00008L12.5369 7.79525C12.8122 8.07572 12.8668 8.50539 12.6703 8.84579L11.4336 10.9877C11.2371 11.3281 10.8377 11.4957 10.4571 11.3974L9.37802 11.1188L9.07975 12.1926C8.97455 12.5713 8.62973 12.8334 8.23667 12.8334H5.76339C5.37033 12.8334 5.02551 12.5713 4.92031 12.1926L4.62206 11.1189L3.54315 11.3974C3.16258 11.4957 2.76318 11.3281 2.56666 10.9877L1.33001 8.84579C1.13349 8.50539 1.18806 8.07572 1.46343 7.79525L2.24419 7.00008L1.46344 6.20491C1.18806 5.92445 1.13349 5.49478 1.33002 5.15438L2.56666 3.01245C2.76319 2.67206 3.16258 2.50448 3.54316 2.60273L4.62206 2.88127L4.92031 1.80756ZM4.54541 10.843L4.54552 10.8433L4.54541 10.843ZM5.98508 2.33341L5.66952 3.46945C5.54185 3.92906 5.06958 4.20173 4.60771 4.08249L3.46618 3.78778L2.45122 5.54572L3.2773 6.38705C3.6115 6.72742 3.6115 7.27275 3.2773 7.61312L2.45122 8.45444L3.46617 10.2124L4.60771 9.91768C5.06958 9.79844 5.54185 10.0711 5.66952 10.5307L5.98508 11.6667H8.01498L8.33056 10.5307C8.45823 10.071 8.9305 9.79838 9.39237 9.91762L10.5341 10.2124L11.5491 8.45444L10.723 7.61312C10.3888 7.27275 10.3888 6.72742 10.723 6.38705L11.5491 5.54572L10.5341 3.78778L9.39237 4.08254C8.9305 4.20178 8.45823 3.92912 8.33056 3.46951L8.01498 2.33341H5.98508ZM7.00003 5.83342C6.3557 5.83342 5.83337 6.35575 5.83337 7.00008C5.83337 7.64441 6.3557 8.16675 7.00003 8.16675C7.64436 8.16675 8.1667 7.64441 8.1667 7.00008C8.1667 6.35575 7.64436 5.83342 7.00003 5.83342ZM4.6667 7.00008C4.6667 5.71142 5.71137 4.66675 7.00003 4.66675C8.2887 4.66675 9.33337 5.71142 9.33337 7.00008C9.33337 8.28875 8.2887 9.33342 7.00003 9.33342C5.71137 9.33342 4.6667 8.28875 4.6667 7.00008Z\"\n            fill=\"currentColor\" />\n        </svg>\n      </span>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div class=\"hd-table-col-settings-dropdown\">\n          <div class=\"hd-table-col-settings-list\">\n            <div *ngIf=\"showListNodes && nowListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n              <nz-tree *ngIf=\"showListNodes\" [nzData]=\"nowListNodes\" nzCheckable nzDraggable nzBlockNode\n                nzShowExpand=\"false\" (nzCheckBoxChange)=\"checkAction($event)\" [nzBeforeDrop]=\"beforeDrop\"\n                [nzTreeTemplate]=\"nzTreeTemplate\">\n              </nz-tree>\n              <ng-template #nzTreeTemplate let-node>\n                <span\n                  class=\"ng-tns-c31-110 draggable ng-star-inserted ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close\"\n                  [title]=\"node.key\" draggable=\"true\" aria-grabbed=\"true\">\n                  <span class=\"ant-tree-title\">\n                    <div class=\"hd-table-tree-node\">\n                      <span>{{node.key}}</span>\n                      <div *ngIf=\"!node.origin.disabled\" class=\"hd-table-tree-node-img\">\n                        <i nz-icon nzType=\"caret-up\" nzTheme=\"outline\"></i>\n                        <i nz-icon nzType=\"caret-down\" nzTheme=\"outline\"></i>\n                      </div>\n                    </div>\n                  </span>\n                </span>\n              </ng-template>\n            </div>\n            <div *ngIf=\"showListNodes && hideListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n              <nz-tree *ngIf=\"showListNodes\" [nzData]=\"hideListNodes\" nzCheckable nzShowExpand=\"false\"\n                (nzCheckBoxChange)=\"checkAction($event)\">\n              </nz-tree>\n            </div>\n          </div>\n          <div class=\"hd-table-col-settings-footer\">\n            <hd-button style=\"margin-right: 4px;\" type=\"default\" size=\"small\" (clickAction)=\"cancelDropdown()\">\u53D6\u6D88\n            </hd-button>\n            <hd-button type=\"primary\" size=\"small\" (clickAction)=\"submitGrids()\">\u5B8C\u6210</hd-button>\n          </div>\n        </div>\n      </nz-dropdown-menu>\n    </ng-template>\n  </hd-button-group>\n  <hd-space type=\"row\" size=\"12\"></hd-space>\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" type=\"row\" size=\"12\"></hd-space>\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\" [class.hd-table--virtual]=\"useVirtualScroll\"\n    [class.hd-table--scroll-y]=\"!!(scroll && scroll.y)\" [class.hd-table--scroll-x]=\"!!(scroll && scroll.x)\"\n    [class.hd-table--has-total]=\"showTableTotal\"\n    [nzScroll]=\"scroll\"\n    [nzShowPagination]=\"pagination\" [nzShowSizeChanger]=\"pagination\" [nzShowQuickJumper]=\"pagination\"\n    [nzFrontPagination]=\"useFrontPagination\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"getTableTotalCount()\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200, 500, 1000 ]\" [(nzPageSize)]=\"tablePageSize\"\n    (nzPageSizeChange)=\"pagination ? search(true) : null\"\n    (nzPageIndexChange)=\"pagination ? search(false) : null\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\" [nzFooter]=\"showTableTotal ? tableTotalFooter : null\"\n    [nzVirtualScroll]=\"useVirtualScroll\" [nzVirtualItemSize]=\"useVirtualScroll ? effectiveVirtualItemSize : 0\"\n    [nzVirtualForTrackBy]=\"virtualTrackByRow\">\n    <thead (nzSortChange)=\"sort($event)\" nzSingleSort>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <th class=\"hd-table-line-no-col\" [nzWidth]=\"lineNumberColWidthPx\" [nzLeft]=\"lineNumberLeft\"\n          *ngIf=\"showTableTotal\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"getLeftSticky(col)\"\n            [nzRight]=\"getRightSticky(col)\" nz-resizable nzBounds=\"window\" nzPreview\n            (nzResizeEnd)=\"onResize($event, col)\" [nzShowSort]=\"col.canSort\" [nzSortKey]=\"col.name\"\n            [nzSort]=\"getColSort(col)\">\n            <ng-container *ngIf=\"getTitleParts(col) as titleParts; else plainTitle\">\n              <span class=\"hd-table-title-with-bar\">{{ titleParts[0] }}<i class=\"hd-table-row-no-bar\"></i>{{ titleParts[1] }}</span>\n            </ng-container>\n            <ng-template #plainTitle>{{ col.title }}</ng-template>\n            <nz-resize-handle nzDirection=\"right\">\n              <div class=\"resize-trigger\"></div>\n            </nz-resize-handle>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-template *ngIf=\"useVirtualScroll\" nz-virtual-scroll let-data let-index=\"index\">\n        <tr class=\"hd-table-virtual-row\" [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n          <ng-container *ngTemplateOutlet=\"tableCells; context: { $implicit: data, index: index }\"></ng-container>\n        </tr>\n      </ng-template>\n      <ng-container *ngIf=\"!useVirtualScroll\">\n        <tr *ngFor=\"let data of hdTable.data; trackBy: trackByRow; index as i\"\n          [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n          <ng-container *ngTemplateOutlet=\"tableCells; context: { $implicit: data, index: i }\"></ng-container>\n        </tr>\n      </ng-container>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{ getTableTotalCount() }} \u6761\u6570\u636E\n    </ng-template>\n    <ng-template #tableTotalFooter>\n      <!--\n        \u5217\u603B\u5BBD < \u5BB9\u5668\uFF1Afluid\uFF0C\u8868\u5BBD 100%\uFF0C\u4E0E\u8868\u4F53\u540C\u6BD4\u4F8B\u88AB\u6491\u5F00\uFF0C\u4E0D\u518D\u6309\u58F0\u660E px \u9501\u6B7B\uFF1B\n        \u5217\u603B\u5BBD > \u5BB9\u5668\uFF1Afixed\uFF0C\u8868\u5BBD = scroll.x\uFF0C\u6A2A\u6EDA\u4E0E\u8868\u4F53\u540C\u6B65\u3002\n      -->\n      <div class=\"hd-table-total-footer\"\n        [class.hd-table-total-footer--fluid]=\"isTotalFooterFluid\"\n        [class.hd-table-total-footer--y-gutter]=\"totalFooterNeedYGutter\">\n        <table class=\"hd-table-total-footer-table\" [style.width]=\"totalFooterTableWidth\">\n          <colgroup>\n            <!-- \u52FE\u9009/\u5E8F\u53F7\u9501\u5BBD\uFF0C\u4E0D\u53C2\u4E0E\u5747\u644A -->\n            <col *ngIf=\"showSelected\" style=\"width: 40px; min-width: 40px; max-width: 40px;\" />\n            <col *ngIf=\"showTableTotal\"\n              [style.width.px]=\"lineNumberColWidth\"\n              [style.min-width.px]=\"lineNumberColWidth\"\n              [style.max-width.px]=\"lineNumberColWidth\" />\n            <ng-container *ngFor=\"let col of tableCols; trackBy: trackByCol\">\n              <col *ngIf=\"col.isShow\" [style.width.px]=\"col.width\" />\n            </ng-container>\n          </colgroup>\n          <tr class=\"hd-table-total\">\n            <td *ngIf=\"showSelected\" class=\"hd-table-total-footer-cell hd-table-total-footer-select\"\n              [class.hd-table-total-footer-sticky-left]=\"!isTotalFooterFluid\"\n              style=\"left: 0;\">&nbsp;</td>\n            <td class=\"hd-table-total-footer-cell hd-table-total-footer-line-no\"\n              [class.hd-table-total-footer-sticky-left]=\"!isTotalFooterFluid\"\n              [style.left]=\"!isTotalFooterFluid ? lineNumberLeft : null\">\u5408\u8BA1</td>\n            <ng-container *ngFor=\"let col of tableCols; let colIndex = index; trackBy: trackByCol\">\n              <td *ngIf=\"col.isShow\" class=\"hd-table-total-footer-cell\"\n                [class.hd-table-total-footer-sticky-left]=\"!isTotalFooterFluid && col.fixed === 'left'\"\n                [class.hd-table-total-footer-sticky-right]=\"!isTotalFooterFluid && col.fixed === 'right'\"\n                [class.hd-table-total-align-left]=\"getTableTotalCellAlign(col, colIndex) === 'left'\"\n                [class.hd-table-total-align-center]=\"getTableTotalCellAlign(col, colIndex) === 'center'\"\n                [class.hd-table-total-align-right]=\"getTableTotalCellAlign(col, colIndex) === 'right'\"\n                [style.left]=\"!isTotalFooterFluid && col.fixed === 'left' ? (col.fixedWidth || 0) + 'px' : null\"\n                [style.right]=\"!isTotalFooterFluid && col.fixed === 'right' ? (col.fixedRightWidth || 0) + 'px' : null\"\n                [ngStyle]=\"{'text-align': getTableTotalCellAlign(col, colIndex)}\">\n                {{ getTableTotalCellValue(col, colIndex) }}\n              </td>\n            </ng-container>\n          </tr>\n        </table>\n      </div>\n    </ng-template>\n  </nz-table>\n</ng-container>\n\n<ng-template #tableCells let-data let-index=\"index\">\n  <td nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [nzChecked]=\"mapOfCheckedId[data[selectField]]\"\n    [nzDisabled]=\"isSelectDisabled(data)\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n  <td class=\"hd-table-line-no-col\" [nzWidth]=\"lineNumberColWidthPx\" [nzLeft]=\"lineNumberLeft\"\n    *ngIf=\"showTableTotal\">{{ getLineNumber(index) }}</td>\n  <ng-container *ngFor=\"let col of tableCols; trackBy: trackByCol\">\n    <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n      [nzLeft]=\"getLeftSticky(col)\"\n      [nzRight]=\"getRightSticky(col)\"\n      [ngClass]=\"(col.canWarp && showDetail) ? 'common-td-wrap' : ''\">\n      <ng-container *ngIf=\"col.title === '\u64CD\u4F5C';else notOperateTemplate\">\n        <div class=\"common-btn-group\">\n          <ng-container *ngFor=\"let btn of col.btnList\">\n            <ng-container *ngIf=\"!needShowConfirm(btn, data);else showConfirmTemplate\">\n              <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\"\n                (click)=\"triggerEvent(btn.click || null, data)\">{{ getBtnName(btn, data) }}</a>\n            </ng-container>\n            <ng-template #showConfirmTemplate>\n              <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\" nz-popconfirm\n                [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + getBtnName(btn, data) + '\u5417?'\"\n                (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                getBtnName(btn, data) }}</a>\n            </ng-template>\n          </ng-container>\n        </div>\n      </ng-container>\n      <ng-template #notOperateTemplate>\n        <ng-container *ngIf=\"hasInlineEdit(col); else displayCellTpl\">\n          <div class=\"hd-table-cell-edit\">\n            <ng-container [ngSwitch]=\"col.editType\">\n              <input *ngSwitchCase=\"'input'\" nz-input class=\"hd-table-cell-edit-control\"\n                [placeholder]=\"col.placeholder || ''\"\n                [disabled]=\"isEditDisabled(col, data)\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onCellChange(col, data, $event)\" />\n              <nz-input-number *ngSwitchCase=\"'inputNumber'\" class=\"hd-table-cell-edit-control\"\n                [nzPlaceHolder]=\"col.placeholder || ''\"\n                [nzDisabled]=\"isEditDisabled(col, data)\"\n                [nzMin]=\"getInputNumberProp(col, 'min', 0)\"\n                [nzMax]=\"getInputNumberProp(col, 'max', 99999999)\"\n                [nzStep]=\"getInputNumberProp(col, 'step', 1)\"\n                [nzPrecision]=\"getInputNumberProp(col, 'precision', 4)\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onCellChange(col, data, $event)\">\n              </nz-input-number>\n              <nz-select *ngSwitchCase=\"'select'\" class=\"hd-table-cell-edit-control\"\n                [nzPlaceHolder]=\"col.placeholder || '\u8BF7\u9009\u62E9'\"\n                [nzDisabled]=\"isEditDisabled(col, data)\"\n                [nzAllowClear]=\"col.selectOption && col.selectOption.hdAllowClear !== false\"\n                [nzShowSearch]=\"!col.selectOption || col.selectOption.hdShowSearch !== false\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onSelectChange(col, data, $event)\">\n                <nz-option *ngFor=\"let selectItem of getSelectList(col, data)\"\n                  [nzValue]=\"selectItem[col.selectOption.value]\"\n                  [nzLabel]=\"getSelectOptionLabel(col, selectItem)\">\n                </nz-option>\n              </nz-select>\n            </ng-container>\n          </div>\n        </ng-container>\n        <ng-template #displayCellTpl>\n        <div [class.hd-table-cell-with-actions]=\"col.btnList && col.btnList.length\">\n          <div class=\"hd-table-cell-value\"\n            [class.hd-table-cell-value--rowno]=\"hasRowNo(col)\"\n            [class.hd-table-cell-value--edit]=\"isEditable(col, data)\">\n            <ng-container *ngIf=\"col.name === 'state' || col.isState;else otherTemplate\">\n              <hd-status [status]=\"data[getStateField(col)]\">\n                <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">\n                  <span *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\">{{ cell.display }}</span>\n                  <span *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\">{{ cell.display }}</span>\n                </ng-container>\n              </hd-status>\n            </ng-container>\n            <ng-template #otherTemplate>\n              <ng-container *ngIf=\"col.click && (!col.canClick || col.canClick(data));else noClickTemplate\">\n                <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">\n                  <a *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\"\n                    [ngStyle]=\"{'color': getLinkCellColor(col, data, cell.isEmpty)}\"\n                    (click)=\"triggerEvent(col.click || null, data)\">{{ cell.display }}</a>\n                  <a *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\"\n                    [ngStyle]=\"{'color': getLinkCellColor(col, data, cell.isEmpty)}\"\n                    (click)=\"triggerEvent(col.click || null, data)\">{{ cell.display }}</a>\n                </ng-container>\n              </ng-container>\n              <ng-template #noClickTemplate>\n                <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">\n                  <span *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\"\n                    [ngStyle]=\"{'color': getPlainCellColor(col, data)}\">{{ cell.display }}</span>\n                  <span *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\"\n                    [ngStyle]=\"{'color': getPlainCellColor(col, data)}\">{{ cell.display }}</span>\n                </ng-container>\n              </ng-template>\n            </ng-template>\n            <span class=\"hd-table-row-no\" *ngIf=\"hasRowNo(col) && getRowNoText(col, data, index)\">\n              <i class=\"hd-table-row-no-bar\"></i>{{ getRowNoText(col, data, index) }}\n            </span>\n            <a *ngIf=\"isEditable(col, data)\" class=\"hd-table-edit-icon\" href=\"javascript:;\" title=\"\u7F16\u8F91\"\n              (click)=\"onEditClick($event, col, data)\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n                aria-hidden=\"true\">\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                  d=\"M8.10797 1.42626C8.44968 1.08456 9.0037 1.08456 9.34541 1.42626L10.9746 3.05542C11.3163 3.39713 11.3163 3.95115 10.9746 4.29286L5.01002 10.2574C4.87077 10.3967 4.68863 10.4849 4.49305 10.5078L2.72936 10.7142C2.18281 10.7782 1.71357 10.3278 1.7551 9.77914L1.89441 7.93871C1.9102 7.73007 2.00024 7.53399 2.14819 7.38604L8.10797 1.42626ZM7.67304 3.51111L8.88972 4.72779L9.94337 3.67414L8.72669 2.45746L7.67304 3.51111ZM8.06477 5.55274L6.84808 4.33606L3.04959 8.13456L2.94515 9.51434L4.25672 9.36079L8.06477 5.55274ZM12.25 12.8333L1.75 12.8333V11.6666L12.25 11.6666V12.8333Z\"\n                  fill=\"currentColor\" />\n              </svg>\n            </a>\n          </div>\n          <div class=\"common-btn-group hd-table-cell-actions\" *ngIf=\"col.btnList && col.btnList.length\">\n            <ng-container *ngFor=\"let btn of col.btnList\">\n              <ng-container *ngIf=\"!needShowConfirm(btn, data);else cellActionConfirmTpl\">\n                <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                  [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\"\n                  (click)=\"triggerEvent(btn.click || null, data)\">{{ getBtnName(btn, data) }}</a>\n              </ng-container>\n              <ng-template #cellActionConfirmTpl>\n                <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                  [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\" nz-popconfirm\n                  [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + getBtnName(btn, data) + '\u5417?'\"\n                  (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                  getBtnName(btn, data) }}</a>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n        </ng-template>\n      </ng-template>\n    </td>\n  </ng-container>\n</ng-template>\n",
+                        template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n      <hd-button *ngIf=\"showOperateColWarpButton\" type=\"default\" (click)=\"toggleShowDetail()\">{{showDetail ?\n        '\u7F29\u7565\u663E\u793A': '\u5C55\u5F00\u663E\u793A'}}</hd-button>\n    </ng-template>  \n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <ng-container *ngIf=\"showColSettings\">\n        <span class=\"hd-table-col-settings\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\"\n          [nzVisible]=\"isDropdownVisible\" (click)=\"confirmDropdown()\" title=\"\u5217\u8BBE\u7F6E\">\n          <svg class=\"hd-table-col-settings-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n              d=\"M4.92031 1.80756C5.02551 1.42884 5.37033 1.16675 5.76339 1.16675H8.23667C8.62973 1.16675 8.97455 1.42884 9.07975 1.80756L9.37802 2.88133L10.4571 2.60273C10.8377 2.50448 11.2371 2.67206 11.4336 3.01245L12.6703 5.15438C12.8668 5.49478 12.8122 5.92445 12.5369 6.20491L11.7561 7.00008L12.5369 7.79525C12.8122 8.07572 12.8668 8.50539 12.6703 8.84579L11.4336 10.9877C11.2371 11.3281 10.8377 11.4957 10.4571 11.3974L9.37802 11.1188L9.07975 12.1926C8.97455 12.5713 8.62973 12.8334 8.23667 12.8334H5.76339C5.37033 12.8334 5.02551 12.5713 4.92031 12.1926L4.62206 11.1189L3.54315 11.3974C3.16258 11.4957 2.76318 11.3281 2.56666 10.9877L1.33001 8.84579C1.13349 8.50539 1.18806 8.07572 1.46343 7.79525L2.24419 7.00008L1.46344 6.20491C1.18806 5.92445 1.13349 5.49478 1.33002 5.15438L2.56666 3.01245C2.76319 2.67206 3.16258 2.50448 3.54316 2.60273L4.62206 2.88127L4.92031 1.80756ZM4.54541 10.843L4.54552 10.8433L4.54541 10.843ZM5.98508 2.33341L5.66952 3.46945C5.54185 3.92906 5.06958 4.20173 4.60771 4.08249L3.46618 3.78778L2.45122 5.54572L3.2773 6.38705C3.6115 6.72742 3.6115 7.27275 3.2773 7.61312L2.45122 8.45444L3.46617 10.2124L4.60771 9.91768C5.06958 9.79844 5.54185 10.0711 5.66952 10.5307L5.98508 11.6667H8.01498L8.33056 10.5307C8.45823 10.071 8.9305 9.79838 9.39237 9.91762L10.5341 10.2124L11.5491 8.45444L10.723 7.61312C10.3888 7.27275 10.3888 6.72742 10.723 6.38705L11.5491 5.54572L10.5341 3.78778L9.39237 4.08254C8.9305 4.20178 8.45823 3.92912 8.33056 3.46951L8.01498 2.33341H5.98508ZM7.00003 5.83342C6.3557 5.83342 5.83337 6.35575 5.83337 7.00008C5.83337 7.64441 6.3557 8.16675 7.00003 8.16675C7.64436 8.16675 8.1667 7.64441 8.1667 7.00008C8.1667 6.35575 7.64436 5.83342 7.00003 5.83342ZM4.6667 7.00008C4.6667 5.71142 5.71137 4.66675 7.00003 4.66675C8.2887 4.66675 9.33337 5.71142 9.33337 7.00008C9.33337 8.28875 8.2887 9.33342 7.00003 9.33342C5.71137 9.33342 4.6667 8.28875 4.6667 7.00008Z\"\n              fill=\"currentColor\" />\n          </svg>\n        </span>\n        <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n          <div class=\"hd-table-col-settings-dropdown\">\n            <div class=\"hd-table-col-settings-list\">\n              <div *ngIf=\"showListNodes && nowListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n                <nz-tree *ngIf=\"showListNodes\" [nzData]=\"nowListNodes\" nzCheckable nzDraggable nzBlockNode\n                  nzShowExpand=\"false\" (nzCheckBoxChange)=\"checkAction($event)\" [nzBeforeDrop]=\"beforeDrop\"\n                  [nzTreeTemplate]=\"nzTreeTemplate\">\n                </nz-tree>\n                <ng-template #nzTreeTemplate let-node>\n                  <span\n                    class=\"ng-tns-c31-110 draggable ng-star-inserted ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close\"\n                    [title]=\"node.key\" draggable=\"true\" aria-grabbed=\"true\">\n                    <span class=\"ant-tree-title\">\n                      <div class=\"hd-table-tree-node\">\n                        <span>{{node.key}}</span>\n                        <div *ngIf=\"!node.origin.disabled\" class=\"hd-table-tree-node-img\">\n                          <i nz-icon nzType=\"caret-up\" nzTheme=\"outline\"></i>\n                          <i nz-icon nzType=\"caret-down\" nzTheme=\"outline\"></i>\n                        </div>\n                      </div>\n                    </span>\n                  </span>\n                </ng-template>\n              </div>\n              <div *ngIf=\"showListNodes && hideListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n                <nz-tree *ngIf=\"showListNodes\" [nzData]=\"hideListNodes\" nzCheckable nzShowExpand=\"false\"\n                  (nzCheckBoxChange)=\"checkAction($event)\">\n                </nz-tree>\n              </div>\n            </div>\n            <div class=\"hd-table-col-settings-footer\">\n              <hd-button style=\"margin-right: 4px;\" type=\"default\" size=\"small\" (clickAction)=\"cancelDropdown()\">\u53D6\u6D88\n              </hd-button>\n              <hd-button type=\"primary\" size=\"small\" (clickAction)=\"submitGrids()\">\u5B8C\u6210</hd-button>\n            </div>\n          </div>\n        </nz-dropdown-menu>\n      </ng-container>\n    </ng-template>\n  </hd-button-group>\n  <hd-space type=\"row\" size=\"12\"></hd-space>\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" type=\"row\" size=\"12\"></hd-space>\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\" [class.hd-table--virtual]=\"useVirtualScroll\"\n    [class.hd-table--scroll-y]=\"!!(scroll && scroll.y)\" [class.hd-table--scroll-x]=\"!!(scroll && scroll.x)\"\n    [class.hd-table--has-total]=\"showTableTotal\"\n    [nzScroll]=\"scroll\"\n    [nzShowPagination]=\"pagination\" [nzShowSizeChanger]=\"pagination\" [nzShowQuickJumper]=\"pagination\"\n    [nzFrontPagination]=\"useFrontPagination\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"getTableTotalCount()\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200, 500, 1000 ]\" [(nzPageSize)]=\"tablePageSize\"\n    (nzPageSizeChange)=\"pagination ? search(true) : null\"\n    (nzPageIndexChange)=\"pagination ? search(false) : null\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\" [nzFooter]=\"showTableTotal ? tableTotalFooter : null\"\n    [nzVirtualScroll]=\"useVirtualScroll\" [nzVirtualItemSize]=\"useVirtualScroll ? effectiveVirtualItemSize : 0\"\n    [nzVirtualForTrackBy]=\"virtualTrackByRow\">\n    <thead (nzSortChange)=\"sort($event)\" nzSingleSort>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <th class=\"hd-table-line-no-col\" [nzWidth]=\"lineNumberColWidthPx\" [nzLeft]=\"lineNumberLeft\"\n          *ngIf=\"showTableTotal\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"getLeftSticky(col)\"\n            [nzRight]=\"getRightSticky(col)\" nz-resizable nzBounds=\"window\" nzPreview\n            (nzResizeEnd)=\"onResize($event, col)\" [nzShowSort]=\"col.canSort\" [nzSortKey]=\"col.name\"\n            [nzSort]=\"getColSort(col)\">\n            <ng-container *ngIf=\"getTitleParts(col) as titleParts; else plainTitle\">\n              <span class=\"hd-table-title-with-bar\">{{ titleParts[0] }}<i class=\"hd-table-row-no-bar\"></i>{{ titleParts[1] }}</span>\n            </ng-container>\n            <ng-template #plainTitle>{{ col.title }}</ng-template>\n            <nz-resize-handle nzDirection=\"right\">\n              <div class=\"resize-trigger\"></div>\n            </nz-resize-handle>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-template *ngIf=\"useVirtualScroll\" nz-virtual-scroll let-data let-index=\"index\">\n        <tr class=\"hd-table-virtual-row\" [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n          <ng-container *ngTemplateOutlet=\"tableCells; context: { $implicit: data, index: index }\"></ng-container>\n        </tr>\n      </ng-template>\n      <ng-container *ngIf=\"!useVirtualScroll\">\n        <tr *ngFor=\"let data of hdTable.data; trackBy: trackByRow; index as i\"\n          [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n          <ng-container *ngTemplateOutlet=\"tableCells; context: { $implicit: data, index: i }\"></ng-container>\n        </tr>\n      </ng-container>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{ getTableTotalCount() }} \u6761\u6570\u636E\n    </ng-template>\n    <ng-template #tableTotalFooter>\n      <!--\n        \u5217\u603B\u5BBD < \u5BB9\u5668\uFF1Afluid\uFF0C\u8868\u5BBD 100%\uFF0C\u4E0E\u8868\u4F53\u540C\u6BD4\u4F8B\u88AB\u6491\u5F00\uFF0C\u4E0D\u518D\u6309\u58F0\u660E px \u9501\u6B7B\uFF1B\n        \u5217\u603B\u5BBD > \u5BB9\u5668\uFF1Afixed\uFF0C\u8868\u5BBD = scroll.x\uFF0C\u6A2A\u6EDA\u4E0E\u8868\u4F53\u540C\u6B65\u3002\n      -->\n      <div class=\"hd-table-total-footer\"\n        [class.hd-table-total-footer--fluid]=\"isTotalFooterFluid\"\n        [class.hd-table-total-footer--y-gutter]=\"totalFooterNeedYGutter\">\n        <table class=\"hd-table-total-footer-table\" [style.width]=\"totalFooterTableWidth\">\n          <colgroup>\n            <!-- \u52FE\u9009/\u5E8F\u53F7\u9501\u5BBD\uFF0C\u4E0D\u53C2\u4E0E\u5747\u644A -->\n            <col *ngIf=\"showSelected\" style=\"width: 40px; min-width: 40px; max-width: 40px;\" />\n            <col *ngIf=\"showTableTotal\"\n              [style.width.px]=\"lineNumberColWidth\"\n              [style.min-width.px]=\"lineNumberColWidth\"\n              [style.max-width.px]=\"lineNumberColWidth\" />\n            <ng-container *ngFor=\"let col of tableCols; trackBy: trackByCol\">\n              <col *ngIf=\"col.isShow\" [style.width.px]=\"col.width\" />\n            </ng-container>\n          </colgroup>\n          <tr class=\"hd-table-total\">\n            <td *ngIf=\"showSelected\" class=\"hd-table-total-footer-cell hd-table-total-footer-select\"\n              [class.hd-table-total-footer-sticky-left]=\"!isTotalFooterFluid\"\n              style=\"left: 0;\">&nbsp;</td>\n            <td class=\"hd-table-total-footer-cell hd-table-total-footer-line-no\"\n              [class.hd-table-total-footer-sticky-left]=\"!isTotalFooterFluid\"\n              [style.left]=\"!isTotalFooterFluid ? lineNumberLeft : null\">\u5408\u8BA1</td>\n            <ng-container *ngFor=\"let col of tableCols; let colIndex = index; trackBy: trackByCol\">\n              <td *ngIf=\"col.isShow\" class=\"hd-table-total-footer-cell\"\n                [class.hd-table-total-footer-sticky-left]=\"!isTotalFooterFluid && col.fixed === 'left'\"\n                [class.hd-table-total-footer-sticky-right]=\"!isTotalFooterFluid && col.fixed === 'right'\"\n                [class.hd-table-total-align-left]=\"getTableTotalCellAlign(col, colIndex) === 'left'\"\n                [class.hd-table-total-align-center]=\"getTableTotalCellAlign(col, colIndex) === 'center'\"\n                [class.hd-table-total-align-right]=\"getTableTotalCellAlign(col, colIndex) === 'right'\"\n                [style.left]=\"!isTotalFooterFluid && col.fixed === 'left' ? (col.fixedWidth || 0) + 'px' : null\"\n                [style.right]=\"!isTotalFooterFluid && col.fixed === 'right' ? (col.fixedRightWidth || 0) + 'px' : null\"\n                [ngStyle]=\"{'text-align': getTableTotalCellAlign(col, colIndex)}\">\n                {{ getTableTotalCellValue(col, colIndex) }}\n              </td>\n            </ng-container>\n          </tr>\n        </table>\n      </div>\n    </ng-template>\n  </nz-table>\n</ng-container>\n\n<ng-template #tableCells let-data let-index=\"index\">\n  <td nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [nzChecked]=\"mapOfCheckedId[data[selectField]]\"\n    [nzDisabled]=\"isSelectDisabled(data)\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n  <td class=\"hd-table-line-no-col\" [nzWidth]=\"lineNumberColWidthPx\" [nzLeft]=\"lineNumberLeft\"\n    *ngIf=\"showTableTotal\">{{ getLineNumber(index) }}</td>\n  <ng-container *ngFor=\"let col of tableCols; trackBy: trackByCol\">\n    <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n      [nzLeft]=\"getLeftSticky(col)\"\n      [nzRight]=\"getRightSticky(col)\"\n      [ngClass]=\"(col.canWarp && showDetail) ? 'common-td-wrap' : ''\">\n      <ng-container *ngIf=\"col.title === '\u64CD\u4F5C';else notOperateTemplate\">\n        <div class=\"common-btn-group\">\n          <ng-container *ngFor=\"let btn of col.btnList\">\n            <ng-container *ngIf=\"!needShowConfirm(btn, data);else showConfirmTemplate\">\n              <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\"\n                (click)=\"triggerEvent(btn.click || null, data)\">{{ getBtnName(btn, data) }}</a>\n            </ng-container>\n            <ng-template #showConfirmTemplate>\n              <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\" nz-popconfirm\n                [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + getBtnName(btn, data) + '\u5417?'\"\n                (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                getBtnName(btn, data) }}</a>\n            </ng-template>\n          </ng-container>\n        </div>\n      </ng-container>\n      <ng-template #notOperateTemplate>\n        <ng-container *ngIf=\"hasInlineEdit(col); else displayCellTpl\">\n          <div class=\"hd-table-cell-edit\">\n            <ng-container [ngSwitch]=\"col.editType\">\n              <input *ngSwitchCase=\"'input'\" nz-input class=\"hd-table-cell-edit-control\"\n                [placeholder]=\"col.placeholder || ''\"\n                [disabled]=\"isEditDisabled(col, data)\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onCellChange(col, data, $event)\" />\n              <nz-input-number *ngSwitchCase=\"'inputNumber'\" class=\"hd-table-cell-edit-control\"\n                [nzPlaceHolder]=\"col.placeholder || ''\"\n                [nzDisabled]=\"isEditDisabled(col, data)\"\n                [nzMin]=\"getInputNumberProp(col, 'min', 0)\"\n                [nzMax]=\"getInputNumberProp(col, 'max', 99999999)\"\n                [nzStep]=\"getInputNumberProp(col, 'step', 1)\"\n                [nzPrecision]=\"getInputNumberProp(col, 'precision', 4)\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onCellChange(col, data, $event)\">\n              </nz-input-number>\n              <nz-select *ngSwitchCase=\"'select'\" class=\"hd-table-cell-edit-control\"\n                [nzPlaceHolder]=\"col.placeholder || '\u8BF7\u9009\u62E9'\"\n                [nzDisabled]=\"isEditDisabled(col, data)\"\n                [nzAllowClear]=\"col.selectOption && col.selectOption.hdAllowClear !== false\"\n                [nzShowSearch]=\"!col.selectOption || col.selectOption.hdShowSearch !== false\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onSelectChange(col, data, $event)\">\n                <nz-option *ngFor=\"let selectItem of getSelectList(col, data)\"\n                  [nzValue]=\"selectItem[col.selectOption.value]\"\n                  [nzLabel]=\"getSelectOptionLabel(col, selectItem)\">\n                </nz-option>\n              </nz-select>\n            </ng-container>\n          </div>\n        </ng-container>\n        <ng-template #displayCellTpl>\n        <div [class.hd-table-cell-with-actions]=\"col.btnList && col.btnList.length\">\n          <div class=\"hd-table-cell-value\"\n            [class.hd-table-cell-value--rowno]=\"hasRowNo(col)\"\n            [class.hd-table-cell-value--edit]=\"isEditable(col, data)\">\n            <ng-container *ngIf=\"col.name === 'state' || col.isState;else otherTemplate\">\n              <hd-status [status]=\"data[getStateField(col)]\">\n                <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">\n                  <span *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\">{{ cell.display }}</span>\n                  <span *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\">{{ cell.display }}</span>\n                </ng-container>\n              </hd-status>\n            </ng-container>\n            <ng-template #otherTemplate>\n              <ng-container *ngIf=\"col.click && (!col.canClick || col.canClick(data));else noClickTemplate\">\n                <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">\n                  <a *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\"\n                    [ngStyle]=\"{'color': getLinkCellColor(col, data, cell.isEmpty)}\"\n                    (click)=\"triggerEvent(col.click || null, data)\">{{ cell.display }}</a>\n                  <a *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\"\n                    [ngStyle]=\"{'color': getLinkCellColor(col, data, cell.isEmpty)}\"\n                    (click)=\"triggerEvent(col.click || null, data)\">{{ cell.display }}</a>\n                </ng-container>\n              </ng-container>\n              <ng-template #noClickTemplate>\n                <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">\n                  <span *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\"\n                    [ngStyle]=\"{'color': getPlainCellColor(col, data)}\">{{ cell.display }}</span>\n                  <span *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\"\n                    [ngStyle]=\"{'color': getPlainCellColor(col, data)}\">{{ cell.display }}</span>\n                </ng-container>\n              </ng-template>\n            </ng-template>\n            <span class=\"hd-table-row-no\" *ngIf=\"hasRowNo(col) && getRowNoText(col, data, index)\">\n              <i class=\"hd-table-row-no-bar\"></i>{{ getRowNoText(col, data, index) }}\n            </span>\n            <a *ngIf=\"isEditable(col, data)\" class=\"hd-table-edit-icon\" href=\"javascript:;\" title=\"\u7F16\u8F91\"\n              (click)=\"onEditClick($event, col, data)\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n                aria-hidden=\"true\">\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                  d=\"M8.10797 1.42626C8.44968 1.08456 9.0037 1.08456 9.34541 1.42626L10.9746 3.05542C11.3163 3.39713 11.3163 3.95115 10.9746 4.29286L5.01002 10.2574C4.87077 10.3967 4.68863 10.4849 4.49305 10.5078L2.72936 10.7142C2.18281 10.7782 1.71357 10.3278 1.7551 9.77914L1.89441 7.93871C1.9102 7.73007 2.00024 7.53399 2.14819 7.38604L8.10797 1.42626ZM7.67304 3.51111L8.88972 4.72779L9.94337 3.67414L8.72669 2.45746L7.67304 3.51111ZM8.06477 5.55274L6.84808 4.33606L3.04959 8.13456L2.94515 9.51434L4.25672 9.36079L8.06477 5.55274ZM12.25 12.8333L1.75 12.8333V11.6666L12.25 11.6666V12.8333Z\"\n                  fill=\"currentColor\" />\n              </svg>\n            </a>\n          </div>\n          <div class=\"common-btn-group hd-table-cell-actions\" *ngIf=\"col.btnList && col.btnList.length\">\n            <ng-container *ngFor=\"let btn of col.btnList\">\n              <ng-container *ngIf=\"!needShowConfirm(btn, data);else cellActionConfirmTpl\">\n                <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                  [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\"\n                  (click)=\"triggerEvent(btn.click || null, data)\">{{ getBtnName(btn, data) }}</a>\n              </ng-container>\n              <ng-template #cellActionConfirmTpl>\n                <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                  [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\" nz-popconfirm\n                  [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + getBtnName(btn, data) + '\u5417?'\"\n                  (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                  getBtnName(btn, data) }}</a>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n        </ng-template>\n      </ng-template>\n    </td>\n  </ng-container>\n</ng-template>\n",
                         changeDetection: core.ChangeDetectionStrategy.OnPush,
                         styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!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;padding:0 6px!important}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection--multiple .ant-select-selection__rendered>ul>li.ant-select-search--inline:only-child{margin-left:4px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::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}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;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:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{height:100%}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:row-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:col-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.hd-table-col-settings{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;padding:0;margin-left:12px;cursor:pointer;color:#2a3634;background:0 0;border:1px solid #e5e6eb;border-radius:4px;vertical-align:middle;flex-shrink:0}.hd-table-col-settings:hover{color:#20b95d;background:#f5f8f6;border-color:#20b95d}.hd-table-col-settings .hd-table-col-settings-icon{display:block;width:14px;height:14px;flex-shrink:0}.hd-table-cell-with-actions{display:inline-flex;flex-wrap:wrap;align-items:center;-moz-column-gap:12px;column-gap:12px;row-gap:6px;max-width:100%}.hd-table-cell-with-actions .hd-table-cell-value{min-width:0}.hd-table-cell-with-actions .hd-table-cell-actions{flex-shrink:0}.hd-table-col-settings-dropdown{background:#fff;border:1px solid #e5e6eb;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.06);overflow:hidden}.hd-table-col-settings-list{max-height:400px;overflow-y:auto}.hd-table-col-settings-footer{text-align:right;background:#fff;padding:4px;border-top:1px solid #f0f0f0}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .ant-table-tbody>tr>td.hd-table-line-no-col,.hd-table-container ::ng-deep .ant-table-thead>tr>th.hd-table-line-no-col{width:72px!important;min-width:72px!important;max-width:72px!important;box-sizing:border-box}.hd-table-container .hd-table-cell-value--edit,.hd-table-container .hd-table-cell-value--rowno{display:inline-flex;align-items:center;min-width:0}.hd-table-container .hd-table-cell-value--edit>a:not(.hd-table-edit-icon),.hd-table-container .hd-table-cell-value--edit>hd-status,.hd-table-container .hd-table-cell-value--edit>span:not(.hd-table-row-no),.hd-table-container .hd-table-cell-value--rowno>a:not(.hd-table-edit-icon),.hd-table-container .hd-table-cell-value--rowno>hd-status,.hd-table-container .hd-table-cell-value--rowno>span:not(.hd-table-row-no){min-width:0}.hd-table-container .hd-table-row-no{display:inline-flex;flex-shrink:0;align-items:center;margin-left:4px;color:#1d1f29;font-size:14px;line-height:22px}.hd-table-container .hd-table-row-no-bar{display:inline-block;flex:0 0 auto;align-self:center;width:1px;height:14px;margin-right:4px;background:#1d1f29;vertical-align:middle}.hd-table-container .hd-table-edit-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;margin-left:2px;width:14px;height:14px;color:#20b95d;line-height:1;cursor:pointer}.hd-table-container .hd-table-edit-icon:hover{color:#20bd62}.hd-table-container .hd-table-edit-icon svg{display:block;width:14px;height:14px}.hd-table-container .hd-table-title-with-bar{display:inline-flex;align-items:center}.hd-table-container .hd-table-title-with-bar .hd-table-row-no-bar{width:1px;height:14px;margin:0 4px;align-self:center}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td.ant-table-td-right-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td.ant-table-td-right-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td.ant-table-td-right-sticky{background:#f7f8fa!important;color:#868a9c!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group>a{color:#20b95d!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group>a:hover{color:#20bd62!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group .common-danger-btn:hover{color:#f05b24!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .hd-table-cell-value>a{color:#20b95d}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-billNumber>a{color:#3b77e3}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .hd-status-text{color:#868a9c!important}.hd-table-container ::ng-deep cdk-virtual-scroll-viewport.ant-table-body .hd-table-virtual-row>td{box-sizing:border-box}.hd-table-container.hd-table--scroll-x ::ng-deep .ant-table-body>table,.hd-table-container.hd-table--scroll-x ::ng-deep .ant-table-header>table,.hd-table-container.hd-table--scroll-x ::ng-deep .cdk-virtual-scroll-content-wrapper>table{table-layout:fixed}.hd-table-container:not(.hd-table--scroll-y):not(.hd-table--scroll-x) ::ng-deep .ant-table-body{max-height:none!important;overflow-y:visible!important}.hd-table-container.hd-table--has-total ::ng-deep .ant-table-footer{padding:0;overflow:hidden;background:#fafafa;border-top:1px solid #e8e8e8}.hd-table-total-footer{width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;background:#fafafa;scrollbar-width:thin;scrollbar-color:transparent transparent}.hd-table-total-footer::-webkit-scrollbar{width:12px;height:0}.hd-table-total-footer::-webkit-scrollbar-track{background:0 0}.hd-table-total-footer::-webkit-scrollbar-thumb{background:padding-box;border:4px solid transparent}.hd-table-total-footer::-webkit-scrollbar-corner{background:0 0}.hd-table-total-footer.hd-table-total-footer--y-gutter{overflow-y:scroll}.hd-table-total-footer.hd-table-total-footer--fluid{overflow-x:hidden}.hd-table-total-footer-table{table-layout:fixed;border-collapse:separate;border-spacing:0}.hd-table-total-footer-cell{padding:12px 8px;font-weight:500;background:#fafafa;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:0}.hd-table-total-footer-cell.hd-table-total-align-left{text-align:left!important}.hd-table-total-footer-cell.hd-table-total-align-center{text-align:center!important}.hd-table-total-footer-cell.hd-table-total-align-right{text-align:right!important}.hd-table-total-footer-select{width:40px;min-width:40px;max-width:40px;padding-left:8px;padding-right:8px;text-align:center}.hd-table-total-footer-line-no{width:72px;min-width:72px;max-width:72px}.hd-table-total-footer-sticky-left,.hd-table-total-footer-sticky-right{position:-webkit-sticky;position:sticky;z-index:2;background:#fafafa}::ng-deep .ant-dropdown-menu{border-radius:0}::ng-deep .ant-dropdown{margin-top:8px!important}.common-td-wrap{white-space:normal!important;word-break:break-all}.hd-table-cell-ellipsis{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nz-resizable-preview{border-width:0 1px 0 0}.resize-trigger{width:10px;height:15px;position:relative;top:calc((100% - 15px)/ 2)}.resize-trigger::after{position:absolute;top:calc((100% - 15px)/ 2);left:0;background:#d5d5d5;content:'';width:1px;height:15px;z-index:1}.nz-resizable-handle-right{position:absolute;width:10px;top:0;right:-5px;z-index:inherit}::ng-deep .ant-table-th-right-sticky .nz-resizable-handle-right{right:0}.hd-table-tree-node{display:inline-flex;align-items:center;padding-right:10px}.hd-table-tree-node .hd-table-tree-node-img{display:flex;flex-direction:column;position:absolute;right:0;margin-top:-2.5px}.hd-table-tree-node .hd-table-tree-node-img i{opacity:.3}.hd-table-tree-node .hd-table-tree-node-img i:last-child{margin-top:-5px}img{width:20px;height:20px}.ant-table-th-left-sticky{z-index:2}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}.hd-table-cell-edit{width:100%;min-width:0}.hd-table-cell-edit-control{width:100%!important}::ng-deep .hd-table-cell-edit .ant-input,::ng-deep .hd-table-cell-edit .ant-input-number,::ng-deep .hd-table-cell-edit .ant-select{width:100%}::ng-deep .hd-table-cell-edit .ant-input,::ng-deep .hd-table-cell-edit .ant-input-number,::ng-deep .hd-table-cell-edit .ant-select-selection{height:32px}::ng-deep .hd-table-cell-edit .ant-input-number-input{height:30px}::ng-deep .hd-table-cell-edit .ant-select-selection__rendered{line-height:30px}"]
                     }] }
@@ -13675,6 +13726,7 @@
             tableData: [{ type: core.Input }],
             showSelected: [{ type: core.Input }],
             showOperateColWarpButton: [{ type: core.Input }],
+            showColSettings: [{ type: core.Input }],
             virtualScroll: [{ type: core.Input }],
             virtualItemSize: [{ type: core.Input }],
             selectField: [{ type: core.Input }],
@@ -13710,6 +13762,10 @@
             core$1.InputBoolean(),
             __metadata("design:type", Boolean)
         ], HdTableComponent.prototype, "showOperateColWarpButton", void 0);
+        __decorate([
+            core$1.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdTableComponent.prototype, "showColSettings", void 0);
         __decorate([
             core$1.InputBoolean(),
             __metadata("design:type", Boolean)
@@ -13739,6 +13795,11 @@
         HdTableComponent.prototype.showSelected;
         /** @type {?} */
         HdTableComponent.prototype.showOperateColWarpButton;
+        /**
+         * 是否展示列设置（齿轮），默认开启；弹窗等场景可传 false 关闭
+         * @type {?}
+         */
+        HdTableComponent.prototype.showColSettings;
         /** @type {?} */
         HdTableComponent.prototype.virtualScroll;
         /**