edu-textbook/projects/textbook/src/modules/nav-admin/page-process/page-process.component.html

<nz-page-header>
  <nz-breadcrumb nz-page-header-breadcrumb>
    <nz-breadcrumb-item>申报流程</nz-breadcrumb-item>
    <nz-breadcrumb-item
      ><a>{{
        eduProcess?.get("department")?.get("name") || "未选择申报单位"
      }}</a></nz-breadcrumb-item
    >
  </nz-breadcrumb>
  <nz-page-header-title
    >{{ eduProcess?.get("department")?.get("name") || "未选择申报单位" }}
    <br />
    <div class="subtitle">
      在流程中邀请作者、高校联系人、评审员登录系统，创建并提交教材，由工作联系人评审、提交推荐教材完成流程工作
    </div>
  </nz-page-header-title>
  @if (active == 2) {
  <nz-page-header-extra>
    <nz-space>
      <button
        style="background: #3e49b3; border: 1px #3e49b3"
        *nzSpaceItem
        nz-button
        nzType="primary"
        (click)="collect.openEditCollect()"
      >
        收集教材源文件
      </button>
    </nz-space>
  </nz-page-header-extra>
  }
</nz-page-header>
<div class="edit-content">
  <nz-tabset [(nzSelectedIndex)]="active">
    <nz-tab nzTitle="报送流程">
      @if (active == 0) {
      <app-process-create [isEdit]="true"></app-process-create>
      }
    </nz-tab>
    <nz-tab nzTitle="教材列表">
      @if (active == 1) {
      <app-textbook
        [filterObj]="filterObj"
        [eduProcess]="eduProcess"
      ></app-textbook>
      }
    </nz-tab>

    <nz-tab nzTitle="教材文件">
      @if (active == 2) {
      <app-collect-textbook
        #collect
        [eduProcess]="eduProcess"
      ></app-collect-textbook>
      }
    </nz-tab>
  </nz-tabset>
</div>