fantasy-ngzorro 1.1.4 → 1.1.6

package/bundles/fantasy-ngzorro.umd.js

@@ -3292,6 +3292,8 @@
         remarkColwidth: 250,
         // 备注列
         fixColWidth: 150,
+        // 不属于以上内容的列统一使用该宽度，增加超长省略
+        maxColWidth: 350 // 用于展示订单内容，需要缩略、展开显示的列
     };
 
     /**
@@ -3311,6 +3313,7 @@
             // 固定列宽度
             this.btnList = [];
             this.isShow = true;
+            this.canWarp = false; // 用于某一列需要个性化的场景，当为true时，且表格选项showOperateColWarpButton为true时，通过按钮控制对应的列是否换行
         }
         return HdTableColumn;
     }());
@@ -3337,6 +3340,8 @@
         HdTableColumn.prototype.btnList;
         /** @type {?} */
         HdTableColumn.prototype.isShow;
+        /** @type {?} */
+        HdTableColumn.prototype.canWarp;
     }
     var OperateBtn = /** @class */ (function () {
         function OperateBtn() {
@@ -3422,6 +3427,7 @@
             this.commonSessionService = commonSessionService;
             this.tableCols = [];
             this.showSelected = false;
+            this.showOperateColWarpButton = false;
             this.selectField = 'billNumber';
             // 合计区域
             this.showTableTotal = false;
@@ -3458,6 +3464,7 @@
             // 点击时需要有临时数组存放两个tree,用于取消时候恢复调整前的状态
             this.cancelNowListNodes = [];
             this.cancelHideListNodes = [];
+            this.showDetail = false;
             // 拖拽操作
             this.beforeDrop = (/**
              * @param {?} arg
@@ -4204,11 +4211,27 @@
             }));
             this.refreshStatus();
         };
+        /**
+         * @param {?} str
+         * @return {?}
+         */
+        HdTableComponent.prototype.judgeColEmpty = /**
+         * @param {?} str
+         * @return {?}
+         */
+        function (str) {
+            if (str || str === 0) {
+                return str;
+            }
+            else {
+                return '<空>';
+            }
+        };
         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    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <hd-button type=\"primary\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\" (clickAction)=\"confirmDropdown()\"\n        [nzVisible]=\"isDropdownVisible\">\u8BBE\u7F6E\u5217</hd-button>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div style=\"max-height: 400px;overflow-y: scroll;\">\n          <div 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            </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 style=\"text-align: right;background: #fff;padding: 4px;\">\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      </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\" [nzScroll]=\"scroll\" nzShowSizeChanger\n    nzShowSizeChanger nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0  + 'px' : null\" nz-resizable nzBounds=\"window\"\n            (nzResizeEnd)=\"onResize($event, col.title)\">\n            {{ col.title }}\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      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0 + 'px' : null\">\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=\"!btn.showConfirm;else showConfirmTemplate\">\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\"\n                      (click)=\"triggerEvent(btn.click || null, data)\">{{ btn.name }}</a>\n                  </ng-container>\n                  <ng-template #showConfirmTemplate>\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\" nz-popconfirm\n                      [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + btn.name + '\u5417?'\"\n                      (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                      btn.name }}</a>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </ng-container>\n            <ng-template #notOperateTemplate>\n              <ng-container *ngIf=\"col.name === 'state';else otherTemplate\">\n                <hd-status [status]=\"data['state']\">{{ col.render ? col.render(data) : data['state'] }}\n                </hd-status>\n              </ng-container>\n              <ng-template #otherTemplate>\n                <ng-container *ngIf=\"col.click;else noClickTemplate\">\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ col.render ? col.render(data) :\n                      data[col.name]}}</a>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ col.render ? col.render(data) :\n                      data[col.name]}}</a>\n                  </ng-template>\n                </ng-container>\n                <ng-template #noClickTemplate>\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{ col.render ? col.render(data) :\n                      data[col.name]}}</span>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\">\n                      {{ col.render ? col.render(data) : data[col.name]}}</span>\n                  </ng-template>\n                </ng-template>\n              </ng-template>\n            </ng-template>\n          </td>\n        </ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u6240\u6709\u6570\u636E\u533A\u57DF \u9700\u8981\u540E\u7AEF\u63A5\u53E3\u914D\u5408 -->\n      <tr *ngIf=\"showTableTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let tableTotalOption of tableTotalOptionList\">\n          <td>{{ tableTotalOption }}</td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{tableData.totalElements}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset;padding:0 6px!important}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!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}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.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{width:10px;height:100%;top:0;right:-5px}.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-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;overflow:hidden;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 .hd-table-total>td{border:0!important}.resize-trigger{height:15px;background:#e8e8e8;position:absolute}.nz-resizable-preview{border-width:0 1px 0 0}::ng-deep .ant-dropdown-menu{border-radius:0}::ng-deep .ant-dropdown{margin-top:8px!important}"]
+                        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)=\"showDetail = !showDetail\">{{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      <hd-button type=\"primary\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\" (clickAction)=\"confirmDropdown()\"\n        [nzVisible]=\"isDropdownVisible\">\u8BBE\u7F6E\u5217</hd-button>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div style=\"max-height: 400px;overflow-y: scroll;\">\n          <div 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            </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 style=\"text-align: right;background: #fff;padding: 4px;\">\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      </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\" [nzScroll]=\"scroll\" nzShowSizeChanger\n    nzShowSizeChanger nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0  + 'px' : null\" nz-resizable nzBounds=\"window\"\n            (nzResizeEnd)=\"onResize($event, col.title)\">\n            {{ col.title }}\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      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0 + 'px' : null\"\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=\"!btn.showConfirm;else showConfirmTemplate\">\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\"\n                      (click)=\"triggerEvent(btn.click || null, data)\">{{ btn.name }}</a>\n                  </ng-container>\n                  <ng-template #showConfirmTemplate>\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\" nz-popconfirm\n                      [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + btn.name + '\u5417?'\"\n                      (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                      btn.name }}</a>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </ng-container>\n            <ng-template #notOperateTemplate>\n              <ng-container *ngIf=\"col.name === 'state';else otherTemplate\">\n                <hd-status [status]=\"data['state']\">{{ judgeColEmpty(col.render ? col.render(data) : data['state'])}}\n                </hd-status>\n              </ng-container>\n              <ng-template #otherTemplate>\n                <ng-container *ngIf=\"col.click;else noClickTemplate\">\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ judgeColEmpty(col.render ? col.render(data) :\n                      data[col.name])}}</a>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ judgeColEmpty(col.render ? col.render(data) :\n                      data[col.name])}}</a>\n                  </ng-template>\n                </ng-container>\n                <ng-template #noClickTemplate>\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{ judgeColEmpty(col.render ?\n                      col.render(data) :\n                      data[col.name])}}</span>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\">\n                      {{ judgeColEmpty(col.render ? col.render(data) : data[col.name])}}</span>\n                  </ng-template>\n                </ng-template>\n              </ng-template>\n            </ng-template>\n          </td>\n        </ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u6240\u6709\u6570\u636E\u533A\u57DF \u9700\u8981\u540E\u7AEF\u63A5\u53E3\u914D\u5408 -->\n      <tr *ngIf=\"showTableTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let tableTotalOption of tableTotalOptionList\">\n          <td>{{ tableTotalOption }}</td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{tableData.totalElements}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset;padding:0 6px!important}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!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}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.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{width:10px;height:100%;top:0;right:-5px}.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-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;overflow:hidden;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 .hd-table-total>td{border:0!important}.resize-trigger{height:15px;background:#e8e8e8;position:absolute}.nz-resizable-preview{border-width:0 1px 0 0}::ng-deep .ant-dropdown-menu{border-radius:0}::ng-deep .ant-dropdown{margin-top:8px!important}.common-td-wrap{white-space:normal!important}"]
                     }] }
         ];
         /** @nocollapse */
