cd-project-management-web/src/app/routes/project-work/implementation-milestone-confirm/add/add.component.html

<!-- 基本信息 -->
<form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
  <div nz-row [nzGutter]="24">
    <div nz-col [nzSpan]="24">
      <nz-form-item>
        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>单据编码</nz-form-label>
        <nz-form-control [nzSm]="24" [nzXs]="24">
          自动生成
        </nz-form-control>
      </nz-form-item>
    </div>
  </div>
  <div nz-row [nzGutter]="24">
    <div nz-col [nzSpan]="6">
      <nz-form-item>
        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>项目编码</nz-form-label>
        <nz-form-control [nzSm]="24" [nzXs]="24">
          {{proWorkMilestone.proCode}}
        </nz-form-control>
      </nz-form-item>
    </div>
    <div nz-col [nzSpan]="6">
      <nz-form-item>
        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>项目名称</nz-form-label>
        <nz-form-control [nzSm]="24" [nzXs]="24">
          <nz-select style="widows: 100%;" nzShowSearch nzAllowClear formControlName="proId" id="proId"
              [(ngModel)]="proWorkMilestone.proId" nzPlaceHolder="请选择" (ngModelChange)="proChange($event)">
              <nz-option *ngFor="let i of proList" [nzValue]="i.id" [nzLabel]="i.proName"></nz-option>
            </nz-select>
            <nz-form-explain *ngIf="validateForm.get('proId')?.dirty && validateForm.get('proId')?.errors">
              请选择项目名称
            </nz-form-explain>
        </nz-form-control>
      </nz-form-item>
    </div>
    <div nz-col [nzSpan]="6">
      <nz-form-item>
        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>客户编码</nz-form-label>
        <nz-form-control [nzSm]="24" [nzXs]="24">
          {{proWorkMilestone.cusCode}}
        </nz-form-control>
      </nz-form-item>
    </div>
    <div nz-col [nzSpan]="6">
      <nz-form-item>
        <nz-form-label [nzSpan]="'vertical' ? 24 : null" nzRequired>客户名称</nz-form-label>
        <nz-form-control [nzSm]="24" [nzXs]="24">
          {{proWorkMilestone.cusName}}
        </nz-form-control>
      </nz-form-item>
    </div>
  </div>
</form>