From 457c59e6a80055c401f1e5357a23893625df66ee Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Mon, 23 Mar 2026 13:29:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8F=96=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../processDefinition/category-tree.vue         | 17 +++++++++++++++--
 .../views/workflow/processDefinition/index.vue  |  7 ++++++-
 .../views/workflow/processInstance/index.vue    |  7 ++++++-
 3 files changed, 27 insertions(+), 4 deletions(-)

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>