cd-project-management-web/src/app/routes/invoice-management/invoice-manage-purchase/view/view.component.html

<nz-spin [nzSpinning]="isLoadingSave">
  <form nz-form >
    <div nz-row [nzGutter]="24">
      <div nz-col [nzSpan]="8">
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24">单据编码</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            {{invoiceManagePurchase.billcode}}
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col [nzSpan]="8">
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24">项目编码</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            {{invoiceManagePurchase.proCode}}
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col [nzSpan]="8">
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>项目名称</nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
           {{invoiceManagePurchase.proName}}
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>
  </form>


<nz-card>
  <div nz-row [nzGutter]="24">
    <div nz-col [nzSpan]="24">
      <nz-table style="padding-top: 5px;" nzSize="small" #basicTable
        [nzData]="itemDataList" [nzFrontPagination]="false" [nzShowPagination]="false" >
        <thead>
          <tr>
            <th nzAlign="center">序号</th>
            <th>首付款条线</th>
            <th>里程碑</th>
            <th>金额</th>
            <th>未收票金额</th>
            <th>本次收票金额</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of basicTable.data;let i=index">
            <td nzAlign="center">{{i+1}}</td>
            <td style="width: 20%;">
              {{data.coArchivesName}}
            </td>
            <td style="width: 20%;">
              {{data.proArchivesMilestone}}
            </td>
            <td>
              <!-- <nz-input-number [(ngModel)]="data.price" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar" [nzParser]="parserDollar"></nz-input-number> -->
              {{data.price}}
            </td>
            <td>
              <!-- <nz-input-number [(ngModel)]="data.uncoPrice" [nzMin]="0" [nzStep]="1" [nzFormatter]="formatterDollar" [nzParser]="parserDollar"></nz-input-number> -->
              {{data.uncoPrice}}
            </td>
            <td>
              {{data.coPrice}}
            </td>
          </tr>
        </tbody>
      </nz-table>
    </div>
  </div>
</nz-card>
</nz-spin>
<!-- 按钮 -->
<div class="base">
  <strong>填写人:</strong>{{invoiceManagePurchase.currentUser}} <strong>填写时间:</strong>{{invoiceManagePurchase.createTime}}
  <!-- 关闭按钮 -->
  <button nz-button  (click)="close()"
    [nzLoading]="isLoadingSave"><span>{{'pm.quotation.cancel'|translate}}</span></button>
</div>