<!-- 基本信息 --> <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>