666

src/app/routes/datatable/components/invoicetable/invoicetable.component.html

@@ -3,12 +3,27 @@
 <nz-card nzTitle="开票数据报表">
   <st
     #st
-    [data]="data"
+    [data]="service.$api_findInvoiceReport"
     [columns]="columns"
     [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
-    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [res]="{ reName: { list: 'data', total: 'data.total' }}"
     [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
     [loadingDelay]="500"
   >
+  <ng-template st-row="totalInvoicedAmount" let-item let-index="index">
+    {{item.totalInvoicedAmount | currency}}
+  </ng-template>
+  <ng-template st-row="invAmountMonth" let-item let-index="index">
+    {{item.invAmountMonth | currency}}
+  </ng-template>
+  <ng-template st-row="applyWaitInvAmount" let-item let-index="index">
+    {{item.applyWaitInvAmount | currency}}
+  </ng-template>
+  <ng-template st-row="unInvoicedAmountHistory" let-item let-index="index">
+    {{item.unInvoicedAmountHistory | currency}}
+  </ng-template>
+  <ng-template st-row="unInvoicedAmountCurMonth" let-item let-index="index">
+    {{item.unInvoicedAmountCurMonth | currency}}
+  </ng-template>
   </st>
 </nz-card>

src/app/routes/datatable/components/invoicetable/invoicetable.component.ts

@@ -1,7 +1,8 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { STColumn, STComponent } from '@delon/abc/st';
+import { STColumn, STComponent, STData } from '@delon/abc/st';
 import { SFSchema } from '@delon/form';
 import { ModalHelper, _HttpClient } from '@delon/theme';
+import { DataService } from '../../services/data.service';
 
 @Component({
   selector: 'app-datatable-invoicetable',
@@ -13,7 +14,7 @@ export class DatatableInvoicetableComponent implements OnInit {
   columns!: STColumn[];
 
   data=[{name1:1111}]
-  constructor(private http: _HttpClient, private modal: ModalHelper) { }
+  constructor(private http: _HttpClient, private modal: ModalHelper,public service :DataService) { }
 
   /**
    * 查询参数
@@ -23,48 +24,48 @@ export class DatatableInvoicetableComponent implements OnInit {
   }
   ngOnInit(): void { 
     this.initST();
+    
   }
   initST() {
     this.columns = [
       {
         title: '运营主体',
-        index: 'name1'
+        index: 'operationName'
       },
       {
         title: '已开票总金额',
-        index: 'name1'
+        index: 'totalInvoicedAmount',
+        render: 'totalInvoicedAmount',
       },
       {
         title: '当月已开票金额',
-        index: 'name1'
+        index: 'invAmountMonth',
+        render: 'invAmountMonth',
+      },
+      {
+        title: '当月已开票张数',
+        index: 'numInvAmountMonth',
       },
       {
         title: '已申请待开金额',
-        index: 'name1'
+        index: 'applyWaitInvAmount',
+        render: 'applyWaitInvAmount',
+      },
+      {
+        title: '申请待开客户',
+        index: 'applyWaitCustomer',
       },
       {
         title: '未申请开票金额（历史）',
-        index: 'name1'
+        index: 'unInvoicedAmountHistory',
+        render: 'unInvoicedAmountHistory',
       },
       {
         title: '未申请开票金额（当月）',
-        index: 'name1'
+        index: 'unInvoicedAmountCurMonth',
+        render: 'unInvoicedAmountCurMonth',
       },
-      {
-        title: '当月发票张数',
-        index: 'name1'
-      },
-      {
-        title: '剩余发票张数',
-        index: 'name1'
-      },
-      
     ];
   }
-  add(): void {
-    // this.modal
-    //   .createStatic(FormEditComponent, { i: { id: 0 } })
-    //   .subscribe(() => this.st.reload());
-  }
 
 }

src/app/routes/datatable/services/data.service.ts

@@ -24,6 +24,9 @@ export class DataService extends BaseService {
   // 查询运营报表
   $api_listOperationalReportPage = `/api/sdc/report/listOperationalReportPage`;
 
+  // 查询开票数据报表
+  $api_findInvoiceReport = `/api/fcc/invoiceReport/findInvoiceReport`;
+
   constructor(public injector: Injector) {
     super(injector);
   }