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

<div class="entry">
  <form
    nz-form
    [formGroup]="validateForm"
    class="login-form"
    (ngSubmit)="submitForm()"
  >
    @if (type=='全册') {
    <nz-collapse [nzBordered]="false">
      @for (panel of eduTextbook?.get('childrens'); track $index; let pindex =
      $index) {
      <nz-collapse-panel
        [nzHeader]="pindex + 1 + '册'"
        [nzActive]="false"
        [nzHeader]="title"
        nzExpandedIcon="caret-right"
        style="
          background: #f7f7f7;
          border-radius: 4px;
          margin-bottom: 24px;
          border: 0px;
        "
      >
        <ng-template #title>
          <span class="panel-title">{{ "分册" + ($index + 1) }}</span>
        </ng-template>
        <app-three
          #children
          [eduTextbook]="eduTextbook?.id"
          [eduTextbookVolume]="panel"
        ></app-three>
      </nz-collapse-panel>
      }
    </nz-collapse>
    }@else {
    <app-three
      #children
      [eduTextbook]="eduTextbook?.id"
      [eduTextbookVolume]="eduTextbook?.get('childrens')[0]"
    ></app-three>
    }

    <div class="author-content">
      <div class="nav">申报教材特色及创新</div>
      <nz-form-item class="row" style="margin-bottom: 16px">
        <nz-form-control
          class="val"
          nzErrorTip="请输入本教材与同类教材相比较，突出的特色及改革创新点"
          style="width: 100%"
        >
          <nz-textarea-count [nzMaxCharacterCount]="1000">
            <textarea
              style="min-height: 260px"
              rows="4"
              maxlength="1000"
              formControlName="innovateExplain"
              placeholder="请输入本教材与同类教材相比较，突出的特色及改革创新点"
              nz-input
            ></textarea>
          </nz-textarea-count>
        </nz-form-control>
      </nz-form-item>
    </div>
    <div class="author-content">
      <div class="nav">申报教材应用情况及社会影响力</div>
      <nz-form-item class="row" style="margin-bottom: 16px">
        <nz-form-control
          class="val"
          nzErrorTip="概述选用本教材的范围及学校，教学效果及评价"
          style="width: 100%"
        >
          <nz-textarea-count [nzMaxCharacterCount]="1000">
            <textarea
            maxlength="1000"
              style="min-height: 260px"
              rows="4"
              formControlName="influence"
              placeholder="概述选用本教材的范围及学校，教学效果及评价"
              nz-input
            ></textarea>
          </nz-textarea-count>
        </nz-form-control>
      </nz-form-item>
    </div>
  </form>
</div>
<div class="footer">
  <button
    nz-button
    nzType="default"
    style="margin-right: 20px"
    (click)="submitForm('save')"
  >
    保存本页
  </button>
  <button
    nz-button
    nzType="default"
    style="margin-right: 20px"
    (click)="submitForm('pre')"
  >
    上一页
  </button>
  <button
    nz-button
    style="background: #3e49b3; border: 1px #3e49b3"
    nzType="primary"
    (click)="submitForm('next')"
  >
    下一页
  </button>
</div>

<div class="loading" [hidden]="!saveLoading">
  <nz-spin nzSimple [nzSize]="'large'"></nz-spin>
</div>