cd-project-management-web/src/app/routes/project-work/product-confirmation/product-confirmation.component.html

<page-header [action]="phActionTpl">
  <ng-template #phActionTpl>
    <button (click)="add()" nz-button nzType="primary" acl [acl-ability]="'product-confirmation:add'">新建</button>
  </ng-template>
</page-header>
<nz-card>
  <!-- 查询条件 -->
  <form nz-form>
    <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
      <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">
            <input nz-input name="code" [(ngModel)]="proWorkMilestone.billcode" />
          </nz-form-control>
        </nz-form-item>
      </div>
      <div nz-col [nzSpan]="8">
        <nz-form-item>
          <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]=true></nz-form-label>
          <nz-form-control [nzSm]="14" [nzXs]="24">
            <button nzType="primary" (click)="query()" nz-button><span>查询</span></button>
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>
  </form>
   <!-- 表格 -->
   <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
    <div nz-col [nzSpan]="24">
      <nz-table nzSize="small" #basicTable [nzData]="listOfData" [nzFrontPagination]="false" [nzTotal]="page.total"
        [nzPageIndex]="page.current" (nzPageIndexChange)="pageIndexChange($event)" [nzLoading]="isSpinning">
        <thead>
          <tr>
            <th>单据编码</th>
            <th>项目编码</th>
            <th>项目名称</th>
            <th>客户编码</th>
            <th>客户名称</th>
            <!-- <th>项目里程碑</th> -->
            <th>里程碑确认</th>
            <th>确认时间</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let data of basicTable.data">
            <td>{{ data.billcode }}</td>
            <td>{{ data.proCode }}</td>
            <td>{{ data.proName }}</td>
            <td>{{ data.cusCode }}</td>
            <td>{{ data.cusName }}</td>
            <!-- <td>{{ data.mileName }}</td> -->
            <td>
              <nz-tag *ngIf="data.mileConfirm===0" [nzColor]="'red'">否</nz-tag>
              <nz-tag *ngIf="data.mileConfirm===1" [nzColor]="'green'">是</nz-tag>
            </td>
            <td>{{ data.confirmTime }}</td>
            <td>
              <a (click)="view(data)" acl [acl-ability]="'product-confirmation:view'">详情</a>
              <nz-divider nzType="vertical" acl [acl-ability]="'product-confirmation:view'"></nz-divider>
              <a (click)="update(data)" acl [acl-ability]="'product-confirmation:update'">修改</a>
              <nz-divider nzType="vertical" acl [acl-ability]="'product-confirmation:update'"></nz-divider>
              <a (click)="delete(data.id)" acl [acl-ability]="'product-confirmation:delete'">删除</a>
            </td>
          </tr>
        </tbody>
      </nz-table>
    </div>
  </div>
</nz-card>