project-statistics.component.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!-- 项目情况统计表 -->
  2. <nz-card>
  3. <form nz-form>
  4. <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
  5. <div nz-col [nzSpan]="8">
  6. <nz-form-item>
  7. <nz-form-label [nzSm]="6" [nzXs]="24">项目编码</nz-form-label>
  8. <nz-form-control [nzSm]="14" [nzXs]="24">
  9. <input nz-input name="code" [(ngModel)]="projectStatisticsWhere.proCode" />
  10. </nz-form-control>
  11. </nz-form-item>
  12. </div>
  13. <div nz-col [nzSpan]="8">
  14. <nz-form-item>
  15. <nz-form-label [nzSm]="2" [nzXs]="24" [nzNoColon]=true></nz-form-label>
  16. <nz-form-control [nzSm]="14" [nzXs]="24">
  17. <button nzType="primary" (click)="query()" nz-button><span>查询</span></button>
  18. </nz-form-control>
  19. </nz-form-item>
  20. </div>
  21. </div>
  22. </form>
  23. <!-- 表格 -->
  24. <div nz-row [nzGutter]="{ xs: 8, sm: 16, md: 24, lg: 32 }">
  25. <div nz-col [nzSpan]="24">
  26. <nz-table nzSize="small" class="tableTdPadding" [nzData]="listOfData" #basicTable nzBordered [nzFrontPagination]="false"
  27. [nzLoading]="isSpinning">
  28. <thead>
  29. <tr>
  30. <th rowSpan="2">项目编码</th>
  31. <th rowSpan="2">项目名称</th>
  32. <th colSpan="5">收入</th>
  33. <th colSpan="5">付款</th>
  34. <th rowSpan="2">应税合计</th>
  35. <th rowSpan="2">税后合计</th>
  36. <th colSpan="6">内部成本</th>
  37. <th rowSpan="2">毛利</th>
  38. </tr>
  39. <tr>
  40. <th>产品</th>
  41. <th>实施</th>
  42. <th>开发</th>
  43. <th>服务</th>
  44. <th>其他</th>
  45. <th>产品</th>
  46. <th>实施</th>
  47. <th>开发</th>
  48. <th>服务</th>
  49. <th>其他</th>
  50. <th>预留</th>
  51. <th>工资</th>
  52. <th>奖金</th>
  53. <th>费用</th>
  54. <th>销售提成</th>
  55. <th>公摊费用</th>
  56. </tr>
  57. </thead>
  58. <tbody>
  59. <tr *ngFor="let data of basicTable.data">
  60. <td>{{ data.proCode }}</td>
  61. <td>{{ data.proName }}</td>
  62. <!-- <td>{{ data.cusName }}</td> -->
  63. <td>{{ data.proIncome }}</td>
  64. <td>{{ data.imIncome }}</td>
  65. <td>{{ data.deIncome }}</td>
  66. <td>{{ data.seIncome }}</td>
  67. <td>{{ data.otherIncome }}</td>
  68. <td>{{ data.proPayment }}</td>
  69. <td>{{ data.imPayment }}</td>
  70. <td>{{ data.dePayment }}</td>
  71. <td>{{ data.sePayment }}</td>
  72. <td>{{ data.otherPayment }}</td>
  73. <td>{{ data.totalTax }}</td>
  74. <td>{{ data.totalAfterTax }}</td>
  75. <td>{{ data.reserve }}</td>
  76. <td>{{ data.salary }}</td>
  77. <td>{{ data.award }}</td>
  78. <td>{{ data.cost }}</td>
  79. <td>{{ data.comSales }}</td>
  80. <td>{{ data.exShared }}</td>
  81. <td>{{ data.groProfit }}</td>
  82. </tr>
  83. </tbody>
  84. </nz-table>
  85. </div>
  86. </div>
  87. </nz-card>