<!-- 基本信息 -->
<form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">



  <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">
          自动生成
        </nz-form-control>
      </nz-form-item>
    </div>
    <div nz-col [nzSpan]="6">
      <nz-form-item>
        <nz-form-label [nzSpan]="'vertical' ? 24 : null">项目编码</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">客户编码</nz-form-label>
        <nz-form-control [nzSm]="24" [nzXs]="24">
          {{proWorkMilestone.cusCode}}
        </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">客户名称</nz-form-label>
        <nz-form-control [nzSm]="24" [nzXs]="24">
          {{proWorkMilestone.cusName}}
        </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="mileId" id="mileId"
            [(ngModel)]="proWorkMilestone.mileId" nzPlaceHolder="请选择" (ngModelChange)="milChange($event)">
            <nz-option *ngFor="let i of mieList" [nzValue]="i.key" [nzLabel]="i.milesName"></nz-option>
          </nz-select>
          <nz-form-explain *ngIf="validateForm.get('mileId')?.dirty && validateForm.get('mileId')?.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">
          <nz-switch formControlName="milSwitch" id="milSwitch" [(ngModel)]="milSwitch" nzCheckedChildren="是"
            nzUnCheckedChildren="否"></nz-switch>
        </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-date-picker formControlName="confirmTime" id="confirmTime" [(ngModel)]="proWorkMilestone.confirmTime">
          </nz-date-picker>
          <nz-form-explain *ngIf="validateForm.get('confirmTime')?.dirty && validateForm.get('confirmTime')?.errors">
            请选择时间
          </nz-form-explain>
        </nz-form-control>
      </nz-form-item>
    </div>
  </div>
</form>
<!-- 项目成果 -->
<nz-card nzTitle="项目成果">
  <div nz-row [nzGutter]="24">
    <div nz-col [nzSpan]="6">
      <nz-upload nzAction="sys/common/uploadFile" [nzFileList]="fileList" nzMultiple=true
        (nzChange)="handleChange($event)">
        <button nz-button><i nz-icon nzType="upload"></i>上传</button>
      </nz-upload>
    </div>
  </div>
</nz-card>
<!-- 按钮 -->
<div class="base">
  <strong>填写人:</strong>{{proWorkMilestone.currentUser}} <strong>填写时间:</strong>{{proWorkMilestone.createTime}}
  <!-- 关闭按钮 -->
  <a nz-popconfirm nzTitle="{{'pm.contract.contract.add.button.cancel'|translate}}" (nzOnConfirm)="close()"
    style="padding-right: 8px">
    <button nz-button>{{'pm.quotation.cancel'|translate}}</button>
  </a>
  <!-- 保存按钮 -->
  <button nz-button nzType="primary" class="ant-btn ant-btn-primary" (click)="submitForm()"
    [nzLoading]="isLoadingSave"><span>{{'pm.finish' | translate}}</span></button>
</div>