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.
237 lines
19 KiB
237 lines
19 KiB
<div class="content" id="firefightingdevicelook"> |
|
<mat-tab-group (selectedIndexChange)="selectedChange($event)"> |
|
<mat-tab label="{{newItem.name}}" *ngFor="let newItem of allBuildingGrouping"> |
|
<div class="contentBox"> |
|
|
|
<div style="width: 100%;margin-top: 25px;" *ngFor="let item of newItem.buildingFacilityGroups"> |
|
<h3 style="text-align: center;font-weight: 550;">{{item.name}}</h3> |
|
<div style="margin-bottom: 10px;"> |
|
<!-- <mat-icon title="创建" (click)='addBuildingGrouping(newItem,item)'>add_circle_outline</mat-icon> |
|
<mat-icon title="保存" style="margin-left: 25px;" (click)='editBuildingGrouping(newItem,item)'>description</mat-icon> |
|
<mat-icon title="删除" style="margin-left: 25px;" (click)='deleteBuildingGrouping(newItem,item)'>delete</mat-icon> --> |
|
</div> |
|
<div> |
|
<mat-accordion multi> |
|
<mat-expansion-panel disabled> |
|
<mat-expansion-panel-header> |
|
<label class="firstContent"></label> |
|
<label class="textContent">项目</label> |
|
<label class="textContent">照片</label> |
|
<label class="totalContent">总数</label> |
|
<label class="lastTextContent">主要情况</label> |
|
</mat-expansion-panel-header> |
|
</mat-expansion-panel> |
|
|
|
<mat-expansion-panel *ngFor="let items of item.facilityItems" disabled [expanded]=items.expanded> |
|
<mat-expansion-panel-header class="expansionheader"> |
|
<label class="firstContent"> |
|
<mat-checkbox (change)='checkedCompany($event,item,items)' [disabled]='items.isBuiltin'> |
|
</mat-checkbox> |
|
</label> |
|
<label class="textContent">{{items.name}}</label> |
|
<label class="textContent"><a href="javascript:void(0)" |
|
(click)='previewBuildingImg(newItem,items)'>查看图片</a></label> |
|
<label class="totalContent"> |
|
<span *ngIf="item.name == '消防水系统' && items.name == '供水管网'"> |
|
{{fireProtectionWaterSystem.waterSupplyNetwork.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '消防水系统' && items.name == '自动喷水灭火系统'"> |
|
{{fireProtectionWaterSystem.sprinklerSystem.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '消防灭火给水系统' && items.name == '自动喷水灭火系统'"> |
|
{{FireExtinguishingWaterSupplySystem.sprinklerSystem.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '消防灭火给水系统' && items.name == '气体自动灭火系统'"> |
|
{{FireExtinguishingWaterSupplySystem.AutomaticGasFireExtinguishingSystem.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '消防灭火给水系统' && items.name == '消防泵房'"> |
|
{{FireExtinguishingWaterSupplySystem.firePumpRoom.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '其它' && items.name == '排烟系统'"> |
|
{{other.purgingSystem.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '其它' && items.name == '灭火器'"> |
|
{{other.fireExtinguisher.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '其它' && items.name == '气体灭火'"> |
|
{{other.extinctionUsingGas.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '其它' && items.name == '消防通信'"> |
|
{{other.fireControlCommunication.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '消防设施' && items.name == '自动报警系统'"> |
|
{{fireFightingEquipment.automaticAlarmSystem.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '消防设施' && items.name == '消防泵'"> |
|
{{fireFightingEquipment.firePump.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '消火栓系统' && items.name == '灭火剂'"> |
|
{{hydrantSystem.fireExtinguishingAgent.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '消火栓系统' && items.name == '报警设施'"> |
|
{{hydrantSystem.AlarmFacilities.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '消火栓系统' && items.name == '消防管网'"> |
|
{{hydrantSystem.FireControlPipeNetwork.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '其它设施' && items.name == '优先广播'"> |
|
{{otherFacilities.givePriorityToBroadcast.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '其它设施' && items.name == 'VI检测仪'"> |
|
{{otherFacilities.VIdetector.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '其它设施' && items.name == '泡沫水喷雾系统'"> |
|
{{otherFacilities.foamWaterSpraySystem.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '自动消防设施' && items.name == '喷水灭火系统'"> |
|
{{automaticFireProtectionFacility.fireSprinklingSystem.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '自动消防设施' && items.name == '自动报警系统'"> |
|
{{automaticFireProtectionFacility.automaticAlarmSystem.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '自动消防设施' && items.name == '防排烟系统'"> |
|
{{automaticFireProtectionFacility.smokeControlAndExhaustSystem.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '自动消防设施' && items.name == '水幕系统'"> |
|
{{automaticFireProtectionFacility.waterCurtainSystem.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '自动消防设施' && items.name == '消防泵'"> |
|
{{automaticFireProtectionFacility.firePump.total || '总数：0'}} |
|
</span> |
|
<span *ngIf="item.name == '消防水源' && items.name == '消防水池'"> |
|
{{fireWaterSupply.firePool.total || '总数：0'}} |
|
</span> |
|
<span |
|
*ngIf="!((item.name == '消防水系统' && items.name == '供水管网') || (item.name == '消防水系统' && items.name == '自动喷水灭火系统') || (item.name == '消防灭火给水系统' && items.name == '自动喷水灭火系统') || (item.name == '消防灭火给水系统' && items.name == '气体自动灭火系统') || (item.name == '消防灭火给水系统' && items.name == '消防泵房') || (item.name == '其它' && items.name == '排烟系统') || (item.name == '其它' && items.name == '灭火器') || (item.name == '其它' && items.name == '气体灭火') || (item.name == '其它' && items.name == '消防通信') || (item.name == '消防设施' && items.name == '自动报警系统') || (item.name == '消防设施' && items.name == '消防泵') || (item.name == '消火栓系统' && items.name == '灭火剂') || (item.name == '消火栓系统' && items.name == '报警设施') || (item.name == '消火栓系统' && items.name == '消防管网') || (item.name == '其它设施' && items.name == '优先广播') || (item.name == '其它设施' && items.name == 'VI检测仪') || (item.name == '其它设施' && items.name == '泡沫水喷雾系统') || (item.name == '自动消防设施' && items.name == '喷水灭火系统') || (item.name == '自动消防设施' && items.name == '自动报警系统') || (item.name == '自动消防设施' && items.name == '防排烟系统') || (item.name == '自动消防设施' && items.name == '水幕系统') || (item.name == '自动消防设施' && items.name == '消防泵') || (item.name == '消防水源' && items.name == '消防水池'))"> |
|
{{items.total ? items.total : '总数: 0'}} |
|
</span> |
|
</label> |
|
|
|
<label class="lastTextContent"> |
|
<textarea *ngIf="item.name == '消防水系统' && items.name == '供水管网'" maxlength="250" |
|
[(ngModel)]="fireProtectionWaterSystem.waterSupplyNetwork.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '消防水系统' && items.name == '自动喷水灭火系统'" maxlength="250" |
|
[(ngModel)]="fireProtectionWaterSystem.sprinklerSystem.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '消防灭火给水系统' && items.name == '自动喷水灭火系统'" maxlength="250" |
|
[(ngModel)]="FireExtinguishingWaterSupplySystem.sprinklerSystem.details" |
|
style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '消防灭火给水系统' && items.name == '气体自动灭火系统'" maxlength="250" |
|
[(ngModel)]="FireExtinguishingWaterSupplySystem.AutomaticGasFireExtinguishingSystem.details" |
|
style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '消防灭火给水系统' && items.name == '消防泵房'" maxlength="250" |
|
[(ngModel)]="FireExtinguishingWaterSupplySystem.firePumpRoom.details" |
|
style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '其它' && items.name == '排烟系统'" maxlength="250" |
|
[(ngModel)]="other.purgingSystem.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '其它' && items.name == '灭火器'" maxlength="250" |
|
[(ngModel)]="other.fireExtinguisher.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '其它' && items.name == '气体灭火'" maxlength="250" |
|
[(ngModel)]="other.extinctionUsingGas.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '其它' && items.name == '消防通信'" maxlength="250" |
|
[(ngModel)]="other.fireControlCommunication.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '消防设施' && items.name == '自动报警系统'" maxlength="250" |
|
[(ngModel)]="fireFightingEquipment.automaticAlarmSystem.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '消防设施' && items.name == '消防泵'" maxlength="250" |
|
[(ngModel)]="fireFightingEquipment.firePump.details" style="width: 80%;"></textarea> |
|
|
|
<textarea *ngIf="item.name == '消火栓系统' && items.name == '灭火剂'" maxlength="250" |
|
[(ngModel)]="hydrantSystem.fireExtinguishingAgent.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '消火栓系统' && items.name == '报警设施'" maxlength="250" |
|
[(ngModel)]="hydrantSystem.AlarmFacilities.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '消火栓系统' && items.name == '消防管网'" maxlength="250" |
|
[(ngModel)]="hydrantSystem.FireControlPipeNetwork.details" style="width: 80%;"></textarea> |
|
|
|
<textarea *ngIf="item.name == '其它设施' && items.name == '优先广播'" maxlength="250" |
|
[(ngModel)]="otherFacilities.givePriorityToBroadcast.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '其它设施' && items.name == 'VI检测仪'" maxlength="250" |
|
[(ngModel)]="otherFacilities.VIdetector.details" style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '其它设施' && items.name == '泡沫水喷雾系统'" maxlength="250" |
|
[(ngModel)]="otherFacilities.foamWaterSpraySystem.details" style="width: 80%;"></textarea> |
|
|
|
<textarea *ngIf="item.name == '自动消防设施' && items.name == '喷水灭火系统'" maxlength="250" |
|
[(ngModel)]="automaticFireProtectionFacility.fireSprinklingSystem.details" |
|
style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '自动消防设施' && items.name == '自动报警系统'" maxlength="250" |
|
[(ngModel)]="automaticFireProtectionFacility.automaticAlarmSystem.details" |
|
style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '自动消防设施' && items.name == '防排烟系统'" maxlength="250" |
|
[(ngModel)]="automaticFireProtectionFacility.smokeControlAndExhaustSystem.details" |
|
style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '自动消防设施' && items.name == '水幕系统'" maxlength="250" |
|
[(ngModel)]="automaticFireProtectionFacility.waterCurtainSystem.details" |
|
style="width: 80%;"></textarea> |
|
<textarea *ngIf="item.name == '自动消防设施' && items.name == '消防泵'" maxlength="250" |
|
[(ngModel)]="automaticFireProtectionFacility.firePump.details" style="width: 80%;"></textarea> |
|
|
|
<textarea *ngIf="item.name == '消防水源' && items.name == '消防水池'" maxlength="250" |
|
[(ngModel)]="fireWaterSupply.firePool.details" style="width: 80%;"></textarea> |
|
<textarea maxlength="250" [(ngModel)]="items.details" style="width: 80%;" |
|
*ngIf="!((item.name == '消防水系统' && items.name == '供水管网') || (item.name == '消防水系统' && items.name == '自动喷水灭火系统') || (item.name == '消防灭火给水系统' && items.name == '自动喷水灭火系统') || (item.name == '消防灭火给水系统' && items.name == '气体自动灭火系统') || (item.name == '消防灭火给水系统' && items.name == '消防泵房') || (item.name == '其它' && items.name == '排烟系统') || (item.name == '其它' && items.name == '灭火器') || (item.name == '其它' && items.name == '气体灭火') || (item.name == '其它' && items.name == '消防通信') || (item.name == '消防设施' && items.name == '自动报警系统') || (item.name == '消防设施' && items.name == '消防泵') || (item.name == '消火栓系统' && items.name == '灭火剂') || (item.name == '消火栓系统' && items.name == '报警设施') || (item.name == '消火栓系统' && items.name == '消防管网') || (item.name == '其它设施' && items.name == '优先广播') || (item.name == '其它设施' && items.name == 'VI检测仪') || (item.name == '其它设施' && items.name == '泡沫水喷雾系统') || (item.name == '自动消防设施' && items.name == '喷水灭火系统') || (item.name == '自动消防设施' && items.name == '自动报警系统') || (item.name == '自动消防设施' && items.name == '防排烟系统') || (item.name == '自动消防设施' && items.name == '水幕系统') || (item.name == '自动消防设施' && items.name == '消防泵') || (item.name == '消防水源' && items.name == '消防水池'))"></textarea> |
|
</label> |
|
|
|
<!-- <label><mat-icon (click)='SwitchBuildingBoard(newItem,items)' *ngIf="items.isBuiltin">keyboard_arrow_down</mat-icon></label> --> |
|
</mat-expansion-panel-header> |
|
|
|
<div class="overflowTable"> |
|
<div class="detailsTable"> |
|
<table> |
|
<tr> |
|
<th *ngFor="let header of items.header">{{header}}</th> |
|
</tr> |
|
<tr *ngFor="let body of items.body"> |
|
<td *ngFor="let header of items.header">{{body[header]? body[header] : '暂无数据'}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
<div *ngFor="let tableMsg of items.loopTable" class="detailsTable"> |
|
<p style="text-align: center; font-size: 16px; margin: 5px 0;">楼层/区域名称: |
|
{{tableMsg.name? tableMsg.name : '暂无名称'}}</p> |
|
<table> |
|
<tr> |
|
<th *ngFor="let header of tableMsg.header">{{header}}</th> |
|
</tr> |
|
<tr *ngFor="let body of tableMsg.body"> |
|
<td *ngFor="let header of tableMsg.header">{{body[header]? body[header] : '暂无数据'}}</td> |
|
</tr> |
|
</table> |
|
</div> |
|
</div> |
|
</mat-expansion-panel> |
|
|
|
</mat-accordion> |
|
</div> |
|
</div> |
|
|
|
<div style="width: 100%;margin-top: 25px;" *ngFor="let item of newItem.buildingOptionalGroups"> |
|
<mat-accordion multi> |
|
|
|
<mat-expansion-panel> |
|
<mat-expansion-panel-header> |
|
<h3 style="text-align: center;font-weight: 550;">{{item.name}}</h3> |
|
<!-- <mat-icon title="保存" style="margin-left: 25px;" (click)='editBuildingOptional($event,item)'>description</mat-icon> --> |
|
</mat-expansion-panel-header> |
|
<div *ngFor="let items of item.propertyInfos" class="InputField"> |
|
<label>{{items.propertyName}}:</label> |
|
|
|
<input readonly type="text" |
|
*ngIf="items.propertyType!=1&&items.propertyType!=2&&items.propertyType!=4&&items.propertyType!=6" |
|
[(ngModel)]="items.propertyValue" name="propertyValue"> |
|
<textarea readonly maxlength="250" *ngIf="items.propertyType==1" [(ngModel)]="items.propertyValue" |
|
name="propertyValue"></textarea> |
|
<input readonly type="number" *ngIf="items.propertyType==2 ||items.propertyType==4" |
|
[(ngModel)]="items.propertyValue" name="propertyValue"> |
|
<mat-radio-group *ngIf="items.propertyType==6" [(ngModel)]="items.propertyValue" name="propertyValue"> |
|
<mat-radio-button style="margin-left: 5px;" [value]='radio.value' |
|
*ngFor="let radio of singleElection">{{radio.name}}</mat-radio-button> |
|
</mat-radio-group> |
|
</div> |
|
</mat-expansion-panel> |
|
|
|
</mat-accordion> |
|
</div> |
|
|
|
</div> |
|
</mat-tab> |
|
|
|
</mat-tab-group> |
|
</div>
|
|
|