zy-pc/src/app/views/other-config/other-config.component.html

<div class="incidentConfig">
  <div class="tagsAndTemplete">
    <div class="tags">
      <div><i class="icon_transport transport-peizhizhongxin"></i>配置中心&emsp;&gt;&emsp;第三方配置</div>
      <div class="tagList">
        <span *ngFor="let tag of tagList" [ngClass]="{ active: activeTagId === tag.id }" (click)="clickTag(tag)">{{ tag.name }}</span>
      </div>
      <button nz-button class="btn default" (click)="goBack()">返回</button>
    </div>
  </div>
  <!-- 呼叫中心 -->
  <ng-container *ngIf="activeTagId === 1">
    <app-configuration-callcenter></app-configuration-callcenter>
  </ng-container>
  <!-- 微信配置 -->
  <ng-container *ngIf="activeTagId === 2">
    <app-configuration-wechat></app-configuration-wechat>
  </ng-container>
  <!-- 数据字典 -->
  <ng-container *ngIf="activeTagId === 3">
    <app-configuration-dictionary [dictionaryKeyList]="dictionaryKeyList"></app-configuration-dictionary>
  </ng-container>
</div>