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

<div class="entry">
  <!-- <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()"> -->
    <div class="author-content">
      <div class="title">教材版权信息</div>
      <nz-form-item class="row" style="margin-bottom: 16px">
        <nz-form-label class="label" [nzNoColon]="true" [nzSm]="10" [nzXs]="10" nzRequired>版权页截图</nz-form-label>
        <nz-form-control class="val" nzErrorTip="请上传版权页截图" style="width: 100%">
          @if (copyrightImgUrl) {
            <a style="color: #3e49b3;" (click)="openFile(copyrightImgUrl)">
              <span nz-icon nzType="file" nzTheme="outline"></span>
              版权页截图
            </a>
          }
          <app-comp-upload [width]="320" (change)="upload($event, 'copyrightImgUrl')" title="上传截图"></app-comp-upload>

          <div class="text upText" style="margin: 10px 0">
            支持批量上传 PDF、JPG、JPEG、PNG 格式，单个文件大小不超过 2M
          </div>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item class="row" style="margin-bottom: 16px">
        <nz-form-label class="label" [nzNoColon]="true" [nzSm]="10" [nzXs]="10" nzRequired>中国版本图书馆 CIP
          查询截图</nz-form-label>
        <nz-form-control class="val" nzErrorTip="请上传中国版本图书馆 CIP 查询截图" style="width: 100%">
          @if (CIPImgUrl) {
            <a style="color: #3e49b3;" (click)="openFile(CIPImgUrl)">
              <span nz-icon nzType="file" nzTheme="outline"></span>
              CIP 查询截图
            </a>
          }
          <app-comp-upload [width]="320" (change)="upload($event, 'CIPImgUrl')" title="上传截图"></app-comp-upload>

          <div class="text upText" style="margin: 10px 0">
            支持批量上传 PDF 格式，单个文件大小不超过 2M。如 CIP 数据中无“教材”字样的，须再上传内容提要或前言或后记中可以证明本书为教材的相关内容截图
          </div>
        </nz-form-control>
      </nz-form-item>
    </div>
    <div class="author-content">
      <div class="title">图书编校质量自查结果记录表</div>
      <div class="text">
        教材出版单位对申报教材的编校质量自查后，按要求提供图书编校质量自查结果记录表，并加盖出版社公章。全册教材的不同分册以不同文件分别上传。<a (click)="downloadFile('图书编校质量自查结果记录表.docx')">下载模板</a>
      </div>
      <nz-form-item class="row" style="margin-bottom: 16px">
        <nz-form-label class="label" [nzNoColon]="true" [nzSm]="10" [nzXs]="10"
          nzRequired>上传图书编校质量自查结果记录表</nz-form-label>
        <nz-form-control class="val" nzErrorTip="请上图书编校质量自查结果记录表" style="width: 100%">
          @if (selfResults?.url) {
            <a style="color: #3e49b3;" (click)="openFile(selfResults?.url)">
              <span nz-icon nzType="file" nzTheme="outline"></span>
              自查结果记录表
            </a>
          }
          <app-comp-upload [width]="320" (change)="upload($event, 'selfResults')" title="上传截图"></app-comp-upload>
          <div class="text upText" style="margin: 10px 0">
            支持批量上传 PDF、JPG、JPEG、PNG 格式，单个文件大小不超过 2M
          </div>
        </nz-form-control>
      </nz-form-item>
    </div>
    <div class="author-content">
      <div class="title">专家审查意见表</div>
      <div class="text">
        由第一主编所在单位和出版机构邀请校内外相关学科专业领域专家，对教材进行思想性、学术性审核。专家不少于
        3
        名，其中半数以上为校外专家，专家分别实名评价并签字，并注明所在单位及专业身份。评价人不得是本教材的作者。<a (click)="downloadFile('专家审查意见表.docx')">下载模板</a>
      </div>
      <nz-form-item class="row" style="margin-bottom: 16px">
        <nz-form-label class="label" [nzNoColon]="true" [nzSm]="10" [nzXs]="10" nzRequired>上传专家审查意见表</nz-form-label>
        <nz-form-control class="val" nzErrorTip="请上传专家审查意见表" style="width: 100%">
          @if (expertOpinion?.url) {
            <a style="color: #3e49b3;" (click)="openFile(expertOpinion?.url)">
              <span nz-icon nzType="file" nzTheme="outline"></span>
              专家审查意见表
            </a>
          }
          <app-comp-upload [width]="320" (change)="upload($event, 'expertOpinion')" title="上传截图"></app-comp-upload>
          <div class="text upText" style="margin: 10px 0">
            支持批量上传 PDF、JPG、JPEG、PNG 格式，单个大小不超过 2M
          </div>
        </nz-form-control>
      </nz-form-item>
    </div>
    <div class="author-content">
      <div class="title">教材使用情况证明材料</div>
      <div class="text">
        教材出版单位提供教材主要使用高校名单及使用情况证明材料，并加盖公章。<a (click)="downloadFile('专家审查意见表.docx')">下载模板</a>
      </div>
      <nz-form-item class="row" style="margin-bottom: 16px">
        <nz-form-label class="label" [nzNoColon]="true" [nzSm]="10" [nzXs]="10" nzRequired>教材使用情况证明材料</nz-form-label>
        <nz-form-control class="val" nzErrorTip="请上教材使用情况证明材料" style="width: 100%">
          @if (evidence?.url) {
            <a style="color: #3e49b3;" (click)="openFile(evidence?.url)">
              <span nz-icon nzType="file" nzTheme="outline"></span>
              证明材料
            </a>
          }
          <app-comp-upload [width]="320" (change)="upload($event, 'evidence')" title="上传截图"></app-comp-upload>
          <div class="text upText" style="margin: 10px 0">
            支持批量上传 PDF、JPG、JPEG、PNG 格式，单个文件大小不超过 2M
          </div>
        </nz-form-control>
      </nz-form-item>
    </div>
    <div class="author-content">
      <div class="title">其他材料</div>
      <div class="text">其他佐证材料。</div>
      @if (moreMaterial.length>0) {
        @for (url of moreMaterial; track $index) {
          <p>
            <a style="color: #3e49b3;" (click)="openFile(url?.url)">
              <span nz-icon nzType="file" nzTheme="outline"></span>
              佐证材料 {{$index+1}}
            </a>
          </p>
        }
      }
      <app-comp-upload [width]="320" [maxlenght]="99" (change)="upload($event, 'moreMaterial')" title="上传截图"></app-comp-upload>

      <div class="text upText" style="margin: 10px 0">
        支持批量上传 PDF、JPG、JPEG、PNG 格式，单个文件大小不超过 2M
      </div>
    </div>

    <div class="author-content">
      <div class="nav"><b>申报单位承诺意见</b></div>
      <div class="text">
        作者 /
        主编所在高校主管领导或出版单位主管领导在申报单位承诺意见表格签字并加盖高校
        / 出版单位公章后上传此项。<a (click)="downloadFile('申报单位承诺意见.docx')">下载模板</a>
      </div>
      <nz-form-item class="row" style="margin-bottom: 16px">
        <nz-form-label class="label" [nzNoColon]="true" [nzSm]="16" [nzXs]="16" nzRequired>申报单位承诺意见材料</nz-form-label>
        <nz-form-control class="val" nzErrorTip="请上传申报单位承诺意见材料" style="width: 450px">
          @if (unitMaterial?.url) {
            <a style="color: #3e49b3;" (click)="openFile(unitMaterial?.url)">
              <span nz-icon nzType="file" nzTheme="outline"></span>
              申报单位承诺意见
            </a>
          }
          <app-comp-upload [width]="320" (change)="upload($event, 'unitMaterial')" title="上传截图"></app-comp-upload>
          <div class="text upText" style="margin: 10px 0">
            支持批量上传 PDF、JPG、JPEG、PNG 格式，单个文件大小不超过 2M
          </div>
        </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 nzType="primary" style="background: #3e49b3; border: 1px #3e49b3"
    (click)="submitForm('complete')">完成</button>
</div>