diff --git a/packages/toolkits/pro/template/server/nestJs/src/user/user.controller.ts b/packages/toolkits/pro/template/server/nestJs/src/user/user.controller.ts
index 1736a1b5..f13aec44 100644
--- a/packages/toolkits/pro/template/server/nestJs/src/user/user.controller.ts
+++ b/packages/toolkits/pro/template/server/nestJs/src/user/user.controller.ts
@@ -1,11 +1,15 @@
 import {
   Body,
   Controller,
+  DefaultValuePipe,
   Delete,
   Get,
   HttpException,
   HttpStatus,
   Param,
+  ParseArrayPipe,
+  ParseEnumPipe,
+  ParseIntPipe,
   Patch,
   Post,
   Put,
@@ -57,8 +61,13 @@ export class UserController {
   }
   @Get()
   @Permission('user::query')
-  async getAllUser(@Query() paginationQuery: PaginationQueryDto) {
-    return this.userService.getAllUser(paginationQuery);
+  async getAllUser(
+    @Query() paginationQuery: PaginationQueryDto,
+    @Query('name') name?: string,
+    @Query('role', new DefaultValuePipe([]), ParseArrayPipe) role?: number[],
+    @Query('email') email?: string
+  ) {
+    return this.userService.getAllUser(paginationQuery, name, role, email);
   }
 
   @Patch('/admin/updatePwd')
diff --git a/packages/toolkits/pro/template/server/nestJs/src/user/user.service.ts b/packages/toolkits/pro/template/server/nestJs/src/user/user.service.ts
index 23eec02c..cd0bf313 100644
--- a/packages/toolkits/pro/template/server/nestJs/src/user/user.service.ts
+++ b/packages/toolkits/pro/template/server/nestJs/src/user/user.service.ts
@@ -6,7 +6,7 @@ import { UpdatePwdAdminDto } from './dto/update-pwd-admin.dto';
 import { UpdatePwdUserDto } from './dto/update-pwd-user.dto';
 import { InjectRepository } from '@nestjs/typeorm';
 import { Role, User } from '@app/models';
-import { In, Repository } from 'typeorm';
+import { In, Like, Repository } from 'typeorm';
 import * as crypto from 'crypto';
 import { AuthService } from '../auth/auth.service';
 import { paginate, IPaginationOptions } from 'nestjs-typeorm-paginate';
@@ -84,7 +84,12 @@ export class UserService {
   }
 
   //获取所有用户信息
-  async getAllUser(paginationQuery: PaginationQueryDto): Promise<any> {
+  async getAllUser(
+    paginationQuery: PaginationQueryDto,
+    name?: string,
+    role?: number[],
+    email?: string
+  ): Promise<any> {
     const { page, limit } = paginationQuery; // 从DTO获取分页参数
     const relations = ['role', 'role.permission'];
     const result = await paginate<User>(
@@ -109,6 +114,16 @@ export class UserService {
           'status',
         ],
         relations,
+        where: {
+          name: name ? Like(name) : undefined,
+          role:
+            role && role.length
+              ? {
+                  id: In(role),
+                }
+              : undefined,
+          email: email ? Like(email) : undefined,
+        },
       }
     );
     for (const user of result.items) {
diff --git a/packages/toolkits/pro/template/tinyvue/src/api/user.ts b/packages/toolkits/pro/template/tinyvue/src/api/user.ts
index 92c038bb..c105d5f7 100644
--- a/packages/toolkits/pro/template/tinyvue/src/api/user.ts
+++ b/packages/toolkits/pro/template/tinyvue/src/api/user.ts
@@ -1,5 +1,6 @@
 import axios from 'axios';
 import { UserInfo } from '@/store/modules/user/types';
+import { FilterType } from '@/types/global';
 
 export interface LoginData {
   email: string;
@@ -50,8 +51,25 @@ export function logout(data: LogoutData) {
 }
 
 // 获取全部用户
-export function getAllUser(page?: number, limit?: number) {
-  return axios.get<UserInfo>(`/api/user?page=${page}&limit=${limit}`);
+export function getAllUser(page?: number, limit?: number, filter?: FilterType) {
+  const keys = Object.keys(filter ?? {});
+  const params = new URLSearchParams();
+  params.set('page', page.toString());
+  params.set('limit', limit.toString());
+  for (let i = 0; i < keys.length; i += 1) {
+    const key = keys[i];
+    const value = filter[key];
+    if (value.type === 'enum') {
+      if (Array.isArray(value.value) && value.value.length) {
+        params.set(key, value.value.toString());
+      }
+    }
+    if (value.type === 'input' && !Array.isArray(value.value)) {
+      let sql = `${value.value.relation === 'startwith' || value.value.relation === 'contains' ? '%' : ''}${value.value.text}${value.value.relation === 'contains' ? '%' : ''}`;
+      params.set(key, sql);
+    }
+  }
+  return axios.get<UserInfo>(`/api/user?${params.toString()}`);
 }
 
 // 获取单个用户
diff --git a/packages/toolkits/pro/template/tinyvue/src/types/global.ts b/packages/toolkits/pro/template/tinyvue/src/types/global.ts
index ae6ca9ed..234bf38b 100644
--- a/packages/toolkits/pro/template/tinyvue/src/types/global.ts
+++ b/packages/toolkits/pro/template/tinyvue/src/types/global.ts
@@ -1,3 +1,15 @@
+export type FilterType = {
+  [key: string]: {
+    type: string;
+    value:
+      | {
+          text: string;
+          relation: string;
+        }
+      | number[];
+  };
+};
+
 export interface AnyObject {
   [key: string]: unknown;
 }
diff --git a/packages/toolkits/pro/template/tinyvue/src/utils/hwcClient.service.ts b/packages/toolkits/pro/template/tinyvue/src/utils/hwcClient.service.ts
index d32389f4..2a53b7c3 100644
--- a/packages/toolkits/pro/template/tinyvue/src/utils/hwcClient.service.ts
+++ b/packages/toolkits/pro/template/tinyvue/src/utils/hwcClient.service.ts
@@ -4,18 +4,21 @@ import BaseUtils from '@/utils/base-utils';
 
 export class HwcClientService {
   static async apiRequest(fnName: string, params: any, apigInfo: ApigInfo) {
-    try {
-      const response = await HwcClient.apigClient.exec(
-        apigInfo.apigGroupName,
-        apigInfo.apigName,
-        {
-          query: { fn_name: fnName },
-          body: JSON.stringify(params),
+    return HwcClient.apigClient
+      .exec(apigInfo.apigGroupName, apigInfo.apigName, {
+        query: { fn_name: fnName },
+        body: JSON.stringify(params),
+      })
+      .then((rep) => {
+        if (rep.ok) {
+          return rep;
         }
-      );
-      return await response?.json();
-    } catch (error) {
-      return BaseUtils.getErrorMessage(error);
-    }
+        throw new Error();
+      })
+      .then((rep) => rep.json())
+      .then((rep) => (rep.error_code ? { data: [] } : rep))
+      .catch((err) => {
+        return { data: [] };
+      });
   }
 }
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/index.vue
index a95ce6d1..50c989c6 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/cloud/contracts/index.vue
@@ -1,107 +1,4 @@
-<template>
-  <Breadcrumb :items="['menu.cloud', 'menu.cloud.contracts']" />
-  <div class="container-contracts">
-    <div class="contracts-card">
-      <tiny-grid
-        v-if="update"
-        :ref="taskGrid"
-        :fetch-data="fetchDataOption"
-        :auto-load="true"
-        :pager="pagerConfig"
-        :loading="loading"
-        size="medium"
-        :auto-resize="true"
-      >
-        <template #toolbar>
-          <tiny-grid-toolbar>
-            <template #buttons="slotScope">
-              <div class="btn">
-                <span>{{ $t('menu.cloud.contracts') }}</span>
-                <tiny-button
-                  type="primary"
-                  @click="disTheme('create', slotScope.row)"
-                  >{{ $t('menu.cloud.create') }}</tiny-button
-                >
-              </div>
-            </template>
-          </tiny-grid-toolbar>
-        </template>
-
-        <tiny-grid-column type="index" width="40"></tiny-grid-column>
-        <tiny-grid-column
-          field="name"
-          :title="$t('menu.cloud.name')"
-          align="center"
-          sortable
-        ></tiny-grid-column>
-        <tiny-grid-column
-          field="id"
-          :title="$t('menu.cloud.id')"
-          align="center"
-        ></tiny-grid-column>
-        <tiny-grid-column
-          field="customer"
-          :title="$t('menu.cloud.customer')"
-          align="center"
-        ></tiny-grid-column>
-        <tiny-grid-column
-          field="description"
-          :title="$t('menu.cloud.description')"
-          align="center"
-        ></tiny-grid-column>
-        <tiny-grid-column
-          field="updatedAt"
-          :title="$t('menu.cloud.updatedAt')"
-          align="center"
-          sortable
-        ></tiny-grid-column>
-        <tiny-grid-column
-          :title="$t('searchTable.columns.operations')"
-          align="center"
-        >
-          <template #default="slotScope">
-            <span class="operation">
-              <a @click="disTheme('edit', slotScope.row)">
-                {{ $t('menu.cloud.editOpa') }}
-              </a>
-              &nbsp;
-              <a @click="disTheme('deletes', slotScope.row)">
-                {{ $t('menu.cloud.editDel') }}
-              </a>
-            </span>
-          </template>
-        </tiny-grid-column>
-      </tiny-grid>
-    </div>
-  </div>
-  <div v-if="display">
-    <tiny-modal
-      v-model="display"
-      :lock-scroll="false"
-      :show-header="false"
-      :show-footer="false"
-      type="confirm"
-      mask-closable="true"
-      :height="modalHeight"
-      width="589"
-      @confirm="confirmClick"
-      @close="closeClick"
-    >
-      <template #default>
-        <component
-          :is="title"
-          ref="content"
-          :init="init"
-          @myclick="confirmClick"
-          @mycancel="closeClick"
-        ></component>
-      </template>
-    </tiny-modal>
-  </div>
-</template>
-
 <script lang="ts" setup>
-  import { ref, reactive, toRefs } from 'vue';
   import {
     Grid as TinyGrid,
     GridColumn as TinyGridColumn,
@@ -110,94 +7,93 @@
     Pager as TinyPager,
     Modal as tinyModal,
   } from '@opentiny/vue';
-  import { sortTime } from '@/utils/time';
+  import useLoading from '@/hooks/loading';
+  import generalLayout from '@/layout/general-layout.vue';
   import { ApigInfo } from '@/types/global';
   import { HwcClientService } from '@/utils/hwcClient.service';
+  import { sortTime } from '@/utils/time';
+  import { reactive, ref } from 'vue';
   import edit from './components/edit/index.vue';
   import create from './components/create/index.vue';
   import deletes from './components/delete/index.vue';
 
-  // 初始化请求数据
-  interface FilterOptions {
-    id: string;
-    name: string;
-    description: string;
-    customer: string;
-    updatedAt: string;
-  }
-
-  // 加载效果
-  const state = reactive<{
-    loading: boolean;
-    filterOptions: FilterOptions;
-  }>({
-    loading: false,
-    filterOptions: {} as FilterOptions,
-  });
-
-  const pagerConfig = reactive({
-    component: TinyPager,
-    attrs: {
-      currentPage: 1,
-      pageSize: 10,
-      pageSizes: [10, 20],
-      total: 10,
-      layout: 'total, prev, pager, next, jumper, sizes',
-    },
-  });
-
-  const update = ref(true);
-  const { loading } = toRefs(state);
+  const contractApigInfo: ApigInfo = {
+    apigName: 'apig_contract',
+    apigGroupName: 'group_contract',
+  };
+  const { loading, setLoading } = useLoading();
+  const tableData = ref<any[]>();
   const display = ref(false);
   const title = ref();
   const choose = ref('');
-  const content = ref();
   const init = ref();
   const taskGrid = ref();
   const table = ref();
+  const content = ref();
   const modalHeight = ref('536');
+  const update = ref(true);
 
-  const contractApigInfo: ApigInfo = {
-    apigName: 'apig_contract',
-    apigGroupName: 'group_contract',
-  };
-
-  // 获取初始数据
-  async function getContractsData(params: { query: string; field: string }) {
-    const result = await HwcClientService.apiRequest(
-      'getContracts',
-      params,
-      contractApigInfo
-    );
-
-    return result?.data;
-  }
-
-  // 请求数据接口方法
-  async function fetchData(params: {
+  const fetchData = async (params: {
     pageIndex: number;
     pageSize: number;
     query: string;
     field: string;
-  }) {
-    state.loading = true;
+  }) => {
+    setLoading(true);
     try {
-      table.value = await getContractsData(params);
+      const val = await getContractsData(params);
+      tableData.value = val;
       let offset = (params.pageIndex - 1) * params.pageSize;
-      const data = table.value.sort(sortTime('updatedAt') as any);
+      const data = tableData.value.sort(sortTime('updateAt'));
       return {
         result: data.slice(offset, offset + params.pageSize),
         page: {
-          total: table.value.length,
+          total: tableData.value.length,
         },
       };
     } finally {
-      update.value = true;
-      state.loading = false;
+      setLoading(false);
     }
-  }
+  };
 
-  // 删除合同
+  const getContractsData = async (params: { query: string; field: string }) => {
+    try {
+      const val = await HwcClientService.apiRequest(
+        'getContracts',
+        params,
+        contractApigInfo,
+      );
+      return val.data;
+    } catch {
+      return [];
+    }
+  };
+
+  const disTheme = (item: string, data: any) => {
+    init.value = data;
+    choose.value = item;
+    display.value = !display.value;
+    if (item === 'edit') {
+      title.value = edit;
+      modalHeight.value = '536';
+    } else if (item === 'deletes') {
+      title.value = deletes;
+      modalHeight.value = '369';
+    } else {
+      title.value = create;
+      modalHeight.value = '536';
+    }
+  };
+  const pagerConfig = reactive({
+    component: TinyPager,
+    attrs: {
+      currentPage: 1,
+      pageSize: 10,
+      pageSizes: [10, 20],
+      total: 10,
+      layout: 'total, prev, pager, next, jumper, sizes',
+    },
+  });
   async function delContracts(params: { id: string }) {
     return HwcClientService.apiRequest('delContract', params, contractApigInfo);
   }
@@ -212,7 +108,7 @@
     return HwcClientService.apiRequest(
       'editContract',
       params,
-      contractApigInfo
+      contractApigInfo,
     );
   }
 
@@ -224,36 +120,6 @@
   }) {
     return HwcClientService.apiRequest('addContract', params, contractApigInfo);
   }
-
-  const fetchDataOption = reactive({
-    api: ({ page }: any) => {
-      const { currentPage, pageSize } = page;
-      return fetchData({
-        pageIndex: currentPage,
-        pageSize,
-        query: '',
-        field: 'name',
-      });
-    },
-  });
-
-  const disTheme = (item: string, data: any) => {
-    init.value = data;
-    choose.value = item;
-    display.value = !display.value;
-    if (item === 'edit') {
-      title.value = edit;
-      modalHeight.value = '536';
-    } else if (item === 'deletes') {
-      title.value = deletes;
-      modalHeight.value = '369';
-    } else {
-      title.value = create;
-      modalHeight.value = '536';
-    }
-  };
-
-  // 确认提交
   async function confirmClick() {
     display.value = false;
     update.value = false;
@@ -305,21 +171,117 @@
   const closeClick = () => {
     display.value = false;
   };
+  const fetchDataOption = reactive({
+    api: ({ page }: any) => {
+      const { currentPage, pageSize } = page;
+      const data = fetchData({
+        pageIndex: currentPage,
+        pageSize,
+        query: '',
+        field: 'name',
+      });
+      return data;
+    },
+  });
 </script>
 
-<style scoped lang="less">
-
-  .container-contracts {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 100%;
-    height: calc(100% - 60px);
-    margin: 0 auto;
-    overflow: hidden;
-  }
+<template>
+  <general-layout :breadcrumb="['menu.cloud', 'menu.cloud.contracts']">
+    <tiny-grid
+      :ref="taskGrid"
+      :fetch-data="fetchDataOption"
+      :auto-load="true"
+      :pager="pagerConfig"
+      :loading="loading"
+      size="medium"
+      :auto-resize="true"
+    >
+      <template #toolbar>
+        <tiny-grid-toolbar>
+          <template #buttons="slotScope">
+            <div class="btn">
+              <tiny-button
+                type="primary"
+                @click="disTheme('create', slotScope.row)"
+                >{{ $t('menu.cloud.create') }}</tiny-button
+              >
+            </div>
+          </template>
+        </tiny-grid-toolbar>
+      </template>
+      <tiny-grid-column type="index" width="40"></tiny-grid-column>
+      <tiny-grid-column
+        field="name"
+        :title="$t('menu.cloud.name')"
+        align="center"
+        sortable
+      ></tiny-grid-column>
+      <tiny-grid-column
+        field="id"
+        :title="$t('menu.cloud.id')"
+        align="center"
+      ></tiny-grid-column>
+      <tiny-grid-column
+        field="customer"
+        :title="$t('menu.cloud.customer')"
+        align="center"
+      ></tiny-grid-column>
+      <tiny-grid-column
+        field="description"
+        :title="$t('menu.cloud.description')"
+        align="center"
+      ></tiny-grid-column>
+      <tiny-grid-column
+        field="updatedAt"
+        :title="$t('menu.cloud.updatedAt')"
+        align="center"
+        sortable
+      ></tiny-grid-column>
+      <tiny-grid-column
+        :title="$t('searchTable.columns.operations')"
+        align="center"
+      >
+        <template #default="slotScope">
+          <span class="operation">
+            <a @click="disTheme('edit', slotScope.row)">
+              {{ $t('menu.cloud.editOpa') }}
+            </a>
+            &nbsp;
+            <a @click="disTheme('deletes', slotScope.row)">
+              {{ $t('menu.cloud.editDel') }}
+            </a>
+          </span>
+        </template>
+      </tiny-grid-column>
+    </tiny-grid>
+    <div v-if="display">
+      <tiny-modal
+        v-model="display"
+        :lock-scroll="false"
+        :show-header="false"
+        :show-footer="false"
+        type="confirm"
+        mask-closable="true"
+        :height="modalHeight"
+        width="589"
+        @confirm="confirmClick"
+        @close="closeClick"
+      >
+        <template #default>
+          <component
+            :is="title"
+            ref="content"
+            :init="init"
+            @myclick="confirmClick"
+            @mycancel="closeClick"
+          ></component>
+        </template>
+      </tiny-modal>
+    </div>
+  </general-layout>
+</template>
 
-  // 覆盖组件样式 满足设计图
+<style scoped lang="less">
   :deep(.tiny-grid-button__wrapper) {
     width: 100%;
   }
@@ -334,32 +296,11 @@
     box-shadow: 0 0 30px 15px rgba(37, 43, 58, 0.3);
   }
 
-  .contracts-card {
-    flex: 1 1 auto;
-    margin: 8px 10px;
-    padding: 0 30px;
-    overflow: auto;
-    background: #fff;
-    border-radius: 10px;
-    box-shadow: 0 0 8px 8px rgba(169, 174, 184, 0.05);
-  }
-
   .btn {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: space-around;
-    height: 100px;
-
-    span {
-      width: 56px;
-      height: 20px;
-      color: #202e54;
-      font-weight: normal;
-      font-size: 14px;
-      line-height: 20px;
-      text-align: left;
-    }
 
     button {
       display: block;
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/components/info-tab.vue b/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/components/info-tab.vue
index de6b9247..79298624 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/components/info-tab.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/components/info-tab.vue
@@ -15,6 +15,7 @@
           :fetch-data="fetchDataOption"
           :pager="pagerConfig"
           :auto-resize="true"
+          remote-filter
         >
           <tiny-grid-column type="index" width="60"></tiny-grid-column>
           <tiny-grid-column type="expand" width="60">
@@ -76,23 +77,31 @@
               </ul>
             </template>
           </tiny-grid-column>
-          <tiny-grid-column field="name" :title="$t('userInfo.table.id')">
+          <tiny-grid-column field="id" :title="$t('userInfo.table.id')">
             <template #default="data">
               <span>{{ $t(`${data.row.id}`) }}</span>
             </template>
           </tiny-grid-column>
-          <tiny-grid-column field="time" :title="$t('userInfo.table.name')">
+          <tiny-grid-column
+            field="name"
+            :filter="inputFilter"
+            :title="$t('userInfo.table.name')"
+          >
             <template #default="data">
               <span>{{ $t(`${data.row.name}`) }}</span>
             </template>
           </tiny-grid-column>
-          <tiny-grid-column field="type" :title="$t('userInfo.table.email')">
+          <tiny-grid-column
+            field="email"
+            :filter="inputFilter"
+            :title="$t('userInfo.table.email')"
+          >
             <template #default="data">
               <span>{{ $t(`${data.row.email}`) }}</span>
             </template>
           </tiny-grid-column>
           <tiny-grid-column
-            field="type"
+            field="department"
             :title="$t('userInfo.table.department')"
           >
             <template #default="data">
@@ -102,7 +111,7 @@
             </template>
           </tiny-grid-column>
           <tiny-grid-column
-            field="type"
+            field="employeeType"
             :title="$t('userInfo.table.employeeType')"
           >
             <template #default="data">
@@ -111,13 +120,17 @@
               }}</span>
             </template>
           </tiny-grid-column>
-          <tiny-grid-column field="type" :title="$t('userInfo.table.job')">
+          <tiny-grid-column
+            field="role"
+            :filter="jobFilter"
+            :title="$t('userInfo.table.job')"
+          >
             <template #default="data">
               <span>{{ $t(`${data.row.role[0]?.name}`) }}</span>
             </template>
           </tiny-grid-column>
           <tiny-grid-column
-            field="type"
+            field="probationStart"
             :title="$t('userInfo.table.probationStart')"
           >
             <template #default="data">
@@ -127,7 +140,7 @@
             </template>
           </tiny-grid-column>
           <tiny-grid-column
-            field="type"
+            field="probationEnd"
             :title="$t('userInfo.table.probationEnd')"
           >
             <template #default="data">
@@ -137,7 +150,7 @@
             </template>
           </tiny-grid-column>
           <tiny-grid-column
-            field="type"
+            field="probationDuration"
             :title="$t('userInfo.table.probationDuration')"
           >
             <template #default="data">
@@ -148,7 +161,7 @@
             </template>
           </tiny-grid-column>
           <tiny-grid-column
-            field="type"
+            field="protocolStart"
             :title="$t('userInfo.table.protocolStart')"
           >
             <template #default="data">
@@ -158,7 +171,7 @@
             </template>
           </tiny-grid-column>
           <tiny-grid-column
-            field="type"
+            field="protocolEnd"
             :title="$t('userInfo.table.protocolEnd')"
           >
             <template #default="data">
@@ -167,14 +180,17 @@
               }}</span>
             </template>
           </tiny-grid-column>
-          <tiny-grid-column field="type" :title="$t('userInfo.table.address')">
+          <tiny-grid-column
+            field="address"
+            :title="$t('userInfo.table.address')"
+          >
             <template #default="data">
               <span v-if="data.row.address !== null">{{
                 $t(`${data.row.address}`)
               }}</span>
             </template>
           </tiny-grid-column>
-          <tiny-grid-column field="type" :title="$t('userInfo.table.status')">
+          <tiny-grid-column field="status" :title="$t('userInfo.table.status')">
             <template #default="data">
               <div v-if="data.row.status == 1">
                 <img
@@ -343,6 +359,8 @@
   import { useUserStore } from '@/store';
   import { getAllUser, deleteUser, updatePwdAdmin } from '@/api/user';
   import { useRouter } from 'vue-router';
+  import { getAllRole } from '@/api/role';
+  import { FilterType } from '@/types/global';
   import UserAdd from '../../useradd/index.vue';
   import UserSetting from '../../setting/index.vue';
 
@@ -373,6 +391,21 @@
   // 变量设置
   const userStore = useUserStore();
 
+  const inputFilter = {
+    inputFilter: true,
+  };
+
+  const jobFilter = ref({
+    multi: true,
+    enumable: true,
+    values: (await getAllRole()).data.map((item) => {
+      return {
+        label: item.name,
+        value: item.id,
+      };
+    }),
+  });
+
   const pagerConfig = reactive({
     component: TinyPager,
     attrs: {
@@ -397,7 +430,10 @@
   });
 
   // 请求数据接口方法
-  const fetchData = async (params: { pageIndex: 1; pageSize: 10 }) => {
+  const fetchData = async (
+    params: { pageIndex: 1; pageSize: 10 },
+    filters: FilterType,
+  ) => {
     userStore.setInfo({ reset: false, submit: false });
     state.loading = Loading.service({
       text: 'loading...',
@@ -405,7 +441,11 @@
       background: 'rgba(0, 0, 0, 0.7)',
     });
     try {
-      const { data } = await getAllUser(params.pageIndex, params.pageSize);
+      const { data } = await getAllUser(
+        params.pageIndex,
+        params.pageSize,
+        filters,
+      );
       const total = data.meta.totalItems;
       return {
         result: data.items,
@@ -417,13 +457,17 @@
   };
 
   const fetchDataOption = reactive({
-    api: ({ page }: any) => {
+    api: ({ page, filters }: any) => {
       const { currentPage, pageSize } = page;
-      return fetchData({
-        pageIndex: currentPage,
-        pageSize,
-      });
+      return fetchData(
+        {
+          pageIndex: currentPage,
+          pageSize,
+        },
+        filters,
+      );
     },
+    filter: true,
   });
 
   const onUpdateCancel = () => {
diff --git a/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/index.vue b/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/index.vue
index 5d1e852e..d943d1f4 100644
--- a/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/index.vue
+++ b/packages/toolkits/pro/template/tinyvue/src/views/userManager/info/index.vue
@@ -5,6 +5,8 @@
 
 <template>
   <general-layout :breadcrumb="['menu.systemManager', 'menu.userManager.info']">
-    <info-tab />
+    <suspense>
+      <info-tab />
+    </suspense>
   </general-layout>
 </template>