cd-project-management-web/src/app/routes/basedata/base-archives-cost/add/add.component.html

<form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="code">费用编码</nz-form-label>
    <nz-form-control [nzSm]="14" [nzXs]="24" >
      <input placeholder="自动生成" nz-input formControlName="code" id="code" [(ngModel)]="baseArchivesCost.code" maxlength=3/>
      <nz-form-explain *ngIf="validateForm.get('code')?.dirty && validateForm.get('code')?.errors">
        请输入费用编码
      </nz-form-explain>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="name">费用名称</nz-form-label>
    <nz-form-control [nzSm]="14" [nzXs]="24" >
      <input nz-input formControlName="name" id="name" [(ngModel)]="baseArchivesCost.name" maxlength=20/>
      <nz-form-explain *ngIf="validateForm.get('name')?.dirty && validateForm.get('name')?.errors">
        请输入费用名称
      </nz-form-explain>
    </nz-form-control>
  </nz-form-item>
</form>