@ebuilding/runtime 2.8.0 → 2.8.4

package/fesm2022/home.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { Component, Injectable, Input, ViewChild, InjectionToken, Inject, NgModule } from '@angular/core';
-import * as i4 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i5$2 from 'ng-zorro-antd/spin';
+import * as i5$1 from 'ng-zorro-antd/spin';
 import { NzSpinModule } from 'ng-zorro-antd/spin';
-import * as i4$1 from 'ng-zorro-antd/tabs';
+import * as i4 from 'ng-zorro-antd/tabs';
 import { NzTabsModule } from 'ng-zorro-antd/tabs';
 import * as i7 from '@ebuilding/abc/empty';
 import { GramDeonEmptyModule } from '@ebuilding/abc/empty';
@@ -15,19 +15,20 @@ import * as i3 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
 import * as i1 from '@delon/theme';
 import { FormCustomComponent } from '@ebuilding/biz-form/custom';
-import * as i2 from '@ebuilding/base/shared.srv/base-dialog.service';
-import * as i2$1 from '@angular/router';
+import * as i2$1 from '@ebuilding/base/shared.srv/base-dialog.service';
+import * as i2$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import * as i5 from 'ng-zorro-antd/carousel';
 import { NzCarouselModule } from 'ng-zorro-antd/carousel';
-import * as i2$2 from '@angular/platform-browser';
-import * as i5$1 from '@ebuilding/chart/report';
+import * as i2$3 from '@angular/platform-browser';
+import * as i2$4 from '@ebuilding/chart/report';
 import { ReportChartModule } from '@ebuilding/chart/report';
-import * as i2$3 from '@fullcalendar/angular';
+import { ReportRuntimeTableViewComponent } from '@ebuilding/report';
+import * as i2$5 from '@fullcalendar/angular';
 import { FullCalendarModule } from '@fullcalendar/angular';
 import dayGridPlugin from '@fullcalendar/daygrid';
 import zhLocale from '@fullcalendar/core/locales/zh-cn';
-import * as i2$4 from '@ebuilding/runtime/comm/default';
+import * as i2$6 from '@ebuilding/runtime/comm/default';
 import { CommDefaultModule } from '@ebuilding/runtime/comm/default';
 import { of } from 'rxjs';
 
