From afb7222955b433fbf4bfacf538d1a494d062d5f0 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Tue, 27 Jan 2026 21:00:35 +0800
Subject: [PATCH] =?UTF-8?q?refactor(workflow):=20=E4=BD=BF=E7=94=A8=20useR?=
 =?UTF-8?q?equest=20=E6=9B=BF=E6=8D=A2=E6=89=8B=E5=8A=A8=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=E5=92=8C=E6=B8=85=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除手动 onMounted 数据获取和 shallowRef，改用 alova 的 useRequest hook 以简化代码并自动管理请求生命周期。同时添加 onBeforeUnmount 以在组件卸载时取消请求，避免潜在的内存泄漏。
---
 .../views/workflow/leave/leave-description.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/apps/web-antd/src/views/workflow/leave/leave-description.vue b/apps/web-antd/src/views/workflow/leave/leave-description.vue
index 4723b7ba..1da5f008 100644
--- a/apps/web-antd/src/views/workflow/leave/leave-description.vue
+++ b/apps/web-antd/src/views/workflow/leave/leave-description.vue
@@ -1,10 +1,9 @@
 <script setup lang="tsx">
 import type { DescriptionsProps } from 'antdv-next';
 
-import type { LeaveVO } from '../leave/api/model';
-
-import { computed, onMounted, shallowRef } from 'vue';
+import { computed, onBeforeUnmount } from 'vue';
 
+import { useRequest } from 'alova/client';
 import { Descriptions, Skeleton } from 'antdv-next';
 import dayjs from 'dayjs';
 
@@ -18,11 +17,14 @@ defineOptions({
 
 const props = defineProps<{ businessId: number | string }>();
 
-const data = shallowRef<LeaveVO>();
-onMounted(async () => {
-  const resp = await leaveInfo(props.businessId);
-  data.value = resp;
-});
+// const data = shallowRef<LeaveVO>();
+
+const { data, abort } = useRequest(() => leaveInfo(props.businessId));
+onBeforeUnmount(abort);
+// onMounted(async () => {
+//   const resp = await leaveInfo(props.businessId);
+//   data.value = resp;
+// });
 
 const leaveType = computed(() => {
   return (