send-set.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 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 class="search-form" style="border-top: none;padding: 0 0 15px 0;">
  <button (click)="showAddModal()" nz-button nzType="default"><i class="anticon anticon-plus"></i>新增发送方式</button>
</div>

<nz-table #nzTable [nzData]="sendList">
  <thead>
  <tr>
    <th nzShowSort>名称</th>
    <th>类型</th>
    <th>用于告警中</th>
    <th>状态</th>
    <th nzWidth="15%">细节</th>
    <th style="text-align: center">操作</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of sendList">
    <td class="round-tag tag-form">
      <nz-tag [nzColor]="color.red"></nz-tag>
      {{data.description}}
    </td>
    <td>
      <span *ngIf="data.type == 0">邮件</span>
      <span *ngIf="data.type == 1">脚本</span>
      <span *ngIf="data.type == 2">SMS</span>
      <span *ngIf="data.type == 3">Jabber</span>
      <span *ngIf="data.type == 100">EZ texting</span>
    </td>
    <td>用于告警中</td>
    <td>
      <span  *ngIf="data.status == 0">启用</span>
      <span  *ngIf="data.status == 1">暂停</span>
    </td>
    <td>细节</td>
    <td class="handle text-center">
      <span (click)="showEditModal(data)">编辑</span>
      <span (click)="deleteSend(data)">删除</span>
      <span (click)="operationSend('启用',0,data)" *ngIf="data.status == 1">启用</span>
      <span (click)="operationSend('暂停',1,data)" *ngIf="data.status == 0">暂停</span>
    </td>
  </tr>
  </tbody>
</nz-table>

<!--新增发送方式-->
<smart-media-type #smartMediaType (done)="getList()"></smart-media-type>