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.
106 lines
4.9 KiB
106 lines
4.9 KiB
<div class="content"> |
|
<div style="margin-top:16px"> |
|
<!-- <mat-icon title="创建" (click)='addPartition()'>add_circle_outline</mat-icon> --> |
|
</div> |
|
|
|
<mat-tab-group class="tableContent"> |
|
|
|
<mat-tab label="单位功能分区"> |
|
<div style="overflow: auto; height: 100%;"> |
|
<div style="margin: 30px 0 25px 5%;"> |
|
<!-- <mat-icon title="创建" (click)='addCompany()'>add_circle_outline</mat-icon> |
|
<mat-icon title="保存" style="margin-left: 25px;" (click)='preservation()'>description</mat-icon> |
|
<mat-icon title="删除" style="margin-left: 25px;" (click)='delete()'>delete</mat-icon> --> |
|
</div> |
|
<table mat-table [dataSource]="companyFunctionalZoning"> |
|
|
|
<ng-container matColumnDef="checked"> |
|
<th mat-header-cell *matHeaderCellDef></th> |
|
<td mat-cell *matCellDef="let element"> |
|
<mat-checkbox disabled (change)='changeCompany(element,$event)'></mat-checkbox> |
|
</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="region"> |
|
<th mat-header-cell *matHeaderCellDef>区域</th> |
|
<td mat-cell *matCellDef="let element"> |
|
<mat-form-field class="example-full-width"> |
|
<input readonly matInput [(ngModel)]="element.region" type="text" maxlength="20"> |
|
</mat-form-field> |
|
</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="measure"> |
|
<th mat-header-cell *matHeaderCellDef>面积</th> |
|
<td mat-cell *matCellDef="let element"> |
|
<mat-form-field class="example-full-width"> |
|
<input readonly matInput type="number" [(ngModel)]="element.area" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" placeholder="请输入数字"> |
|
</mat-form-field> |
|
<label style="margin-left: 5px;">m²</label> |
|
</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="situation"> |
|
<th mat-header-cell *matHeaderCellDef>基本情况</th> |
|
<td mat-cell *matCellDef="let element"> |
|
<textarea readonly [(ngModel)]="element.details" maxlength="250"></textarea> |
|
</td> |
|
</ng-container> |
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
|
</table> |
|
<p style="width: 100%; margin-top: 30px; text-align: center;" *ngIf="!companyFunctionalZoning.length">暂无数据</p> |
|
</div> |
|
</mat-tab> |
|
|
|
<mat-tab label="{{item.name}}" *ngFor="let item of allBuildingFunctionalZoning;let key = index"> |
|
<div style="overflow: auto; height: 100%;"> |
|
<div style="margin: 30px 0 25px 5%;"> |
|
<!-- <mat-icon title="创建" (click)='addBuilding(item,key)'>add_circle_outline</mat-icon> |
|
<mat-icon title="保存" (click)='preservationBuilding(item,key)' style="margin-left: 25px;">description</mat-icon> |
|
<mat-icon title="删除" (click)='deleteBuilding(item,key)' style="margin-left: 25px;">delete</mat-icon> --> |
|
</div> |
|
<table mat-table [dataSource]="item.functionalZoning"> |
|
|
|
<ng-container matColumnDef="checked"> |
|
<th mat-header-cell *matHeaderCellDef></th> |
|
<td mat-cell *matCellDef="let element"> |
|
<mat-checkbox disabled (change)='changeBuilding(element,$event,key)'></mat-checkbox> |
|
</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="region"> |
|
<th mat-header-cell *matHeaderCellDef>区域</th> |
|
<td mat-cell *matCellDef="let element"> |
|
<mat-form-field class="example-full-width"> |
|
<input readonly matInput [(ngModel)]="element.region" type="text" maxlength="20"> |
|
</mat-form-field> |
|
</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="measure"> |
|
<th mat-header-cell *matHeaderCellDef>面积</th> |
|
<td mat-cell *matCellDef="let element"> |
|
<mat-form-field class="example-full-width"> |
|
<input readonly matInput type="number" [(ngModel)]="element.area" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" placeholder="请输入数字"> |
|
</mat-form-field> |
|
<label style="margin-left: 5px;">m²</label> |
|
</td> |
|
</ng-container> |
|
|
|
<ng-container matColumnDef="situation"> |
|
<th mat-header-cell *matHeaderCellDef>基本情况</th> |
|
<td mat-cell *matCellDef="let element"> |
|
<textarea readonly [(ngModel)]="element.details" maxlength="250"></textarea> |
|
</td> |
|
</ng-container> |
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr> |
|
</table> |
|
</div> |
|
</mat-tab> |
|
|
|
</mat-tab-group> |
|
</div> |