很重要-筛选带上默认查询参数

src/app/pages/service-register-config/service-register-config.component.ts

@@ -28,8 +28,11 @@ export class ServiceRegisterConfigComponent implements AfterViewInit {
    headerButtons: StickyHeaderButton[] = [
      { title: '注册', name: 'register', icon: 'add', color: 'primary' },
      { title: '刷新', name: 'refresh', icon: 'refresh', color: 'accent' }
-   ];
-   //registering = false;
+    ];
+    //registering = false;
+    
+    // 外部查询条件预留字段（用于将来扩展）
+    externalFilters: any = {};
 
   ngAfterViewInit(): void {
     console.log('ServiceRegisterConfigComponent ngAfterViewInit');
@@ -61,46 +64,13 @@ export class ServiceRegisterConfigComponent implements AfterViewInit {
     this.tabulator = new Tabulator('#tabulator-table', {
      
       // 列定义 - 使用现有列配置
-      columns: [
-        { 
-          title: 'ID', 
-          field: 'id', 
-          sorter: 'number', 
-          headerFilter: 'input',
-          width: 80
-        },
-        { 
-          title: '配置名称', 
-          field: 'configName', 
-          sorter: 'string', 
-          headerFilter: 'input',
-          headerFilterFunc: 'like'
-        },
-        { 
-          title: '字段名', 
-          field: 'fieldName', 
-          sorter: 'string', 
-          headerFilter: 'input',
-          headerFilterFunc: 'like'
-        },
-        { 
-          title: '字段类型', 
-          field: 'fieldType', 
-          sorter: 'string', 
-          headerFilter: 'input',
-          headerFilterParams: {
-            values: ['string', 'number', 'boolean', 'array', 'object']
-          }
-        },
-        { 
-          title: '描述', 
-          field: 'fieldDesc', 
-          sorter: 'string', 
-          headerFilter: 'input',
-          headerFilterFunc: 'like',
-          width: 300
-        }
-      ],
+    columns: [
+      { title: 'ID', field: 'id', sorter: 'number', headerFilter: 'input', width: 220 },
+      { title: '配置名称', field: 'configName', sorter: 'string', headerFilter: 'input', headerFilterFunc: 'like',width: 110 },
+      { title: '字段名', field: 'fieldName', sorter: 'string', headerFilter: 'input', headerFilterFunc: 'like' ,width: 130},
+      { title: '字段类型', field: 'fieldType', sorter: 'string', headerFilter: 'input',width: 120, headerFilterParams: { values: ['string', 'number', 'boolean', 'array', 'object'] } },
+      { title: '描述', field: 'fieldDesc', sorter: 'string', headerFilter: 'input', headerFilterFunc: 'like' }
+    ],
       
       // 标准远程分页配置
       pagination: true,
@@ -121,44 +91,90 @@ export class ServiceRegisterConfigComponent implements AfterViewInit {
       },
       ajaxContentType: 'json',
       
-      // // 参数生成器，将Tabulator参数转换为后端期望格式
-      // ajaxParamsGenerator: (url: string, config: any, params: any) => {
-      //   console.log('Tabulator AJAX参数生成器被调用', { url, config });
-      //   console.log('原始params类型:', typeof params);
-      //   console.log('原始params完整结构:', params);
+      ajaxParams: function() {
+        // 获取调用时的上下文信息
+        const callTime = new Date().toISOString();
+        const stack = new Error().stack; // 获取调用堆栈
         
-      //   // 详细分析params对象
-      //   if (params) {
-      //     console.log('params所有键:', Object.keys(params));
-      //     console.log('page:', params.page);
-      //     console.log('size:', params.size);
-      //     console.log('sort类型:', typeof params.sort);
-      //     console.log('sort值:', params.sort);
-      //     console.log('filter类型:', typeof params.filter);
-      //     console.log('filter值:', params.filter);
-          
-      //     // 检查可能的别名
-      //     console.log('sorters存在?:', 'sorters' in params);
-      //     console.log('filters存在?:', 'filters' in params);
-      //   }
+        console.group("=== ajaxParams被调用 ===");
+        console.log("调用时间:", callTime);
+        console.log("当前页码:", this.getPage());
+        console.log("筛选条件:", this.getFilters(true));
+        console.log("排序条件:", this.getSorters());
+       // console.log("调用来源:", stack.split('\n')[2]?.trim() || "未知");
+        console.groupEnd();
         
-      //   // 处理params为undefined的情况
-      //   if (!params) {
-      //     params = {};
-      //   }
+        return {
+            page: this.getPage() || 1,
+            size: this.getPageSize() || 20,
+            filter: this.getFilters(true) || [],
+            sort: this.getSorters() || []
+        };
+    },
+      //       参数生成器，将Tabulator参数转换为后端期望格式
+      ajaxURLGenerator:function(url: string, config: any, params: any){
+      //ajaxParamsGenerator: (url: string, config: any, params: any) => {
+        console.log('=== Tabulator AJAX参数生成器被调用 ===');
+        console.log('请求URL:', url);
+        console.log('请求配置:', config);
+        console.log('原始params类型:', typeof params);
+        console.log('原始params完整结构:', JSON.stringify(params, null, 2));
         
-      //   // 构建请求参数，使用TabulatorMapper转换为后端期望格式
-      //   // Tabulator 6.x发送的是 sort/filter（单数），但后端期望 sorters/filters（复数）
-      //   const request = TabulatorMapper.buildServerRequest(
-      //     params.page || 1,
-      //     params.size || 20,
-      //     params.sorts || [],      // Tabulator使用单数'sort'
-      //     params.filters || []     // Tabulator使用单数'filter'
-      //   );
+        // 详细分析params对象
+        if (params) {
+          console.log('params所有键:', Object.keys(params));
+          console.log('page:', params.page);
+          console.log('size:', params.size);
+          console.log('sort类型:', typeof params.sort);
+          console.log('sort值:', params.sort);
+          console.log('filter类型:', typeof params.filter);
+          console.log('filter值:', params.filter);
+          
+          // 检查可能的别名
+          console.log('sorters存在?:', 'sorters' in params);
+          console.log('filters存在?:', 'filters' in params);
+          
+          // 检查是否有外部查询条件的预留字段
+          console.log('当前外部查询条件预留字段:', this.externalFilters || '未定义');
+        } else {
+          console.log('params为undefined或null');
+          params = {};
+        }
         
-      //   console.log('生成的请求参数:', request);
-      //   return request;
-      // },
+        // 构建请求参数，使用TabulatorMapper转换为后端期望格式
+        // Tabulator 6.x发送的是 sort/filter（单数），但后端期望 sorters/filters（复数）
+       // const request = TabulatorMapper.buildServerRequest(
+         // params.page || 1,
+          //params.size || 20,
+          //params.sorts || [],      // Tabulator使用单数'sort'
+          //params.filters || []     // Tabulator使用单数'filter'
+        //);
+        
+       // console.log('生成的请求参数:', JSON.stringify(request, null, 2));
+       
+         const fullUrl = url + '?params=' + encodeURIComponent(JSON.stringify(params));
+
+         console.log('完整URL:', fullUrl);
+          console.log('=== 参数生成器执行结束 ===');
+  
+        return fullUrl;
+    
+        // 返回完整的请求配置对象
+  // return {
+  //   method: 'POST',  // 使用POST方法
+  //   headers: {
+  //     'Content-Type': 'application/json',
+  //     'Authorization': 'Basic YWRtaW46MTIz',  // 你的认证信息
+  //     // 可以添加其他需要的headers
+  //   },
+  //   body: JSON.stringify({
+  //     filter: params.filter || [],  // 根据后端期望的字段名调整
+  //     page: params.page || 1,
+  //     size: params.size || 20,
+  //     sort: params.sorter || []     // 根据后端期望的字段名调整
+   //  })
+  //};
+      },
       
       // 响应处理，将后端响应转换为Tabulator期望格式
       // ajaxResponse: (url: string, params: any, response: any) => {