ShangHaiYuan-AnXin/src/app/plan-audit/fire-facilities/fire-facilities.component.html

<!--
 * @Descripttion: 
 * @version: 
 * @Author: sueRimn
 * @Date: 2020-11-23 09:28:54
 * @LastEditors: sueRimn
 * @LastEditTime: 2021-03-15 16:32:59
-->
<div class="content">
  <p>单位消防设施</p>
  <div id="firefacilities" *ngFor="let item of companyBuiltInGrouping;let key = index" style="margin-top: 10px;">
    <mat-accordion class="tableContent">
      <mat-expansion-panel style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
        <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead">
          <mat-panel-title style="font-size: 14px;">
            {{item.name}}
          </mat-panel-title>
        </mat-expansion-panel-header>
        <div class="column" *ngFor="let items of item.facilityItems">
          <div class="up">
            <div class="left">
              <span style="margin-left: 25px;margin-top: 3%;white-space: nowrap;">项目：{{items.name}}</span>
            </div>
            <div class="centernum">
              <span style="margin-left: 35px;">{{items.total ? items.total : '总数: 0'}}</span>
            </div>
          </div>
          <div class="down">
            <span style="margin-left: 25px;margin-top: 3%;">主要情况：{{items.details}}</span>
          </div>
          <div class="imgdown">
            <span style="margin-left: 25px;color: #0080FF;"><a style="color: #0080FF;" href="javascript:void(0)"
                (click)='previewImg(items)'>查看图片</a></span>
            <label style="float: right;margin-right: 10%;cursor:pointer" (click)='SwitchBoard(items)'><input
                style="margin-right: 5px;cursor:pointer" [(ngModel)]="items.expanded?down:open" readonly><img
                [src]="items.expanded?imgsrcdown:imgsrcopen" (click)='SwitchBoard(items)'></label>

          </div>
          <div class="overflowTable" *ngIf="items.expanded">
            <div class="detailsTable">
              <table>
                <tr *ngFor="let header of items.header">
                  <th>{{header}}</th>
                  <td *ngFor="let body of items.body">{{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 *ngFor="let header of tableMsg.header">
                  <th>{{header}}</th>
                  <td *ngFor="let body of tableMsg.body">{{body[header]? body[header] : '暂无数据'}}</td>
                </tr>
              </table>
            </div>
          </div>

        </div>
      </mat-expansion-panel>
    </mat-accordion>
  </div>
  <p>建筑消防设施</p>
  <div *ngFor="let element of allBuildingGrouping">
    <p>建筑名:{{element.name}}</p>
    <div id="firefacilities" *ngFor="let item of element.buildingFacilityGroups;let key = index"
      style="margin-top: 10px;">
      <mat-accordion class="tableContent">
        <mat-expansion-panel style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
          <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead">
            <mat-panel-title style="font-size: 14px;">
              {{item.name}}
            </mat-panel-title>
          </mat-expansion-panel-header>
          <div class="column" *ngFor="let items of item.facilityItems">
            <div class="up">
              <div class="left">
                <span style="margin-left: 25px;margin-top: 3%;white-space: nowrap;">项目：{{items.name}}</span>
              </div>
              <div class="centernum">
                <span style="margin-left: 35px;">{{items.total ? items.total : '总数: 0'}}</span>
              </div>
            </div>
            <div class="down">
              <span style="margin-left: 25px;margin-top: 3%;">主要情况：{{items.details}}</span>
            </div>
            <div class="imgdown">
              <span style="margin-left: 25px;color: #0080FF;"><a style="color: #0080FF;" href="javascript:void(0)"
                  (click)='previewImg(items)'>查看图片</a></span>
              <label style="float: right;margin-right: 10%;cursor:pointer" (click)='SwitchBoard(items)'><input
                  style="margin-right: 5px;cursor:pointer" [(ngModel)]="items.expanded?down:open" readonly><img
                  [src]="items.expanded?imgsrcdown:imgsrcopen" (click)='SwitchBoard(items)'></label>

            </div>
            <div class="overflowTable" *ngIf="items.expanded">
              <div class="detailsTable">
                <table>
                  <tr *ngFor="let header of items.header">
                    <th>{{header}}</th>
                    <td *ngFor="let body of items.body">{{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 *ngFor="let header of tableMsg.header">
                    <th>{{header}}</th>
                    <td *ngFor="let body of tableMsg.body">{{body[header]? body[header] : '暂无数据'}}</td>
                  </tr>
                </table>
              </div>
            </div>

          </div>
        </mat-expansion-panel>
      </mat-accordion>
    </div>
  </div>

</div>