diff --git a/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-all.vue b/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-all.vue
index d7514c4d3c3..c88cf4ec1cd 100644
--- a/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-all.vue
+++ b/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-all.vue
@@ -1,23 +1,9 @@
 <template>
   <bk-loading class="manage" :loading="isLoading"  :zIndex="100">
     <div class="manage-search">
-      <div class="search-expired">
-        <p class="search-terms">{{ t('过期时间') }}</p>
-        <date-picker
-          v-model="searchExpiredAt"
-          :commonUseList="commonUseList"
-          @update:model-value="handleValueChange"
-        />
-      </div>
-      <bk-search-select
-        v-model="searchValue"
-        :data="searchData"
-        unique-select
-        class="multi-search"
-        value-behavior="need-key"
-        :placeholder="filterTips"
-        :get-menu-list="getMenuList"
-        @search="handleSearch(searchValue)"
+      <manage-search
+        ref="manageSearchRef"
+        @search-init="init"
       />
     </div>
     <div class="manage-article" v-if="memberList.length">
@@ -30,7 +16,7 @@
           :active-tab="activeTab"
           @refresh="refresh"
           @handle-click="asideClick"
-          @page-change="handleAsidePageChange"
+          @page-change="getAsidePageChange"
           @get-person-list="handleShowPerson"
           @remove-confirm="asideRemoveConfirm"
         />
@@ -372,8 +358,6 @@
 </template>
 
 <script setup name="ManageAll">
-import DatePicker from '@blueking/date-picker';
-import '@blueking/date-picker/vue3/vue3.css';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { Message } from 'bkui-vue';
@@ -386,6 +370,7 @@ import ProjectUserSelector from '@/components/project-user-selector';
 import NoPermission from '../no-enable-permission/no-permission.vue';
 import userGroupTable from "@/store/userGroupTable";
 import useManageAside from "@/store/manageAside";
+import manageSearch from "./manage-search.vue";
 import { storeToRefs } from 'pinia';
 import { batchOperateTypes, btnTexts, batchTitle, batchMassageText } from "@/utils/constants.js";
 
@@ -413,7 +398,6 @@ const rules = {
     { required: true, message: t('请输入移交人'), trigger: 'blur' },
   ],
 };
-const searchValue = ref([]);
 const inoperableCount = ref();
 const totalCount = ref();
 const renewalLoading = ref(false);
@@ -424,77 +408,9 @@ const loadingMap = {
   handover: handoverLoading,
   remove: removerLoading
 };
-const filterTips = computed(() => {
-  return searchData.value.map(item => item.name).join(' / ');
-});
-const searchData = computed(() => {
-  const data = [
-    {
-      name: t('用户'),
-      id: 'user',
-    },
-    {
-      name: t('组织架构'),
-      id: 'department',
-    },
-    {
-      name: t('用户组名称'),
-      id: 'groupName',
-    },
-  ]
-  return data.filter(data => {
-    return !searchValue.value.find(val => val.id === data.id)
-  })
-});
-const searchExpiredAt = ref([]);
-const expiredAtList = ref([])
-const searchGroup = computed(() => ({
-  searchValue: searchValue.value,
-  expiredAt: expiredAtList.value
-}));
-const commonUseList = ref([
-  {
-    id: ['now', 'now+24h'],
-    name: t('未来 X 小时', [24]),
-  },
-  {
-    id: ['now', 'now+7d'],
-    name: t('未来 X 天', [7]),
-  },
-  {
-    id: ['now', 'now+15d'],
-    name: t('未来 X 天', [15]),
-  },
-  {
-    id: ['now', 'now+30d'],
-    name: t('未来 X 天', [30]),
-  },
-  {
-    id: ['now', 'now+60d'],
-    name: t('未来 X 天', [60]),
-  },
-  {
-    id: ['now-24h', 'now'],
-    name: t('过去 X 小时', [24]),
-  },
-  {
-    id: ['now-7d', 'now'],
-    name: t('过去 X 天', [7]),
-  },
-  {
-    id: ['now-15d', 'now'],
-    name: t('过去 X 天', [15]),
-  },
-  {
-    id: ['now-30d', 'now'],
-    name: t('过去 X 天', [30]),
-  },
-  {
-    id: ['now-60d', 'now'],
-    name: t('过去 X 天', [60]),
-  },
-]);
+const searchGroup = ref();
 const manageAsideRef = ref(null);
+const manageSearchRef = ref(null);
 const groupTableStore = userGroupTable();
 const manageAsideStore = useManageAside();
 const operatorLoading = ref(false);
