operation-work.component.html

<!--运维工作统计-->
<div nz-row class="breadcrumbs">
    <div nz-col nzSpan="16">
        <nz-breadcrumb class="padding-8-0">
            <nz-breadcrumb-item>
                首页
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                <a>统计分析</a>
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                运维工作统计
            </nz-breadcrumb-item>
        </nz-breadcrumb>
    </div>
    <div nz-col nzSpan="8" class="text-right">
        <button (click)="search()" nz-button nzType="primary"><i class="anticon anticon-search"></i></button>
        <button nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
        <button nz-button nzType="primary"><i class="anticon anticon-arrows-alt"></i></button>
    </div>
</div>
<div nz-row [nzGutter]="4" class="search-form">
    <div nz-col nzSpan="3">
        <nz-select style="width: 100%;" nzPlaceHolder="选择分组" [(ngModel)]="type">
            <nz-option nzLabel="解决状态" nzValue="1"></nz-option>
            <nz-option nzLabel="事件分类统计" nzValue="2"></nz-option>
            <nz-option nzLabel="处理人统计" nzValue="3"></nz-option>
        </nz-select>
    </div>
</div>
<!--解决状态-->
<ng-container *ngIf="type == '1'">
    <smart-analysis-status #smartAnalysisstatus></smart-analysis-status>
</ng-container>

<!--事件分类统计-->
<ng-container *ngIf="type == '2'">
    <smart-analysis-event #smartAnalysisEvent></smart-analysis-event>
</ng-container>

<!--处理人统计-->
<ng-container *ngIf="type == '3'">
    <smart-analysis-deal #smartAnalysisDeal></smart-analysis-deal>
</ng-container>