diff --git a/apps/web-antd/src/views/workflow/processDefinition/category-tree.vue b/apps/web-antd/src/views/workflow/processDefinition/category-tree.vue
index eeeebf4b5..b9b5f3ebe 100644
--- a/apps/web-antd/src/views/workflow/processDefinition/category-tree.vue
+++ b/apps/web-antd/src/views/workflow/processDefinition/category-tree.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { Key } from 'antdv-next/dist/table/interface';
+
 import type { PropType } from 'vue';
 
 import type { CategoryTree } from '#/api/workflow/category/model';
@@ -20,7 +22,7 @@ const emit = defineEmits<{
   /**
    * 点击节点的事件
    */
-  select: [];
+  select: [keys: string[]];
 }>();
 
 const selectCode = defineModel('selectCode', {
@@ -54,6 +56,10 @@ async function handleReload() {
 }
 
 onMounted(loadTree);
+
+function handleSelect(keys: Key[]) {
+  emit('select', keys as string[]);
+}
 </script>
 
 <template>
@@ -83,6 +89,7 @@ onMounted(loadTree);
           </InputSearch>
         </div>
         <div class="h-full overflow-x-hidden px-[8px]">
+          <!-- TODO: 适配antdv-next -->
           <Tree
             v-bind="$attrs"
             v-if="categoryTreeArray.length > 0"
@@ -93,7 +100,13 @@ onMounted(loadTree);
             :tree-data="categoryTreeArray"
             :virtual="false"
             default-expand-all
-            @select="$emit('select')"
+            @select="handleSelect"
+            :styles="{
+              item: {
+                '--ant-tree-node-selected-bg':
+                  'var(--ant-color-primary-bg-hover)',
+              },
+            }"
           >
             <template #title="{ label }">
               <span v-if="label.includes(searchValue)">
diff --git a/apps/web-antd/src/views/workflow/processDefinition/index.vue b/apps/web-antd/src/views/workflow/processDefinition/index.vue
index 653f1368e..b123b7e68 100644
--- a/apps/web-antd/src/views/workflow/processDefinition/index.vue
+++ b/apps/web-antd/src/views/workflow/processDefinition/index.vue
@@ -266,6 +266,11 @@ async function handleReload(type: 'add' | 'update') {
   }
   await tableApi.reload();
 }
+
+function handleCategorySelect(keys: string[]) {
+  selectedCode.value = keys;
+  tableApi.reload();
+}
 </script>
 
 <template>
@@ -275,7 +280,7 @@ async function handleReload(type: 'add' | 'update') {
         v-model:select-code="selectedCode"
         class="w-[260px]"
         @reload="() => tableApi.reload()"
-        @select="() => tableApi.reload()"
+        @select="handleCategorySelect"
       />
       <BasicTable class="flex-1 overflow-hidden">
         <template #toolbar-actions>
diff --git a/apps/web-antd/src/views/workflow/processInstance/index.vue b/apps/web-antd/src/views/workflow/processInstance/index.vue
index 3dc806cf9..57c23ea02 100644
--- a/apps/web-antd/src/views/workflow/processInstance/index.vue
+++ b/apps/web-antd/src/views/workflow/processInstance/index.vue
@@ -161,6 +161,11 @@ function handleInfo(row: any) {
   flowInfoModalApi.setData({ businessId: row.businessId });
   flowInfoModalApi.open();
 }
+
+function handleCategorySelect(keys: string[]) {
+  selectedCode.value = keys;
+  tableApi.reload();
+}
 </script>
 
 <template>
@@ -170,7 +175,7 @@ function handleInfo(row: any) {
         v-model:select-code="selectedCode"
         class="w-[260px]"
         @reload="() => tableApi.reload()"
-        @select="() => tableApi.reload()"
+        @select="handleCategorySelect"
       />
       <BasicTable class="flex-1 overflow-hidden">
         <template #toolbar-actions>