edu-textbook/projects/textbook/src/modules/nav-author/apply/apply.component.html

<div class="site-page-header">
  <nz-page-header nzTitle="创建/编辑空间" nzSubtitle="" style="padding: 0">
    <nz-breadcrumb nz-page-header-breadcrumb>
      <div class="back" (click)="back()">
        <span nz-icon nzType="left" nzTheme="outline"></span>返回
      </div>
    </nz-breadcrumb>
  </nz-page-header>
  <div class="steps">
    <nz-steps [nzCurrent]="state">
      <nz-step nzTitle="填写基本信息" nzDescription=""></nz-step>
      <nz-step nzTitle="填写材料适用情况" nzDescription=""></nz-step>
      <nz-step nzTitle="填写材料内容" nzDescription=""></nz-step>
      <nz-step nzTitle="上传附件及承诺" nzDescription=""></nz-step>
    </nz-steps>
  </div>
</div>

<div class="content">
  <div class="state-title">{{ stateMap }}</div>
  @if (showFrom) {
  <div class="submit-block" #submitComp>
    @switch (state) { @case (0) {
    <app-basic
      [eduTextbook]="textBook"
      (state)="changeState($event)"
      (save)="save()"
    ></app-basic>
    } @case (1) {
    <app-textbook-pertain
      [eduTextbook]="textBook"
      (state)="changeState($event)"
      (save)="save()"
      (maxWidth)="(submitComp.style.width)"
    ></app-textbook-pertain>
    } @case (2) {
    <app-textbook-content
      [eduTextbook]="textBook"
      (state)="changeState($event)"
      (save)="save()"
      (maxWidth)="(submitComp.style.width)"
    ></app-textbook-content>
    } @case (3) {
    <app-attachment
      [eduTextbook]="textBook"
      (state)="changeState($event)"
      (save)="save()"
      (maxWidth)="(submitComp.style.width)"
    ></app-attachment>
    } }
  </div>
  }
</div>