车辆对接

src/app/routes/order-management/components/risk/risk.component.html

@@ -38,10 +38,14 @@
 </nz-card>
 
 <nz-card>
-  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
-    <nz-tab *ngFor="let tab of tabs; let i = index"  [nzTitle]="tab.name + ' (' + tab.count + ') '" (nzClick)="tabChange(i)">
-    </nz-tab>
-  </nz-tabset>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" 
+  [nzTabBarExtraContent]="extraTemplate">
+  <nz-tab [nzTitle]="'全部'"></nz-tab>
+  <nz-tab [nzTitle]="'待申诉('+tabs?.stayQuantity+')'"></nz-tab>
+  <nz-tab [nzTitle]="'申诉中('+tabs?.stayQuantity+')'"></nz-tab>
+  <nz-tab [nzTitle]="'申诉成功('+tabs?.receivedQuantity+')'"></nz-tab>
+  <nz-tab [nzTitle]="'申诉失败('+tabs?.cancelQuantity+')'"></nz-tab>
+</nz-tabset>
   <div style="margin-top: 15px;">
     <st
     #st

src/app/routes/order-management/components/risk/risk.component.ts

@@ -23,38 +23,18 @@ export class OrderManagementRiskComponent implements OnInit {
   auditMany = false;
   auditId: any;
   isVisibleRE = false;
+  resourceStatus: any;
   _$expand = false;
   @ViewChild('st') private readonly st!: STComponent;
   @ViewChild('sf', { static: false }) sf!: SFComponent;
   @ViewChild('sfView', { static: false }) sfView!: SFComponent;
   columns: STColumn[] = [];
-  tabs = [
-    {
-      name: '全部',
-      type: 5,
-      count: 0
-    },
-    {
-      name: '待申诉',
-      type: 5,
-      count: 0
-    },
-    {
-      name: '申诉中',
-      type: 5,
-      count: 0
-    },
-    {
-      name: '申诉成功',
-      type: 5,
-      count: 0
-    },
-    {
-      name: '申诉失败',
-      type: 5,
-      count: 0
-    }
-  ];
+  tabs = {
+    totalQuantity: 0,
+    cancelQuantity: 0,
+    receivedQuantity: 0,
+    stayQuantity: 0
+  };
   constructor(
     public service: SupplyManagementService,
     public service2: ShipperBaseService,
@@ -65,9 +45,14 @@ export class OrderManagementRiskComponent implements OnInit {
   /**
    * 查询参数
    */
-  get reqParams() {
+   get reqParams() {
+    const a:any = {};
+    if(this.resourceStatus) {
+      a.representationsStatus = this.resourceStatus 
+    }
     return {
-      ...this.sf?.value
+      ...a,
+      ...this.sf?.value,
     };
   }
   get selectedRows() {
@@ -401,6 +386,11 @@ export class OrderManagementRiskComponent implements OnInit {
 
   selectChange(e: number) {
     console.log(e);
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+    }, 500);
   }
   /**
    * 导入货源