提交

web-admin/src/views/system/workflow/task-pending/index.vue

@@ -124,8 +124,14 @@
         :show-close="false"
         style="backdrop-filter: none"
       >
-        <div v-loading="detailLoading" class="dialog-scroll">
-          <template v-if="detailData">
+        <div class="dialog-scroll" :class="{ 'is-view-loading': detailLoading }">
+          <DialogDetailSkeleton
+            v-if="detailLoading"
+            variant="system-view"
+            :section-count="2"
+            :field-count="6"
+          />
+          <template v-else-if="detailData">
             <div class="view-hero">
               <div class="view-hero-icon">
                 <el-icon :size="28"><Document /></el-icon>
@@ -194,6 +200,7 @@
 </template>
 
 <script setup lang="ts">
+  import DialogDetailSkeleton from '@/components/business/dialog-detail-skeleton/index.vue'
   import { fetchPendingTasks, fetchInstanceDetail } from '@/api/workflow'
   import ApprovalDialog from '../components/ApprovalDialog.vue'
   import ProcessStatusTag from '../components/ProcessStatusTag.vue'