UI

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

@@ -3,29 +3,39 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
 import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
 import { ModalHelper } from '@delon/theme';
-import { DynamicSettingModalComponent } from '@shared';
+import { DynamicSettingModalComponent, SearchDrawerService } from '@shared';
 import { NzModalService } from 'ng-zorro-antd/modal';
+import { BasicTableComponent } from 'src/app/routes/commom';
 import { UsermanageService } from '../../../services/usercenter.service';
 import { CtcCaptatinAddComponent } from './add/add.component';
 @Component({
   selector: 'app-usercenter-components-driver-captain',
   templateUrl: './captain.component.html',
-  styleUrls: ['./captain.component.less']
+  styleUrls: ['../../../../commom/less/commom-table.less']
 })
-export class UserCenterComponentsDriverCaptainComponent implements OnInit {
-  _$expand = false;
-
-  ui: SFUISchema = { '*': { spanLabelFixed: 120, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } };
+export class UserCenterComponentsDriverCaptainComponent 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;
   promotersTelephone = '';
 
-  constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute, private modalHelper: ModalHelper,) {}
+  constructor(
+    public service: UsermanageService,
+    private modal: NzModalService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    private modalHelper: ModalHelper,
+    public searchDrawerService: SearchDrawerService
+  ) {
+    super(searchDrawerService);
+  }
+
+  search() {
+    this.st?.load(1);
+  }
 
   /**
    * 查询参数
@@ -98,22 +108,9 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
     });
   }
 
-  expandToggle() {
-    this._$expand = !this._$expand;
-    this.sf?.setValue('/expand', this._$expand);
-  }
-
-  /**
-   * 重置表单
-   */
-  resetSF() {
-    this.sf.reset();
-    this._$expand = false;
-  }
-
   exportList() {
     const params = this.reqParams;
-    this.service.downloadFile(this.service.$api_export_driver_cap, {...params,  pageSize: -1});
+    this.service.downloadFile(this.service.$api_export_driver_cap, { ...params, pageSize: -1 });
   }
 
   private initSF(): SFSchema {
@@ -146,10 +143,7 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
           type: 'string',
           maxLength: 11,
           ui: {
-            placeholder: '请输入',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
+            placeholder: '请输入'
           }
         },
         identityStatus: {
@@ -163,10 +157,7 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
           ],
           default: '',
           ui: {
-            widget: 'select',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
+            widget: 'select'
           }
         },
         source: {
@@ -176,14 +167,11 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
             { label: '全部', value: '' },
             { label: '用户注册', value: 1 },
             { label: '货主添加', value: 2 },
-            { label: '运营添加', value: 3 },
+            { label: '运营添加', value: 3 }
           ],
           default: '',
           ui: {
-            widget: 'select',
-            visibleIf: {
-              expand: (value: boolean) => value
-            }
+            widget: 'select'
           }
         }
       }
@@ -209,7 +197,7 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
         }
       },
       { title: '推广业务员', className: 'text-center', render: 'promotersTelephone' },
-      { title: '注册渠道', className: 'text-center', index: 'source', type: 'enum', enum: { 1: '用户注册', 2: '货主添加' , 3: '运营添加'} },
+      { title: '注册渠道', className: 'text-center', index: 'source', type: 'enum', enum: { 1: '用户注册', 2: '货主添加', 3: '运营添加' } },
       { title: '注册时间', className: 'text-center', index: 'createTime' },
       {
         title: '操作',
@@ -222,7 +210,7 @@ export class UserCenterComponentsDriverCaptainComponent implements OnInit {
               this.router.navigate(['/usercenter/driver/captain/detail', item.appUserId]);
             },
             acl: { ability: ['USERCENTER-DRIVER-CAPTAIN-view'] }
-          },
+          }
           // {
           //   text: '基础设置',
           //   click: item => this.settingAction(item),