You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.8 KiB
37 lines
1.8 KiB
<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)="isShowBuildingPop = true">新建</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> |
|
<!-- 左侧建筑 --> |
|
|
|
<!-- 新增/编辑左侧建筑弹窗 --> |
|
<nz-modal [(nzVisible)]="isShowBuildingPop" nzTitle="创建/编辑建筑" (nzOnCancel)="isShowBuildingPop = false" (nzOnOk)="addModelBuilding()"> |
|
<form nz-form> |
|
<nz-form-item> |
|
<nz-form-label [nzSpan]="5">名称</nz-form-label> |
|
<nz-form-control [nzSpan]="12" nzErrorTip="请输入必填项"> |
|
<input nz-input ngModel name="name" required/> |
|
</nz-form-control> |
|
</nz-form-item> |
|
</form> |
|
</nz-modal> |
|
<!-- 新增/编辑左侧建筑弹窗 --> |
|
|
|
</div> |