examSystem-Anxin/src/app/student/examination-details/examination-details.component.html

<div class="content">
  <div><app-tabbar></app-tabbar></div>
  <div class="cneter">

    <div class="left">
      <div class="headerLeft"><div>单位列表</div><div style="text-align: right;">总分: <label style="color: #07CDCF;"></label></div></div>
      <div class="centerLeft" style="background: #F5FDFE;"><div class="overflowText">单位名称</div><div class="overflowText">总分</div></div>
      <div class="centerLeft" *ngFor="let item of paperCompanyData" [ngClass]="{'selectPaper': selectPaper.id == item.id}" (click)='togglePaper(item)'>
        <div class="overflowText">{{item.companyInfo.name}}</div><div class="overflowText"></div>
      </div>
    </div>
    <div class="right">
      <div class="headerRight">
        <label (click)='togglePaperType(1)' [ngClass]="{'selectPaperType': selectPaperType == '1'}">基本信息</label>
        <label (click)='togglePaperType(2)' [ngClass]="{'selectPaperType': selectPaperType == '2'}">作战部署</label>
        <button (click)='uploadPaper()'>交卷</button>
      </div>
      <div class="centerRight">
        <div class="paperCenter" *ngIf="selectPaperType == '1'">

          <mat-accordion>
            <mat-expansion-panel>
              <mat-expansion-panel-header class="panelHeader">
                <label class="mariginRight">基本信息</label>
                <label>总分: <label class="mark"> 25</label>分, </label><label>单项<label class="mark">2</label>分</label>
              </mat-expansion-panel-header>

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

        </div>
        <div class="paperCenter" *ngIf="selectPaperType == '2'">作战部署</div>
      </div>
    </div>

  </div>
</div>