trigger-list.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-item>
                模版：{{tempName}}
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                自动发现：{{disName}}
            </nz-breadcrumb-item>
        </nz-breadcrumb>
    </div>
    <div nz-col nzSpan="8" class="text-right">
        <button (click)="ngOnInit()" nz-button nzType="primary"><i class="anticon anticon-sync"></i></button>
        <smart-full-screen></smart-full-screen>
    </div>
</div>
<div nz-row [nzGutter]="4" class="search-form">
    <div nz-col nzSpan="3">
        <button (click)="showAddModal()" nz-button nzType="default"><i class="anticon anticon-plus-circle-o"></i>添加阈值原型</button>
    </div>
    <div nz-col nzSpan="18"></div>
    <div nz-col nzSpan="3">
        <button (click)="deleteBatchTrigger()" nz-button nzType="default"><i class="anticon anticon-close-circle-o"></i>批量删除</button>
    </div>
</div>

<nz-table #nzTable [nzData]="triggerList" [nzFrontPagination]="false" [nzTotal]="totalNum" [nzPageIndex]="pageNum" [nzPageSize]="pageCount" (nzPageIndexChange)="change($event)" [nzLoading]="loading">
    <thead>
    <tr>
        <th nzShowCheckbox [nzIndeterminate]="indeterminate" [nzChecked]="allChecked"
            (nzCheckedChange)="checkAll($event)"></th>
        <th>严重性</th>
        <th nzWidth="35%">名称</th>
        <th nzWidth="35%">表达式</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of triggerList">
        <td nzShowCheckbox [(nzChecked)]="data.checked" (nzCheckedChange)="selectItem(data,$event)"></td>
        <td class="round-tag tag-form">
            <nz-tag *ngIf="data.priority == 4 || data.priority == 5" class="tag-red" [nzColor]="color.red"></nz-tag>
            <nz-tag *ngIf="data.priority == 2 || data.priority == 3" class="tag-yellow" [nzColor]="color.yellow"></nz-tag>
        </td>
        <td>{{data.description}}</td>
        <td>{{data.expression}}</td>
        <td class="cursor main-color">
            <span (click)="showEditModal(data)">编辑</span>
            <span (click)="deleteTrigger(data)">删除</span>
        </td>
    </tr>
    </tbody>
</nz-table>
<!--触发器原型-->
<smart-trigger-prototype #smartTriggerPrototype (done)="getList()"></smart-trigger-prototype>