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

<div class="entry">
  <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired nzFor="user">申报教材名称</nz-form-label>
      <nz-form-control nzErrorTip="请输入申报教材名称" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <input type="text" nz-input formControlName="title" placeholder="请输入申报教材名称" />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>国际标准书号（ISBN）</nz-form-label>
      <nz-form-control nzErrorTip="请输入国际标准书号" [nzSm]="12" [nzXs]="12">
        <nz-input-group [nzAddOnAfter]="autoButton">
          <input type="text" nz-input formControlName="ISBN" placeholder="请输入国际标准书号" />
        </nz-input-group>
        <ng-template #autoButton>
          <button (click)="autoCompleteByISBN()" nz-button nzType="primary">自动补全</button>
        </ng-template>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>第一主编（作者）</nz-form-label>
      <nz-form-control nzErrorTip="请输入第一主编（作者）" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <input type="text" nz-input formControlName="author" placeholder="请输入作者姓名" />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>第一主编（作者）单位</nz-form-label>
      <nz-form-control nzErrorTip="请输入第一主编（作者）单位" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <input type="text" nz-input formControlName="unit" placeholder="请输入作者单位" />
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>申报类型</nz-form-label>
      <nz-form-control nzErrorTip="请输入申报类型" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <!-- <input
            type="text"
            nz-input
            formControlName="type"
            placeholder="请输入申报类型"
          /> -->

          <nz-radio-group style="display: flex; flex-direction: column" formControlName="type">
            <label nz-radio nzValue="单册" (click)="requiredTypeNumber(false)">单册</label>
            <div class="basic-row">
              <label nz-radio nzValue="全册" (click)="requiredTypeNumber(true)">全册</label>
              @if (validateForm.value.type =='全册') {
              <nz-input-group style="flex: 1; margin-left: 20px" [nzSuffix]="suffixTemplateInfo">
                <input type="number" formControlName="typeNumber" nz-input placeholder="输入册数" />
              </nz-input-group>
              <ng-template #suffixTemplateInfo> 册 </ng-template>
              }
            </div>
          </nz-radio-group>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>教材应用对象及所属学科专业类</nz-form-label>
      <nz-form-control nzErrorTip="输入所属本科专业类代码（四位）搜索所属学科" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <nz-select [nzOptionOverflowSize]="nzOptionOverflowSize" nzShowSearch nzAllowClear nzPlaceHolder="输入所属本科专业类代码（四位）搜索所属学科" formControlName="majorPoniter">
            @for(major of selectList; track major.code;let index = $index){
            <nz-option nzCustomContent [nzValue]="major.name" [nzLabel]="major.name">
              <div>{{ major.name }}</div>
              <div style="font-size: 12px;color: gray;">{{ major.code }}</div>
            </nz-option>
            }
          </nz-select>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>教材主要语种类型</nz-form-label>
      <nz-form-control nzErrorTip="选择教材主要语种" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <nz-select nzShowSearch nzAllowClear nzPlaceHolder="选择教材主要语种" formControlName="lang">
            @for(lang of selectLang; track lang.lang;let index = $index){
            <nz-option nzCustomContent [nzValue]="lang.name" [nzLabel]="lang.name">{{ lang.name }}</nz-option>
            }
          </nz-select>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>其他主编姓名</nz-form-label>
      <nz-form-control nzErrorTip="请输入其他主编姓名，使用「；」隔开" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <textarea type="text" nz-input formControlName="authors" placeholder="请输入其他主编姓名，使用「；」隔开"></textarea>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>其他编者姓名</nz-form-label>
      <nz-form-control nzErrorTip="请输入其他编者姓名，使用「；」隔开" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <textarea type="text" nz-input formControlName="editor" placeholder="请输入其他编者姓名，使用「；」隔开"></textarea>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>是否重点立项教材</nz-form-label>
      <nz-form-control nzErrorTip="请输入完成项" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <nz-select nzShowSearch nzAllowClear nzPlaceHolder="请输入是否重点立项教材" formControlName="approval">
            <nz-option nzCustomContent [nzValue]="'基础学科“101计划”核心教材'" [nzLabel]="'基础学科“101计划”核心教材'">基础学科“101计划”核心教材</nz-option>
            <nz-option nzCustomContent [nzValue]="'战略性新兴领域教材'" [nzLabel]="'战略性新兴领域教材'">战略性新兴领域教材</nz-option>
            <nz-option nzCustomContent [nzValue]="'“四新”重点建设教材'" [nzLabel]="'“四新”重点建设教材'">“四新”重点建设教材</nz-option>
            <nz-option nzCustomContent [nzValue]="'否'" [nzLabel]="'否'">否</nz-option>
          </nz-select>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    @if (validateForm.value.approval&&validateForm.value.approval != '否') {
      <nz-form-item style="margin-bottom: 16px">
        <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>教材获批截图</nz-form-label>
        <nz-form-control nzErrorTip="请上传教材获批截图" [nzSm]="12" [nzXs]="12">
          <nz-input-group>
            <app-comp-upload [width]="320" (change)="upload($event, 'approvedImgUrl')" title="上传教材获批截图"></app-comp-upload>
          </nz-input-group>
          <p style="color: gray;">支持上传 PDF 格式，文件大小不超过 2M</p>
        </nz-form-control>
      </nz-form-item>
    }
    
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>出版单位</nz-form-label>
      <nz-form-control nzErrorTip="请输入出版单位" [nzSm]="12" [nzXs]="12">
        <!-- <nz-input-group>
          <input
            type="text"
            nz-input
            formControlName="editionUnit"
            placeholder="请输入出版单位"
          />
        </nz-input-group> -->
        <nz-input-group>
          <nz-select nzShowSearch nzServerSearch nzPlaceHolder="选择出版单位" formControlName="editionUnit"
            [nzShowArrow]="false" [nzFilterOption]="nzFilterOption" (nzOnSearch)="search($event)">
            @for(edu of eduList; track edu;let index = $index){
            <nz-option nzCustomContent [nzLabel]="edu?.get('name')" [nzValue]="edu?.get('name')">
              {{edu?.get('name')}}
            </nz-option>
            }
          </nz-select>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>初版时间</nz-form-label>
      <nz-form-control nzErrorTip="请输入初版时间" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <nz-date-picker style="width: 100%" formControlName="editionFirst"></nz-date-picker>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>
        载体形式
        <span style="padding: 0 5px;" nz-icon nzType="info-circle" nzTheme="outline"></span>
      </nz-form-label>
      <nz-form-control nzErrorTip="请输入载体形式" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <nz-select nzShowSearch nzAllowClear nzPlaceHolder="选择载体形式" formControlName="carrierShape">
            @for(item of carrierOptions; track item.code;let index = $index){
            <nz-option nzCustomContent [nzValue]="item.name" [nzLabel]="item.name">{{ item.name }}</nz-option>
            }
          </nz-select>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>出版时间及版次</nz-form-label>
      <nz-form-control nzErrorTip="请输入出版时间" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <div class="basic-row">
            <nz-date-picker style="flex: 1" formControlName="editionDate"></nz-date-picker>
            <nz-input-group style="width: 100px; margin-left: 20px" [nzSuffix]="suffixTemplateInfo">
              <input type="number" formControlName="editionNumber" nz-input placeholder="输入版次" />
            </nz-input-group>
            <ng-template #suffixTemplateInfo> 次 </ng-template>
          </div>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>最新印次时间及印次</nz-form-label>
      <nz-form-control nzErrorTip="请输入完整内容" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <div class="basic-row">
            <nz-date-picker style="flex: 1" formControlName="printDate"></nz-date-picker>
            <nz-input-group style="width: 100px; margin-left: 20px" [nzSuffix]="suffixTemplateInfo">
              <input type="number" formControlName="printNumber" nz-input placeholder="输入印次" />
            </nz-input-group>
            <ng-template #suffixTemplateInfo> 次 </ng-template>
          </div>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>

    <nz-form-item style="margin-bottom: 16px"> 
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>初版以来合计印次</nz-form-label>
      <nz-form-control nzErrorTip="请输入初版以来合计印次" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <nz-input-group [nzSuffix]="suffixTemplateInfo02">
            <input type="number" formControlName="printSum" nz-input placeholder="输入合计印数" />
          </nz-input-group>
          <ng-template #suffixTemplateInfo02> 册 </ng-template>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>初版以来是否列为重点项目</nz-form-label>
      <nz-form-control nzErrorTip="" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <nz-radio-group style="display: flex; flex-direction: column" formControlName="importantProject">
            @for (item of importantProjectList; track item.value) {
            <label (click)="onChangeRadio()" nz-radio [nzValue]="item.value">{{item.title}}</label>
            }
            @if (validateForm.value.importantProject == '其他省部级及以上项目') {
            <input type="text" formControlName="importantProjectOther" placeholder="请输入入选项目名称" nz-input />
            }
            <label nz-radio nzValue="">否</label>
          </nz-radio-group>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>版权页截图</nz-form-label>
      <nz-form-control nzErrorTip="请上传版权页截图" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <app-comp-upload [width]="320" (change)="upload($event, 'copyrightImgUrl')" title="上传截图"></app-comp-upload>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-bottom: 16px">
      <nz-form-label [nzSm]="8" [nzNoColon]="true" [nzXs]="8" nzRequired>中国版本图书馆CIP查询截图</nz-form-label>
      <nz-form-control nzErrorTip="" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <div class="row-block">
            <app-comp-upload [width]="320" (change)="upload($event, 'CIPImgUrl')" title="上传截图"></app-comp-upload>
            <div class="tips">
              <span nz-icon nzType="exclamation-circle" nzTheme="fill"
                style="font-size: 16px; color: #3e49b3; margin-right: 4px"></span>如 CIP
              数据中无“教材”字样的，须再上传内容提要或前言或后记中可以证明本书为教材的相关内容截图
            </div>
          </div>
        </nz-input-group>
      </nz-form-control>
    </nz-form-item>
  </form>
</div>
<div class="footer">
  <button nz-button nzType="default" style="margin-right: 20px" (click)="submitForm('save')">
    保存本页
  </button>
  <button nz-button nzType="primary" style="background: #3e49b3; border: 1px #3e49b3" (click)="submitForm('next')">
    下一页
  </button>
</div>