@@ -564,20 +480,8 @@ onMounted(() => {
 watch(projectId, () => {
   init(true);
 });
-watch(searchGroup, () => {
-  init(undefined, searchGroup.value);
-});
-function handleSearch (value) {
-  if(!value.length) return;
-  searchValue.value = value;
-  init(undefined, searchGroup.value);
-}
-function handleValueChange (value, info) {
-  console.log(value,'/////');
-  searchExpiredAt.value = value;
-  expiredAtList.value = info;
-}
 function init (flag, searchValue) {
+  searchGroup.value = searchValue
   memberPagination.value.current = 1;
   asideItem.value = undefined;
   getProjectMembers(projectId.value, flag, searchValue);
@@ -585,10 +489,11 @@ function init (flag, searchValue) {
 function asideClick (item) {
   handleAsideClick(item, projectId.value);
 }
+function getAsidePageChange (current, projectId) {
+  handleAsidePageChange(current, projectId, searchGroup.value)
+}
 async function refresh () {
-  searchValue.value = [];
-  searchExpiredAt.value = [];
-  expiredAtList.value = [];
+  manageSearchRef.value?.clearSearch();
   getProjectMembers(projectId.value, true);
 }
 /**
@@ -806,31 +711,6 @@ function asideRemoveConfirm (removeUser, handOverForm) {
   handleAsideRemoveConfirm(removeUser, handOverForm, projectId.value, manageAsideRef.value);
 }
 
-async function getMenuList (item, keyword) {
-  const query = {
-    memberType: item.id,
-    page: 1,
-    pageSize: 400,
-    projectCode: projectId.value,
-  }
-  if (item.id === 'user' && keyword) {
-    query.userName = keyword
-  } else if (item.id === 'department' && keyword) {
-    query.deptName = keyword
-  }
-  if(item.id === 'groupName') {
-    return []
-  } else {
-    const res = await http.getProjectMembers(projectId.value, query)
-    return res.records.map(i => {
-      return {
-        ...i,
-        displayName: i.name || i.id,
-        name: i.type === 'user' ? (!i.name ? i.id : `${i.id} (${i.name})`) : i.name,
-      }
-    })
-  }
-}
 function handleChangeOverFormName ({list, userList}) {
   if(!list){
     Object.assign(handOverForm.value, getHandOverForm());
@@ -862,26 +742,6 @@ function closeDeptListPermissionDialog () {
     background: #FFFFFF;
     padding: 16px 24px;
     box-shadow: 0 2px 4px 0 #1919290d;
-    
-    .search-expired {
-      display: flex;
-      align-items: center;
-
-      .search-terms {
-        color: #63656e;
-        line-height: 30px;
-        padding: 0 10px;
-        color: #63656e;
-        border: 1px solid #c4c6cc;
-        border-radius: 2px;
-        background-color: #f5f7fa;
-      }
-    }
-
-    .multi-search {
-      width: 50%;
-      margin-left: 10px;
-    }
   }
 
   .manage-article {
diff --git a/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-aside.vue b/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-aside.vue
index d5bdfb3581c..dc7f5fb36ca 100644
--- a/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-aside.vue
+++ b/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-aside.vue
@@ -373,7 +373,7 @@ async function handConfirm (flag) {
         emit('removeConfirm', removeUser.value, handOverForm.value);
       }
     } else {
-      emit('removeConfirm', removeUser.value);
+      emit('removeConfirm', removeUser.value, {});
     }
   } catch (error) {}
 }
diff --git a/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-search.vue b/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-search.vue
new file mode 100644
index 00000000000..31bce07bc2c
--- /dev/null
+++ b/src/frontend/devops-manage/src/components/user-group/components/children/permission-manage/manage-search.vue
@@ -0,0 +1,305 @@
+<template>
+    <bk-select
+      class="search-select"
+      v-model="serviceValue"
+      :prefix="t('所属服务')"
+      @change="serviceChange"
+    >
+      <bk-option
+        v-for="(item, index) in serviceList"
+        :id="item.resourceType"
+        :key="index"
+        :name="item.name"
+      />
+    </bk-select>
+
+    <bk-select
+      class="search-select"
+      v-model="resourceValue"
+      :prefix="t('资源')"
+      filterable
+      :input-search="false"
+      :disabled="isAllowSearch"
+      :scroll-loading="resourceScrollLoading"
+      @scroll-end="resourceScrollEnd"
+      :remote-method="getSearchResource"
+      >
+      <bk-option
+        v-for="(item, index) in resourceList"
+        :id="item.resourceCode"
+        :key="index"
+        :name="item.resourceName"
+      />
+    </bk-select>
+
+    <bk-select
+      class="search-select"
+      v-model="actionValue"
+      :prefix="t('操作')"
+      :disabled="isAllowSearch"
+      >
+      <bk-option
+        v-for="(item, index) in actionList"
+        :id="item.action"
+        :key="index"
+        :name="item.actionName"
+      />
+    </bk-select>
+
+    <div class="search-expired">
+      <p class="search-terms">{{ t('过期时间') }}</p>
+      <date-picker
+        v-model="searchExpiredAt"
+        :commonUseList="commonUseList"
+        @update:model-value="handleValueChange"
+      />
+    </div>
+    <bk-search-select
+      v-model="searchValue"
+      :data="searchData"
+      unique-select
+      class="multi-search"
+      value-behavior="need-key"
+      :placeholder="filterTips"
+      :get-menu-list="getMenuList"
+      @search="handleSearch(searchValue)"
+    />
+</template>
+
+<script setup>
+import { ref, onMounted, computed, watch, defineEmits } from 'vue';
+import DatePicker from '@blueking/date-picker';
+import '@blueking/date-picker/vue3/vue3.css';
+import http from '@/http/api';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+const route = useRoute();
+const { t } = useI18n();
+const projectId = computed(() => route.params?.projectCode || route.query?.projectCode);
+
+const serviceValue = ref('');
+const resourceValue = ref('');
+const actionValue = ref('');
+const serviceList = ref([]);
+const resourceList = ref([]);
+const actionList = ref([]);
+const isAllowSearch = ref(true);
+const resourceScrollLoading = ref(false);
+const resourcePage = ref(1);
+const hasNextPage = ref(false);
+const searchExpiredAt = ref([]);
+const expiredAtList = ref([])
+const searchValue = ref([]);
+const searchResourceName=ref();
+const filterTips = computed(() => {
+  return searchData.value.map(item => item.name).join(' / ');
+});
+const searchData = computed(() => {
+  const data = [
+    {
+      name: t('用户'),
+      id: 'user',
+    },
+    {
+      name: t('组织架构'),
+      id: 'department',
+    },
+    {
+      name: t('用户组名称'),
+      id: 'groupName',
+    },
+  ]
+  return data.filter(data => {
+    return !searchValue.value.find(val => val.id === data.id)
+  })
+});
+const commonUseList = ref([
+  {
+    id: ['now', 'now+24h'],
+    name: t('未来 X 小时', [24]),
+  },
+  {
+    id: ['now', 'now+7d'],
+    name: t('未来 X 天', [7]),
+  },
+  {
+    id: ['now', 'now+15d'],
+    name: t('未来 X 天', [15]),
+  },
+  {
+    id: ['now', 'now+30d'],
+    name: t('未来 X 天', [30]),
+  },
+  {
+    id: ['now', 'now+60d'],
+    name: t('未来 X 天', [60]),
+  },
+  {
+    id: ['now-24h', 'now'],
+    name: t('过去 X 小时', [24]),
+  },
+  {
+    id: ['now-7d', 'now'],
+    name: t('过去 X 天', [7]),
+  },
+  {
+    id: ['now-15d', 'now'],
+    name: t('过去 X 天', [15]),
+  },
+  {
+    id: ['now-30d', 'now'],
+    name: t('过去 X 天', [30]),
+  },
+  {
+    id: ['now-60d', 'now'],
+    name: t('过去 X 天', [60]),
+  },
+]);
+const searchGroup = computed(() => ({
+  searchValue: searchValue.value,
+  expiredAt: expiredAtList.value,
+  relatedResourceType: serviceValue.value,
+  relatedResourceCode: resourceValue.value,
+  action: actionValue.value,
+}));
+const emit = defineEmits(['searchInit']);
+
+watch(searchGroup, () => {
+  emit('searchInit', undefined, searchGroup.value)
+});
+watch(serviceValue, (newValue) => {
+  if (newValue) {
+    isAllowSearch.value = false;
+    getListResource();
+    getListActions();
+  } else {
+    isAllowSearch.value = true;
+  }
+})
+onMounted(()=>{
+  getListResourceTypes()
+})
+defineExpose({
+  clearSearch,
+});
+function clearSearch () {
+  searchValue.value = [];
+  searchExpiredAt.value = [];
+  expiredAtList.value = [];
+  serviceValue.value = '';
+  resourceValue.value = '';
+  actionValue.value = '';
+}
+function handleSearch (value) {
+  if(!value.length) return;
+  searchValue.value = value;
+  emit('searchInit', undefined, searchGroup.value)
+}
+function handleValueChange (value, info) {
+  searchExpiredAt.value = value;
+  expiredAtList.value = info;
+}
+async function getListResourceTypes () {
+  try {
+    const res = await http.getListResourceTypes();
+    serviceList.value = res;
+  } catch (error) {
+    console.error(error);
+  }
+}
+function getSearchResource (val) {
+  searchResourceName.value = val;
+  resourceList.value =[]
+  getListResource();
+}
+async function getListResource () {
+  try {
+    resourceScrollLoading.value = true;
+    const query = {
+      page: resourcePage.value,
+      pageSize: 10,
+      ...(searchResourceName.value && {resourceName: searchResourceName.value}),
+    };
+    const res = await http.getListResource(projectId.value, serviceValue.value, query);
+    hasNextPage.value = res.hasNext;
+    resourceList.value.push(...res.records);
+    resourceScrollLoading.value = false;
+  } catch (error) {
+    console.error(error);
+  }
+}
+async function resourceScrollEnd () {
+  if (!hasNextPage.value) return;
+  resourcePage.value ++;
+  getListResource();
+}
+async function getListActions () {
+  try {
+    const res = await http.getListActions(serviceValue.value);
+    actionList.value = res;
+  } catch (error) {
+    console.error(error);
+  }
+}
+function serviceChange (value) {
+  serviceValue.value = value;
+  resourcePage.value = 1;
+  resourceValue.value = '';
+  actionValue.value = '';
+  resourceList.value = [];
+  actionList.value = [];
+}
+async function getMenuList (item, keyword) {
+  const query = {
+    memberType: item.id,
+    page: 1,
+    pageSize: 400,
+    projectCode: projectId.value,
+  }
+  if (item.id === 'user' && keyword) {
+    query.userName = keyword
+  } else if (item.id === 'department' && keyword) {
+    query.deptName = keyword
+  }
+  if(item.id === 'groupName') {
+    return []
+  } else {
+    const res = await http.getProjectMembers(projectId.value, query)
+    return res.records.map(i => {
+      return {
+        ...i,
+        displayName: i.name || i.id,
+        name: i.type === 'user' ? (!i.name ? i.id : `${i.id} (${i.name})`) : i.name,
+      }
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.search-select {
+  margin-right: 10px;
+}
+
+.search-expired {
+  display: flex;
+  align-items: center;
+
+  .search-terms {
+    white-space: nowrap;
+    color: #63656e;
+    line-height: 30px;
+    padding: 0 10px;
+    color: #63656e;
+    border: 1px solid #c4c6cc;
+    border-radius: 2px;
+    background-color: #f5f7fa;
+  }
+}
+
+.multi-search {
+  width: 50%;
+  margin-left: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/frontend/devops-manage/src/http/api.ts b/src/frontend/devops-manage/src/http/api.ts
index dec15f446bd..bfcd04c9896 100644
--- a/src/frontend/devops-manage/src/http/api.ts
+++ b/src/frontend/devops-manage/src/http/api.ts
@@ -337,5 +337,26 @@ export default {
 
   removeMemberFromProjectCheck (projectId: string, params: any) {
     return http.post(`${IAM_PERFIX}/member/${projectId}/removeMemberFromProjectCheck`, params);
+  },
+  /**
+   * 获取资源类型列表
+   */
+  getListResourceTypes () {
+    return http.get(`${USER_PERFIX}/auth/apply/listResourceTypes`);
+  },
+  /**
+   * 获取资源列表
+   */
+  getListResource (projectId: string, resourceType: string, params: any) {
+    const query = new URLSearchParams({
+      ...params,
+    }).toString();
+    return http.get(`${USER_PERFIX}/auth/resource/${projectId}/${resourceType}/listResources?${query}`);
+  },
+  /**
+   * 展示动作列表
+   */
+  getListActions (resourceType: string) {
+    return http.get(`${USER_PERFIX}/auth/apply/listActions?resourceType=${resourceType}`);
   }
 };
diff --git a/src/frontend/devops-manage/src/store/manageAside.ts b/src/frontend/devops-manage/src/store/manageAside.ts
index 8abf4ddf168..aa72082ce9a 100644
--- a/src/frontend/devops-manage/src/store/manageAside.ts
+++ b/src/frontend/devops-manage/src/store/manageAside.ts
@@ -22,6 +22,9 @@ interface MemberListParamsType {
   groupName?: string,
   minExpiredAt?: number,
   maxExpiredAt?: number,
+  relatedResourceType?: string,
+  relatedResourceCode?: string,
+  action?: string,
 }
 
 export default defineStore('manageAside', () => {
@@ -38,23 +41,23 @@ export default defineStore('manageAside', () => {
   const btnLoading = ref(false);
   const removeUserDeptListMap = ref({});
   const showDeptListPermissionDialog = ref(false);
-  const seacrhObj = ref<SearchParamsType>({});
+  const searchObj = ref<SearchParamsType>({});
   /**
    * 人员组织侧边栏点击事件
    */
   function handleAsideClick(item: AsideItem) {
     asideItem.value = item;
     activeTab.value = item.id;
-    groupTableStore.fetchUserGroupList(item, seacrhObj.value);
+    groupTableStore.fetchUserGroupList(item, searchObj.value);
   }
   /**
    * 人员组织侧边栏页码切换
    */
-  async function handleAsidePageChange(current: number, projectId: string) {
+  async function handleAsidePageChange(current: number, projectId: string, searchGroup?: any) {
     asideItem.value = undefined;
     if (memberPagination.value.current !== current) {
       memberPagination.value.current = current;
-      getProjectMembers(projectId, true);
+      getProjectMembers(projectId, true, searchGroup);
     }
   }
   /**
@@ -71,7 +74,6 @@ export default defineStore('manageAside', () => {
    */
   async function handleAsideRemoveConfirm(removeUser: AsideItem, handOverMember: AsideItem, projectId: string, manageAsideRef: any) {
     showDeptListPermissionDialog.value = false
-    console.log(handOverMember, 'handOverMember')
     const params = {
       targetMember: removeUser,
       ...(Object.keys(handOverMember).length && {handoverTo: handOverMember})
@@ -114,6 +116,16 @@ export default defineStore('manageAside', () => {
       params.departedFlag = departedFlag;
     }
 
+    if (searchGroup?.relatedResourceType) {
+      params.relatedResourceType = searchGroup.relatedResourceType
+    }
+    if (searchGroup?.relatedResourceCode) {
+      params.relatedResourceCode = searchGroup.relatedResourceCode
+    }
+    if (searchGroup?.action) {
+      params.action = searchGroup.action
+    }
+
     if (searchGroup?.expiredAt && Object.keys(searchGroup?.expiredAt).length) {
       params.minExpiredAt = getTimestamp(searchGroup.expiredAt[0]?.formatText);
       params.maxExpiredAt = getTimestamp(searchGroup.expiredAt[1]?.formatText);
@@ -143,11 +155,15 @@ export default defineStore('manageAside', () => {
     try {
       isLoading.value = true;
       const params = getParams(projectId, departedFlag, searchGroup);
-      
-      seacrhObj.value = {
-        ...(params.groupName && {groupName: params.groupName}),
-        ...(params.minExpiredAt && {minExpiredAt: params.minExpiredAt}),
-        ...(params.maxExpiredAt && {maxExpiredAt: params.maxExpiredAt}),
+
+      searchObj.value = {
+        ...['groupName', 'minExpiredAt', 'maxExpiredAt', 'relatedResourceType', 'relatedResourceCode', 'action']
+          .reduce((acc, key) => {
+            if (params[key]) {
+              acc[key] = params[key];
+            }
+            return acc;
+          }, {})
       }
 
       const res = await http.getProjectMembersByCondition(projectId, params);
diff --git a/src/frontend/locale/manage/en-US.json b/src/frontend/locale/manage/en-US.json
index a129dbd7ec8..16666a92134 100644
--- a/src/frontend/locale/manage/en-US.json
+++ b/src/frontend/locale/manage/en-US.json
@@ -262,5 +262,7 @@
     "未来 X 小时": "Next {0} Hours",
     "未来 X 天": "Next {0} Days",
     "过去 X 小时": "Last {0} Hours",
-    "过去 X 天": "Last {0} Days"
+    "过去 X 天": "Last {0} Days",
+    "所属服务": "Associated Service",
+    "资源": "Resource"
 }
diff --git a/src/frontend/locale/manage/zh-CN.json b/src/frontend/locale/manage/zh-CN.json
index bc227da853f..ee0a8c5ece8 100644
--- a/src/frontend/locale/manage/zh-CN.json
+++ b/src/frontend/locale/manage/zh-CN.json
@@ -263,5 +263,7 @@
     "未来 X 小时": "未来 {0} 小时",
     "未来 X 天": "未来 {0} 天",
     "过去 X 小时": "过去 {0} 小时",
-    "过去 X 天": "过去 {0} 天"
+    "过去 X 天": "过去 {0} 天",
+    "所属服务": "所属服务",
+    "资源": "资源"
 }