edit

src/app/routes/financial-management/components/abnormal-gold/abnormal-gold.component.html

@@ -1,14 +1,4 @@
-<!--
- * @Description  : 
- * @Version      : 1.0
- * @Author       : Shiming
- * @Date         : 2022-04-06 10:57:56
- * @LastEditors  : Shiming
- * @LastEditTime : 2022-04-14 10:39:57
- * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\abnormal-gold\\abnormal-gold.component.html
- * Copyright (C) 2022 huzhenhong. All rights reserved.
--->
-<page-header-wrapper [title]="'异常入金'"> </page-header-wrapper>
+<!-- <page-header-wrapper [title]="'异常入金'"> </page-header-wrapper>
 
 <nz-card class="search-box" nzBordered>
   <div nz-row nzGutter="8">
@@ -31,22 +21,25 @@
       </button>
     </div>
   </div>
-</nz-card>
+</nz-card> -->
 
-<nz-card class="content-box" nzBordered>
-  <nz-tabset>
-    <nz-tab nzTitle="处理中"(nzClick)="changePaymentStatus('1')"></nz-tab>
-    <nz-tab nzTitle="已退款"(nzClick)="changePaymentStatus('5')"></nz-tab>
-    <nz-tab nzTitle="全部"(nzClick)="changePaymentStatus('')"></nz-tab>
-  </nz-tabset>
+<nz-card class="table-box">
+  <div class="tab_header">
+    <label class="page_title"><label class="driver">|</label>异常入金</label>
+    <nz-tabset [nzTabBarExtraContent]="extraTemplate">
+      <nz-tab nzTitle="处理中" (nzClick)="changePaymentStatus('1')"></nz-tab>
+      <nz-tab nzTitle="已退款" (nzClick)="changePaymentStatus('5')"></nz-tab>
+      <nz-tab nzTitle="全部" (nzClick)="changePaymentStatus('')"></nz-tab>
+    </nz-tabset>
+  </div>
 
-  <st
-    #st
-    [data]="service.$api_get_getAbnormalAmountPage"
-    [columns]="columns"
-    [req]="{ process: beforeReq }"
-    [page]="{}"
-    [loading]="false"
-    [scroll]="{ x: '1200px' }"
-  ></st>
-</nz-card>
+  <ng-template #extraTemplate>
+    <div class="mr-sm">
+      <button nz-button nzDanger [nzLoading]="service.http.loading" (click)="openDrawer()">筛选</button>
+      <button nz-button nzDanger (click)="exprot()"> 导出</button>
+    </div>
+  </ng-template>
+
+  <st #st [data]="service.$api_get_getAbnormalAmountPage" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
+    [loading]="false" [scroll]="{ x: '1200px',y:scrollY }"></st>
+</nz-card>