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
5 years ago
|
<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>
|