添加银行卡绑卡

src/app/routes/financial-management/components/platform-account/platform-account.component.ts

@@ -4,6 +4,7 @@ import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st
 import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
 import { NzModalService } from 'ng-zorro-antd/modal';
 import { FreightAccountService } from '../../services/freight-account.service';
+import { CwcBankCardManagementBindComponent } from '../bank-card-management/bind/bind.component';
 
 @Component({
   selector: 'app-platform-account',
@@ -21,7 +22,7 @@ export class PlatformAccountComponent implements OnInit {
   info: any = {};
 
   static: any = {};
-  constructor(public service: FreightAccountService, private router: Router, private nzModalService: NzModalService) {}
+  constructor(public service: FreightAccountService, private router: Router, private nzModalService: NzModalService, public modal: NzModalService) { }
 
   ngOnInit(): void {
     this.loadInfo();
@@ -179,22 +180,63 @@ export class PlatformAccountComponent implements OnInit {
       },
       {
         title: '操作',
-        width: 100,
-        className: 'text-center',
+        width: 120,
+        className: 'text-center block-td',
         fixed: 'right',
         buttons: [
           {
-            text: '查看明细',
+            text: '查看明细 ',
             click: item =>
               this.router.navigate(['/financial-management/platform-account/detail/' + item.id], {
                 queryParams: { ltdId: item.ltdId, bankType: item.bankType, ltdName: `${item.ltdName}(${item.bankTypeLabel})` }
               })
-          }
+          },
+          {
+            text: '绑定银行卡',
+            click: item => this.bindBankcard(item)
+          },
+          {
+            text: '查看银行卡',
+            click: item => this.viewBankcard(item)
+          },
         ]
       }
     ];
   }
+
+  /**
+   * 绑定银行卡
+   */
+  bindBankcard(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '绑定银行卡',
+      nzContent: CwcBankCardManagementBindComponent,
+      nzWidth: '40%',
+      nzFooter: null,
+      nzComponentParams: {
+        i: item
+      }
+    });
+    modalRef.afterOpen.subscribe(() => { });
+    modalRef.afterClose.subscribe((result) => {
+      if (result) this.st.reload();
+
+    });
+  }
+
+  /**
+   * 查看银行卡
+   */
+  viewBankcard(item: any) {
+    this.router.navigate(['/financial-management/bank-card-management/index'], {
+      queryParams: {
+        ltdId: item?.ltdId,
+        ltdName: item?.ltdName
+      }
+    });
+  }
+
   exportList() {
-    this.service.exportStart( { ...this.sf.value, pageSize: -1 }, this.service.$api_get_exportPlatformAccountBalanceByOperator,);
+    this.service.exportStart({ ...this.sf.value, pageSize: -1 }, this.service.$api_get_exportPlatformAccountBalanceByOperator,);
   }
 }