@@ -4220,6 +4243,7 @@
             tableCols: [{ type: core.Input }],
             tableData: [{ type: core.Input }],
             showSelected: [{ type: core.Input }],
+            showOperateColWarpButton: [{ type: core.Input }],
             selectField: [{ type: core.Input }],
             showTableTotal: [{ type: core.Input }],
             tableTotalOption: [{ type: core.Input }],
@@ -4238,6 +4262,10 @@
             core$1.InputBoolean(),
             __metadata("design:type", Boolean)
         ], HdTableComponent.prototype, "showSelected", void 0);
+        __decorate([
+            core$1.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdTableComponent.prototype, "showOperateColWarpButton", void 0);
         __decorate([
             core$1.InputBoolean(),
             __metadata("design:type", Boolean)
@@ -4254,6 +4282,8 @@
         /** @type {?} */
         HdTableComponent.prototype.showSelected;
         /** @type {?} */
+        HdTableComponent.prototype.showOperateColWarpButton;
+        /** @type {?} */
         HdTableComponent.prototype.selectField;
         /** @type {?} */
         HdTableComponent.prototype.showTableTotal;
@@ -4327,6 +4357,8 @@
         /** @type {?} */
         HdTableComponent.prototype.cancelHideListNodes;
         /** @type {?} */
+        HdTableComponent.prototype.showDetail;
+        /** @type {?} */
         HdTableComponent.prototype.beforeDrop;
         /**
          * @type {?}