edit

src/app/routes/usercenter/components/driver/driver.component.html

@@ -18,10 +18,14 @@
     </div>
   </div>
 </nz-card>
-<nz-card>
-  <!-- 数据列表 -->
-  <!-- [data]="service.$api_get_supplier_page" -->
+<nz-card class="content-box">
+  <nz-tabset [nzSelectedIndex]="1">
+    <nz-tab nzTitle="全部" (nzClick)="selectChange(null)"></nz-tab>
+    <nz-tab nzTitle="待审核" (nzClick)="selectChange(0)"></nz-tab>
+    <nz-tab nzTitle="已审核" (nzClick)="selectChange(1)"></nz-tab>
+  </nz-tabset>
 
+  <!-- 数据列表 -->
   <st #st [columns]="columns" [data]='service.$api_get_driver_list'
     [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
     [res]="{ reName: { list: 'data.records', total: 'data.total' } }"

src/app/routes/usercenter/components/driver/driver.component.less

@@ -19,4 +19,10 @@
     nz-range-picker {
         width: 100%;
     }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 6px;
+        }
+    }
 }

src/app/routes/usercenter/components/driver/driver.component.ts

@@ -22,6 +22,7 @@ export class UserCenterComponentsDriverComponent implements OnInit {
   promoterModal!: any;
   promotersTelephone = '';
 
+  resourceStatus: any = 0;
   constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute) {}
 
   /**
@@ -52,6 +53,11 @@ export class UserCenterComponentsDriverComponent implements OnInit {
     });
   }
 
+  selectChange(e: any) {
+    this.resourceStatus = e;
+    this.st.load();
+  }
+
   addPromoter(item?: any) {
     this.promotersTelephone = item?.promotersTelephone;
     const modal = this.modal.create({