ShangHaiYuan-AnXin/src/app/plan-audit/plan-list/plan-list.component.html

<div class="planlist" id="planlist">
    <div style="margin: 10px 0;" *ngIf="planType == 'zong'">
        <mat-accordion>
            <mat-expansion-panel expanded style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
              <mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' style="position: relative;padding-left:20px;background: #F2F9FF;">
                <mat-panel-title>
                  总平面图
                </mat-panel-title>
              </mat-expansion-panel-header>
              <div class="contant">
                <div class="contantitem" *ngFor="let item of sitePlanItems">
                    <div>
                        <img (click)="openPlan(item,-1)" [src]="item.imageUrl ? item.imageUrl+'?x-oss-process=image/resize,m_fill,h_110,w_110' : '../../../assets/images/noImg.png'" alt="">
                    </div>
                    <p>{{item.name}}</p>
                </div>
              </div>
            </mat-expansion-panel>
        </mat-accordion>
    </div>
    <div *ngIf="planType == 'ceng'">
      <div *ngFor="let item of allBuildings;let key=index"  style="margin-bottom: 10px;">
        <mat-accordion >
            <mat-expansion-panel  style="box-shadow: 0 0 black;border: 1px solid #EEF1F5;">
              <mat-expansion-panel-header collapsedHeight ='40px' expandedHeight='40px' style="position: relative;padding-left:20px;background: #F2F9FF;">
                <mat-panel-title>
                  {{item.name}}
                </mat-panel-title>
              </mat-expansion-panel-header>
              <ng-template matExpansionPanelContent>
                <div class="contant">
                  <div class="contantitem" *ngFor="let i of item.plandata">
                      <div>
                          <img (click)="openPlan(i,key)" [src]="i.imageUrl ? i.imageUrl+'?x-oss-process=image/resize,m_fill,h_110,w_110' : '../../../assets/images/noImg.png'" alt="">
                      </div>
                      <p>{{i.name}}</p>
                  </div>
                </div>
              </ng-template>
            </mat-expansion-panel>
        </mat-accordion>
      </div>
    </div>
    
</div>