UI

src/app/routes/usercenter/components/freight/user/user.component.ts

@@ -2,20 +2,19 @@ import { Component, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { STColumn, STColumnBadge, STComponent, STData, STRequestOptions } from '@delon/abc/st';
 import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { SearchDrawerService } from '@shared';
 import { NzModalService } from 'ng-zorro-antd/modal';
+import { BasicTableComponent } from 'src/app/routes/commom';
 import { UsermanageService } from '../../../services/usercenter.service';
 @Component({
   selector: 'app-Freight-components-user',
-  styleUrls: ['./user.component.less'],
+  styleUrls: ['../../../../commom/less/commom-table.less'],
   templateUrl: './user.component.html'
 })
-export class FreightComponentsUserComponent implements OnInit {
-  _$expand = false;
-  ui: SFUISchema = { '*': { spanLabelFixed: 120, grid: { lg: 8, md: 12, sm: 12, xs: 24 }, enter: () => this.st.load() } };
+export class FreightComponentsUserComponent extends BasicTableComponent implements OnInit {
   schema: SFSchema = this.initSF();
   columns: STColumn[] = this.initST();
   @ViewChild('st', { static: false }) st!: STComponent;
-  @ViewChild('sf', { static: false }) sf!: SFComponent;
 
   @ViewChild('promoterModal', { static: false })
   promoterModal!: any;
@@ -23,7 +22,16 @@ export class FreightComponentsUserComponent implements OnInit {
 
   resourceStatus: any = 0;
 
-  constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute) {}
+  constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute,
+    public searchDrawerService: SearchDrawerService
+  ) {
+    super(searchDrawerService);
+  }
+
+  search() {
+    this.st?.load(1);
+  }
+
 
   ngOnInit() {
     this.ar.url.subscribe(params => {
@@ -106,19 +114,6 @@ export class FreightComponentsUserComponent implements OnInit {
     });
   }
 
-  expandToggle() {
-    this._$expand = !this._$expand;
-    this.sf?.setValue('/expand', this._$expand);
-  }
-
-  /**
-   * 重置表单
-   */
-  resetSF() {
-    this.sf.reset();
-    this._$expand = false;
-  }
-
   private initSF(): SFSchema {
     return {
       properties: {
@@ -163,9 +158,6 @@ export class FreightComponentsUserComponent implements OnInit {
           default: '',
           ui: {
             widget: 'select',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         },
         promotersTelephone: {
@@ -174,9 +166,6 @@ export class FreightComponentsUserComponent implements OnInit {
           maxLength: 11,
           ui: {
             placeholder: '请输入手机号',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           }
         },
         effectiveDate: {
@@ -186,9 +175,6 @@ export class FreightComponentsUserComponent implements OnInit {
             widget: 'date',
             mode: 'range',
             format: 'yyyy-MM-dd',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
           } as SFDateWidgetSchema
         }
       }