UI

src/app/routes/tax-management/components/individual-income/individual-income.component.ts

@@ -1,22 +1,18 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
 import { STChange, STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
-import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
-import { ShipperBaseService } from '@shared';
-import { NzModalService } from 'ng-zorro-antd/modal';
+import { SFDateWidgetSchema } from '@delon/form';
+import { SearchDrawerService } from '@shared';
+import { BasicTableComponent } from 'src/app/routes/commom';
 import { TaxManagementService } from '../../services/tax-management.service';
 
 @Component({
   selector: 'app-tax-management-individual-income',
   templateUrl: './individual-income.component.html',
-  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+  styleUrls: ['../../../commom/less/commom-table.less']
 })
-export class TaxManagementIndividualIncomeComponent implements OnInit {
-  _$expand = false;
-  schema!: SFSchema;
+export class TaxManagementIndividualIncomeComponent extends BasicTableComponent implements OnInit {
   columns!: STColumn[];
   @ViewChild('st', { static: false }) st!: STComponent;
-  @ViewChild('sf', { static: false }) sf!: SFComponent;
   isLoading: boolean = false;
   tabs: any[] = [
     { name: '待申报', value: '0' },
@@ -30,7 +26,9 @@ export class TaxManagementIndividualIncomeComponent implements OnInit {
 
   selectedRows: any[] = [];
 
-  constructor(public service: TaxManagementService) {}
+  constructor(public service: TaxManagementService, public searchDrawerService: SearchDrawerService) {
+    super(searchDrawerService);
+  }
 
   beforeReq = (requestOptions: STRequestOptions) => {
     Object.assign(requestOptions.body, { declareStatus: this.selectedIndex });
@@ -50,22 +48,6 @@ export class TaxManagementIndividualIncomeComponent implements OnInit {
     }
   }
 
-  /**
-   * 伸缩查询条件
-   */
-  expandToggle() {
-    this._$expand = !this._$expand;
-    this.sf?.setValue('/_$expand', this._$expand);
-  }
-
-  /**
-   * 重置表单
-   */
-  resetSF() {
-    this.sf.reset();
-    this._$expand = false;
-    this.isLoading = true;
-  }
   /**
    * 程序初始化入口
    */
@@ -80,7 +62,6 @@ export class TaxManagementIndividualIncomeComponent implements OnInit {
   initSF() {
     this.schema = {
       properties: {
-        _$expand: { type: 'boolean', ui: { hidden: true } },
         driverName: { title: '司机姓名', type: 'string', ui: { placeholder: '请输入' } },
         telephone: {
           type: 'string',
@@ -140,10 +121,7 @@ export class TaxManagementIndividualIncomeComponent implements OnInit {
           ui: {
             placeholder: '请选择',
             widget: 'select',
-            containsAllLabel: true,
-            visibleIf: {
-              _$expand: (value: boolean) => value
-            }
+            containsAllLabel: true
           },
           default: ''
         },
@@ -153,10 +131,7 @@ export class TaxManagementIndividualIncomeComponent implements OnInit {
           ui: {
             widget: 'sl-from-to',
             type: 'date',
-            format: 'yyyy-MM-dd',
-            visibleIf: {
-              _$expand: (value: boolean) => value
-            }
+            format: 'yyyy-MM-dd'
           } as SFDateWidgetSchema
         },
         declareDate: {
@@ -165,10 +140,7 @@ export class TaxManagementIndividualIncomeComponent implements OnInit {
           ui: {
             widget: 'sl-from-to',
             type: 'date',
-            format: 'yyyy-MM-dd',
-            visibleIf: {
-              _$expand: (value: boolean) => value
-            }
+            format: 'yyyy-MM-dd'
           } as SFDateWidgetSchema
         },
         ltdId: {
@@ -178,9 +150,6 @@ export class TaxManagementIndividualIncomeComponent implements OnInit {
             widget: 'select',
             placeholder: '请选择',
             allowClear: true,
-            visibleIf: {
-              _$expand: (value: boolean) => value
-            },
             asyncData: () => this.service.getNetworkFreightForwarder()
           }
         }