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

<form nz-form [formGroup]="validateForm" class="login-form">

  <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 nzSearch [nzAddOnAfter]="autoButton">
        <input type="number" 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>
        <nz-select nzShowSearch nzAllowClear nzPlaceHolder="请选择第一主编（作者）单位类型" formControlName="unitType">
          @for(type of unitSelects; track type.code;let index = $index){
          <nz-option nzCustomContent [nzValue]="type.name" [nzLabel]="type.name">
            <div>{{ type.name }}</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">其他主编姓名</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">其他编者姓名</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>
    @if (!isShowChooseEU) {
    <p title="点击更改出版单位" (click)="isShowChooseEU=true" style="margin-top: 6px;color: rgb(0, 140, 255);">
      {{validateForm.value.editionUnit}}</p>
    }@else{
    <nz-form-control nzErrorTip="请输入出版单位" [nzSm]="12" [nzXs]="12">
      <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 nzMode="month" 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 nzMode="month" 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 nzMode="month" style="flex: 1" formControlName="printDate"
            [nzDisabledDate]="disabledEditionDate"></nz-date-picker>
          <nz-input-group style="width: 100px; margin-left: 20px" [nzSuffix]="suffixTemplateInfo02">
            <input type="number" formControlName="printNumber" nz-input placeholder="输入印次" />
          </nz-input-group>
          <ng-template #suffixTemplateInfo02> 次 </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">初版以来是否列为重点项目</nz-form-label>
    <nz-form-control nzErrorTip="" [nzSm]="12" [nzXs]="12">
      <nz-checkbox-wrapper>
        @for (item of importantProjectList; track item.value) {
        <label style="margin: 0;padding: 0;" [ngModelOptions]="{standalone: true}" nz-checkbox [nzValue]="item.value"
          [(ngModel)]="item.checked">{{item.value}}</label>
        <br>
        }
      </nz-checkbox-wrapper>
      @if (importantProjectList[4].checked) {
      <input type="text" formControlName="importantProjectOther" placeholder="请输入入选项目名称" nz-input />
      }
    </nz-form-control>
  </nz-form-item>
  


</form>