ShangHaiYuan-AnXin/src/app/key-unit/fire-fighting-device-look/fire-fighting-device.component.html

<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>