feat: 添加团队查看功能，整合团队成员表格及过滤器，支持根据推荐码查询团队信息

src/components/table/table-base.vue

@@ -25,6 +25,7 @@ const props = withDefaults(
       columns?: boolean;
     };
     filterColumns?: TableFilterColumns;
+    filterColumnsCount?: number;
     title?: string;
   }>(),
   {
@@ -124,7 +125,12 @@ defineExpose({} as Expose);
 
 <template>
   <div class="space-y-5">
-    <TableFilter v-if="filterColumns.length > 0" :columns="filterColumns" @confirm="handleSearch" />
+    <TableFilter
+      v-if="filterColumns.length > 0"
+      :columns="filterColumns"
+      :filter-columns-count="filterColumnsCount"
+      @confirm="handleSearch"
+    />
 
     <div class="rounded-lg bg-white p-5 space-y-5 dark:bg-container">
       <TableHeaderOperation
@@ -149,9 +155,10 @@ defineExpose({} as Expose);
         :data="tableData"
         :pagination="pagination"
         :bordered="false"
-        :on-update:page="handlePageChange"
-        :on-update:page-size="handlePageSizeChange"
+        :remote="true"
         v-bind="$attrs"
+        @update:page="handlePageChange"
+        @update:page-size="handlePageSizeChange"
       />
     </div>
   </div>

src/components/table/table-filter.vue

@@ -5,6 +5,7 @@ import type { TableFilterColumns } from '.';
 
 const props = defineProps<{
   columns?: TableFilterColumns;
+  filterColumnsCount?: number;
 }>();
 const emit = defineEmits<{
   (e: 'confirm', form: Record<string, any>): void;
@@ -33,8 +34,8 @@ function handleConfirm() {
 
 <template>
   <div class="rounded-lg bg-white p-5 dark:bg-container">
-    <NForm :label-width="80" label-align="left" label-placement="left">
-      <NGrid x-gap="20" :cols="4">
+    <NForm :label-width="80" label-align="left" label-placement="left" :show-feedback="false">
+      <NGrid x-gap="20" :cols="filterColumnsCount || 4">
         <NGi v-for="col in columns" :key="col.key">
           <NFormItem :label="col.title" :path="col.key">
             <component