@@ -53,7 +54,7 @@ class HomeAppComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeAppComponent, deps: [{ token: i1._HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeAppComponent, isStandalone: true, selector: "home-app", ngImport: i0, template: "<ng-container *ngIf=\"data!!\">\n    <ng-container *ngFor=\"let item of data;let index=index\">\n        <div class=\"item\" (click)=\"itemClick(item)\">\n            <div class=\"item-icon\" [ngClass]=\"'backgroup_'+index\">\n                <i nz-icon [nzType]=\"item.icon\"></i>\n            </div>\n            <label class=\"item-label\">\n                {{item.name}}\n            </label>\n        </div>\n    </ng-container>\n</ng-container>", styles: [":host ::ng-deep .item{display:flex;flex-direction:column;align-items:center;float:left;width:58px;margin-right:15px;padding:15px 0 0}:host ::ng-deep .item-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;color:#fff;font-size:30px;border-radius:8px;cursor:pointer}:host ::ng-deep .item-icon:hover{opacity:.8}:host ::ng-deep .item-label{padding:3px 0 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeAppComponent, isStandalone: true, selector: "home-app", ngImport: i0, template: "<ng-container *ngIf=\"data!!\">\n    <ng-container *ngFor=\"let item of data;let index=index\">\n        <div class=\"item\" (click)=\"itemClick(item)\">\n            <div class=\"item-icon\" [ngClass]=\"'backgroup_'+index\">\n                <i nz-icon [nzType]=\"item.icon\"></i>\n            </div>\n            <label class=\"item-label\">\n                {{item.name}}\n            </label>\n        </div>\n    </ng-container>\n</ng-container>", styles: [":host ::ng-deep .item{display:flex;flex-direction:column;align-items:center;float:left;width:58px;margin-right:15px;padding:15px 0 0}:host ::ng-deep .item-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;color:#fff;font-size:30px;border-radius:8px;cursor:pointer}:host ::ng-deep .item-icon:hover{opacity:.8}:host ::ng-deep .item-label{padding:3px 0 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i3.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeAppComponent, decorators: [{
             type: Component,
@@ -105,8 +106,8 @@ class HomeNoticeComponent {
             this.loading = false;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeNoticeComponent, deps: [{ token: i1._HttpClient }, { token: i2.GramBaseDialogService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeNoticeComponent, isStandalone: true, selector: "home-notice", ngImport: i0, template: "<nz-tabset>\n    <nz-tab nzTitle=\"\u5236\u5EA6\">\n        <ng-container *ngIf=\"dataZd!!\">\n            <ng-container *ngFor=\"let item of dataZd\">\n                <div class=\"item\">\n                    <a (click)=\"itemClick(item)\">{{item.title}}</a>\n                </div>\n            </ng-container>\n        </ng-container>\n    </nz-tab>\n    <nz-tab nzTitle=\"\u516C\u544A\">\n        <ng-container *ngIf=\"dataGg!!\">\n            <ng-container *ngFor=\"let item of dataGg\">\n                <div class=\"item\">\n                    <a (click)=\"itemClick(item)\">{{item.title}}</a>\n                </div>\n            </ng-container>\n        </ng-container>\n    </nz-tab>\n</nz-tabset>", styles: [":host ::ng-deep .item{padding:15px 0 0}:host ::ng-deep .item a{color:inherit;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .item a:hover{color:#1177fb}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i4$1.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i4$1.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeNoticeComponent, deps: [{ token: i1._HttpClient }, { token: i2$1.GramBaseDialogService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeNoticeComponent, isStandalone: true, selector: "home-notice", ngImport: i0, template: "<nz-tabset>\n    <nz-tab nzTitle=\"\u5236\u5EA6\">\n        <ng-container *ngIf=\"dataZd!!\">\n            <ng-container *ngFor=\"let item of dataZd\">\n                <div class=\"item\">\n                    <a (click)=\"itemClick(item)\">{{item.title}}</a>\n                </div>\n            </ng-container>\n        </ng-container>\n    </nz-tab>\n    <nz-tab nzTitle=\"\u516C\u544A\">\n        <ng-container *ngIf=\"dataGg!!\">\n            <ng-container *ngFor=\"let item of dataGg\">\n                <div class=\"item\">\n                    <a (click)=\"itemClick(item)\">{{item.title}}</a>\n                </div>\n            </ng-container>\n        </ng-container>\n    </nz-tab>\n</nz-tabset>", styles: [":host ::ng-deep .item{padding:15px 0 0}:host ::ng-deep .item a{color:inherit;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .item a:hover{color:#1177fb}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i4.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i4.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeNoticeComponent, decorators: [{
             type: Component,
@@ -114,7 +115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         CommonModule,
                         NzTabsModule
                     ], template: "<nz-tabset>\n    <nz-tab nzTitle=\"\u5236\u5EA6\">\n        <ng-container *ngIf=\"dataZd!!\">\n            <ng-container *ngFor=\"let item of dataZd\">\n                <div class=\"item\">\n                    <a (click)=\"itemClick(item)\">{{item.title}}</a>\n                </div>\n            </ng-container>\n        </ng-container>\n    </nz-tab>\n    <nz-tab nzTitle=\"\u516C\u544A\">\n        <ng-container *ngIf=\"dataGg!!\">\n            <ng-container *ngFor=\"let item of dataGg\">\n                <div class=\"item\">\n                    <a (click)=\"itemClick(item)\">{{item.title}}</a>\n                </div>\n            </ng-container>\n        </ng-container>\n    </nz-tab>\n</nz-tabset>", styles: [":host ::ng-deep .item{padding:15px 0 0}:host ::ng-deep .item a{color:inherit;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .item a:hover{color:#1177fb}\n"] }]
-        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2.GramBaseDialogService }] });
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2$1.GramBaseDialogService }] });
 
 class HomeWorkFlowComponent {
     router;
@@ -125,7 +126,7 @@ class HomeWorkFlowComponent {
     flowClick(e) {
         this.router.navigateByUrl(`/workflow/list/${e}`);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeWorkFlowComponent, deps: [{ token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeWorkFlowComponent, deps: [{ token: i2$2.Router }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeWorkFlowComponent, isStandalone: true, selector: "home-workflow", ngImport: i0, template: "<ul>\n    <li>\n        <div class=\"step-wrapper\" (click)=\"flowClick('apply')\">\n            <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABGlBMVEUAAAAAAP8AgP8Aqv8AgP8zmf8qgP8ggP8Xi/8qlf8iiP8gj/8cgPEdif8kif8ikP8hjPchjP8ni/cjh/gjjvgmjPkji/kiiPkijv8jjPoiifoki/sjivgjiPgki/gkifgjifwlivkkjPwkifolivwji/oljPolivojivski/skifkki/kjjPkli/kkivokivokifglivolifkli/oki/oki/kkivskivklivkki/kjivoli/ojivojifgji/gji/okivokivkkivkkivkkivkkivkkivkki/okivkkivkkivkkivgkivgkivkjivkkivokivokifkkivojivkkivkkivokivkkivojivkjivkkivkkivkki/okivmdXVYCAAAAXXRSTlMAAQIDBAUGCAsMDxASGhweHx8hJCQoLC0tMzQ5SElNTlBTVF1gZWZvdHmAhomKjI6PkqCgoaKqrK64u8HCw8PDxMjL09TW19vi4+Tq6+3v7/Dz9Pb39/r6/P39/v7dYDghAAACJElEQVRYw+2YWTMDQRSF7zDELrGMMIg1CGaQCCJ2IvYlCYlx///f8KB40Hd6breOKlU5r3Pqq5ma7nMXgJZa+ifqijuu68S7TLB6Un6hHCAiIgblgp/q+Q2tN12s4w/Vi+leTdxotoakatlRDdxwvoGhauSHFXGxTBWlqmZiKrxkCSNVSvJ5ixVkqLLIxFkeMuVZHJ6dQ7ZyNuP9tlFBueh39FBJXuT/QEVF/JlkRRVYkZ6eWAmVVZKd8AxqKCO5v1UdYDX8XudRS/nQvGroARthaZal3I9LE/NnEcRsSD6TeToJAPbykxRYozM8TXmvP58N7EiJaRJ4SFnPv55OXkqARbK+1aVAaYjXqVqYQjkQYGQvlJgigH4kEGDuKgToE8ACAwjd3itpKxDAMgcIMHZE2cpE/xLwgGAt3Ii2QOx7EsgEAvTtir6E4HL4QGi7EHyOYHIVgLAm+NzfAbcYQJVPHn9mfHKcD5x7FH1x/WPTufnOOjbcgz10yjzYvKsHM/fsq8cJhw4/4IdDdHzB4IlKfEUFLMD0nVLAQlEOtNcDtRJAF6lv4MCxcpEiy+gXcOpWvYyShf7BAgBoX33TKPR0KzIPAP37eq0I2Sy9bMyu3Go2S+bbOeMNp/mW2HjTbn6sMD/4gJVT4TFGM7AVhr1txvBofrw1P4A3YUVgfolhfs3ShEXQ56rqQFxVHWivqpqwTPvuexKO6zoJI+u+llr6C30AImnPnDDxrmkAAAAASUVORK5CYII=\"\n                alt=\"\" />\n            <label>\u6211\u53D1\u8D77\u7684</label>\n        </div>\n    </li>\n    <li>\n        <div class=\"step-wrapper\" (click)=\"flowClick('processed')\">\n            <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAACFlBMVEUAAAAAAP8A//8AgP8Aqv+qqv8AgP+Av/8Amf+ZzP8qgP8ggP+fv/+Oxv8agP8Xi/8ui+iL0f8VgOoqlf8niesnif+Stu0gj/8eh/+Oxv+PwvUnif8mhPYkifYiiPciiP8hjP8oh/coj/+Pw/gjjvgiivghifgkjPkji/mRxfmQyP8kh/okjfokivqRw/qQw/okifoki/Yki/sjiPsjjfsjivsijPuQw/sljPuQwfski/cki/sli/sljPuTxPySw/wkifgjifwlivkjiPkmi/mSw/wkifojivojjPojivolivqQxPqQwvokifqRw/qSxPojivokivgki/ski/uQw/uRw/uSxPskivkjifkli/kkifkki/uRwvmRxPuTxPskivsjivkli/kjivgjivokivoki/okivoki/qQw/oki/iRw/okivokivkkivqRxPwli/kki/kkivmRwvskivkkivkkivmSwvskivmRw/skivmRw/skifkkivkkivojivokivgkivoki/oki/oji/okivoki/okivokivokifkki/kki/ojivokivkkivkkivokivkkivkkivkjifkkivkkivkkivkkivkkivkjivkkifokivokivgkivokifgkivoli/ojivokivokivokivkkivoki/ojivojivkkivkkivkkivokivkkivokivkjivkkivkki/okivmSNfP3AAAAsXRSTlMAAQECAwMEBAUFBggICQoLCwsMDA0NDhAREhkaGxweHh8gICIkJScqLCwuMTEyMzc4OTk6Ojs8PD4+QEBERUlNTlBTWFhZXV5fYGBjZWprbG1xcnd4e36BgoSGhoaGhoeJipCQlJWWlpqcnKSlpaWnqaqsr7CxsbKys7O2t7q7vr+/wcPExcbP0NDQ0dLT09fa3t/h4uPk5efo6Onp6urt7u7v8fHx9fb29/f4+Pr8/v7IYf4CAAACFElEQVRYw2NgGAWjYBQMGsCq5xMaG4cXhPlZ8hJtnn5GFTEgz55I81wrqogEIezEmGdXRTzwJ8I8ySISDKzSImygNynmVcUQNjCLJAPLxAiZx1NFGtAkZKAUiQaaEzKQU5k0IDgM8jGXqpkVscBCXYCQcRq5SzaSAtbU2OAzjjF83UaSQT4fbgPTNpIDmrhwmee+kTyQjMM87mlkGrhWBbuBjhvJBRHYDUwh28A27AaWkm3gVOwGNpBt4FLsBjYSqX1KyzxqGrjAgYGBzXct1QxcbQJWG0gtAze4Q9PsMioZGA9TPIE6BpYwM1DVhV1CMLXUCcOZ8jClJqvJM3DhImTeKiOYSoVZZKXDDkMGBoN2RAS7wRQKd5OVsCeLgwSFamH8aJg65lLysl4QtNIqgHCLmWDqEsjMy7YwB6WDeJ38MGUeG8g00BMuEbFx4ww5GMd0NbmlTQvcjwwBKwxgTMU55BdfqQgTZWEMkR5KysMcDnQlzOWUFbDV6HV4IqUldqsEigovyquAPmkkBWarqVCnTFKFyyvNpUolNVsXKi3aS6Vab7E1JIIrqVaNrnQBZelMatbLzVFJE2lY0Q+cgXVkGzgfu4HZZBvYj93AYLINLMBuoNp6cg10xtHILiDXxyw4DJSZTpZ5q41x9lN0yDFxuROerpRMAcnh2KyNv7OnFpxT10gsqC+MNBgdNhsFo2AwAAAtOPG9B304zAAAAABJRU5ErkJggg==\"\n                alt=\"\" />\n            <label>\u6211\u5904\u7406\u7684</label>\n        </div>\n    </li>\n    <li>\n        <div class=\"step-wrapper\" (click)=\"flowClick('cc')\">\n            <img src=\"data:image/png;base64,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\"\n                alt=\"\" />\n            <label>\u6284\u9001\u6211\u7684</label>\n        </div>\n    </li>\n    <li>\n        <div class=\"step-wrapper\" (click)=\"flowClick('waiting')\">\n            <img src=\"data:image/png;base64,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\"\n                alt=\"\" />\n            <label>\u6211\u7684\u5F85\u529E</label>\n        </div>\n    </li>\n</ul>", styles: [":host ::ng-deep{display:flex;flex-direction:row}:host ::ng-deep ul{display:flex;flex:1;flex-direction:row;margin:0;padding:0}:host ::ng-deep ul li{flex:1}:host ::ng-deep .step-wrapper{display:flex;flex-direction:column;align-items:center;width:140px;height:140px;margin:0 auto;padding:35px}:host ::ng-deep .step-wrapper img{width:40px;height:40px;margin-bottom:16px}:host ::ng-deep .step-wrapper label{display:inline-block;height:22px;font-size:14px;line-height:22px}:host ::ng-deep .step-wrapper:hover{background:#f4f6f9;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeWorkFlowComponent, decorators: [{
@@ -133,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
             args: [{ selector: 'home-workflow', imports: [
                         CommonModule
                     ], template: "<ul>\n    <li>\n        <div class=\"step-wrapper\" (click)=\"flowClick('apply')\">\n            <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABGlBMVEUAAAAAAP8AgP8Aqv8AgP8zmf8qgP8ggP8Xi/8qlf8iiP8gj/8cgPEdif8kif8ikP8hjPchjP8ni/cjh/gjjvgmjPkji/kiiPkijv8jjPoiifoki/sjivgjiPgki/gkifgjifwlivkkjPwkifolivwji/oljPolivojivski/skifkki/kjjPkli/kkivokivokifglivolifkli/oki/oki/kkivskivklivkki/kjivoli/ojivojifgji/gji/okivokivkkivkkivkkivkkivkkivkki/okivkkivkkivkkivgkivgkivkjivkkivokivokifkkivojivkkivkkivokivkkivojivkjivkkivkkivkki/okivmdXVYCAAAAXXRSTlMAAQIDBAUGCAsMDxASGhweHx8hJCQoLC0tMzQ5SElNTlBTVF1gZWZvdHmAhomKjI6PkqCgoaKqrK64u8HCw8PDxMjL09TW19vi4+Tq6+3v7/Dz9Pb39/r6/P39/v7dYDghAAACJElEQVRYw+2YWTMDQRSF7zDELrGMMIg1CGaQCCJ2IvYlCYlx///f8KB40Hd6breOKlU5r3Pqq5ma7nMXgJZa+ifqijuu68S7TLB6Un6hHCAiIgblgp/q+Q2tN12s4w/Vi+leTdxotoakatlRDdxwvoGhauSHFXGxTBWlqmZiKrxkCSNVSvJ5ixVkqLLIxFkeMuVZHJ6dQ7ZyNuP9tlFBueh39FBJXuT/QEVF/JlkRRVYkZ6eWAmVVZKd8AxqKCO5v1UdYDX8XudRS/nQvGroARthaZal3I9LE/NnEcRsSD6TeToJAPbykxRYozM8TXmvP58N7EiJaRJ4SFnPv55OXkqARbK+1aVAaYjXqVqYQjkQYGQvlJgigH4kEGDuKgToE8ACAwjd3itpKxDAMgcIMHZE2cpE/xLwgGAt3Ii2QOx7EsgEAvTtir6E4HL4QGi7EHyOYHIVgLAm+NzfAbcYQJVPHn9mfHKcD5x7FH1x/WPTufnOOjbcgz10yjzYvKsHM/fsq8cJhw4/4IdDdHzB4IlKfEUFLMD0nVLAQlEOtNcDtRJAF6lv4MCxcpEiy+gXcOpWvYyShf7BAgBoX33TKPR0KzIPAP37eq0I2Sy9bMyu3Go2S+bbOeMNp/mW2HjTbn6sMD/4gJVT4TFGM7AVhr1txvBofrw1P4A3YUVgfolhfs3ShEXQ56rqQFxVHWivqpqwTPvuexKO6zoJI+u+llr6C30AImnPnDDxrmkAAAAASUVORK5CYII=\"\n                alt=\"\" />\n            <label>\u6211\u53D1\u8D77\u7684</label>\n        </div>\n    </li>\n    <li>\n        <div class=\"step-wrapper\" (click)=\"flowClick('processed')\">\n            <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAACFlBMVEUAAAAAAP8A//8AgP8Aqv+qqv8AgP+Av/8Amf+ZzP8qgP8ggP+fv/+Oxv8agP8Xi/8ui+iL0f8VgOoqlf8niesnif+Stu0gj/8eh/+Oxv+PwvUnif8mhPYkifYiiPciiP8hjP8oh/coj/+Pw/gjjvgiivghifgkjPkji/mRxfmQyP8kh/okjfokivqRw/qQw/okifoki/Yki/sjiPsjjfsjivsijPuQw/sljPuQwfski/cki/sli/sljPuTxPySw/wkifgjifwlivkjiPkmi/mSw/wkifojivojjPojivolivqQxPqQwvokifqRw/qSxPojivokivgki/ski/uQw/uRw/uSxPskivkjifkli/kkifkki/uRwvmRxPuTxPskivsjivkli/kjivgjivokivoki/okivoki/qQw/oki/iRw/okivokivkkivqRxPwli/kki/kkivmRwvskivkkivkkivmSwvskivmRw/skivmRw/skifkkivkkivojivokivgkivoki/oki/oji/okivoki/okivokivokifkki/kki/ojivokivkkivkkivokivkkivkkivkjifkkivkkivkkivkkivkkivkjivkkifokivokivgkivokifgkivoli/ojivokivokivokivkkivoki/ojivojivkkivkkivkkivokivkkivokivkjivkkivkki/okivmSNfP3AAAAsXRSTlMAAQECAwMEBAUFBggICQoLCwsMDA0NDhAREhkaGxweHh8gICIkJScqLCwuMTEyMzc4OTk6Ojs8PD4+QEBERUlNTlBTWFhZXV5fYGBjZWprbG1xcnd4e36BgoSGhoaGhoeJipCQlJWWlpqcnKSlpaWnqaqsr7CxsbKys7O2t7q7vr+/wcPExcbP0NDQ0dLT09fa3t/h4uPk5efo6Onp6urt7u7v8fHx9fb29/f4+Pr8/v7IYf4CAAACFElEQVRYw2NgGAWjYBQMGsCq5xMaG4cXhPlZ8hJtnn5GFTEgz55I81wrqogEIezEmGdXRTzwJ8I8ySISDKzSImygNynmVcUQNjCLJAPLxAiZx1NFGtAkZKAUiQaaEzKQU5k0IDgM8jGXqpkVscBCXYCQcRq5SzaSAtbU2OAzjjF83UaSQT4fbgPTNpIDmrhwmee+kTyQjMM87mlkGrhWBbuBjhvJBRHYDUwh28A27AaWkm3gVOwGNpBt4FLsBjYSqX1KyzxqGrjAgYGBzXct1QxcbQJWG0gtAze4Q9PsMioZGA9TPIE6BpYwM1DVhV1CMLXUCcOZ8jClJqvJM3DhImTeKiOYSoVZZKXDDkMGBoN2RAS7wRQKd5OVsCeLgwSFamH8aJg65lLysl4QtNIqgHCLmWDqEsjMy7YwB6WDeJ38MGUeG8g00BMuEbFx4ww5GMd0NbmlTQvcjwwBKwxgTMU55BdfqQgTZWEMkR5KysMcDnQlzOWUFbDV6HV4IqUldqsEigovyquAPmkkBWarqVCnTFKFyyvNpUolNVsXKi3aS6Vab7E1JIIrqVaNrnQBZelMatbLzVFJE2lY0Q+cgXVkGzgfu4HZZBvYj93AYLINLMBuoNp6cg10xtHILiDXxyw4DJSZTpZ5q41x9lN0yDFxuROerpRMAcnh2KyNv7OnFpxT10gsqC+MNBgdNhsFo2AwAAAtOPG9B304zAAAAABJRU5ErkJggg==\"\n                alt=\"\" />\n            <label>\u6211\u5904\u7406\u7684</label>\n        </div>\n    </li>\n    <li>\n        <div class=\"step-wrapper\" (click)=\"flowClick('cc')\">\n            <img src=\"data:image/png;base64,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\"\n                alt=\"\" />\n            <label>\u6284\u9001\u6211\u7684</label>\n        </div>\n    </li>\n    <li>\n        <div class=\"step-wrapper\" (click)=\"flowClick('waiting')\">\n            <img src=\"data:image/png;base64,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\"\n                alt=\"\" />\n            <label>\u6211\u7684\u5F85\u529E</label>\n        </div>\n    </li>\n</ul>", styles: [":host ::ng-deep{display:flex;flex-direction:row}:host ::ng-deep ul{display:flex;flex:1;flex-direction:row;margin:0;padding:0}:host ::ng-deep ul li{flex:1}:host ::ng-deep .step-wrapper{display:flex;flex-direction:column;align-items:center;width:140px;height:140px;margin:0 auto;padding:35px}:host ::ng-deep .step-wrapper img{width:40px;height:40px;margin-bottom:16px}:host ::ng-deep .step-wrapper label{display:inline-block;height:22px;font-size:14px;line-height:22px}:host ::ng-deep .step-wrapper:hover{background:#f4f6f9;cursor:pointer}\n"] }]
-        }], ctorParameters: () => [{ type: i2$1.Router }] });
+        }], ctorParameters: () => [{ type: i2$2.Router }] });
 
 class HomeCommService {
     benchId = null;
@@ -199,8 +200,8 @@ class HomeCarouselComponent {
     getSafeUrl(filePreviewUrl) {
         return this.sanitization.bypassSecurityTrustStyle("url('" + filePreviewUrl + "')");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeCarouselComponent, deps: [{ token: i1._HttpClient }, { token: i2$2.DomSanitizer }, { token: HomeCommService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeCarouselComponent, isStandalone: true, selector: "home-carousel", inputs: { config: "config" }, ngImport: i0, template: "<nz-carousel nzDotPosition=\"bottom\" [nzAutoPlay]=\"true\" [nzAutoPlaySpeed]=\"3000\">\n    <ng-container *ngFor=\"let item of data\">\n        <div class=\"carousel-item\" nz-carousel-content>\n            <div [style.background-image]=\"getSafeUrl(item.imageUrl)\" class=\"image-box\"></div>\n        </div>\n    </ng-container>\n</nz-carousel>", styles: [":host ::ng-deep{display:grid;height:145px}:host ::ng-deep .image-box{display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:100% 100%;background-attachment:fixed}:host ::ng-deep .ant-carousel .slick-dots li button{background:#fff}:host ::ng-deep nz-carousel{border-radius:8px}:host ::ng-deep .carousel-item{height:200px;line-height:200px;text-align:center;background:#f0f2f5;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: NzCarouselModule }, { kind: "component", type: i5.NzCarouselComponent, selector: "nz-carousel", inputs: ["nzDotRender", "nzEffect", "nzEnableSwipe", "nzDots", "nzAutoPlay", "nzAutoPlaySpeed", "nzTransitionSpeed", "nzLoop", "nzStrategyOptions", "nzDotPosition"], outputs: ["nzBeforeChange", "nzAfterChange"], exportAs: ["nzCarousel"] }, { kind: "directive", type: i5.NzCarouselContentDirective, selector: "[nz-carousel-content]", exportAs: ["nzCarouselContent"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeCarouselComponent, deps: [{ token: i1._HttpClient }, { token: i2$3.DomSanitizer }, { token: HomeCommService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeCarouselComponent, isStandalone: true, selector: "home-carousel", inputs: { config: "config" }, ngImport: i0, template: "<nz-carousel nzDotPosition=\"bottom\" [nzAutoPlay]=\"true\" [nzAutoPlaySpeed]=\"3000\">\n    <ng-container *ngFor=\"let item of data\">\n        <div class=\"carousel-item\" nz-carousel-content>\n            <div [style.background-image]=\"getSafeUrl(item.imageUrl)\" class=\"image-box\"></div>\n        </div>\n    </ng-container>\n</nz-carousel>", styles: [":host ::ng-deep{display:grid;height:145px}:host ::ng-deep .image-box{display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:100% 100%;background-attachment:fixed}:host ::ng-deep .ant-carousel .slick-dots li button{background:#fff}:host ::ng-deep nz-carousel{border-radius:8px}:host ::ng-deep .carousel-item{height:200px;line-height:200px;text-align:center;background:#f0f2f5;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: NzCarouselModule }, { kind: "component", type: i5.NzCarouselComponent, selector: "nz-carousel", inputs: ["nzDotRender", "nzEffect", "nzEnableSwipe", "nzDots", "nzAutoPlay", "nzAutoPlaySpeed", "nzTransitionSpeed", "nzLoop", "nzStrategyOptions", "nzDotPosition"], outputs: ["nzBeforeChange", "nzAfterChange"], exportAs: ["nzCarousel"] }, { kind: "directive", type: i5.NzCarouselContentDirective, selector: "[nz-carousel-content]", exportAs: ["nzCarouselContent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeCarouselComponent, decorators: [{
             type: Component,
@@ -209,17 +210,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         FormsModule,
                         NzCarouselModule
                     ], template: "<nz-carousel nzDotPosition=\"bottom\" [nzAutoPlay]=\"true\" [nzAutoPlaySpeed]=\"3000\">\n    <ng-container *ngFor=\"let item of data\">\n        <div class=\"carousel-item\" nz-carousel-content>\n            <div [style.background-image]=\"getSafeUrl(item.imageUrl)\" class=\"image-box\"></div>\n        </div>\n    </ng-container>\n</nz-carousel>", styles: [":host ::ng-deep{display:grid;height:145px}:host ::ng-deep .image-box{display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:100% 100%;background-attachment:fixed}:host ::ng-deep .ant-carousel .slick-dots li button{background:#fff}:host ::ng-deep nz-carousel{border-radius:8px}:host ::ng-deep .carousel-item{height:200px;line-height:200px;text-align:center;background:#f0f2f5;overflow:hidden}\n"] }]
-        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2$2.DomSanitizer }, { type: HomeCommService }], propDecorators: { config: [{
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2$3.DomSanitizer }, { type: HomeCommService }], propDecorators: { config: [{
                 type: Input
             }] } });
 
 class HomeChartComponent {
+    _config = null;
+    set config(value) {
+        this._config = value;
+    }
+    get config() {
+        return this._config;
+    }
+    ngOnInit() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeChartComponent, isStandalone: true, selector: "home-chart", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"config!! && config.listItem!!\">\n    <div *ngFor=\"let item of config.listItem\" class=\"item\">\n        <report-chart [config]=\"{id:item.sourceId}\"></report-chart>\n    </div>\n</ng-container>\n", styles: [":host ::ng-deep{display:inline-block;flex:1}:host ::ng-deep .item{display:inline-block;float:left;width:50%}:host ::ng-deep .item report-chart{display:inline-block;width:100%;margin-bottom:15px;background:#fff;border-radius:4px}:host ::ng-deep .item:nth-child(odd){padding:0 7px 0 0}:host ::ng-deep .item:nth-child(2n){padding:0 0 0 7px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: ReportChartModule }, { kind: "component", type: i2$4.ReportChartComponent, selector: "report-chart", inputs: ["config", "reportId", "reportCode", "params", "parameterData", "mode", "apiBase", "pageIndex", "pageSize"], outputs: ["chartClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'home-chart', imports: [
+                        CommonModule,
+                        FormsModule, ReactiveFormsModule,
+                        ReportChartModule
+                    ], template: "<ng-container *ngIf=\"config!! && config.listItem!!\">\n    <div *ngFor=\"let item of config.listItem\" class=\"item\">\n        <report-chart [config]=\"{id:item.sourceId}\"></report-chart>\n    </div>\n</ng-container>\n", styles: [":host ::ng-deep{display:inline-block;flex:1}:host ::ng-deep .item{display:inline-block;float:left;width:50%}:host ::ng-deep .item report-chart{display:inline-block;width:100%;margin-bottom:15px;background:#fff;border-radius:4px}:host ::ng-deep .item:nth-child(odd){padding:0 7px 0 0}:host ::ng-deep .item:nth-child(2n){padding:0 0 0 7px}\n"] }]
+        }], propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class HomeChart2Component {
     http;
-    sanitization;
-    homeSrv;
     _config = null;
     loading = false;
-    data = [];
+    error = '';
+    runtimeSchema;
+    runtimeRows = [];
+    loadedReportId = null;
     set config(value) {
         this._config = value;
         this.getPageData();
@@ -227,32 +252,98 @@ class HomeChartComponent {
     get config() {
         return this._config;
     }
-    constructor(http, sanitization, homeSrv) {
+    constructor(http) {
         this.http = http;
-        this.sanitization = sanitization;
-        this.homeSrv = homeSrv;
     }
     ngOnInit() { }
+    get reportId() {
+        return this.config?.reportChart || this.config?.reportChartInfo?.id;
+    }
     getPageData() {
+        const reportId = this.reportId;
+        if (!reportId) {
+            this.reset();
+            this.error = '图表报表未配置';
+            return;
+        }
+        if (this.loadedReportId === reportId && this.runtimeSchema) {
+            return;
+        }
+        this.loadedReportId = reportId;
+        this.reset();
         this.loading = true;
-        this.http.post(`${ModuleAPI.system}/bench/user/listCarousel/${this.homeSrv.benchId}`, null).subscribe((res) => {
-            if (res.success && res.result) {
-                this.data = res.result;
+        this.http.post(`/ebuilding-report/report/runtime/schema/${reportId}`, {}).subscribe((schemaRes) => {
+            if (!schemaRes?.success || !schemaRes?.result) {
+                this.loading = false;
+                this.error = schemaRes?.message || '图表配置加载失败';
+                return;
             }
+            const schema = schemaRes.result;
+            if (schema.type !== 'CHART' || !schema.chart) {
+                this.loading = false;
+                this.error = '当前报表不是图表类型';
+                return;
+            }
+            this.runtimeSchema = schema.chart;
+            this.http.post('/ebuilding-report/report/runtime/query', {
+                reportId,
+                parameter: {},
+                pageIndex: 1,
+                pageSize: 20
+            }).subscribe((queryRes) => {
+                this.loading = false;
+                if (queryRes?.success) {
+                    this.runtimeRows = queryRes.result?.rows || [];
+                    return;
+                }
+                this.error = queryRes?.message || '图表数据加载失败';
+            }, () => {
+                this.loading = false;
+                this.error = '图表数据加载失败';
+            });
+        }, () => {
             this.loading = false;
+            this.error = '图表配置加载失败';
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeChartComponent, deps: [{ token: i1._HttpClient }, { token: i2$2.DomSanitizer }, { token: HomeCommService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeChartComponent, isStandalone: true, selector: "home-chart", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"config!! && config.listItem!!\">\n    <div *ngFor=\"let item of config.listItem\" class=\"item\">\n        <report-chart [config]=\"{id:item.sourceId}\"></report-chart>\n    </div>\n</ng-container>", styles: [":host ::ng-deep{display:inline-block;flex:1}:host ::ng-deep .item{display:inline-block;float:left;width:50%}:host ::ng-deep .item report-chart{display:inline-block;width:100%;margin-bottom:15px;background:#fff;border-radius:4px}:host ::ng-deep .item:nth-child(odd){padding:0 7px 0 0}:host ::ng-deep .item:nth-child(2n){padding:0 0 0 7px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: ReportChartModule }, { kind: "component", type: i5$1.ReportChartComponent, selector: "report-chart", inputs: ["config", "reportId", "reportCode", "params", "parameterData", "mode", "apiBase", "pageIndex", "pageSize"], outputs: ["chartClick"] }] });
+    reset() {
+        this.loading = false;
+        this.error = '';
+        this.runtimeSchema = undefined;
+        this.runtimeRows = [];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeChart2Component, deps: [{ token: i1._HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeChart2Component, isStandalone: true, selector: "home-chart2", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"config && config.listItem\">\r\n    <div *ngFor=\"let item of config.listItem\" class=\"item\">\r\n        <report-chart [config]=\"{reportId:item.sourceId}\" [reportId]=\"item.sourceId\" mode=\"report\"></report-chart>\r\n    </div>\r\n</ng-container>", styles: [":host ::ng-deep{display:inline-block;flex:1}:host ::ng-deep .item{display:block;width:100%}:host ::ng-deep .item report-runtime-chart{display:block;width:100%;margin-bottom:15px;background:#fff;border-radius:4px}:host ::ng-deep .item.report-chart2{display:block;float:none;width:100%;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReportChartModule }, { kind: "component", type: i2$4.ReportChartComponent, selector: "report-chart", inputs: ["config", "reportId", "reportCode", "params", "parameterData", "mode", "apiBase", "pageIndex", "pageSize"], outputs: ["chartClick"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeChart2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'home-chart', imports: [
+            args: [{ selector: 'home-chart2', imports: [
                         CommonModule,
-                        FormsModule, ReactiveFormsModule,
                         ReportChartModule
-                    ], template: "<ng-container *ngIf=\"config!! && config.listItem!!\">\n    <div *ngFor=\"let item of config.listItem\" class=\"item\">\n        <report-chart [config]=\"{id:item.sourceId}\"></report-chart>\n    </div>\n</ng-container>", styles: [":host ::ng-deep{display:inline-block;flex:1}:host ::ng-deep .item{display:inline-block;float:left;width:50%}:host ::ng-deep .item report-chart{display:inline-block;width:100%;margin-bottom:15px;background:#fff;border-radius:4px}:host ::ng-deep .item:nth-child(odd){padding:0 7px 0 0}:host ::ng-deep .item:nth-child(2n){padding:0 0 0 7px}\n"] }]
-        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2$2.DomSanitizer }, { type: HomeCommService }], propDecorators: { config: [{
+                    ], template: "<ng-container *ngIf=\"config && config.listItem\">\r\n    <div *ngFor=\"let item of config.listItem\" class=\"item\">\r\n        <report-chart [config]=\"{reportId:item.sourceId}\" [reportId]=\"item.sourceId\" mode=\"report\"></report-chart>\r\n    </div>\r\n</ng-container>", styles: [":host ::ng-deep{display:inline-block;flex:1}:host ::ng-deep .item{display:block;width:100%}:host ::ng-deep .item report-runtime-chart{display:block;width:100%;margin-bottom:15px;background:#fff;border-radius:4px}:host ::ng-deep .item.report-chart2{display:block;float:none;width:100%;padding:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }], propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class HomeTable2Component {
+    _config = null;
+    set config(value) {
+        this._config = value;
+    }
+    get config() {
+        return this._config;
+    }
+    ngOnInit() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeTable2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeTable2Component, isStandalone: true, selector: "home-table2", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"config && config.listItem\">\n    <div *ngFor=\"let item of config.listItem\" class=\"item report-table2\">\n        <report-runtime-table-view\n            [reportId]=\"item.sourceId\"\n            [parameter]=\"{}\"\n            [pageIndex]=\"1\"\n            [pageSize]=\"20\">\n        </report-runtime-table-view>\n    </div>\n</ng-container>\n", styles: [":host{display:block;width:100%;min-width:0}.item.report-table2{display:block;width:100%;min-width:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ReportRuntimeTableViewComponent, selector: "report-runtime-table-view", inputs: ["reportId", "parameter", "pageIndex", "pageSize", "autoLoad"], outputs: ["rowClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeTable2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'home-table2', imports: [
+                        CommonModule,
+                        ReportRuntimeTableViewComponent
+                    ], template: "<ng-container *ngIf=\"config && config.listItem\">\n    <div *ngFor=\"let item of config.listItem\" class=\"item report-table2\">\n        <report-runtime-table-view\n            [reportId]=\"item.sourceId\"\n            [parameter]=\"{}\"\n            [pageIndex]=\"1\"\n            [pageSize]=\"20\">\n        </report-runtime-table-view>\n    </div>\n</ng-container>\n", styles: [":host{display:block;width:100%;min-width:0}.item.report-table2{display:block;width:100%;min-width:0}\n"] }]
+        }], propDecorators: { config: [{
                 type: Input
             }] } });
 
@@ -367,7 +458,7 @@ class HomeCalendarComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeCalendarComponent, deps: [{ token: i1._HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeCalendarComponent, isStandalone: true, selector: "home-calendar", viewQueries: [{ propertyName: "fullCalendarComponent", first: true, predicate: ["fullCalendar"], descendants: true }], ngImport: i0, template: "<full-calendar #fullCalendar [options]=\"calendarOptions\"></full-calendar>", styles: [":host ::ng-deep{display:inline-block;padding:5px 0}:host ::ng-deep .fc-previousMonth-button,:host ::ng-deep .fc-previousMonth-button:disabled{color:#1177fb;background:initial;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FullCalendarModule }, { kind: "component", type: i2$3.FullCalendarComponent, selector: "full-calendar", inputs: ["options", "deepChangeDetection", "events", "eventSources", "resources"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeCalendarComponent, isStandalone: true, selector: "home-calendar", viewQueries: [{ propertyName: "fullCalendarComponent", first: true, predicate: ["fullCalendar"], descendants: true }], ngImport: i0, template: "<full-calendar #fullCalendar [options]=\"calendarOptions\"></full-calendar>", styles: [":host ::ng-deep{display:inline-block;padding:5px 0}:host ::ng-deep .fc-previousMonth-button,:host ::ng-deep .fc-previousMonth-button:disabled{color:#1177fb;background:initial;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FullCalendarModule }, { kind: "component", type: i2$5.FullCalendarComponent, selector: "full-calendar", inputs: ["options", "deepChangeDetection", "events", "eventSources", "resources"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeCalendarComponent, decorators: [{
             type: Component,
@@ -385,7 +476,7 @@ class HomeReportComponent {
     constructor() { }
     ngOnInit() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeReportComponent, isStandalone: true, selector: "home-report", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"config!! && config.listItem!!\">\n  <div *ngFor=\"let item of config.listItem\" class=\"item\">\n    <comm-default-report [data]=\"{ pageId: item.sourceId }\"></comm-default-report>\n  </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: CommDefaultModule }, { kind: "component", type: i2$4.CommDefaultReportComponent, selector: "comm-default-report", inputs: ["data"], outputs: ["loadAfter"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeReportComponent, isStandalone: true, selector: "home-report", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"config!! && config.listItem!!\">\n  <div *ngFor=\"let item of config.listItem\" class=\"item\">\n    <comm-default-report [data]=\"{ pageId: item.sourceId }\"></comm-default-report>\n  </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: CommDefaultModule }, { kind: "component", type: i2$6.CommDefaultReportComponent, selector: "comm-default-report", inputs: ["data"], outputs: ["loadAfter"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeReportComponent, decorators: [{
             type: Component,
@@ -402,7 +493,7 @@ class HomeSingleComponent {
     constructor() { }
     ngOnInit() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeSingleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeSingleComponent, isStandalone: true, selector: "home-single", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"config && config.listItem\">\n  <div *ngFor=\"let item of config.listItem\" class=\"item\">\n    <comm-default-single [data]=\"{ pageId: item.sourceId }\"></comm-default-single>\n  </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: CommDefaultModule }, { kind: "component", type: i2$4.CommDefaultSingleComponent, selector: "comm-default-single", inputs: ["data"], outputs: ["loadAfter"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeSingleComponent, isStandalone: true, selector: "home-single", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"config && config.listItem\">\n  <div *ngFor=\"let item of config.listItem\" class=\"item\">\n    <comm-default-single [data]=\"{ pageId: item.sourceId }\"></comm-default-single>\n  </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: CommDefaultModule }, { kind: "component", type: i2$6.CommDefaultSingleComponent, selector: "comm-default-single", inputs: ["data"], outputs: ["loadAfter"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeSingleComponent, decorators: [{
             type: Component,
@@ -430,12 +521,12 @@ class ItemBoxComponent {
     }
     ngOnInit() { }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ItemBoxComponent, deps: [{ token: HomeCommService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ItemBoxComponent, isStandalone: true, selector: "item-box", inputs: { data: "data" }, host: { properties: { "class": "type=='CHART'?'chart-items':''" } }, ngImport: i0, template: "<div class=\"header\" *ngIf=\"data.izName\">\n  <ng-container [ngSwitch]=\"data.type\">\n    <ng-container *ngSwitchCase=\"'FONT'\">\n      <i nz-icon nzType=\"font-colors\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CAROUSEL'\">\n      <i nz-icon nzType=\"fund-projection-screen\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'NOTICE'\">\n      <i nz-icon nzType=\"notification\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'COUNT'\">\n      <i nz-icon nzType=\"fund\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'APPSTORE'\">\n      <i nz-icon nzType=\"appstore\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'QUICK'\">\n      <i nz-icon nzType=\"menu-fold\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'WORKFLOW'\">\n      <i nz-icon nzType=\"node-index\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART'\">\n      <i nz-icon nzType=\"bar-chart\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CALENDAR'\">\n      <i nz-icon nzType=\"calendar\"></i>\n    </ng-container>\n  </ng-container>\n  <label>{{ data.name }}</label>\n</div>\n<div class=\"content\" [ngClass]=\"data.type\">\n  <ng-container [ngSwitch]=\"data.type\">\n    <ng-container *ngSwitchCase=\"'APPSTORE'\">\n      <home-app></home-app>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'NOTICE'\">\n      <home-notice></home-notice>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'WORKFLOW'\">\n      <home-workflow></home-workflow>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CAROUSEL'\">\n      <home-carousel [config]=\"data\"></home-carousel>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'QUICK'\"> </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART'\">\n      <home-chart [config]=\"data\"></home-chart>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CALENDAR'\">\n      <home-calendar></home-calendar>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'PAGE_REPORT'\">\n      <home-report [config]=\"data\"></home-report>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'PAGE_DYNAMIC'\">\n      <home-single [config]=\"data\"></home-single>\n    </ng-container>\n  </ng-container>\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:column;width:100%;min-height:140px;margin-bottom:15px;background:#fff;border-radius:8px}:host ::ng-deep .header{display:flex;flex-direction:row;align-items:center;padding:8px 15px;font-size:12px;border-bottom:1px dotted #eaeaea}:host ::ng-deep .header i{margin-right:5px;font-weight:600;font-size:14px;cursor:pointer}:host ::ng-deep .header+.content{padding:0 15px 15px}:host ::ng-deep .content{display:flex;flex:1;flex-direction:column;padding:8px 15px 15px}:host ::ng-deep .CAROUSEL{padding:0}:host ::ng-deep .WORKFLOW{padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: HomeAppComponent, selector: "home-app" }, { kind: "component", type: HomeNoticeComponent, selector: "home-notice" }, { kind: "component", type: HomeWorkFlowComponent, selector: "home-workflow" }, { kind: "component", type: HomeCarouselComponent, selector: "home-carousel", inputs: ["config"] }, { kind: "component", type: HomeChartComponent, selector: "home-chart", inputs: ["config"] }, { kind: "component", type: HomeCalendarComponent, selector: "home-calendar" }, { kind: "component", type: HomeReportComponent, selector: "home-report", inputs: ["config"] }, { kind: "component", type: HomeSingleComponent, selector: "home-single", inputs: ["config"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ItemBoxComponent, isStandalone: true, selector: "item-box", inputs: { data: "data" }, host: { properties: { "class": "type=='CHART'||type=='CHART2'||type=='REPORT_CHART2'?'chart-items':''" } }, ngImport: i0, template: "<div class=\"header\" *ngIf=\"data.izName\">\n  <ng-container [ngSwitch]=\"data.type\">\n    <ng-container *ngSwitchCase=\"'FONT'\">\n      <i nz-icon nzType=\"font-colors\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CAROUSEL'\">\n      <i nz-icon nzType=\"fund-projection-screen\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'NOTICE'\">\n      <i nz-icon nzType=\"notification\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'COUNT'\">\n      <i nz-icon nzType=\"fund\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'APPSTORE'\">\n      <i nz-icon nzType=\"appstore\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'QUICK'\">\n      <i nz-icon nzType=\"menu-fold\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'WORKFLOW'\">\n      <i nz-icon nzType=\"node-index\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART'\">\n      <i nz-icon nzType=\"bar-chart\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART2'\">\n      <i nz-icon nzType=\"bar-chart\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'REPORT_CHART2'\">\n      <i nz-icon nzType=\"line-chart\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CALENDAR'\">\n      <i nz-icon nzType=\"calendar\"></i>\n    </ng-container>\n  </ng-container>\n  <label>{{ data.name }}</label>\n</div>\n<div class=\"content\" [ngClass]=\"data.type\">\n  <ng-container [ngSwitch]=\"data.type\">\n    <ng-container *ngSwitchCase=\"'APPSTORE'\">\n      <home-app></home-app>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'NOTICE'\">\n      <home-notice></home-notice>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'WORKFLOW'\">\n      <home-workflow></home-workflow>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CAROUSEL'\">\n      <home-carousel [config]=\"data\"></home-carousel>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'QUICK'\"> </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART'\">\n      <home-chart [config]=\"data\"></home-chart>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART2'\">\n      <home-chart2 [config]=\"data\"></home-chart2>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'REPORT_CHART2'\">\n      <home-chart [config]=\"data\"></home-chart>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'REPORT_TABLE2'\">\n      <home-table2 [config]=\"data\"></home-table2>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CALENDAR'\">\n      <home-calendar></home-calendar>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'PAGE_REPORT'\">\n      <home-report [config]=\"data\"></home-report>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'PAGE_DYNAMIC'\">\n      <home-single [config]=\"data\"></home-single>\n    </ng-container>\n  </ng-container>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;width:100%;min-height:140px;margin-bottom:15px;background:#fff;border-radius:8px}:host ::ng-deep .header{display:flex;flex-direction:row;align-items:center;padding:8px 15px;font-size:12px;border-bottom:1px dotted #eaeaea}:host ::ng-deep .header i{margin-right:5px;font-weight:600;font-size:14px;cursor:pointer}:host ::ng-deep .header+.content{padding:0 15px 15px}:host ::ng-deep .content{display:flex;flex:1;flex-direction:column;padding:8px 15px 15px}:host ::ng-deep .CAROUSEL{padding:0}:host ::ng-deep .WORKFLOW{padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: HomeAppComponent, selector: "home-app" }, { kind: "component", type: HomeNoticeComponent, selector: "home-notice" }, { kind: "component", type: HomeWorkFlowComponent, selector: "home-workflow" }, { kind: "component", type: HomeCarouselComponent, selector: "home-carousel", inputs: ["config"] }, { kind: "component", type: HomeChartComponent, selector: "home-chart", inputs: ["config"] }, { kind: "component", type: HomeChart2Component, selector: "home-chart2", inputs: ["config"] }, { kind: "component", type: HomeTable2Component, selector: "home-table2", inputs: ["config"] }, { kind: "component", type: HomeCalendarComponent, selector: "home-calendar" }, { kind: "component", type: HomeReportComponent, selector: "home-report", inputs: ["config"] }, { kind: "component", type: HomeSingleComponent, selector: "home-single", inputs: ["config"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ItemBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'item-box', host: {
-                        '[class]': "type=='CHART'?'chart-items':''",
+                        '[class]': "type=='CHART'||type=='CHART2'||type=='REPORT_CHART2'?'chart-items':''",
                     }, imports: [
                         CommonModule,
                         HomeAppComponent,
@@ -443,10 +534,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         HomeWorkFlowComponent,
                         HomeCarouselComponent,
                         HomeChartComponent,
+                        HomeChart2Component,
+                        HomeTable2Component,
                         HomeCalendarComponent,
                         HomeReportComponent,
                         HomeSingleComponent
-                    ], template: "<div class=\"header\" *ngIf=\"data.izName\">\n  <ng-container [ngSwitch]=\"data.type\">\n    <ng-container *ngSwitchCase=\"'FONT'\">\n      <i nz-icon nzType=\"font-colors\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CAROUSEL'\">\n      <i nz-icon nzType=\"fund-projection-screen\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'NOTICE'\">\n      <i nz-icon nzType=\"notification\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'COUNT'\">\n      <i nz-icon nzType=\"fund\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'APPSTORE'\">\n      <i nz-icon nzType=\"appstore\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'QUICK'\">\n      <i nz-icon nzType=\"menu-fold\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'WORKFLOW'\">\n      <i nz-icon nzType=\"node-index\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART'\">\n      <i nz-icon nzType=\"bar-chart\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CALENDAR'\">\n      <i nz-icon nzType=\"calendar\"></i>\n    </ng-container>\n  </ng-container>\n  <label>{{ data.name }}</label>\n</div>\n<div class=\"content\" [ngClass]=\"data.type\">\n  <ng-container [ngSwitch]=\"data.type\">\n    <ng-container *ngSwitchCase=\"'APPSTORE'\">\n      <home-app></home-app>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'NOTICE'\">\n      <home-notice></home-notice>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'WORKFLOW'\">\n      <home-workflow></home-workflow>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CAROUSEL'\">\n      <home-carousel [config]=\"data\"></home-carousel>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'QUICK'\"> </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART'\">\n      <home-chart [config]=\"data\"></home-chart>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CALENDAR'\">\n      <home-calendar></home-calendar>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'PAGE_REPORT'\">\n      <home-report [config]=\"data\"></home-report>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'PAGE_DYNAMIC'\">\n      <home-single [config]=\"data\"></home-single>\n    </ng-container>\n  </ng-container>\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:column;width:100%;min-height:140px;margin-bottom:15px;background:#fff;border-radius:8px}:host ::ng-deep .header{display:flex;flex-direction:row;align-items:center;padding:8px 15px;font-size:12px;border-bottom:1px dotted #eaeaea}:host ::ng-deep .header i{margin-right:5px;font-weight:600;font-size:14px;cursor:pointer}:host ::ng-deep .header+.content{padding:0 15px 15px}:host ::ng-deep .content{display:flex;flex:1;flex-direction:column;padding:8px 15px 15px}:host ::ng-deep .CAROUSEL{padding:0}:host ::ng-deep .WORKFLOW{padding:0!important}\n"] }]
+                    ], template: "<div class=\"header\" *ngIf=\"data.izName\">\n  <ng-container [ngSwitch]=\"data.type\">\n    <ng-container *ngSwitchCase=\"'FONT'\">\n      <i nz-icon nzType=\"font-colors\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CAROUSEL'\">\n      <i nz-icon nzType=\"fund-projection-screen\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'NOTICE'\">\n      <i nz-icon nzType=\"notification\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'COUNT'\">\n      <i nz-icon nzType=\"fund\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'APPSTORE'\">\n      <i nz-icon nzType=\"appstore\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'QUICK'\">\n      <i nz-icon nzType=\"menu-fold\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'WORKFLOW'\">\n      <i nz-icon nzType=\"node-index\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART'\">\n      <i nz-icon nzType=\"bar-chart\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART2'\">\n      <i nz-icon nzType=\"bar-chart\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'REPORT_CHART2'\">\n      <i nz-icon nzType=\"line-chart\"></i>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CALENDAR'\">\n      <i nz-icon nzType=\"calendar\"></i>\n    </ng-container>\n  </ng-container>\n  <label>{{ data.name }}</label>\n</div>\n<div class=\"content\" [ngClass]=\"data.type\">\n  <ng-container [ngSwitch]=\"data.type\">\n    <ng-container *ngSwitchCase=\"'APPSTORE'\">\n      <home-app></home-app>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'NOTICE'\">\n      <home-notice></home-notice>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'WORKFLOW'\">\n      <home-workflow></home-workflow>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CAROUSEL'\">\n      <home-carousel [config]=\"data\"></home-carousel>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'QUICK'\"> </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART'\">\n      <home-chart [config]=\"data\"></home-chart>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CHART2'\">\n      <home-chart2 [config]=\"data\"></home-chart2>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'REPORT_CHART2'\">\n      <home-chart [config]=\"data\"></home-chart>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'REPORT_TABLE2'\">\n      <home-table2 [config]=\"data\"></home-table2>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'CALENDAR'\">\n      <home-calendar></home-calendar>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'PAGE_REPORT'\">\n      <home-report [config]=\"data\"></home-report>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'PAGE_DYNAMIC'\">\n      <home-single [config]=\"data\"></home-single>\n    </ng-container>\n  </ng-container>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;width:100%;min-height:140px;margin-bottom:15px;background:#fff;border-radius:8px}:host ::ng-deep .header{display:flex;flex-direction:row;align-items:center;padding:8px 15px;font-size:12px;border-bottom:1px dotted #eaeaea}:host ::ng-deep .header i{margin-right:5px;font-weight:600;font-size:14px;cursor:pointer}:host ::ng-deep .header+.content{padding:0 15px 15px}:host ::ng-deep .content{display:flex;flex:1;flex-direction:column;padding:8px 15px 15px}:host ::ng-deep .CAROUSEL{padding:0}:host ::ng-deep .WORKFLOW{padding:0!important}\n"] }]
         }], ctorParameters: () => [{ type: HomeCommService }], propDecorators: { data: [{
                 type: Input
             }] } });
@@ -506,6 +599,9 @@ class WorkBenchComponent {
             if (Array.isArray(item.child)) {
                 item.child = item.child.filter((child) => child?.type !== 'WORKFLOW');
             }
+            if (Array.isArray(item.list)) {
+                item.list = item.list.filter((child) => child?.type !== 'WORKFLOW');
+            }
             if (Array.isArray(item.left)) {
                 item.left = item.left.filter((child) => child?.type !== 'WORKFLOW');
             }
@@ -515,16 +611,16 @@ class WorkBenchComponent {
             return item;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkBenchComponent, deps: [{ token: i1._HttpClient }, { token: i2$1.Router }, { token: HomeCommService }, { token: RUNTIME_HOME_FEATURE_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: WorkBenchComponent, isStandalone: true, selector: "workbench", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"data!! && data.length>0\">\n    <ng-container *ngFor=\"let item of data;let index=index;\">\n        <ng-container [ngSwitch]=\"item.type\">\n            <ng-container *ngSwitchCase=\"'MIDDLE'\">\n                <div class=\"layout-middle\">\n                    <ng-container *ngIf=\"item.child.length>0\">\n                        <ng-container *ngFor=\"let inner of item.child\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'LEFT'\">\n                <div class=\"layout-left\">\n                    <div class=\"left\">\n                        <ng-container *ngFor=\"let inner of item.left\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                    <div class=\"right\">\n                        <ng-container *ngFor=\"let inner of item.right\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'RIGHT'\">\n                <div class=\"layout-right\">\n                    <div class=\"left\">\n                        <ng-container *ngFor=\"let inner of item.left\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                    <div class=\"right\">\n                        <ng-container *ngFor=\"let inner of item.right\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-container>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column}:host ::ng-deep .layout-middle{display:flex;flex-direction:column;width:100%}:host ::ng-deep .layout-left{display:flex;flex-direction:row;width:100%}:host ::ng-deep .layout-left .left{width:400px;height:inherit;margin-right:15px}:host ::ng-deep .layout-left .right{flex:1;height:inherit}:host ::ng-deep .layout-right{display:flex;flex-direction:row;width:100%}:host ::ng-deep .layout-right .left{flex:1;height:inherit}:host ::ng-deep .layout-right .right{width:400px;height:inherit;margin-left:15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ItemBoxComponent, selector: "item-box", inputs: ["data"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkBenchComponent, deps: [{ token: i1._HttpClient }, { token: i2$2.Router }, { token: HomeCommService }, { token: RUNTIME_HOME_FEATURE_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: WorkBenchComponent, isStandalone: true, selector: "workbench", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"data!! && data.length>0\">\n    <ng-container *ngFor=\"let item of data;let index=index;\">\n        <ng-container [ngSwitch]=\"item.type\">\n            <ng-container *ngSwitchCase=\"'MIDDLE'\">\n                <div class=\"layout-middle\">\n                    <ng-container *ngIf=\"item.child.length>0\">\n                        <ng-container *ngFor=\"let inner of item.child\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'SINGLE'\">\n                <div class=\"layout-single\">\n                    <ng-container *ngIf=\"item.list.length>0\">\n                        <ng-container *ngFor=\"let inner of item.list\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'LEFT'\">\n                <div class=\"layout-left\">\n                    <div class=\"left\">\n                        <ng-container *ngFor=\"let inner of item.left\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                    <div class=\"right\">\n                        <ng-container *ngFor=\"let inner of item.right\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'RIGHT'\">\n                <div class=\"layout-right\">\n                    <div class=\"left\">\n                        <ng-container *ngFor=\"let inner of item.left\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                    <div class=\"right\">\n                        <ng-container *ngFor=\"let inner of item.right\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-container>\n", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column}:host ::ng-deep .layout-middle{display:flex;flex-direction:column;width:100%}:host ::ng-deep .layout-single{display:flex;flex-direction:column;width:100%}:host ::ng-deep .layout-left{display:flex;flex-direction:row;width:100%}:host ::ng-deep .layout-left .left{width:400px;height:inherit;margin-right:15px}:host ::ng-deep .layout-left .right{flex:1;height:inherit}:host ::ng-deep .layout-right{display:flex;flex-direction:row;width:100%}:host ::ng-deep .layout-right .left{flex:1;height:inherit}:host ::ng-deep .layout-right .right{width:400px;height:inherit;margin-left:15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ItemBoxComponent, selector: "item-box", inputs: ["data"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkBenchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'workbench', imports: [
                         CommonModule,
                         ItemBoxComponent
-                    ], template: "<ng-container *ngIf=\"data!! && data.length>0\">\n    <ng-container *ngFor=\"let item of data;let index=index;\">\n        <ng-container [ngSwitch]=\"item.type\">\n            <ng-container *ngSwitchCase=\"'MIDDLE'\">\n                <div class=\"layout-middle\">\n                    <ng-container *ngIf=\"item.child.length>0\">\n                        <ng-container *ngFor=\"let inner of item.child\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'LEFT'\">\n                <div class=\"layout-left\">\n                    <div class=\"left\">\n                        <ng-container *ngFor=\"let inner of item.left\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                    <div class=\"right\">\n                        <ng-container *ngFor=\"let inner of item.right\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'RIGHT'\">\n                <div class=\"layout-right\">\n                    <div class=\"left\">\n                        <ng-container *ngFor=\"let inner of item.left\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                    <div class=\"right\">\n                        <ng-container *ngFor=\"let inner of item.right\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-container>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column}:host ::ng-deep .layout-middle{display:flex;flex-direction:column;width:100%}:host ::ng-deep .layout-left{display:flex;flex-direction:row;width:100%}:host ::ng-deep .layout-left .left{width:400px;height:inherit;margin-right:15px}:host ::ng-deep .layout-left .right{flex:1;height:inherit}:host ::ng-deep .layout-right{display:flex;flex-direction:row;width:100%}:host ::ng-deep .layout-right .left{flex:1;height:inherit}:host ::ng-deep .layout-right .right{width:400px;height:inherit;margin-left:15px}\n"] }]
-        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2$1.Router }, { type: HomeCommService }, { type: undefined, decorators: [{
+                    ], template: "<ng-container *ngIf=\"data!! && data.length>0\">\n    <ng-container *ngFor=\"let item of data;let index=index;\">\n        <ng-container [ngSwitch]=\"item.type\">\n            <ng-container *ngSwitchCase=\"'MIDDLE'\">\n                <div class=\"layout-middle\">\n                    <ng-container *ngIf=\"item.child.length>0\">\n                        <ng-container *ngFor=\"let inner of item.child\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'SINGLE'\">\n                <div class=\"layout-single\">\n                    <ng-container *ngIf=\"item.list.length>0\">\n                        <ng-container *ngFor=\"let inner of item.list\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </ng-container>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'LEFT'\">\n                <div class=\"layout-left\">\n                    <div class=\"left\">\n                        <ng-container *ngFor=\"let inner of item.left\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                    <div class=\"right\">\n                        <ng-container *ngFor=\"let inner of item.right\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'RIGHT'\">\n                <div class=\"layout-right\">\n                    <div class=\"left\">\n                        <ng-container *ngFor=\"let inner of item.left\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                    <div class=\"right\">\n                        <ng-container *ngFor=\"let inner of item.right\">\n                            <item-box [data]=\"inner\"></item-box>\n                        </ng-container>\n                    </div>\n                </div>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</ng-container>\n", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column}:host ::ng-deep .layout-middle{display:flex;flex-direction:column;width:100%}:host ::ng-deep .layout-single{display:flex;flex-direction:column;width:100%}:host ::ng-deep .layout-left{display:flex;flex-direction:row;width:100%}:host ::ng-deep .layout-left .left{width:400px;height:inherit;margin-right:15px}:host ::ng-deep .layout-left .right{flex:1;height:inherit}:host ::ng-deep .layout-right{display:flex;flex-direction:row;width:100%}:host ::ng-deep .layout-right .left{flex:1;height:inherit}:host ::ng-deep .layout-right .right{width:400px;height:inherit;margin-left:15px}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2$2.Router }, { type: HomeCommService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [RUNTIME_HOME_FEATURE_CONFIG]
                 }] }], propDecorators: { config: [{
@@ -550,15 +646,15 @@ class WorkCustomComponent {
         this.customComponents = customComponents;
     }
     ngOnInit() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkCustomComponent, deps: [{ token: i1._HttpClient }, { token: i2$1.Router }, { token: RUNTIME_HOME_CUSTOM_COMPONENTS }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: WorkCustomComponent, isStandalone: true, selector: "custom-box", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"customComponent\">\n    <ng-container *ngComponentOutlet=\"customComponent\"></ng-container>\n</ng-container>\n", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkCustomComponent, deps: [{ token: i1._HttpClient }, { token: i2$2.Router }, { token: RUNTIME_HOME_CUSTOM_COMPONENTS }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: WorkCustomComponent, isStandalone: true, selector: "custom-box", inputs: { config: "config" }, ngImport: i0, template: "<ng-container *ngIf=\"customComponent\">\n    <ng-container *ngComponentOutlet=\"customComponent\"></ng-container>\n</ng-container>\n", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: WorkCustomComponent, decorators: [{
             type: Component,
             args: [{ selector: 'custom-box', imports: [
                         CommonModule
                     ], template: "<ng-container *ngIf=\"customComponent\">\n    <ng-container *ngComponentOutlet=\"customComponent\"></ng-container>\n</ng-container>\n", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2$1.Router }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2$2.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [RUNTIME_HOME_CUSTOM_COMPONENTS]
                 }] }], propDecorators: { config: [{
@@ -618,8 +714,8 @@ class HomeMainComponent {
             pageControl: this.pageControl
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeMainComponent, deps: [{ token: i1._HttpClient }, { token: i2$2.DomSanitizer }, { token: HomeCommService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeMainComponent, isStandalone: true, selector: "home-main", providers: [HomeCommService], ngImport: i0, template: "<div class=\"bench-body\">\n  <nz-spin [nzSpinning]=\"loading\" nzTip=\"\u62FC\u547D\u52A0\u8F7D\u4E2D...\" class=\"deon-list-spin\">\n    <ng-container *ngIf=\"data!! && data.length > 1\">\n      <div class=\"bench-tabs\">\n        <nz-tabset [(nzSelectedIndex)]=\"selectedIndex\" (nzSelectChange)=\"benchChange($event)\">\n          <ng-container *ngFor=\"let item of data\">\n            <nz-tab [nzTitle]=\"item.name\"></nz-tab>\n          </ng-container>\n        </nz-tabset>\n      </div>\n    </ng-container>\n    <div class=\"bench-conent\">\n      <ng-container *ngIf=\"benchConfig\">\n        <ng-container [ngSwitch]=\"pageType\">\n          <ng-container *ngSwitchCase=\"'DEFAULT'\">\n            <workbench [config]=\"benchConfig\"></workbench>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'CONTROL'\">\n            <custom-box [config]=\"benchConfig\"></custom-box>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'URL'\">\n            <iframe [src]=\"pageUrl\" width=\"100%\" height=\"100%\" style=\"border: 0\" *ngIf=\"pageUrl\"></iframe>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"(data == null || data.length == 0) && loading == false\">\n        <div class=\"empty-button\">\n          <gram-empty state=\"period\" desc=\"\u6682\u65E0\u9996\u9875\u914D\u7F6E\"></gram-empty>\n        </div>\n      </ng-container>\n    </div>\n  </nz-spin>\n</div>", styles: [":host ::ng-deep{padding:15px 0 0 15px;overflow:hidden;display:flex;flex:1;flex-direction:column;width:100%;height:100%}:host ::ng-deep .bench-body{padding:0;display:flex;flex-direction:column;overflow:auto;flex:1}:host ::ng-deep .bench-body .bench-tabs{background:#fff;margin-bottom:12px;padding:0 15px;border-radius:8px}:host ::ng-deep .bench-body .bench-tabs .ant-tabs-nav:before{border-bottom:none!important}:host ::ng-deep .bench-body .bench-conent{flex:1;display:flex;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .bench-body .bench-conent::-webkit-scrollbar{width:8px}:host ::ng-deep .bench-body .bench-conent::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .bench-body .bench-conent::-webkit-scrollbar-track{background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzSpinModule }, { kind: "component", type: i5$2.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i4$1.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i4$1.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "ngmodule", type: GramDeonEmptyModule }, { kind: "component", type: i7.GramDeonEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }, { kind: "ngmodule", type: GramPipeModule }, { kind: "component", type: WorkBenchComponent, selector: "workbench", inputs: ["config"] }, { kind: "component", type: WorkCustomComponent, selector: "custom-box", inputs: ["config"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeMainComponent, deps: [{ token: i1._HttpClient }, { token: i2$3.DomSanitizer }, { token: HomeCommService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: HomeMainComponent, isStandalone: true, selector: "home-main", providers: [HomeCommService], ngImport: i0, template: "<div class=\"bench-body\">\n  <nz-spin [nzSpinning]=\"loading\" nzTip=\"\u62FC\u547D\u52A0\u8F7D\u4E2D...\" class=\"deon-list-spin\">\n    <ng-container *ngIf=\"data!! && data.length > 1\">\n      <div class=\"bench-tabs\">\n        <nz-tabset [(nzSelectedIndex)]=\"selectedIndex\" (nzSelectChange)=\"benchChange($event)\">\n          <ng-container *ngFor=\"let item of data\">\n            <nz-tab [nzTitle]=\"item.name\"></nz-tab>\n          </ng-container>\n        </nz-tabset>\n      </div>\n    </ng-container>\n    <div class=\"bench-conent\">\n      <ng-container *ngIf=\"benchConfig\">\n        <ng-container [ngSwitch]=\"pageType\">\n          <ng-container *ngSwitchCase=\"'DEFAULT'\">\n            <workbench [config]=\"benchConfig\"></workbench>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'CONTROL'\">\n            <custom-box [config]=\"benchConfig\"></custom-box>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'URL'\">\n            <iframe [src]=\"pageUrl\" width=\"100%\" height=\"100%\" style=\"border: 0\" *ngIf=\"pageUrl\"></iframe>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"(data == null || data.length == 0) && loading == false\">\n        <div class=\"empty-button\">\n          <gram-empty state=\"period\" desc=\"\u6682\u65E0\u9996\u9875\u914D\u7F6E\"></gram-empty>\n        </div>\n      </ng-container>\n    </div>\n  </nz-spin>\n</div>", styles: [":host ::ng-deep{padding:15px 0 0 15px;overflow:hidden;display:flex;flex:1;flex-direction:column;width:100%;height:100%}:host ::ng-deep .bench-body{padding:0;display:flex;flex-direction:column;overflow:auto;flex:1}:host ::ng-deep .bench-body .bench-tabs{background:#fff;margin-bottom:12px;padding:0 15px;border-radius:8px}:host ::ng-deep .bench-body .bench-tabs .ant-tabs-nav:before{border-bottom:none!important}:host ::ng-deep .bench-body .bench-conent{flex:1;display:flex;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .bench-body .bench-conent::-webkit-scrollbar{width:8px}:host ::ng-deep .bench-body .bench-conent::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .bench-body .bench-conent::-webkit-scrollbar-track{background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzSpinModule }, { kind: "component", type: i5$1.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: NzTabsModule }, { kind: "component", type: i4.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i4.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }, { kind: "ngmodule", type: GramDeonEmptyModule }, { kind: "component", type: i7.GramDeonEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }, { kind: "ngmodule", type: GramPipeModule }, { kind: "component", type: WorkBenchComponent, selector: "workbench", inputs: ["config"] }, { kind: "component", type: WorkCustomComponent, selector: "custom-box", inputs: ["config"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeMainComponent, decorators: [{
             type: Component,
@@ -632,12 +728,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         WorkBenchComponent,
                         WorkCustomComponent
                     ], template: "<div class=\"bench-body\">\n  <nz-spin [nzSpinning]=\"loading\" nzTip=\"\u62FC\u547D\u52A0\u8F7D\u4E2D...\" class=\"deon-list-spin\">\n    <ng-container *ngIf=\"data!! && data.length > 1\">\n      <div class=\"bench-tabs\">\n        <nz-tabset [(nzSelectedIndex)]=\"selectedIndex\" (nzSelectChange)=\"benchChange($event)\">\n          <ng-container *ngFor=\"let item of data\">\n            <nz-tab [nzTitle]=\"item.name\"></nz-tab>\n          </ng-container>\n        </nz-tabset>\n      </div>\n    </ng-container>\n    <div class=\"bench-conent\">\n      <ng-container *ngIf=\"benchConfig\">\n        <ng-container [ngSwitch]=\"pageType\">\n          <ng-container *ngSwitchCase=\"'DEFAULT'\">\n            <workbench [config]=\"benchConfig\"></workbench>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'CONTROL'\">\n            <custom-box [config]=\"benchConfig\"></custom-box>\n          </ng-container>\n          <ng-container *ngSwitchCase=\"'URL'\">\n            <iframe [src]=\"pageUrl\" width=\"100%\" height=\"100%\" style=\"border: 0\" *ngIf=\"pageUrl\"></iframe>\n          </ng-container>\n        </ng-container>\n      </ng-container>\n\n      <ng-container *ngIf=\"(data == null || data.length == 0) && loading == false\">\n        <div class=\"empty-button\">\n          <gram-empty state=\"period\" desc=\"\u6682\u65E0\u9996\u9875\u914D\u7F6E\"></gram-empty>\n        </div>\n      </ng-container>\n    </div>\n  </nz-spin>\n</div>", styles: [":host ::ng-deep{padding:15px 0 0 15px;overflow:hidden;display:flex;flex:1;flex-direction:column;width:100%;height:100%}:host ::ng-deep .bench-body{padding:0;display:flex;flex-direction:column;overflow:auto;flex:1}:host ::ng-deep .bench-body .bench-tabs{background:#fff;margin-bottom:12px;padding:0 15px;border-radius:8px}:host ::ng-deep .bench-body .bench-tabs .ant-tabs-nav:before{border-bottom:none!important}:host ::ng-deep .bench-body .bench-conent{flex:1;display:flex;overflow-x:overlay;overflow-y:overlay}:host ::ng-deep .bench-body .bench-conent::-webkit-scrollbar{width:8px}:host ::ng-deep .bench-body .bench-conent::-webkit-scrollbar-thumb{background-color:#94949475;border-radius:7px}:host ::ng-deep .bench-body .bench-conent::-webkit-scrollbar-track{background-color:#fff}\n"] }]
-        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2$2.DomSanitizer }, { type: HomeCommService }] });
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2$3.DomSanitizer }, { type: HomeCommService }] });
 
 const routes = [{ path: '', component: HomeMainComponent }];
 class HomeRoutingModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: HomeRoutingModule, imports: [i2$1.RouterModule], exports: [RouterModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: HomeRoutingModule, imports: [i2$2.RouterModule], exports: [RouterModule] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: HomeRoutingModule, decorators: [{