edit

src/app/routes/financial-management/components/transaction-flow/transaction-flow.component.ts

@@ -3,32 +3,29 @@ import { Component, ViewChild } from '@angular/core';
 import { Router } from '@angular/router';
 import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
 import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { SearchDrawerService } from '@shared';
 import { NzModalService } from 'ng-zorro-antd/modal';
+import { BasicTableComponent } from 'src/app/routes/commom';
 
 import { FreightAccountService } from '../../services/freight-account.service';
 
 @Component({
   selector: 'app-transaction-flow',
   templateUrl: './transaction-flow.component.html',
-  styleUrls: ['./transaction-flow.component.less'],
-  providers: [CurrencyPipe]
+  styleUrls: ['../../../commom/less/commom-table.less']
 })
-export class TransactionFlowComponent {
+export class TransactionFlowComponent extends BasicTableComponent {
   @ViewChild('st', { static: true })
   st!: STComponent;
-  @ViewChild('sf', { static: false })
-  sf!: SFComponent;
   columns: STColumn[] = this.initST();
-  searchSchema: SFSchema = this.initSF();
+  schema: SFSchema = this.initSF();
 
-  _$expand = false;
-
-  constructor(
-    public service: FreightAccountService,
-    private nzModalService: NzModalService,
-    private router: Router,
-    private currencyPipe: CurrencyPipe
-  ) {}
+  constructor(public service: FreightAccountService, public searchDrawerService: SearchDrawerService) {
+    super(searchDrawerService);
+  }
+  search() {
+    this.st?.load(1);
+  }
 
   beforeReq = (requestOptions: STRequestOptions) => {
     if (this.sf) {
@@ -43,31 +40,10 @@ export class TransactionFlowComponent {
     return requestOptions;
   };
 
-  /**
-   * 重置表单
-   */
-  resetSF() {
-    this.sf.reset();
-    this._$expand = false;
-  }
-
-  /**
-   * 伸缩查询条件
-   */
-  expandToggle() {
-    this._$expand = !this._$expand;
-    this.sf?.setValue('/expand', this._$expand);
-  }
 
   private initSF(): SFSchema {
     return {
       properties: {
-        expand: {
-          type: 'boolean',
-          ui: {
-            hidden: true
-          }
-        },
         createTime: {
           title: '交易时间',
           type: 'string',
@@ -96,9 +72,6 @@ export class TransactionFlowComponent {
           title: '订单号',
           ui: {
             placeholder: '请输入',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         },
         tradeType: {
@@ -120,9 +93,6 @@ export class TransactionFlowComponent {
           ui: {
             widget: 'select',
             placeholder: '请选择',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           },
           default: ''
         },
@@ -137,9 +107,6 @@ export class TransactionFlowComponent {
           ui: {
             widget: 'select',
             placeholder: '请选择',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           },
           default: ''
         },
@@ -155,9 +122,6 @@ export class TransactionFlowComponent {
           ui: {
             widget: 'select',
             placeholder: '请选择',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           },
           default: ''
         },
@@ -166,9 +130,6 @@ export class TransactionFlowComponent {
           title: '账户名称',
           ui: {
             placeholder: '请输入',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         },
         projectId: {
@@ -178,9 +139,6 @@ export class TransactionFlowComponent {
             widget: 'select',
             placeholder: '请选择',
             allowClear: true,
-            visibleIf: {
-              expand: (value: boolean) => value
-            },
             asyncData: () => this.service.getEnterpriseProject()
           },
           default: ''
@@ -196,9 +154,6 @@ export class TransactionFlowComponent {
           ui: {
             widget: 'select',
             placeholder: '请选择',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           },
           default: ''
         },
@@ -209,9 +164,6 @@ export class TransactionFlowComponent {
             widget: 'select',
             placeholder: '请选择',
             allowClear: true,
-            visibleIf: {
-              expand: (value: boolean) => value
-            },
             asyncData: () => this.service.getNetworkFreightForwarder()
           },
           default: ''
@@ -225,8 +177,8 @@ export class TransactionFlowComponent {
       { title: '交易时间', index: 'createTime', width: 180 },
       { title: '流水号', index: 'transactionNumber', width: 180 },
       { title: '交易类型', index: 'tradeTypeLabel', width: 120 },
-      { title: '关联单号', index: 'businessNumber', width: 150 },
-      { title: '订单号', index: 'orderSn', width: 150 },
+      { title: '关联单号', index: 'businessNumber', width: 170 },
+      { title: '订单号', index: 'orderSn', width: 170 },
       { title: '账户类型', index: 'accountTypeLabel', width: 130 },
       { title: '账户名称', index: 'roleName', width: 180 },
       { title: '所属项目', index: 'projectName', width: 140 },