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="name"
            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="ISBN"
            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="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="单册">单册</label>
            <div class="basic-row">
              <label nz-radio nzValue="全册">全册</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
            nzShowSearch
            nzAllowClear
            nzPlaceHolder="请输入搜索内容"
            formControlName="majorPoniter"
            (ngModelChange)="changeMajor()"
            (nzOnSearch)="getMajor($event)"
          >
            @for(major of selectList; track major.code;let index = $index){
            <nz-option
              nzCustomContent
              [nzValue]="major.code"
              [nzLabel]="major.name"
              >{{ major.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-select
            nzShowSearch
            nzAllowClear
            nzPlaceHolder="请输入搜索内容"
            formControlName="lang"
            (ngModelChange)="changeMajor()"
            (nzOnSearch)="getMajor($event)"
          >
            @for(lang of selectLang; track lang.lang;let index = $index){
            <nz-option
              nzCustomContent
              [nzValue]="lang.lang"
              [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"
            (ngModelChange)="changeMajor()"
            (nzOnSearch)="getMajor($event)"
          >
            @for(item of directorys; track item.code;let index = $index){
            <nz-option
              nzCustomContent
              [nzValue]="item.code"
              [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>
          <input
            type="text"
            nz-input
            formControlName="edition"
            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-date-picker
            style="width: 100%"
            formControlName="editionFirst"
            (ngModelChange)="onChange($event)"
          ></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>载体形式</nz-form-label>
      <nz-form-control nzErrorTip="请输入载体形式" [nzSm]="12" [nzXs]="12">
        <nz-input-group>
          <nz-select
            nzShowSearch
            nzAllowClear
            nzPlaceHolder="请输入是否重点立项教材"
            formControlName="approval"
            (ngModelChange)="changeMajor()"
            (nzOnSearch)="getMajor($event)"
          >
            @for(item of carrierOptions; track item.code;let index = $index){
            <nz-option
              nzCustomContent
              [nzValue]="item.code"
              [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"
              (ngModelChange)="onChange($event)"
            ></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"
              (ngModelChange)="onChange($event)"
            ></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]="suffixTemplateInfo">
            <input
              type="number"
              formControlName="printSum"
              nz-input
              placeholder="输入版次"
            />
          </nz-input-group>
          <ng-template #suffixTemplateInfo> 次 </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 nz-radio [nzValue]="item.value">{{ item.title }}</label>
            } @if (validateForm.value.importantProject ==
            '其他省部级及以上项目') {
            <input
              type="text"
              formControlName="importantProjectOther"
              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>
          <nz-upload
            formControlName="copyrightImgUrl"
            nzAction="https://www.mocky.io/v2/5cc8019d300000980a055e76"
            [nzHeaders]="{ authorization: 'authorization-text' }"
            (nzChange)="handleChange($event)"
          >
            <button nz-button>
              <span nz-icon nzType="upload"></span>
              上传截图
            </button>
          </nz-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">
            <nz-upload
              formControlName="CIPImgUrl"
              nzAction="https://www.mocky.io/v2/5cc8019d300000980a055e76"
              [nzHeaders]="{ authorization: 'authorization-text' }"
              (nzChange)="handleChange($event)"
            >
              <button nz-button>
                <span nz-icon nzType="upload"></span>
                上传截图
              </button>
            </nz-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" (click)="submitForm('next')">
    下一页
  </button>
</div>