Sinopec-Anxin/src/app/pages/plan/plan.component.html

<div class="content">
  <canvas id="center"></canvas>

  <!-- 左侧建筑 -->
  <div class="showLeftBuilding" title="显示" *ngIf="!isShowLeftBuilding" (click)="toggleLeftBuilding(true)"><i nz-icon nzType="right" nzTheme="outline"></i></div>
  <div class="leftBuilding" [ngClass]="{'isShowLeftBuilding': isShowLeftBuilding === false}">
    <div class="hideLeft"><i nz-icon nzType="close" nzTheme="outline" title="隐藏" (click)="toggleLeftBuilding(false)"></i></div>
    <div class="leftHeader">
      <h1><label>模型列表</label></h1>
      <button nz-button nzType="primary" (click)="addModelBuilding()">新建</button>
    </div>
    <div class="leftCenter">
      <div class="everyBuilding" *ngFor="let item of buildingUIItems" (click)='selectLeftBuilding(item)' [ngClass]="{'selectLeftBuilding': beforeOneBuildingID == item.getBuildingID()}">
        <label style="flex: 1;" class="overflowText modelTitle">{{item.getBuildingName()}}</label>
        <label style="width: 95px; overflow: hidden;">
          <i nz-icon nzType="edit" nzTheme="outline" title="编辑" (click)="editModelBuilding($event,item)"></i>
          <i nz-icon nzType="delete" nzTheme="outline" title="删除" (click)="deleteModelBuilding($event,item)"></i>
        </label>
      </div>
    </div>
  </div>
  <!-- 左侧建筑 -->

</div>