|
@@ -0,0 +1,360 @@
|
|
|
+<!-- 开发 -->
|
|
|
+<form nz-form>
|
|
|
+ <div nz-row [nzGutter]="24">
|
|
|
+ <div nz-col [nzSpan]="6">
|
|
|
+ <nz-form-item>
|
|
|
+ <nz-form-label [nzSpan]="8">客户编码</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusCode}}</nz-form-control>
|
|
|
+ </nz-form-item>
|
|
|
+ </div>
|
|
|
+ <div nz-col [nzSpan]="6">
|
|
|
+ <nz-form-item>
|
|
|
+ <nz-form-label [nzSpan]="8">客户名称</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.cusName}}</nz-form-control>
|
|
|
+ </nz-form-item>
|
|
|
+ </div>
|
|
|
+ <div nz-col [nzSpan]="6">
|
|
|
+ <nz-form-item>
|
|
|
+ <nz-form-label [nzSpan]="8">销售经理</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.saleManager}}</nz-form-control>
|
|
|
+ </nz-form-item>
|
|
|
+ </div>
|
|
|
+ <div nz-col [nzSpan]="6">
|
|
|
+ <nz-form-item>
|
|
|
+ <nz-form-label [nzSpan]="8">业务员</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.saleMan}}</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]="8">项目总金额</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.totalPrice}}</nz-form-control>
|
|
|
+ </nz-form-item>
|
|
|
+ </div>
|
|
|
+ <div nz-col [nzSpan]="6">
|
|
|
+ <nz-form-item>
|
|
|
+ <nz-form-label [nzSpan]="8">已回款金额</nz-form-label>
|
|
|
+ <nz-form-control [nzSm]="16" [nzXs]="24">{{projectManageArchives.received}}</nz-form-control>
|
|
|
+ </nz-form-item>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</form>
|
|
|
+<!-- 收款计划 -->
|
|
|
+<nz-card nzTitle="收款计划" nzSize="small">
|
|
|
+ <div nz-row [nzGutter]="24">
|
|
|
+ <div nz-col [nzSpan]="24">
|
|
|
+ <nz-table style="padding-top: 5px;" nzSize="small" #basicTable
|
|
|
+ [nzData]="collectionPlanList" [nzFrontPagination]="false" [nzShowPagination]="false" [nzScroll]="{x:'123vw'}">
|
|
|
+ <!-- <thead>
|
|
|
+ <tr>
|
|
|
+ <th>{{ 'customer.contacts.name' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.telephone' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.mail' | translate }}</th>
|
|
|
+ <th>{{ 'customer.is.it.default' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.client.address' | translate }}</th>
|
|
|
+ <th>{{ 'table.operation' | translate }}</th>
|
|
|
+ </tr>
|
|
|
+ </thead> -->
|
|
|
+ <tbody>
|
|
|
+ <tr *ngFor="let data of basicTable.data">
|
|
|
+ <td style="width: 7%;">
|
|
|
+ {{data.planName}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第一笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第二笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第三笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第四笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第五笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price5}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone5}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc5}}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </nz-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</nz-card>
|
|
|
+
|
|
|
+
|
|
|
+<!-- 回款情况 -->
|
|
|
+<nz-card nzTitle="回款情况" nzSize="small">
|
|
|
+ <div nz-row [nzGutter]="24">
|
|
|
+ <div nz-col [nzSpan]="24">
|
|
|
+ <nz-table style="padding-top: 5px;" nzSize="small" #basicTable2
|
|
|
+ [nzData]="paymentCollectionList" [nzFrontPagination]="false" [nzShowPagination]="false"
|
|
|
+ [nzScroll]="{x:'123vw'}">
|
|
|
+ <!-- <thead>
|
|
|
+ <tr>
|
|
|
+ <th>{{ 'customer.contacts.name' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.telephone' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.mail' | translate }}</th>
|
|
|
+ <th>{{ 'customer.is.it.default' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.client.address' | translate }}</th>
|
|
|
+ <th>{{ 'table.operation' | translate }}</th>
|
|
|
+ </tr>
|
|
|
+ </thead> -->
|
|
|
+ <tbody>
|
|
|
+ <tr *ngFor="let data of basicTable2.data">
|
|
|
+ <td style="width: 7%;">
|
|
|
+ {{data.planName}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第一笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第二笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第三笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第四笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第五笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price5}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone5}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc5}}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </nz-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</nz-card>
|
|
|
+
|
|
|
+
|
|
|
+<!-- 付款计划 -->
|
|
|
+<nz-card nzTitle="付款计划" nzSize="small">
|
|
|
+ <div nz-row [nzGutter]="24">
|
|
|
+ <div nz-col [nzSpan]="24">
|
|
|
+ <nz-table style="padding-top: 5px;" nzSize="small" #basicTable3
|
|
|
+ [nzData]="paymentPlanList" [nzFrontPagination]="false" [nzShowPagination]="false"
|
|
|
+ [nzScroll]="{x:'123vw'}">
|
|
|
+ <!-- <thead>
|
|
|
+ <tr>
|
|
|
+ <th>{{ 'customer.contacts.name' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.telephone' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.mail' | translate }}</th>
|
|
|
+ <th>{{ 'customer.is.it.default' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.client.address' | translate }}</th>
|
|
|
+ <th>{{ 'table.operation' | translate }}</th>
|
|
|
+ </tr>
|
|
|
+ </thead> -->
|
|
|
+ <tbody>
|
|
|
+ <tr *ngFor="let data of basicTable3.data">
|
|
|
+ <td style="width: 7%;">
|
|
|
+ {{data.planName}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第一笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第二笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第三笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第四笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第五笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price5}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone5}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc5}}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </nz-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</nz-card>
|
|
|
+
|
|
|
+
|
|
|
+<!-- 付款情况 -->
|
|
|
+<nz-card nzTitle="付款情况" nzSize="small">
|
|
|
+ <div nz-row [nzGutter]="24">
|
|
|
+ <div nz-col [nzSpan]="24">
|
|
|
+ <nz-table style="padding-top: 5px;" nzSize="small" #basicTable4
|
|
|
+ [nzData]="paymentStatusList" [nzFrontPagination]="false" [nzShowPagination]="false"
|
|
|
+ [nzScroll]="{x:'123vw'}">
|
|
|
+ <!-- <thead>
|
|
|
+ <tr>
|
|
|
+ <th>{{ 'customer.contacts.name' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.telephone' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.mail' | translate }}</th>
|
|
|
+ <th>{{ 'customer.is.it.default' | translate }}</th>
|
|
|
+ <th>{{ 'customer.contacts.client.address' | translate }}</th>
|
|
|
+ <th>{{ 'table.operation' | translate }}</th>
|
|
|
+ </tr>
|
|
|
+ </thead> -->
|
|
|
+ <tbody>
|
|
|
+ <tr *ngFor="let data of basicTable4.data">
|
|
|
+ <td style="width: 7%;">
|
|
|
+ {{data.planName}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第一笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc1}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第二笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc2}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第三笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc3}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第四笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc4}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 4%;">第五笔</td>
|
|
|
+ <td style="width: 4%;">
|
|
|
+ {{data.price5}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.milestone5}}
|
|
|
+ </td>
|
|
|
+ <td style="width: 5%;">
|
|
|
+ {{data.desc5}}
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </nz-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</nz-card>
|