From ba577dda1453586c242b19ae944e3329721b55f9 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Tue, 27 Jan 2026 21:22:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(workflow):=20=E6=B7=BB=E5=8A=A0=E9=AA=A8?=
 =?UTF-8?q?=E6=9E=B6=E5=B1=8F=E5=BB=B6=E8=BF=9F=E6=98=BE=E7=A4=BA=E4=BB=A5?=
 =?UTF-8?q?=E9=81=BF=E5=85=8D=E5=BF=AB=E9=80=9F=E8=AF=B7=E6=B1=82=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E7=9A=84=E9=97=AA=E7=83=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

使用 useTimeout 延迟 300ms 显示骨架屏，防止接口响应过快时骨架屏短暂闪烁，提升用户体验
---
 .../src/views/workflow/leave/leave-description.vue  | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 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 1da5f008..afe3a1e3 100644
--- a/apps/web-antd/src/views/workflow/leave/leave-description.vue
+++ b/apps/web-antd/src/views/workflow/leave/leave-description.vue
@@ -1,8 +1,9 @@
 <script setup lang="tsx">
 import type { DescriptionsProps } from 'antdv-next';
 
-import { computed, onBeforeUnmount } from 'vue';
+import { computed, onBeforeUnmount, ref } from 'vue';
 
+import { useTimeout } from '@vueuse/core';
 import { useRequest } from 'alova/client';
 import { Descriptions, Skeleton } from 'antdv-next';
 import dayjs from 'dayjs';
@@ -61,12 +62,20 @@ const items = computed<DescriptionsProps['items']>(() => {
     },
   ];
 });
+
+// 延时的骨架屏 防止接口请求过快 导致闪烁
+const showSkeleton = ref(false);
+useTimeout(300, {
+  callback: () => {
+    showSkeleton.value = true;
+  },
+});
 </script>
 
 <template>
   <div class="rounded-[6px] border p-2">
     <Descriptions v-if="data" :column="1" :items="items" size="middle" />
 
-    <Skeleton v-else active />
+    <Skeleton v-else-if="showSkeleton && !data" active />
   </div>
 </template>