cd-project-management-web/src/app/routes/report-form/project-statistics/project-statistics.component.html

<!-- 项目情况统计表 -->
<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)]="projectStatisticsWhere.proCode" />
          </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" class="tableTdPadding" [nzData]="listOfData" #basicTable nzBordered [nzFrontPagination]="false"
        [nzLoading]="isSpinning">
        <thead>
          <tr>
            <th rowSpan="2">项目编码</th>
            <th rowSpan="2">项目名称</th>
            <th colSpan="5">收入</th>
            <th colSpan="5">付款</th>
            <th rowSpan="2">应税合计</th>
            <th rowSpan="2">税后合计</th>
            <th colSpan="6">内部成本</th>
            <th rowSpan="2">毛利</th>
          </tr>
          <tr>
            <th>产品</th>
            <th>实施</th>
            <th>开发</th>
            <th>服务</th>
            <th>其他</th>
            <th>产品</th>
            <th>实施</th>
            <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.proCode }}</td>
            <td>{{ data.proName }}</td>
            <!-- <td>{{ data.cusName }}</td> -->
            <td>{{ data.proIncome }}</td>
            <td>{{ data.imIncome }}</td>
            <td>{{ data.deIncome }}</td>
            <td>{{ data.seIncome }}</td>
            <td>{{ data.otherIncome }}</td>
            <td>{{ data.proPayment }}</td>
            <td>{{ data.imPayment }}</td>
            <td>{{ data.dePayment }}</td>
            <td>{{ data.sePayment }}</td>
            <td>{{ data.otherPayment }}</td>
            <td>{{ data.totalTax }}</td>
            <td>{{ data.totalAfterTax }}</td>
            <td>{{ data.reserve }}</td>
            <td>{{ data.salary }}</td>
            <td>{{ data.award }}</td>
            <td>{{ data.cost }}</td>
            <td>{{ data.comSales }}</td>
            <td>{{ data.exShared }}</td>
            <td>{{ data.groProfit }}</td>
          </tr>
        </tbody>
      </nz-table>
    </div>
  </div>
</nz-card>