@ebuilding/abc 2.0.0

package/fesm2022/components.card-okr.mjs

@@ -0,0 +1,370 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@ebuilding/base/shared.pipe';
+import { GramPipeModule } from '@ebuilding/base/shared.pipe';
+import * as i2 from 'ng-zorro-antd/tag';
+import { NzTagModule } from 'ng-zorro-antd/tag';
+import * as i3 from 'ng-zorro-antd/progress';
+import { NzProgressModule } from 'ng-zorro-antd/progress';
+import * as i1$1 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+
+class GramDeonCardOKRComponent {
+    /**
+     * 主键Key
+     */
+    primary_key = '';
+    /**
+     * 数据
+     */
+    data = {};
+    /**
+     * 点击事件
+     */
+    componentEvent = new EventEmitter();
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    titleClick() {
+        let emitData = {
+            rowCode: this.data[this.primary_key],
+            rowData: this.data,
+            columnKey: 'id',
+        };
+        this.componentEvent.emit(emitData);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardOKRComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramDeonCardOKRComponent, isStandalone: true, selector: "card-okr", inputs: { primary_key: "primary_key", data: "data" }, outputs: { componentEvent: "componentEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"info-box\">\n  <div class=\"left-box\">\n    <div class=\"first\">\n      <ul (click)=\"titleClick()\">\n        <li class=\"title\"><a>{{data?.name}}</a></li>\n        <li class=\"type\">\u5B63\u5EA6</li>\n        <li class=\"state\" [ngClass]=\"'state_' + data?.state\"><label>{{data?.state | state}}</label></li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"right-box\"></div>\n</div>\n<div class=\"operation-box\">\n  <div class=\"left-box\">\n    <ul>\n      <li><label>\u5E74\u5EA6\uFF1A</label>{{data?.yearInfo?.name}}</li>\n      <li><label>\u5468\u671F\uFF1A</label>{{data?.startDate | date:\"yyyy-MM-dd\" }}&nbsp;~&nbsp;{{data?.endDate | date:\"yyyy-MM-dd\" }}</li>\n      <li><label>\u521B\u5EFA\u65E5\u671F\uFF1A</label>{{data?.createDate | date:\"yyyy-MM-dd\" }}</li>\n      <li><label>\u521B\u5EFA\u4EBA\uFF1A</label>{{data?.createEmpInfo?.name}}</li>\n    </ul>\n  </div>\n  <div class=\"right-box\">\n    <ul>\n      <li><ng-content></ng-content></li>\n    </ul>\n  </div>\n</div>\n", styles: [":host ::ng-deep{position:relative;display:-webkit-box;display:flex;flex-direction:column;margin-bottom:18px;padding:0;border:1px solid #eaeaea;-webkit-box-orient:vertical;-webkit-box-direction:normal}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: GramPipeModule }, { kind: "pipe", type: i4.StatePipe, name: "state" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardOKRComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'card-okr', imports: [
+                        CommonModule,
+                        GramPipeModule
+                    ], template: "<div class=\"info-box\">\n  <div class=\"left-box\">\n    <div class=\"first\">\n      <ul (click)=\"titleClick()\">\n        <li class=\"title\"><a>{{data?.name}}</a></li>\n        <li class=\"type\">\u5B63\u5EA6</li>\n        <li class=\"state\" [ngClass]=\"'state_' + data?.state\"><label>{{data?.state | state}}</label></li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"right-box\"></div>\n</div>\n<div class=\"operation-box\">\n  <div class=\"left-box\">\n    <ul>\n      <li><label>\u5E74\u5EA6\uFF1A</label>{{data?.yearInfo?.name}}</li>\n      <li><label>\u5468\u671F\uFF1A</label>{{data?.startDate | date:\"yyyy-MM-dd\" }}&nbsp;~&nbsp;{{data?.endDate | date:\"yyyy-MM-dd\" }}</li>\n      <li><label>\u521B\u5EFA\u65E5\u671F\uFF1A</label>{{data?.createDate | date:\"yyyy-MM-dd\" }}</li>\n      <li><label>\u521B\u5EFA\u4EBA\uFF1A</label>{{data?.createEmpInfo?.name}}</li>\n    </ul>\n  </div>\n  <div class=\"right-box\">\n    <ul>\n      <li><ng-content></ng-content></li>\n    </ul>\n  </div>\n</div>\n", styles: [":host ::ng-deep{position:relative;display:-webkit-box;display:flex;flex-direction:column;margin-bottom:18px;padding:0;border:1px solid #eaeaea;-webkit-box-orient:vertical;-webkit-box-direction:normal}\n"] }]
+        }], propDecorators: { primary_key: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], componentEvent: [{
+                type: Output
+            }] } });
+
+class GramOkrObjectiveDLComponent {
+    data = null;
+    dataType = null;
+    itemClick = new EventEmitter();
+    constructor() { }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    btnNameClick() {
+        this.itemClick.emit({
+            type: 'name',
+        });
+    }
+    followClick() { }
+    adjustClick() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrObjectiveDLComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramOkrObjectiveDLComponent, isStandalone: true, selector: "okr-objective-dl", inputs: { data: "data", dataType: "dataType" }, outputs: { itemClick: "itemClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"first\">\n  <div class=\"left-box\">\n    <ng-container [ngSwitch]=\"data.category\">\n      <ng-container *ngSwitchCase=\"'STR'\">\n        <nz-tag [nzColor]=\"'#3554d1'\">\u6218\u7565</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'TEAM'\">\n        <nz-tag [nzColor]=\"'#8C94FC'\">\u56E2\u961F</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'SELF'\">\n        <nz-tag [nzColor]=\"'#B7A0FC'\">\u4E2A\u4EBA</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchDefault> </ng-container>\n    </ng-container>\n    <nz-tag [nzColor]=\"'#FB8E8C'\">\u5B9A\u91CF</nz-tag>\n\n    <a class=\"name\" (click)=\"btnNameClick()\">{{data?.name}}</a>\n    <!-- <a class=\"planName\">{{data?.planInfo?.name}}</a> -->\n  </div>\n  <div class=\"right-box\">\n    <ul>\n      <ng-container *ngIf=\"dataType=='STR' || dataType=='TEAM'\">\n        <li class=\"a-teamNum\">\u56E2\u961F\u76EE\u6807&nbsp;[&nbsp;{{data.teamCnt}}&nbsp;]</li>\n        <li class=\"a-selNum\">\u4E2A\u4EBA\u76EE\u6807&nbsp;[&nbsp;{{data?.selfCnt}}&nbsp;]</li>\n      </ng-container>\n      <ng-container *ngIf=\"dataType=='SELF'\">\n        <li class=\"a-taskNum\">\u5DE5\u4F5C\u4EFB\u52A1&nbsp;[&nbsp;{{data?.taskCnt}}&nbsp;]</li>\n        <li class=\"a-keyNum\">\u5173\u952E\u7ED3\u679C&nbsp;[&nbsp;{{data?.keyResultCnt}}&nbsp;]</li>\n      </ng-container>\n      <li class=\"operation\">\n        <ng-content></ng-content>\n      </li>\n    </ul>\n  </div>\n</div>\n<div class=\"second\" *ngIf=\"dataType=='STR' || dataType=='TEAM'\">\n  <ul>\n    <li class=\"team-value\">\n      <div>\n        <label>\u8BBE\u7F6E\u76EE\u6807\u503C</label>\n        <label>{{data?.targetValue}}</label>\n        <ng-container *ngIf=\"data?.unit\">\n          <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n        </ng-container>\n      </div>\n      <div>\n        <label>\u5206\u89E3\u76EE\u6807\u503C</label>\n        <label>{{data?.breakValue}}</label>\n        <ng-container *ngIf=\"data?.unit\">\n          <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n        </ng-container>\n      </div>\n    </li>\n    <li>\n      <label>\u5206\u89E3\u7387</label>\n      <nz-progress nzStrokeLinecap=\"round\" nzType=\"circle\" [nzPercent]=\"data.breakRate\" [nzWidth]=\"40\"></nz-progress>\n    </li>\n    <li>\n      <label>\u5B8C\u6210\u7387</label>\n      <nz-progress nzStrokeLinecap=\"round\" nzType=\"circle\" [nzPercent]=\"data.finishRate\" [nzWidth]=\"40\"></nz-progress>\n    </li>\n    <li>\n      <label>\u5F53\u524D\u5B8C\u6210\u503C</label>\n      <label>{{data?.finishValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u6311\u6218\u503C</label>\n      <label>{{data?.challengeValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u53CA\u683C\u503C</label>\n      <label>{{data?.passValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u9884\u8B66\u503C</label>\n      <label>{{data?.warnValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li class=\"li-empty\"></li>\n    <li class=\"create-info\" *ngIf=\"dataType=='TEAM'\">\n      <div>\n        <label>\u76EE\u6807\u8D1F\u8D23\u4EBA</label>\n        <label>{{data?.empInfo?.name}}</label>\n      </div>\n      <div>\n        <label>\u521B\u5EFA\u65E5\u671F</label>\n        <label>{{data?.createDate | moment: ['YYYY/MM/DD']}}</label>\n      </div>\n    </li>\n  </ul>\n</div>\n<div class=\"second\" *ngIf=\"dataType=='SELF'\">\n  <ul>\n    <li>\n      <label>\u8BBE\u7F6E\u76EE\u6807\u503C</label>\n      <label>{{data?.targetValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u5B8C\u6210\u7387</label>\n      <nz-progress nzStrokeLinecap=\"round\" nzType=\"circle\" [nzPercent]=\"data.finishRate\" [nzWidth]=\"40\"></nz-progress>\n    </li>\n    <li>\n      <label>\u5F53\u524D\u5B8C\u6210\u503C</label>\n      <label>{{data?.finishValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u6311\u6218\u503C</label>\n      <label>{{data?.challengeValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u53CA\u683C\u503C</label>\n      <label>{{data?.passValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u9884\u8B66\u503C</label>\n      <label>{{data?.warnValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li class=\"li-empty\"></li>\n    <li class=\"create-info\">\n      <div>\n        <label>\u76EE\u6807\u8D1F\u8D23\u4EBA</label>\n        <label>{{data?.empInfo?.name}}</label>\n      </div>\n      <div>\n        <label>\u521B\u5EFA\u65E5\u671F</label>\n        <label>{{data?.createDate | moment: ['YYYY/MM/DD']}}</label>\n      </div>\n    </li>\n  </ul>\n</div>\n<div class=\"three\">\n  <div class=\"left-box\">\n    <ul>\n      <li *ngFor=\"let item of data?.listFinishPeriod\">\n        <label>{{item?.name}}</label>\n        <label>{{item?.periodValue | empty:['--']}}</label>\n        <ng-container *ngIf=\"data?.unit && item?.periodValue!=null\">\n          <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n        </ng-container>\n      </li>\n    </ul>\n  </div>\n  <div class=\"right-box\">\n    <ul>\n      <ng-container *ngIf=\"data?.writeType=='WORKFLOW'\">\n        <li>\n          <label>\u6D41\u7A0B\u72B6\u6001</label>\n          <div class=\"flow\" [ngClass]=\"'flow_text_'+data?.workflowStatus\"\n            [innerHtml]=\"data?.workflowStatus | flowState | safeHtml\">\n          </div>\n        </li>\n        <li *ngIf=\"data?.nodeName\">\n          <label>\u8282\u70B9\u540D\u79F0</label>\n          <div class=\"nodeName\">\n            {{data?.nodeName}}\n          </div>\n        </li>\n        <li *ngIf=\"data?.nodeEmpName\">\n          <label>\u5BA1\u6838\u4EBA</label>\n          <div class=\"nodeEmpName\">\n            {{data?.nodeEmpName}}\n          </div>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"dataType=='SELF'\">\n        <li>\n          <label>\u8C03\u6574\u8BB0\u5F55</label>\n          <label>{{data?.adjustCnt}}</label>\n        </li>\n        <li *ngIf=\"data?.izFollow==true\">\n          <label>\u8DDF\u8FDB\u8BB0\u5F55</label>\n          <label>{{data?.followCnt}}</label>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:column;margin-bottom:15px;border:1px solid #eaeaea;border-radius:4px;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: NzTagModule }, { kind: "component", type: i2.NzTagComponent, selector: "nz-tag", inputs: ["nzMode", "nzColor", "nzChecked", "nzBordered"], outputs: ["nzOnClose", "nzCheckedChange"], exportAs: ["nzTag"] }, { kind: "ngmodule", type: NzProgressModule }, { kind: "component", type: i3.NzProgressComponent, selector: "nz-progress", inputs: ["nzShowInfo", "nzWidth", "nzStrokeColor", "nzSize", "nzFormat", "nzSuccessPercent", "nzPercent", "nzStrokeWidth", "nzGapDegree", "nzStatus", "nzType", "nzGapPosition", "nzStrokeLinecap", "nzSteps"], exportAs: ["nzProgress"] }, { kind: "ngmodule", type: GramPipeModule }, { kind: "pipe", type: i4.EmptyPipe, name: "empty" }, { kind: "pipe", type: i4.FlowStatePipe, name: "flowState" }, { kind: "pipe", type: i4.MomentPipe, name: "moment" }, { kind: "pipe", type: i4.OkrUnitPipe, name: "okr_unit" }, { kind: "pipe", type: i4.SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrObjectiveDLComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'okr-objective-dl', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        NzTagModule,
+                        NzProgressModule,
+                        GramPipeModule
+                    ], template: "<div class=\"first\">\n  <div class=\"left-box\">\n    <ng-container [ngSwitch]=\"data.category\">\n      <ng-container *ngSwitchCase=\"'STR'\">\n        <nz-tag [nzColor]=\"'#3554d1'\">\u6218\u7565</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'TEAM'\">\n        <nz-tag [nzColor]=\"'#8C94FC'\">\u56E2\u961F</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'SELF'\">\n        <nz-tag [nzColor]=\"'#B7A0FC'\">\u4E2A\u4EBA</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchDefault> </ng-container>\n    </ng-container>\n    <nz-tag [nzColor]=\"'#FB8E8C'\">\u5B9A\u91CF</nz-tag>\n\n    <a class=\"name\" (click)=\"btnNameClick()\">{{data?.name}}</a>\n    <!-- <a class=\"planName\">{{data?.planInfo?.name}}</a> -->\n  </div>\n  <div class=\"right-box\">\n    <ul>\n      <ng-container *ngIf=\"dataType=='STR' || dataType=='TEAM'\">\n        <li class=\"a-teamNum\">\u56E2\u961F\u76EE\u6807&nbsp;[&nbsp;{{data.teamCnt}}&nbsp;]</li>\n        <li class=\"a-selNum\">\u4E2A\u4EBA\u76EE\u6807&nbsp;[&nbsp;{{data?.selfCnt}}&nbsp;]</li>\n      </ng-container>\n      <ng-container *ngIf=\"dataType=='SELF'\">\n        <li class=\"a-taskNum\">\u5DE5\u4F5C\u4EFB\u52A1&nbsp;[&nbsp;{{data?.taskCnt}}&nbsp;]</li>\n        <li class=\"a-keyNum\">\u5173\u952E\u7ED3\u679C&nbsp;[&nbsp;{{data?.keyResultCnt}}&nbsp;]</li>\n      </ng-container>\n      <li class=\"operation\">\n        <ng-content></ng-content>\n      </li>\n    </ul>\n  </div>\n</div>\n<div class=\"second\" *ngIf=\"dataType=='STR' || dataType=='TEAM'\">\n  <ul>\n    <li class=\"team-value\">\n      <div>\n        <label>\u8BBE\u7F6E\u76EE\u6807\u503C</label>\n        <label>{{data?.targetValue}}</label>\n        <ng-container *ngIf=\"data?.unit\">\n          <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n        </ng-container>\n      </div>\n      <div>\n        <label>\u5206\u89E3\u76EE\u6807\u503C</label>\n        <label>{{data?.breakValue}}</label>\n        <ng-container *ngIf=\"data?.unit\">\n          <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n        </ng-container>\n      </div>\n    </li>\n    <li>\n      <label>\u5206\u89E3\u7387</label>\n      <nz-progress nzStrokeLinecap=\"round\" nzType=\"circle\" [nzPercent]=\"data.breakRate\" [nzWidth]=\"40\"></nz-progress>\n    </li>\n    <li>\n      <label>\u5B8C\u6210\u7387</label>\n      <nz-progress nzStrokeLinecap=\"round\" nzType=\"circle\" [nzPercent]=\"data.finishRate\" [nzWidth]=\"40\"></nz-progress>\n    </li>\n    <li>\n      <label>\u5F53\u524D\u5B8C\u6210\u503C</label>\n      <label>{{data?.finishValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u6311\u6218\u503C</label>\n      <label>{{data?.challengeValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u53CA\u683C\u503C</label>\n      <label>{{data?.passValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u9884\u8B66\u503C</label>\n      <label>{{data?.warnValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li class=\"li-empty\"></li>\n    <li class=\"create-info\" *ngIf=\"dataType=='TEAM'\">\n      <div>\n        <label>\u76EE\u6807\u8D1F\u8D23\u4EBA</label>\n        <label>{{data?.empInfo?.name}}</label>\n      </div>\n      <div>\n        <label>\u521B\u5EFA\u65E5\u671F</label>\n        <label>{{data?.createDate | moment: ['YYYY/MM/DD']}}</label>\n      </div>\n    </li>\n  </ul>\n</div>\n<div class=\"second\" *ngIf=\"dataType=='SELF'\">\n  <ul>\n    <li>\n      <label>\u8BBE\u7F6E\u76EE\u6807\u503C</label>\n      <label>{{data?.targetValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u5B8C\u6210\u7387</label>\n      <nz-progress nzStrokeLinecap=\"round\" nzType=\"circle\" [nzPercent]=\"data.finishRate\" [nzWidth]=\"40\"></nz-progress>\n    </li>\n    <li>\n      <label>\u5F53\u524D\u5B8C\u6210\u503C</label>\n      <label>{{data?.finishValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u6311\u6218\u503C</label>\n      <label>{{data?.challengeValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u53CA\u683C\u503C</label>\n      <label>{{data?.passValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li>\n      <label>\u9884\u8B66\u503C</label>\n      <label>{{data?.warnValue}}</label>\n      <ng-container *ngIf=\"data?.unit\">\n        <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n      </ng-container>\n    </li>\n    <li class=\"li-empty\"></li>\n    <li class=\"create-info\">\n      <div>\n        <label>\u76EE\u6807\u8D1F\u8D23\u4EBA</label>\n        <label>{{data?.empInfo?.name}}</label>\n      </div>\n      <div>\n        <label>\u521B\u5EFA\u65E5\u671F</label>\n        <label>{{data?.createDate | moment: ['YYYY/MM/DD']}}</label>\n      </div>\n    </li>\n  </ul>\n</div>\n<div class=\"three\">\n  <div class=\"left-box\">\n    <ul>\n      <li *ngFor=\"let item of data?.listFinishPeriod\">\n        <label>{{item?.name}}</label>\n        <label>{{item?.periodValue | empty:['--']}}</label>\n        <ng-container *ngIf=\"data?.unit && item?.periodValue!=null\">\n          <span class=\"okr-unit\">({{data?.unit | okr_unit}})</span>\n        </ng-container>\n      </li>\n    </ul>\n  </div>\n  <div class=\"right-box\">\n    <ul>\n      <ng-container *ngIf=\"data?.writeType=='WORKFLOW'\">\n        <li>\n          <label>\u6D41\u7A0B\u72B6\u6001</label>\n          <div class=\"flow\" [ngClass]=\"'flow_text_'+data?.workflowStatus\"\n            [innerHtml]=\"data?.workflowStatus | flowState | safeHtml\">\n          </div>\n        </li>\n        <li *ngIf=\"data?.nodeName\">\n          <label>\u8282\u70B9\u540D\u79F0</label>\n          <div class=\"nodeName\">\n            {{data?.nodeName}}\n          </div>\n        </li>\n        <li *ngIf=\"data?.nodeEmpName\">\n          <label>\u5BA1\u6838\u4EBA</label>\n          <div class=\"nodeEmpName\">\n            {{data?.nodeEmpName}}\n          </div>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"dataType=='SELF'\">\n        <li>\n          <label>\u8C03\u6574\u8BB0\u5F55</label>\n          <label>{{data?.adjustCnt}}</label>\n        </li>\n        <li *ngIf=\"data?.izFollow==true\">\n          <label>\u8DDF\u8FDB\u8BB0\u5F55</label>\n          <label>{{data?.followCnt}}</label>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:column;margin-bottom:15px;border:1px solid #eaeaea;border-radius:4px;padding:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{
+                type: Input
+            }], dataType: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });
+
+class GramOkrObjectiveDXComponent {
+    data = null;
+    dataType = null;
+    itemClick = new EventEmitter();
+    constructor() { }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    btnNameClick() {
+        this.itemClick.emit({
+            type: 'name',
+        });
+    }
+    followClick() { }
+    adjustClick() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrObjectiveDXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramOkrObjectiveDXComponent, isStandalone: true, selector: "okr-objective-dx", inputs: { data: "data", dataType: "dataType" }, outputs: { itemClick: "itemClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"first\">\n  <div class=\"left-box\">\n    <ng-container [ngSwitch]=\"data.category\">\n      <ng-container *ngSwitchCase=\"'STR'\">\n        <nz-tag [nzColor]=\"'#3554d1'\">\u6218\u7565</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'TEAM'\">\n        <nz-tag [nzColor]=\"'#8C94FC'\">\u56E2\u961F</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'SELF'\">\n        <nz-tag [nzColor]=\"'#B7A0FC'\">\u4E2A\u4EBA</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchDefault> </ng-container>\n    </ng-container>\n    <nz-tag [nzColor]=\"'#F59C65'\">\u5B9A\u6027</nz-tag>\n\n    <a class=\"name\" (click)=\"btnNameClick()\">{{data?.name}}</a>\n    <!-- <a class=\"planName\">{{data?.planInfo?.name}}</a> -->\n  </div>\n  <div class=\"right-box\">\n    <ul>\n      <ng-container *ngIf=\"dataType=='STR' || dataType=='TEAM'\">\n        <li class=\"a-teamNum\">\u56E2\u961F\u76EE\u6807&nbsp;[&nbsp;{{data?.teamCnt}}&nbsp;]</li>\n        <li class=\"a-selNum\">\u4E2A\u4EBA\u76EE\u6807&nbsp;[&nbsp;{{data?.selfCnt}}&nbsp;]</li>\n      </ng-container>\n      <ng-container *ngIf=\"dataType=='SELF'\">\n        <li class=\"a-taskNum\">\u5DE5\u4F5C\u4EFB\u52A1&nbsp;[&nbsp;{{data?.taskCnt}}&nbsp;]</li>\n        <li class=\"a-keyNum\">\u5173\u952E\u7ED3\u679C&nbsp;[&nbsp;{{data?.keyResultCnt}}&nbsp;]</li>\n      </ng-container>\n      <li class=\"operation\">\n        <ng-content></ng-content>\n      </li>\n    </ul>\n  </div>\n</div>\n<div class=\"second\" *ngIf=\"dataType=='STR' || dataType=='TEAM'\">\n  <ul>\n    <li>\n      <label>\u5F53\u524D\u5B8C\u6210\u5EA6</label>\n      <nz-progress nzStrokeLinecap=\"round\" nzType=\"circle\" [nzPercent]=\"data.finishRate\" [nzWidth]=\"40\"></nz-progress>\n    </li>\n    <li class=\"li-empty\"></li>\n    <li class=\"create-info\" *ngIf=\"dataType=='TEAM'\">\n      <div>\n        <label>\u76EE\u6807\u8D1F\u8D23\u4EBA</label>\n        <label>{{data?.empInfo?.name}}</label>\n      </div>\n      <div>\n        <label>\u521B\u5EFA\u65E5\u671F</label>\n        <label>{{data?.createDate | moment: ['YYYY/MM/DD']}}</label>\n      </div>\n    </li>\n  </ul>\n</div>\n<div class=\"second\" *ngIf=\"dataType=='SELF'\">\n  <ul>\n    <li>\n      <label>\u5F53\u524D\u5B8C\u6210\u5EA6</label>\n      <nz-progress nzStrokeLinecap=\"round\" nzType=\"circle\" [nzPercent]=\"data.finishValue\" [nzWidth]=\"40\"></nz-progress>\n    </li>\n    <li class=\"li-empty\"></li>\n    <li class=\"create-info\">\n      <div>\n        <label>\u76EE\u6807\u8D1F\u8D23\u4EBA</label>\n        <label>{{data?.empInfo?.name}}</label>\n      </div>\n      <div>\n        <label>\u521B\u5EFA\u65E5\u671F</label>\n        <label>{{data?.createDate | moment: ['YYYY/MM/DD']}}</label>\n      </div>\n    </li>\n  </ul>\n</div>\n<div class=\"three\">\n  <div class=\"left-box\">\n    <ul>\n      <li *ngFor=\"let item of data?.listFinishPeriod\">\n        <label>{{item?.name}}</label>\n        <ng-container\n          *ngIf=\"item.periodValue!=undefined && item.periodValue!=null && item.periodValue!='';else tmpPeriod\">\n          <label>{{item?.periodValue}}%</label>\n        </ng-container>\n        <ng-template #tmpPeriod>\n          <label>--</label>\n        </ng-template>\n      </li>\n    </ul>\n  </div>\n  <div class=\"right-box\">\n    <ul>\n      <ng-container *ngIf=\"data?.writeType=='WORKFLOW'\">\n        <li>\n          <label>\u6D41\u7A0B\u72B6\u6001</label>\n          <div class=\"flow\" [ngClass]=\"'flow_text_'+data?.workflowStatus\"\n            [innerHtml]=\"data?.workflowStatus | flowState | safeHtml\">\n          </div>\n        </li>\n        <li *ngIf=\"data?.nodeName\">\n          <label>\u8282\u70B9\u540D\u79F0</label>\n          <div class=\"nodeName\">\n            {{data?.nodeName}}\n          </div>\n        </li>\n        <li *ngIf=\"data?.nodeEmpName\">\n          <label>\u5BA1\u6838\u4EBA</label>\n          <div class=\"nodeEmpName\">\n            {{data?.nodeEmpName}}\n          </div>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"dataType=='SELF'\">\n        <li>\n          <label>\u8C03\u6574\u8BB0\u5F55</label>\n          <label>{{data?.adjustCnt}}</label>\n        </li>\n        <li *ngIf=\"data?.izFollow==true\">\n          <label>\u8DDF\u8FDB\u8BB0\u5F55</label>\n          <label>{{data?.followCnt}}</label>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:column;margin-bottom:15px;border:1px solid #eaeaea;border-radius:4px;padding:0}:host ::ng-deep .a-type{background-color:#6331b3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: NzTagModule }, { kind: "component", type: i2.NzTagComponent, selector: "nz-tag", inputs: ["nzMode", "nzColor", "nzChecked", "nzBordered"], outputs: ["nzOnClose", "nzCheckedChange"], exportAs: ["nzTag"] }, { kind: "ngmodule", type: NzProgressModule }, { kind: "component", type: i3.NzProgressComponent, selector: "nz-progress", inputs: ["nzShowInfo", "nzWidth", "nzStrokeColor", "nzSize", "nzFormat", "nzSuccessPercent", "nzPercent", "nzStrokeWidth", "nzGapDegree", "nzStatus", "nzType", "nzGapPosition", "nzStrokeLinecap", "nzSteps"], exportAs: ["nzProgress"] }, { kind: "ngmodule", type: GramPipeModule }, { kind: "pipe", type: i4.FlowStatePipe, name: "flowState" }, { kind: "pipe", type: i4.MomentPipe, name: "moment" }, { kind: "pipe", type: i4.SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrObjectiveDXComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'okr-objective-dx', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        NzTagModule,
+                        NzProgressModule,
+                        GramPipeModule
+                    ], template: "<div class=\"first\">\n  <div class=\"left-box\">\n    <ng-container [ngSwitch]=\"data.category\">\n      <ng-container *ngSwitchCase=\"'STR'\">\n        <nz-tag [nzColor]=\"'#3554d1'\">\u6218\u7565</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'TEAM'\">\n        <nz-tag [nzColor]=\"'#8C94FC'\">\u56E2\u961F</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchCase=\"'SELF'\">\n        <nz-tag [nzColor]=\"'#B7A0FC'\">\u4E2A\u4EBA</nz-tag>\n      </ng-container>\n      <ng-container *ngSwitchDefault> </ng-container>\n    </ng-container>\n    <nz-tag [nzColor]=\"'#F59C65'\">\u5B9A\u6027</nz-tag>\n\n    <a class=\"name\" (click)=\"btnNameClick()\">{{data?.name}}</a>\n    <!-- <a class=\"planName\">{{data?.planInfo?.name}}</a> -->\n  </div>\n  <div class=\"right-box\">\n    <ul>\n      <ng-container *ngIf=\"dataType=='STR' || dataType=='TEAM'\">\n        <li class=\"a-teamNum\">\u56E2\u961F\u76EE\u6807&nbsp;[&nbsp;{{data?.teamCnt}}&nbsp;]</li>\n        <li class=\"a-selNum\">\u4E2A\u4EBA\u76EE\u6807&nbsp;[&nbsp;{{data?.selfCnt}}&nbsp;]</li>\n      </ng-container>\n      <ng-container *ngIf=\"dataType=='SELF'\">\n        <li class=\"a-taskNum\">\u5DE5\u4F5C\u4EFB\u52A1&nbsp;[&nbsp;{{data?.taskCnt}}&nbsp;]</li>\n        <li class=\"a-keyNum\">\u5173\u952E\u7ED3\u679C&nbsp;[&nbsp;{{data?.keyResultCnt}}&nbsp;]</li>\n      </ng-container>\n      <li class=\"operation\">\n        <ng-content></ng-content>\n      </li>\n    </ul>\n  </div>\n</div>\n<div class=\"second\" *ngIf=\"dataType=='STR' || dataType=='TEAM'\">\n  <ul>\n    <li>\n      <label>\u5F53\u524D\u5B8C\u6210\u5EA6</label>\n      <nz-progress nzStrokeLinecap=\"round\" nzType=\"circle\" [nzPercent]=\"data.finishRate\" [nzWidth]=\"40\"></nz-progress>\n    </li>\n    <li class=\"li-empty\"></li>\n    <li class=\"create-info\" *ngIf=\"dataType=='TEAM'\">\n      <div>\n        <label>\u76EE\u6807\u8D1F\u8D23\u4EBA</label>\n        <label>{{data?.empInfo?.name}}</label>\n      </div>\n      <div>\n        <label>\u521B\u5EFA\u65E5\u671F</label>\n        <label>{{data?.createDate | moment: ['YYYY/MM/DD']}}</label>\n      </div>\n    </li>\n  </ul>\n</div>\n<div class=\"second\" *ngIf=\"dataType=='SELF'\">\n  <ul>\n    <li>\n      <label>\u5F53\u524D\u5B8C\u6210\u5EA6</label>\n      <nz-progress nzStrokeLinecap=\"round\" nzType=\"circle\" [nzPercent]=\"data.finishValue\" [nzWidth]=\"40\"></nz-progress>\n    </li>\n    <li class=\"li-empty\"></li>\n    <li class=\"create-info\">\n      <div>\n        <label>\u76EE\u6807\u8D1F\u8D23\u4EBA</label>\n        <label>{{data?.empInfo?.name}}</label>\n      </div>\n      <div>\n        <label>\u521B\u5EFA\u65E5\u671F</label>\n        <label>{{data?.createDate | moment: ['YYYY/MM/DD']}}</label>\n      </div>\n    </li>\n  </ul>\n</div>\n<div class=\"three\">\n  <div class=\"left-box\">\n    <ul>\n      <li *ngFor=\"let item of data?.listFinishPeriod\">\n        <label>{{item?.name}}</label>\n        <ng-container\n          *ngIf=\"item.periodValue!=undefined && item.periodValue!=null && item.periodValue!='';else tmpPeriod\">\n          <label>{{item?.periodValue}}%</label>\n        </ng-container>\n        <ng-template #tmpPeriod>\n          <label>--</label>\n        </ng-template>\n      </li>\n    </ul>\n  </div>\n  <div class=\"right-box\">\n    <ul>\n      <ng-container *ngIf=\"data?.writeType=='WORKFLOW'\">\n        <li>\n          <label>\u6D41\u7A0B\u72B6\u6001</label>\n          <div class=\"flow\" [ngClass]=\"'flow_text_'+data?.workflowStatus\"\n            [innerHtml]=\"data?.workflowStatus | flowState | safeHtml\">\n          </div>\n        </li>\n        <li *ngIf=\"data?.nodeName\">\n          <label>\u8282\u70B9\u540D\u79F0</label>\n          <div class=\"nodeName\">\n            {{data?.nodeName}}\n          </div>\n        </li>\n        <li *ngIf=\"data?.nodeEmpName\">\n          <label>\u5BA1\u6838\u4EBA</label>\n          <div class=\"nodeEmpName\">\n            {{data?.nodeEmpName}}\n          </div>\n        </li>\n      </ng-container>\n      <ng-container *ngIf=\"dataType=='SELF'\">\n        <li>\n          <label>\u8C03\u6574\u8BB0\u5F55</label>\n          <label>{{data?.adjustCnt}}</label>\n        </li>\n        <li *ngIf=\"data?.izFollow==true\">\n          <label>\u8DDF\u8FDB\u8BB0\u5F55</label>\n          <label>{{data?.followCnt}}</label>\n        </li>\n      </ng-container>\n    </ul>\n  </div>\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:column;margin-bottom:15px;border:1px solid #eaeaea;border-radius:4px;padding:0}:host ::ng-deep .a-type{background-color:#6331b3}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{
+                type: Input
+            }], dataType: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });
+
+class GramOkrObjectiveComponent {
+    data = null;
+    dataType = null;
+    itemClick = new EventEmitter();
+    constructor() { }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    btnItemClick(e) {
+        this.itemClick.emit(e);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrObjectiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramOkrObjectiveComponent, isStandalone: true, selector: "okr-objective", inputs: { data: "data", dataType: "dataType" }, outputs: { itemClick: "itemClick" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"data!!\">\n  <ng-container *ngIf=\"data.type=='DL';else tmpDX\">\n    <okr-objective-dl [data]=\"data\" [dataType]=\"dataType\" (itemClick)=\"btnItemClick($event)\">\n      <ng-content select=\"[name=dl-box]\"></ng-content>\n    </okr-objective-dl>\n  </ng-container>\n  <ng-template #tmpDX>\n    <okr-objective-dx [data]=\"data\" [dataType]=\"dataType\" (itemClick)=\"btnItemClick($event)\">\n      <ng-content select=\"[name=dx-box]\"></ng-content>\n    </okr-objective-dx>\n  </ng-template>\n</ng-container>\n", styles: [":host ::ng-deep ul{display:flex;flex-direction:row;margin:0;padding:0}:host ::ng-deep ul li{margin:0;padding:0 25px 0 0;display:flex;flex-direction:row;align-items:center}:host ::ng-deep .first{font-size:13px;padding:8px 15px 0;position:relative}:host ::ng-deep .first .name{padding:0 0 0 8px}:host ::ng-deep .first .right-box{position:absolute;top:0;right:1px;color:#fff}:host ::ng-deep .first .right-box li{border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-left:6px;text-align:center;padding:2px 10px;font-size:12px;cursor:pointer}:host ::ng-deep .first .right-box .a-teamNum{background-color:#8c94fc}:host ::ng-deep .first .right-box .a-selNum{background-color:#b7a0fc}:host ::ng-deep .first .right-box .a-taskNum{background-color:#80e4cf}:host ::ng-deep .first .right-box .a-keyNum{background-color:#a3e7a4}:host ::ng-deep .first .right-box .a-operation{background-color:#fca326;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-left:6px;text-align:center;padding:2px 10px;font-size:12px;cursor:pointer}:host ::ng-deep .first .right-box .b-operation{background-color:#8c8c8c;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-left:6px;text-align:center;padding:2px 10px;font-size:12px;cursor:pointer}:host ::ng-deep .first .right-box .operation{padding:0;margin-left:0}:host ::ng-deep .second{padding:8px 15px 0}:host ::ng-deep .second nz-progress{margin-left:5px}:host ::ng-deep .second ul{align-items:center}:host ::ng-deep .second ul li label:nth-child(1):after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .second ul li label:nth-child(2){font-size:16px}:host ::ng-deep .three{padding:8px 15px;margin-top:8px;border-top:1px solid #eaeaea;display:flex;flex-direction:row;align-items:center}:host ::ng-deep .three .left-box{display:flex;flex:1}:host ::ng-deep .three .left-box li{padding:0 20px 0 0}:host ::ng-deep .three .left-box li label:nth-child(1):after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .three .right-box li{padding:0 0 0 15px}:host ::ng-deep .three .right-box li label:nth-child(1):after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .team-value{display:flex;flex-direction:column;align-items:flex-start}:host ::ng-deep .li-empty{flex:1}:host ::ng-deep .create-info{display:flex;flex-direction:column;align-items:flex-start;padding:0}:host ::ng-deep .create-info div+div{padding:3px 0 0}:host ::ng-deep .create-info label:nth-child(2){font-size:12px!important}:host ::ng-deep .flow label:after{content:\"\"!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: GramOkrObjectiveDLComponent, selector: "okr-objective-dl", inputs: ["data", "dataType"], outputs: ["itemClick"] }, { kind: "component", type: GramOkrObjectiveDXComponent, selector: "okr-objective-dx", inputs: ["data", "dataType"], outputs: ["itemClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrObjectiveComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'okr-objective', imports: [
+                        CommonModule,
+                        GramOkrObjectiveDLComponent,
+                        GramOkrObjectiveDXComponent
+                    ], template: "<ng-container *ngIf=\"data!!\">\n  <ng-container *ngIf=\"data.type=='DL';else tmpDX\">\n    <okr-objective-dl [data]=\"data\" [dataType]=\"dataType\" (itemClick)=\"btnItemClick($event)\">\n      <ng-content select=\"[name=dl-box]\"></ng-content>\n    </okr-objective-dl>\n  </ng-container>\n  <ng-template #tmpDX>\n    <okr-objective-dx [data]=\"data\" [dataType]=\"dataType\" (itemClick)=\"btnItemClick($event)\">\n      <ng-content select=\"[name=dx-box]\"></ng-content>\n    </okr-objective-dx>\n  </ng-template>\n</ng-container>\n", styles: [":host ::ng-deep ul{display:flex;flex-direction:row;margin:0;padding:0}:host ::ng-deep ul li{margin:0;padding:0 25px 0 0;display:flex;flex-direction:row;align-items:center}:host ::ng-deep .first{font-size:13px;padding:8px 15px 0;position:relative}:host ::ng-deep .first .name{padding:0 0 0 8px}:host ::ng-deep .first .right-box{position:absolute;top:0;right:1px;color:#fff}:host ::ng-deep .first .right-box li{border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-left:6px;text-align:center;padding:2px 10px;font-size:12px;cursor:pointer}:host ::ng-deep .first .right-box .a-teamNum{background-color:#8c94fc}:host ::ng-deep .first .right-box .a-selNum{background-color:#b7a0fc}:host ::ng-deep .first .right-box .a-taskNum{background-color:#80e4cf}:host ::ng-deep .first .right-box .a-keyNum{background-color:#a3e7a4}:host ::ng-deep .first .right-box .a-operation{background-color:#fca326;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-left:6px;text-align:center;padding:2px 10px;font-size:12px;cursor:pointer}:host ::ng-deep .first .right-box .b-operation{background-color:#8c8c8c;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-left:6px;text-align:center;padding:2px 10px;font-size:12px;cursor:pointer}:host ::ng-deep .first .right-box .operation{padding:0;margin-left:0}:host ::ng-deep .second{padding:8px 15px 0}:host ::ng-deep .second nz-progress{margin-left:5px}:host ::ng-deep .second ul{align-items:center}:host ::ng-deep .second ul li label:nth-child(1):after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .second ul li label:nth-child(2){font-size:16px}:host ::ng-deep .three{padding:8px 15px;margin-top:8px;border-top:1px solid #eaeaea;display:flex;flex-direction:row;align-items:center}:host ::ng-deep .three .left-box{display:flex;flex:1}:host ::ng-deep .three .left-box li{padding:0 20px 0 0}:host ::ng-deep .three .left-box li label:nth-child(1):after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .three .right-box li{padding:0 0 0 15px}:host ::ng-deep .three .right-box li label:nth-child(1):after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .team-value{display:flex;flex-direction:column;align-items:flex-start}:host ::ng-deep .li-empty{flex:1}:host ::ng-deep .create-info{display:flex;flex-direction:column;align-items:flex-start;padding:0}:host ::ng-deep .create-info div+div{padding:3px 0 0}:host ::ng-deep .create-info label:nth-child(2){font-size:12px!important}:host ::ng-deep .flow label:after{content:\"\"!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{
+                type: Input
+            }], dataType: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });
+
+class GramOkrStatsDefaultComponent {
+    name = null;
+    data = null;
+    unit = null;
+    icon = 'line-chart';
+    constructor() { }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrStatsDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramOkrStatsDefaultComponent, isStandalone: true, selector: "okr-stats-default", inputs: { name: "name", data: "data", unit: "unit", icon: "icon" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"title\"><span nz-icon [nzType]=\"icon\"></span>{{name}}</div>\n<div class=\"value\">\n  <label class=\"data\">{{data!=undefined && data!=null && data!=''?data:0}}</label>\n  <label class=\"unit\" *ngIf=\"unit!!\">({{unit}})</label>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:110px;height:76px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{font-size:16px;display:flex;flex-direction:row;align-items:flex-end}:host ::ng-deep .value .unit{margin-left:5px;font-size:12px}:host ::ng-deep .value .data{font-size:13px;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$1.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: GramOkrStatsDefaultComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'okr-stats-default', imports: [
+                        CommonModule,
+                        NzIconModule
+                    ], template: "<div class=\"title\"><span nz-icon [nzType]=\"icon\"></span>{{name}}</div>\n<div class=\"value\">\n  <label class=\"data\">{{data!=undefined && data!=null && data!=''?data:0}}</label>\n  <label class=\"unit\" *ngIf=\"unit!!\">({{unit}})</label>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:110px;height:76px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{font-size:16px;display:flex;flex-direction:row;align-items:flex-end}:host ::ng-deep .value .unit{margin-left:5px;font-size:12px}:host ::ng-deep .value .data{font-size:13px;font-weight:600}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], unit: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class GramOkrStatsObjComponent {
+    name = null;
+    dx = null;
+    dl = null;
+    unit = null;
+    constructor() { }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrStatsObjComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramOkrStatsObjComponent, isStandalone: true, selector: "okr-stats-obj", inputs: { name: "name", dx: "dx", dl: "dl", unit: "unit" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"title\"><span nz-icon nzType=\"line-chart\"></span>{{name}}</div>\n<div class=\"value\">\n  <div>\n    <label class=\"type\">\u5B9A\u91CF</label>\n    <label class=\"cnt\">{{dl}}</label>\n    <label class=\"unit\" *ngIf=\"unit!!\">({{unit}})</label>\n  </div>\n  <div>\n    <label class=\"type\">\u5B9A\u6027</label>\n    <label class=\"cnt\">{{dx}}</label>\n    <label class=\"unit\" *ngIf=\"unit!!\">({{unit}})</label>\n  </div>\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:180px;height:76px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{display:flex;flex-direction:row;align-items:center}:host ::ng-deep .value div{flex:1;display:flex;flex-direction:row;align-items:flex-end}:host ::ng-deep .value .type{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .value .type:after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .value .unit{padding:0 10px 0 5px}:host ::ng-deep .value .cnt{font-size:13px;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrStatsObjComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'okr-stats-obj', imports: [
+                        CommonModule
+                    ], template: "<div class=\"title\"><span nz-icon nzType=\"line-chart\"></span>{{name}}</div>\n<div class=\"value\">\n  <div>\n    <label class=\"type\">\u5B9A\u91CF</label>\n    <label class=\"cnt\">{{dl}}</label>\n    <label class=\"unit\" *ngIf=\"unit!!\">({{unit}})</label>\n  </div>\n  <div>\n    <label class=\"type\">\u5B9A\u6027</label>\n    <label class=\"cnt\">{{dx}}</label>\n    <label class=\"unit\" *ngIf=\"unit!!\">({{unit}})</label>\n  </div>\n</div>", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:180px;height:76px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{display:flex;flex-direction:row;align-items:center}:host ::ng-deep .value div{flex:1;display:flex;flex-direction:row;align-items:flex-end}:host ::ng-deep .value .type{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}:host ::ng-deep .value .type:after{content:\":\";padding:0 5px 0 3px}:host ::ng-deep .value .unit{padding:0 10px 0 5px}:host ::ng-deep .value .cnt{font-size:13px;font-weight:600}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], dx: [{
+                type: Input
+            }], dl: [{
+                type: Input
+            }], unit: [{
+                type: Input
+            }] } });
+
+class GramOkrStatsProgressComponent {
+    name = null;
+    data = null;
+    constructor() { }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrStatsProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramOkrStatsProgressComponent, isStandalone: true, selector: "okr-stats-progress", inputs: { name: "name", data: "data" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"title\"><span nz-icon nzType=\"line-chart\"></span>{{name}}</div>\n<div class=\"value\">\n  <nz-progress [nzPercent]=\"data\"></nz-progress>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:180px;min-height:76px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{padding:0 15px 0 0}\n"], dependencies: [{ kind: "ngmodule", type: NzProgressModule }, { kind: "component", type: i3.NzProgressComponent, selector: "nz-progress", inputs: ["nzShowInfo", "nzWidth", "nzStrokeColor", "nzSize", "nzFormat", "nzSuccessPercent", "nzPercent", "nzStrokeWidth", "nzGapDegree", "nzStatus", "nzType", "nzGapPosition", "nzStrokeLinecap", "nzSteps"], exportAs: ["nzProgress"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramOkrStatsProgressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'okr-stats-progress', imports: [
+                        NzProgressModule
+                    ], template: "<div class=\"title\"><span nz-icon nzType=\"line-chart\"></span>{{name}}</div>\n<div class=\"value\">\n  <nz-progress [nzPercent]=\"data\"></nz-progress>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:180px;min-height:76px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{padding:0 15px 0 0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }] } });
+
+class GramKpiStats1Component {
+    name = null;
+    data1 = null;
+    data2 = null;
+    data3 = null;
+    icon = 'line-chart';
+    constructor() { }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramKpiStats1Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramKpiStats1Component, isStandalone: true, selector: "kpi-stats1", inputs: { name: "name", data1: "data1", data2: "data2", data3: "data3", icon: "icon" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"title\"><span nz-icon [nzType]=\"icon\"></span>{{name}}</div>\n<div class=\"value\">\n  <ul>\n    <li>\n      <div class=\"data\">{{data1!=undefined && data1!=null && data1!=''?data1:0}}</div>\n      <div>\u672A\u5B8C\u6210</div>\n    </li>\n    <li>\n      <div class=\"data\">{{data2!=undefined && data2!=null && data2!=''?data2:0}}</div>\n      <div>\u5BA1\u6838\u4E2D</div>\n    </li>\n    <li class=\"finish\">\n      <div class=\"data\">{{data3!=undefined && data3!=null && data3!=''?data3:0}}</div>\n      <div>\u5DF2\u5B8C\u6210</div>\n    </li>\n  </ul>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:110px;height:90px;font-size:12px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{font-size:12px;flex:1;display:flex;flex-direction:row;align-items:center}:host ::ng-deep .value ul{display:flex;flex-direction:row;align-items:center;flex:1;padding:0;margin:0}:host ::ng-deep .value li{flex:1;text-align:center}:host ::ng-deep .value .finish{color:#2cb792}:host ::ng-deep .value .data{font-size:13px;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$1.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: GramKpiStats1Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'kpi-stats1', imports: [
+                        CommonModule,
+                        NzIconModule
+                    ], template: "<div class=\"title\"><span nz-icon [nzType]=\"icon\"></span>{{name}}</div>\n<div class=\"value\">\n  <ul>\n    <li>\n      <div class=\"data\">{{data1!=undefined && data1!=null && data1!=''?data1:0}}</div>\n      <div>\u672A\u5B8C\u6210</div>\n    </li>\n    <li>\n      <div class=\"data\">{{data2!=undefined && data2!=null && data2!=''?data2:0}}</div>\n      <div>\u5BA1\u6838\u4E2D</div>\n    </li>\n    <li class=\"finish\">\n      <div class=\"data\">{{data3!=undefined && data3!=null && data3!=''?data3:0}}</div>\n      <div>\u5DF2\u5B8C\u6210</div>\n    </li>\n  </ul>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:110px;height:90px;font-size:12px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{font-size:12px;flex:1;display:flex;flex-direction:row;align-items:center}:host ::ng-deep .value ul{display:flex;flex-direction:row;align-items:center;flex:1;padding:0;margin:0}:host ::ng-deep .value li{flex:1;text-align:center}:host ::ng-deep .value .finish{color:#2cb792}:host ::ng-deep .value .data{font-size:13px;font-weight:600}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], data1: [{
+                type: Input
+            }], data2: [{
+                type: Input
+            }], data3: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class GramKpiStats2Component {
+    name = null;
+    data1 = null;
+    data2 = null;
+    icon = 'line-chart';
+    constructor() { }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramKpiStats2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramKpiStats2Component, isStandalone: true, selector: "kpi-stats2", inputs: { name: "name", data1: "data1", data2: "data2", icon: "icon" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"title\"><span nz-icon [nzType]=\"icon\"></span>{{name}}</div>\n<div class=\"value\">\n  <ul>\n    <li>\n      <div class=\"data\">{{data1!=undefined && data1!=null && data1!=''?data1:0}}</div>\n      <div>\u5BA1\u6838\u4E2D</div>\n    </li>\n    <li class=\"finish\">\n      <div class=\"data\">{{data2!=undefined && data2!=null && data2!=''?data2:0}}</div>\n      <div>\u5DF2\u5B8C\u6210</div>\n    </li>\n  </ul>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:110px;height:90px;font-size:12px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{font-size:12px;flex:1;display:flex;flex-direction:row;align-items:center}:host ::ng-deep .value ul{display:flex;flex-direction:row;align-items:center;flex:1;padding:0;margin:0}:host ::ng-deep .value li{flex:1;text-align:center}:host ::ng-deep .value .data{font-size:13px;font-weight:600}:host ::ng-deep .value .finish{color:#2cb792}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$1.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: GramKpiStats2Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'kpi-stats2', imports: [
+                        CommonModule,
+                        NzIconModule
+                    ], template: "<div class=\"title\"><span nz-icon [nzType]=\"icon\"></span>{{name}}</div>\n<div class=\"value\">\n  <ul>\n    <li>\n      <div class=\"data\">{{data1!=undefined && data1!=null && data1!=''?data1:0}}</div>\n      <div>\u5BA1\u6838\u4E2D</div>\n    </li>\n    <li class=\"finish\">\n      <div class=\"data\">{{data2!=undefined && data2!=null && data2!=''?data2:0}}</div>\n      <div>\u5DF2\u5B8C\u6210</div>\n    </li>\n  </ul>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:110px;height:90px;font-size:12px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{font-size:12px;flex:1;display:flex;flex-direction:row;align-items:center}:host ::ng-deep .value ul{display:flex;flex-direction:row;align-items:center;flex:1;padding:0;margin:0}:host ::ng-deep .value li{flex:1;text-align:center}:host ::ng-deep .value .data{font-size:13px;font-weight:600}:host ::ng-deep .value .finish{color:#2cb792}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], data1: [{
+                type: Input
+            }], data2: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class GramKpiStats3Component {
+    name = null;
+    data1 = null;
+    data2 = null;
+    data3 = null;
+    data4 = null;
+    icon = 'line-chart';
+    constructor() { }
+    ngOnInit() { }
+    ngAfterViewInit() { }
+    ngOnChanges(change) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramKpiStats3Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GramKpiStats3Component, isStandalone: true, selector: "kpi-stats3", inputs: { name: "name", data1: "data1", data2: "data2", data3: "data3", data4: "data4", icon: "icon" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"title\"><span nz-icon [nzType]=\"icon\"></span>{{name}}</div>\n<div class=\"value\">\n  <ul>\n    <li>\n      <div class=\"data\">{{data1!=undefined && data1!=null && data1!=''?data1:0}}</div>\n      <div>\u672A\u5B8C\u6210</div>\n    </li>\n    <li>\n      <div class=\"data\">{{data2!=undefined && data2!=null && data2!=''?data2:0}}</div>\n      <div>\u5BA1\u6838\u4E2D</div>\n    </li>\n    <li class=\"finish\">\n      <div class=\"data\">{{data3!=undefined && data3!=null && data3!=''?data3:0}}</div>\n      <div>\u5DF2\u5B8C\u6210</div>\n    </li>\n    <!-- <li class=\"shensu\">\n      <div>{{data4!=undefined && data4!=null && data4!=''?data4:0}}</div>\n      <div>\u7533\u8BC9\u4E2D</div>\n    </li> -->\n  </ul>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:110px;height:90px;font-size:12px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{font-size:12px;flex:1;display:flex;flex-direction:row;align-items:center}:host ::ng-deep .value ul{display:flex;flex-direction:row;align-items:center;flex:1;padding:0;margin:0}:host ::ng-deep .value li{flex:1;text-align:center}:host ::ng-deep .value .finish{color:#2cb792}:host ::ng-deep .value .shensu{color:#ff7752}:host ::ng-deep .value .data{font-size:13px;font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$1.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: GramKpiStats3Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'kpi-stats3', imports: [
+                        CommonModule,
+                        NzIconModule
+                    ], template: "<div class=\"title\"><span nz-icon [nzType]=\"icon\"></span>{{name}}</div>\n<div class=\"value\">\n  <ul>\n    <li>\n      <div class=\"data\">{{data1!=undefined && data1!=null && data1!=''?data1:0}}</div>\n      <div>\u672A\u5B8C\u6210</div>\n    </li>\n    <li>\n      <div class=\"data\">{{data2!=undefined && data2!=null && data2!=''?data2:0}}</div>\n      <div>\u5BA1\u6838\u4E2D</div>\n    </li>\n    <li class=\"finish\">\n      <div class=\"data\">{{data3!=undefined && data3!=null && data3!=''?data3:0}}</div>\n      <div>\u5DF2\u5B8C\u6210</div>\n    </li>\n    <!-- <li class=\"shensu\">\n      <div>{{data4!=undefined && data4!=null && data4!=''?data4:0}}</div>\n      <div>\u7533\u8BC9\u4E2D</div>\n    </li> -->\n  </ul>\n</div>\n", styles: [":host ::ng-deep{display:flex;flex-direction:column;border:1px solid #eaeaea;border-radius:4px;padding:8px 12px;min-width:110px;height:90px;font-size:12px}:host ::ng-deep .title{font-size:14px;padding:0 0 8px;flex-direction:row;align-items:center}:host ::ng-deep .title span{margin-right:5px;color:#1177fb}:host ::ng-deep .value{font-size:12px;flex:1;display:flex;flex-direction:row;align-items:center}:host ::ng-deep .value ul{display:flex;flex-direction:row;align-items:center;flex:1;padding:0;margin:0}:host ::ng-deep .value li{flex:1;text-align:center}:host ::ng-deep .value .finish{color:#2cb792}:host ::ng-deep .value .shensu{color:#ff7752}:host ::ng-deep .value .data{font-size:13px;font-weight:600}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { name: [{
+                type: Input
+            }], data1: [{
+                type: Input
+            }], data2: [{
+                type: Input
+            }], data3: [{
+                type: Input
+            }], data4: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+const components = [
+    GramDeonCardOKRComponent,
+    GramOkrObjectiveComponent,
+    GramOkrObjectiveDLComponent,
+    GramOkrObjectiveDXComponent,
+    GramOkrStatsDefaultComponent,
+    GramOkrStatsObjComponent,
+    GramOkrStatsProgressComponent,
+    GramKpiStats1Component,
+    GramKpiStats2Component,
+    GramKpiStats3Component,
+];
+const entryComponents = [];
+class GramDeonCardOKRModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardOKRModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardOKRModule, imports: [CommonModule, GramDeonCardOKRComponent,
+            GramOkrObjectiveComponent,
+            GramOkrObjectiveDLComponent,
+            GramOkrObjectiveDXComponent,
+            GramOkrStatsDefaultComponent,
+            GramOkrStatsObjComponent,
+            GramOkrStatsProgressComponent,
+            GramKpiStats1Component,
+            GramKpiStats2Component,
+            GramKpiStats3Component], exports: [GramDeonCardOKRComponent,
+            GramOkrObjectiveComponent,
+            GramOkrObjectiveDLComponent,
+            GramOkrObjectiveDXComponent,
+            GramOkrStatsDefaultComponent,
+            GramOkrStatsObjComponent,
+            GramOkrStatsProgressComponent,
+            GramKpiStats1Component,
+            GramKpiStats2Component,
+            GramKpiStats3Component] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardOKRModule, imports: [CommonModule, components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GramDeonCardOKRModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ...components],
+                    exports: [...components, ...entryComponents],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GramDeonCardOKRComponent, GramDeonCardOKRModule, GramKpiStats1Component, GramKpiStats2Component, GramKpiStats3Component, GramOkrObjectiveComponent, GramOkrObjectiveDLComponent, GramOkrObjectiveDXComponent, GramOkrStatsDefaultComponent, GramOkrStatsObjComponent, GramOkrStatsProgressComponent };
+//# sourceMappingURL=components.card-okr.mjs.map