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">1.所有作者政治审查意见（必须提供 ）</div>
    <div class="text">
      <span style="color: red;">*</span>
      从本申报平台 <a (click)="downloadFile('教材编写人员政治审查表.docx')">下载格式要求</a> 后，对应作者姓名上传“作者政治审查表” PDF 格式，大小不超过 2M。所有作者均需由所在单位党委提供政治审查意见，并由单位党委（如学校党委）盖章。民主党派或无党派作者也由单位党委出具。退休、去世的作者由原单位出具。外籍作者、无单位的作者由国内的聘用单位或邀请其编写教材的单位（如第一主编单位）出具。如教材有编委会，教材封面、版权页出现的编委会成员（包括主审等），均需提供政治审查意见，上传至各册“其他编者”行。
      <!-- 从本申报平台
      <a (click)="downloadFile('教材编写人员政治审查表.docx')">下载格式要求</a>
      后，对应作者姓名上传“作者政治审查表”，支持 PDF、JPG、JPEG、PNG 格式，大小不超过 2M。作者单位党委对作者进行审查，对政治思想表现情况进行评价，确保作者的正确政治方向、价值取向，无违法违纪等记录。
      教材编写成员涉及多个不同单位时需要各单位分别出具意见，并由所在单位党委盖章。 -->
    </div>
    <!-- <nz-table #basicTable [nzData]="authorList" [nzScroll]="{ x: (maxWidth || '1200') + 'px' }">
      <thead>
        <tr>
          <th nzWidth="80px" nzLeft nzAlign="right">序号</th>
          <th nzWidth="160px" nzLeft>姓名</th>
          <th nzWidth="160px">单位</th>
          <th nzWidth="160px">出生年月</th>
          <th nzWidth="160px">国籍</th>
          <th nzWidth="160px">职务</th>
          <th nzWidth="160px">职称</th>
          <th nzWidth="300px">手机号码</th>
          <th nzWidth="160px">电子邮箱</th>
          <th nzWidth="160px">分工</th>
          <th nzWidth="120px" nzRight>
            作者政治审查表
            <span style="color: red;">*</span>
          </th>
          <th nzWidth="100px" nzRight>操作</th>
        </tr>
      </thead>
      <tbody>
        @for (data of authorList; track data.mobile;let index = $index) {
        <tr>
          <td nzLeft nzAlign="right">{{ index + 1 }}</td>
          <td nzLeft>
            {{data.name}}
          </td>
          <td>
            {{data.unit}}
          </td>
          <td>
            {{data.birth|date:'yyyy-MM'}}
          </td>
          <td>
            {{data.nationality}}
          </td>
          <td>
            {{data.job}}
          </td>
          <td>
            {{data.title}}
          </td>
          <td>
            {{data.mobile}}
          </td>
          <td>
            {{data.email}}
          </td>
          <td>
            {{data.work}}
          </td>
          <td nzRight>
            @if (data.examine) {
            <a style="color: #3e49b3;" (click)="openFile(data.examine)">政治审查表 </a>
            }
            <app-comp-upload [type]="'pdf'" (change)="upload($event,'examine',index)"></app-comp-upload>
          </td>
          <td nzRight>
            <a (click)="onDel('authorList', index)"><span nz-icon style="font-size: 20px" nzType="delete"
                nzTheme="outline"></span></a>
          </td>
        </tr>
        }
      </tbody>
    </nz-table> -->
    @if (eduTextbook?.get('type')=='全册') {
      <nz-collapse [nzBordered]="false">
        @for (panel of eduTextbook?.get('childrens'); track panel) {
        <nz-collapse-panel
          #p
          [nzHeader]="title"
          [nzActive]="false"
          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>
          <div class="">
            <app-author-file
              #children
              [eduTextbook]="eduTextbook?.id"
              [eduTextbookVolume]="panel"
            ></app-author-file>
          </div>
          <ng-template #expandedIcon let-active>
            {{ active }}
            <span
              nz-icon
              nzType="caret-right"
              class="ant-collapse-arrow"
              [nzRotate]="p.nzActive ? 90 : -90"
            ></span>
          </ng-template>
        </nz-collapse-panel>
        }
      </nz-collapse>
      } @else {
      <app-author-file
        #children
        [eduTextbookVolume]="eduTextbook?.get('childrens')[0]"
      ></app-author-file>
      }
  </div>
 
  <div class="author-content">
    <div class="title">2.图书编校质量自查结果记录表（必须提供）</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 [type]="'pdf'" [width]="320" (change)="upload($event, 'selfResults')"
          title="上传文件"></app-comp-upload>
        <div class="text upText" style="margin: 10px 0">
          支持上传PDF，大小不超过 2M
        </div>
      </nz-form-control>
    </nz-form-item>
  </div>
  <div class="author-content">
    <div class="title">3.专家审查意见表（必须提供）</div>
    <div class="text">
      从本申报平台 <a (click)="downloadFile('专家审查意见表.docx')">下载格式要求</a> 后，由第一主编所在单位或出版机构邀请校内外相关学科专业领域专家，
      对教材进行思想性、学术性审查。专家不少于 3 名，其中半数以上为校外专家，
      专家分别实名评价并签字，并注明所在单位及专业身份。评价人不得是本教材的作者。
      <!-- 从本申报平台 <a (click)="downloadFile('专家审查意见表.docx')">下载格式要求</a> 后，对应作者姓名上传“作者政治审查表” PDF 格式，大小不超过 2M。作者单位党委对作者进行审查，对政治思想表现情况进行评价，
      确保作者的正确政治方向、价值取向，无违法违纪等记录。教材编写成员涉及多个不同单位时需要各单位分别出具意见，
      并由所在单位党委盖章。 -->
      <!-- 由第一主编所在单位或出版机构邀请校内外相关学科专业领域专家，对教材进行思想性、学术性审核。专家不少于
      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 [type]="'pdf'" [width]="320" (change)="upload($event, 'expertOpinion')"
          title="上传文件"></app-comp-upload>
        <div class="text upText" style="margin: 10px 0">
          支持上传PDF，大小不超过 2M
        </div>
      </nz-form-control>
    </nz-form-item>
  </div>
  <div class="author-content">
    <div class="title">4.教材使用情况证明材料（必须提供）</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 [type]="'pdf'" [width]="320" (change)="upload($event, 'evidence')"
          title="上传文件"></app-comp-upload>
        <div class="text upText" style="margin: 10px 0">
          支持上传PDF，大小不超过 2M
        </div>
      </nz-form-control>
    </nz-form-item>
  </div>
  <div class="author-content">
    <div class="title">5.版权信息及CIP数据（必须提供）</div>
    <div class="text">全册中有不同版权信息及CIP数据的各分册，其附件请合并到一个PDF文件上传</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 [type]="'pdf'" [width]="320" [type]="'pdf'" (change)="upload($event, 'copyrightImgUrl')"
          title="上传文件"></app-comp-upload>

        <div class="text upText" style="margin: 10px 0">
          支持上传PDF，大小不超过 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 [type]="'pdf'" [width]="320" (change)="upload($event, 'CIPImgUrl')"
          title="上传文件"></app-comp-upload>

        <div class="text upText" style="margin: 10px 0">
          支持批量上传 PDF 格式，单个文件大小不超过 2M。
        </div>
      </nz-form-control>
    </nz-form-item>



    <div >
      <div class="text">如 CIP 数据中无“教材”字样的，须再上传内容提要或前言或后记中可以证明本书为教材的相关内容截图</div>
      @if (cipProveFile.length>0) {
      @for (url of cipProveFile; track $index) {
      <p>
        <a style="color: #3e49b3;font-size: 14px;" (click)="openFile(url?.url)">
          <span nz-icon nzType="file" nzTheme="outline"></span>
          CIP 相关截图 
        </a>
      </p>
      }
      }
      <app-comp-upload [type]="'pdf'" [width]="320" (change)="upload($event, 'cipProveFile')"
          title="上传文件"></app-comp-upload>
      <!-- <app-comp-upload [type]="'pdf'" [width]="320" [maxlenght]="99" (change)="upload($event, 'cipProveFile')"
        title="上传文件"></app-comp-upload> -->

      <div class="text upText" style="margin: 10px 0">
        支持上传PDF，大小不超过 2M
      </div>
    </div>
  </div>
  <div class="author-content">
    <div class="title">6.其他材料（可选提供）</div>
    <div class="text">其他佐证材料。</div>
    @if (moreMaterial.length>0) {
    @for (url of moreMaterial; track $index) {
    <p>
      <a style="color: #3e49b3;font-size: 14px;" (click)="openFile(url?.url)">
        <span nz-icon nzType="file" nzTheme="outline"></span>
        佐证材料 {{$index+1}}
      </a>
    </p>
    }
    }
    <app-comp-upload [files]="moreMaterial" [type]="'pdf'" [width]="320" [maxlenght]="99" (change)="upload($event, 'moreMaterial')"
      title="上传文件"></app-comp-upload>

    <div class="text upText" style="margin: 10px 0">
      支持批量上传PDF，大小不超过 2M
    </div>
  </div>





  <!-- <div class="author-content">
    <div class="title">作者政治审核表</div>
    <div class="text">
      <span style="color: red;">*</span> 作者政治审核表
      <a (click)="downloadFile('教材编写人员政治审查表.docx')">下载模板</a>
    </div>
    @if (examine.length>0) {
    @for (url of examine; track $index) {
    <p>
      <a style="color: #3e49b3;font-size: 14px;" (click)="openFile(url?.url)">
        <span nz-icon nzType="file" nzTheme="outline"></span>
        作者政治审核表 {{$index+1}}
      </a>
    </p>
    }
    }
    <app-comp-upload [type]="'pdf'" [width]="320" [maxlenght]="99" (change)="upload($event, 'examine')"
      title="上传文件"></app-comp-upload>

    <div class="text upText" style="margin: 10px 0">
      支持上传PDF，大小不超过 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 [type]="'pdf'" [width]="320" (change)="upload($event, 'unitMaterial')" title="上传文件"></app-comp-upload>
          <div class="text upText" style="margin: 10px 0">
            支持上传PDF，大小不超过 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>

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