edit

src/app/routes/ticket-management/components/express-info/express-info.component.ts

@@ -3,6 +3,7 @@ import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st
 import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
 import { NzModalService } from 'ng-zorro-antd/modal';
 import { TicketService } from '../../services/ticket.service';
+import { ExpressDetailModalComponent } from './express-detail-modal/express-detail-modal.component';
 
 @Component({
   selector: 'app-express-info',
@@ -42,7 +43,14 @@ export class ExpressInfoComponent implements OnInit {
     { title: '快递单号', index: 'expressCode', width: 150 },
     { title: '快递公司', index: 'expresscompany', width: 120 },
     { title: '快递费用', index: 'description', width: 120 },
-    { title: '发票数量', index: 'quantity', width: 120 },
+    {
+      title: '发票数量',
+      index: 'quantity',
+      width: 120,
+      type: 'link',
+      click: (record: any) => this.showDetail(record.expressCode),
+      className: 'text-right'
+    },
     { title: '寄件人姓名', index: 'sname', width: 150 },
     { title: '寄件人电话', index: 'stel', width: 150 },
     {
@@ -99,6 +107,25 @@ export class ExpressInfoComponent implements OnInit {
     }
   }
 
+  showDetail(expressCode: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '发票明细',
+      nzContent: ExpressDetailModalComponent,
+      nzNoAnimation: true,
+      nzWidth: 1100,
+      nzComponentParams: { expressCode },
+      nzOnOk: com => {
+        console.log(com.selectedData);
+      },
+      nzOkText: '导出'
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
   printOrder() {
     if (this.selectedRows?.length <= 0) {
       this.service.msgSrv.warning('请选择快递单');